@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-6{height:calc(var(--spacing) * 6)}.h-\[132px\]{height:132px}.h-\[460px\]{height:460px}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-6{width:calc(var(--spacing) * 6)}.w-80{width:calc(var(--spacing) * 80)}.w-\[132px\]{width:132px}.w-full{width:100%}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:var(--container-md)}.min-w-\[52px\]{min-width:52px}.min-w-\[1100px\]{min-width:1100px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-emerald-200{border-color:var(--color-emerald-200)}.border-red-200{border-color:var(--color-red-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-emerald-700{color:var(--color-emerald-700)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-sky-300{color:var(--color-sky-300)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-emerald-200{--tw-ring-color:var(--color-emerald-200)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-sky-300{--tw-ring-color:var(--color-sky-300)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}@media(hover:hover){.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-sky-50\/40:hover{background-color:#f0f9ff66}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sky-50\/40:hover{background-color:color-mix(in oklab,var(--color-sky-50) 40%,transparent)}}.hover\:bg-sky-600:hover{background-color:var(--color-sky-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-sky-400:focus{--tw-ring-color:var(--color-sky-400)}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:64rem){.lg\:p-5{padding:calc(var(--spacing) * 5)}}@media(min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--primary-blue:#00b0fa;--primary-blue-light:#33c0fb;--primary-blue-dark:#008ac5;--primary-blue-subtle:#f0f9ff;--bg-white:#fff;--bg-gray-50:#f8fafc;--bg-gray-100:#f2f4f7;--bg-gray-200:#eaecf0;--status-green:#12b76a;--status-green-light:#ecfdf5;--status-red:#f04438;--status-red-light:#fef3f2;--status-orange:#f79009;--status-orange-light:#fffaeb;--text-primary:#101828;--text-secondary:#475467;--text-tertiary:#667085;--border-color:#eaecf0;--radius-premium:12px;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;--sidebar-width:240px;--sidebar-collapsed-width:80px;--header-height:72px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);background-color:var(--bg-gray-50);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}@media(max-width:768px){.container{padding:0 16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{display:none!important}::-webkit-scrollbar-track{background:var(--bg-gray-100)}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#98a2b3}.container{max-width:1400px;margin:0 auto;padding:0 32px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-white{background-color:var(--bg-white)}.bg-gray-50{background-color:var(--bg-gray-50)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.btn{border-radius:var(--radius-premium);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover{background:var(--primary-blue-dark);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-gray-50)}select,.filter-dropdown,.doc-type-select,.doc-filter-select,.category-select-wrapper,.edit-risk-select,.select-input-mock,.doc-date-range,.zone-btn,.btn-create-large,.btn-import-large,.add-material-btn-small,.export-record-btn-top,.filter-btn,.filter-select{position:relative;appearance:none!important;border:1.5px solid var(--border-color)!important;border-radius:var(--radius-premium)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/xml' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;background-color:var(--bg-white)!important;color:var(--text-primary)!important;font-family:var(--font-family)!important;cursor:pointer!important;outline:none!important;align-items:center!important;height:44px!important;padding-left:16px!important;padding-right:40px!important;font-size:14px!important;transition:all .2s!important;display:inline-flex!important}select:hover,.filter-dropdown:hover,.doc-type-select:hover,.doc-filter-select:hover,.category-select-wrapper:hover,.edit-risk-select:hover,.select-input-mock:hover,.doc-date-range:hover,.zone-btn:hover,.filter-btn:hover,.filter-select:hover,select:focus,.filter-dropdown:focus,.doc-type-select:focus,.doc-filter-select:focus,.filter-dropdown.active,.category-select-wrapper.active,.doc-type-select.active,.doc-filter-select.active,.filter-btn.active,.filter-select.active{border-color:var(--primary-blue)!important;box-shadow:0 0 0 4px var(--primary-blue-subtle)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/xml' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300B0FA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.custom-dropdown-menu{border:1px solid var(--border-color);border-radius:var(--radius-premium);z-index:1000;transform-origin:top;background:#fff;flex-direction:column;gap:2px;min-width:100%;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes dropdownFadeIn{0%{opacity:0;transform:scaleY(.95)translateY(-10px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.custom-dropdown-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:left;background-color:#0000;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-dropdown-item:hover{background-color:var(--bg-gray-50);color:var(--primary-blue);padding-left:20px}.custom-dropdown-item.active{font-weight:700;box-shadow:0 4px 12px #00b0fa40;background-color:var(--primary-blue)!important;color:#fff!important}.custom-dropdown-item.active:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;flex-shrink:0;width:6px;height:12px;margin-top:-4px;margin-right:4px;transform:rotate(45deg)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--primary-black: #000000;--acc-blue: #2563eb;--muted-slate: #64748b;--border-v2: #f1f5f9;--bg-v2: #ffffff}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}.login-viewport{display:flex;height:100vh;width:100vw;overflow:hidden;font-family:Inter,sans-serif;background:var(--bg-v2)}.visual-side{position:relative;flex:1.1;height:100%;background:#000}.slide-v2{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out;transform:scale(1.2)}.slide-v2.active{opacity:.7;transform:scale(1.05);transition:opacity 2s ease-in-out,transform 10s ease-out}.visual-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0000,#0009);z-index:5}.visual-caption{position:absolute;bottom:30px;left:30px;z-index:10}.tiny-label{color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.8}.form-side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:var(--bg-v2);position:relative}.auth-content{width:100%;max-width:380px;animation:authFadeUp .6s ease-out}@keyframes authFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sailingSway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.auth-header-v2{margin-bottom:24px}.brand-pill{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#fff;margin-bottom:24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);padding:8px 18px;border-radius:14px;width:fit-content;box-shadow:0 8px 20px #0ea5e940;position:relative;overflow:hidden}.brand-pill svg{animation:sailingSway 4s ease-in-out infinite,shipFloat 4s ease-in-out infinite}.brand-pill:after{content:"";position:absolute;bottom:-5px;left:0;width:200%;height:10px;background:#ffffff1a;border-radius:50%;animation:waveMove 3s linear infinite}.auth-header-v2 h2{font-size:26px;font-weight:300;color:var(--primary-black);letter-spacing:-.5px;margin-bottom:4px}.auth-header-v2 p{font-size:13px;color:var(--muted-slate)}.premium-form{display:flex;flex-direction:column;gap:16px;animation:authFadeUp .8s ease-out .2s backwards}.form-group-v2{display:flex;flex-direction:column;gap:6px}.form-group-v2 label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-slate)}.input-row-v2{position:relative;display:flex;align-items:center}.icon-v2{position:absolute;left:14px;color:var(--muted-slate);opacity:.5}.input-row-v2 input{width:100%;height:48px;padding:0 44px;border:1.5px solid #f1f5f9;border-radius:10px;background:#fdfdfd;font-size:14px;transition:all .2s ease}.input-row-v2 input:focus{outline:none;background:#fff;border-color:var(--primary-black);box-shadow:0 4px 10px #0000000d}.eye-btn{position:absolute;right:14px;background:none;border:none;color:var(--muted-slate);cursor:pointer;display:flex}.form-utils-v2{display:flex;justify-content:space-between;align-items:center;font-size:12px}.remember-v2{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted-slate);-webkit-user-select:none;user-select:none}.remember-v2 input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.remember-v2 .mark{width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.remember-v2 input:checked~.mark{background:var(--primary-black);border-color:var(--primary-black)}.remember-v2 .mark:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);display:none}.remember-v2 input:checked~.mark:after{display:block}.forgot-v2{color:var(--primary-black);text-decoration:none;font-weight:600}.btn-blocker{height:52px;background:var(--primary-black);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-blocker:hover{background:#27272a;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-blocker:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.btn-blocker:hover:after{left:100%}.btn-google-v2{height:50px;background:#fff;border:1.5px solid #f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.demo-access-banner{margin-top:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.banner-top{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;text-transform:uppercase;color:var(--muted-slate);margin-bottom:8px}.banner-details{display:flex;gap:16px}.item{font-size:11px;color:var(--muted-slate)}.item strong{color:var(--primary-black)}.auth-footer-v2{position:absolute;bottom:20px;font-size:10px;color:var(--muted-slate);opacity:.5}.dot-loading-container{display:flex;gap:4px;align-items:center;justify-content:center}.dot-v2{width:6px;height:6px;background:#fff;border-radius:50%;animation:dotBounce .6s infinite alternate}.dot-v2:nth-child(2){animation-delay:.15s}.dot-v2:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%{transform:translateY(0);opacity:1}to{transform:translateY(-6px);opacity:.4}}@media(max-width:1024px){.visual-side{display:none}.form-side{padding:30px}}@media(max-height:800px){.auth-header-v2{margin-bottom:20px}.premium-form{gap:12px}.demo-access-banner{margin-top:20px}.auth-header-v2 h2{font-size:24px}}@media(max-height:700px){.auth-header-v2,.brand-pill{margin-bottom:12px}.premium-form{gap:10px}.demo-access-banner{margin-top:12px;padding:8px 12px}.auth-header-v2 h2{font-size:20px}}.sidebar{width:var(--sidebar-width, 240px);height:100vh;background:var(--bg-white);color:var(--text-primary);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1350;border-right:1px solid var(--border-color);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width, 80px)}.sidebar.collapsed:not(.locked):hover{width:var(--sidebar-width, 240px);box-shadow:10px 0 40px #0000001f}.sidebar-toggle-btn{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:28px;height:36px;background:#334155;color:#fff;border:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:4px 0 10px #0000001a}.sidebar.collapsed .sidebar-toggle-btn{right:-28px;transform:translateY(-50%) rotate(180deg)}.sidebar-toggle-btn:hover{background:#1e293b;width:32px}.sidebar-header{padding:0 16px;height:72px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);background:#eef8ff;position:relative;z-index:10}.sidebar.collapsed .sidebar-header{padding:0;justify-content:center}.sidebar-logo{display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-logo{gap:0}.logo-icon{width:44px;height:44px;background:var(--primary-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 16px #00b0fa66;position:relative}.logo-icon svg{animation:sailingSway 4s ease-in-out infinite,shipFloat 4s ease-in-out infinite}@keyframes shipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sailingSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden;margin-left:0}.logo-text{transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.logo-text h2{font-size:16px;font-weight:800;line-height:1.2;margin:0;color:#000!important}.logo-subtitle{margin:0;font-size:11px;font-weight:600;color:#475569!important}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed .sidebar-nav{padding:20px 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-premium);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;line-height:1.4}.nav-label{white-space:normal;display:block;flex:1}.sidebar.collapsed .nav-item{padding:12px;justify-content:center;width:52px;margin:0 auto;gap:0}.sidebar.collapsed:not(.locked):hover .nav-item{width:100%;justify-content:flex-start;padding:12px 16px;gap:12px}.sidebar.collapsed:not(.locked):hover .logo-text{opacity:1;width:auto;margin-left:12px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron{opacity:0;white-space:nowrap;transition:opacity .2s ease;width:0;overflow:hidden}.sidebar.collapsed:not(.locked):hover .nav-label,.sidebar.collapsed:not(.locked):hover .nav-chevron{opacity:1;width:auto;overflow:visible;margin-left:12px}.nav-icon,.nav-icon-placeholder{flex-shrink:0;transition:transform .2s ease}.nav-icon-placeholder{width:18px;height:18px}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item:hover,.nav-item.active{background:var(--primary-blue-subtle)!important;color:var(--primary-blue)!important}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-blue);border-radius:0 4px 4px 0}.sidebar.collapsed .nav-item.active{background:var(--primary-blue-subtle)!important;box-shadow:0 4px 10px #00b0fa1a}.submenu{display:flex;flex-direction:column;padding-left:0;gap:2px;margin-top:2px;margin-bottom:2px;transition:all .3s ease}.sidebar.collapsed:not(.locked):hover .submenu{display:flex}.sidebar.collapsed .submenu{display:none}.nav-item.sub-item{padding-left:32px;height:auto;min-height:40px}.nav-item.sub-item .nav-label{font-size:13px}.sidebar.collapsed:not(.locked):hover .nav-item.sub-item{padding-left:44px}.nav-item.sub-item.sub-active{background:var(--primary-blue-subtle);color:var(--primary-blue)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0!important;border-radius:10px}.sidebar:hover::-webkit-scrollbar-thumb{background:var(--primary-blue)!important}.dashboard-header{height:72px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;top:0;left:var(--sidebar-width, 240px);right:0;z-index:1300;gap:20px}.dashboard-header.notifications-open{z-index:10000}@media(max-width:1200px){.dashboard-header{padding:0 20px}}@media(max-width:768px){.dashboard-header{left:0;height:64px;padding:0 16px}}body:has(.sidebar.collapsed) .dashboard-header{left:var(--sidebar-collapsed-width, 80px)}.header-background{position:absolute;inset:0;background:#fff;z-index:0}.header-left{display:flex;align-items:center;gap:20px;flex:1;position:relative}.search-bar{position:relative;width:380px;max-width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:1}.search-input{width:100%;padding:10px 16px 10px 48px;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:10px;font-size:14px;color:#1e293b}.header-right{display:flex;align-items:center;gap:20px;position:relative}.dashboard-header.notifications-open .header-right{z-index:10001}.user-profile-container{position:relative;z-index:10002;background:transparent}.user-profile-trigger{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .2s;background:transparent;border:1px solid transparent}.user-profile-trigger:hover{background:#f8fafc;border-color:#f1f5f9}.user-profile-trigger.active{background:#00b0fa;border-color:#00b0fa;box-shadow:0 4px 12px #00b0fa33}.user-profile-trigger.active .user-profile-name{color:#fff}.user-profile-trigger.active .user-profile-role{background:#fff3;color:#fff}.user-profile-trigger.active .user-profile-avatar{background:#ffffff1a}.dashboard-header.notifications-open .header-left{pointer-events:none}.user-profile-name{font-size:14px;font-weight:700;color:#1e293b;transition:color .2s}.user-profile-role{font-size:10px;font-weight:800;color:#fff;background:#00b0fa;padding:2px 8px;border-radius:4px;text-transform:uppercase;margin-top:2px;width:fit-content;display:block;transition:all .2s}.user-profile-avatar{width:40px;height:40px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.profile-dropdown-card{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 15px 50px #00000026;border:1px solid #F1F5F9;overflow:hidden;animation:slideIn .2s ease-out}.profile-dropdown-header{background:#f8fafc;padding:20px;display:flex;gap:16px;border-bottom:1px solid #F1F5F9}.user-big-avatar{width:52px;height:52px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d}.user-details-box{display:flex;flex-direction:column}.user-display-name{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 2px}.user-display-email{font-size:12px;color:#94a3b8;margin:0 0 8px}.user-badge-premium{font-size:9px;font-weight:800;color:#00b0fa;background:#e0f2fe;padding:2px 8px;border-radius:4px;text-transform:uppercase;width:fit-content}.profile-dropdown-menu{padding:8px}.profile-menu-item{width:100%;padding:10px 12px;display:flex;align-items:center;gap:12px;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s;color:#64748b}.profile-menu-item:hover{background:#f1f5f9;color:#1e293b}.profile-menu-item span{font-size:13px;font-weight:600}.profile-dropdown-footer{padding:8px;border-top:1px solid #F1F5F9}.logout-button{width:100%;padding:10px 12px;display:flex;align-items:center;gap:12px;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s;color:#ef4444}.logout-button:hover{background:#fef2f2}.logout-button span{font-size:13px;font-weight:700}.notification-backdrop{position:fixed;top:0;left:-500px;width:200vw;height:100vh;background:#0f172a0d;z-index:9000}.notification-container{position:relative;z-index:10002;filter:none!important}.notification-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#00b0fa;position:relative;transition:all .2s;box-shadow:0 2px 8px #0000000d}.notification-btn.active{background:#00b0fa;color:#fff;border-color:#00b0fa;box-shadow:0 0 20px #00b0fa66;transform:scale(1.05)}.notification-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.notification-card-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 15px 50px #0000004d;overflow:hidden;filter:none!important}.notification-card-header{padding:12px 16px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.notification-card-title{font-size:13px;font-weight:600;color:#1e293b;margin:0}.new-badge{background:#e0f2fe;color:#0284c7;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px}.clear-all-btn{background:none;border:none;color:#3b82f6;font-size:11px;font-weight:600;cursor:pointer}.notification-card-content{max-height:280px;overflow-y:auto}.notification-item{padding:12px 16px;display:flex;gap:10px;border-bottom:1px solid #F8FAFC}.notif-icon-wrapper{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-header{display:flex;justify-content:space-between;margin-bottom:2px}.notif-type{font-size:8px;font-weight:800;text-transform:uppercase}.notif-time{font-size:9px;color:#94a3b8}.notif-title{font-size:12px;font-weight:600;margin:0 0 2px;color:#1e293b}.notif-description{font-size:11px;color:#64748b;margin:0 0 6px;line-height:1.3}.mark-read-btn{background:none;border:none;color:#3b82f6;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.no-notifications{padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.no-notifications-icon{width:50px;height:50px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:#94a3b8}.no-notifications-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.no-notifications-text{font-size:12px;color:#64748b;line-height:1.4;margin:0;max-width:220px}.notification-card-footer{border-top:1px solid #F1F5F9}.view-all-btn{width:100%;padding:10px;color:#64748b;font-size:9px;font-weight:700;text-transform:uppercase;cursor:pointer;border:none;background:none}:root{--bg-page: #f8fafc;--card-white: #FFFFFF;--text-primary: #101828;--text-secondary: #667085;--text-muted: #98A2B3;--primary-blue: #00B0FA;--primary-blue-subtle: #f0f9ff;--border-subtle: #eaecf0;--shadow-card: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--sidebar-width: 240px;--sidebar-collapsed-width: 80px;--header-height: 72px}body{font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-primary)}.dashboard-wrapper{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));display:flex;flex-direction:column;padding-top:var(--header-height);transition:all .3s ease}body:has(.sidebar.collapsed) .main-content{margin-left:var(--sidebar-collapsed-width, 80px);width:calc(100% - var(--sidebar-collapsed-width, 80px))}.dashboard-content{padding:32px;display:flex;flex-direction:column;gap:32px;max-width:1600px;margin:0 auto;width:100%}.header-section{margin-bottom:0}.welcome-text h1{font-size:24px;font-weight:600;color:#101828;margin-bottom:4px}.welcome-text p{font-size:14px;color:#667085}.filters-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;width:100%}.custom-select-wrapper{position:relative;display:inline-block}.filter-btn{display:inline-flex;align-items:center;padding:6px 14px;background:#fff;border:1px solid #eaecf0;border-radius:8px;font-size:13px;font-weight:500;color:#344054;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #1018280d}.filter-btn:hover,.filter-btn.active{border-color:#00b0fa;color:#00b0fa;background:#f0f9ff}.custom-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;min-width:160px;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:4px 0}.custom-dropdown-item{padding:8px 12px;font-size:12px;color:#334155;cursor:pointer;transition:background .15s ease}.custom-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.custom-dropdown-item.active{background:#ccfbf1;color:#0f766e;font-weight:600}.clear-filters{margin-left:auto;background:transparent;border:none;color:var(--primary-blue);font-size:14px;font-weight:600;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.kpi-card{background:#fff;padding:24px;border-radius:var(--radius-premium);border:1px solid #EAECF0;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;height:160px}.kpi-card.blue-gradient{background:#00b0fa;color:#fff;border:none;box-shadow:0 4px 6px -1px #00b0fa1a,0 2px 4px -1px #00b0fa0f}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi-label{font-size:14px;font-weight:500;color:#667085}.kpi-card.blue-gradient .kpi-label{color:#ffffffe6}.kpi-icon-box{width:44px;height:44px;background:#f0f9ff;border-radius:var(--radius-premium);display:flex;justify-content:center;align-items:center;color:#00b0fa}.kpi-card.blue-gradient .kpi-icon-box{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.kpi-icon-box.green{color:#10b981;background:#ecfdf5}.kpi-icon-box.orange{color:#f79009;background:#fffaeb}.kpi-middle{display:flex;align-items:flex-end;gap:12px}.kpi-value{font-size:40px;font-weight:700;color:#101828;line-height:1}.kpi-card.blue-gradient .kpi-value{color:#fff}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;margin-bottom:4px}.kpi-trend.up{color:#12b76a}.kpi-card.blue-gradient .kpi-trend{color:#fffc}.content-split{display:grid;grid-template-columns:1fr 400px;gap:24px}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.section-card{background:#fff;border-radius:var(--radius-premium);border:1px solid #EAECF0;box-shadow:var(--shadow-card);padding:24px}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.title-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.title-icon.blue-bg{background:#f0f9ff;color:#00b0fa}.title-icon.orange-bg{background:#fffaeb;color:#f79009}.card-title h3{font-size:16px;font-weight:600;color:#344054}.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.user-icon-circle{width:48px;height:48px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.u-green{background:#ecfdf5;color:#12b76a}.u-blue{background:#f0f9ff;color:#2e90fa}.u-red{background:#fef3f2;color:#f04438}.u-val{font-size:24px;font-weight:700;color:#101828}.u-label{font-size:12px;color:#667085;margin-top:4px}.po-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.po-total-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#667085}.po-total-val{font-size:18px;font-weight:700;color:#101828}.po-status-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.po-status-card{padding:16px;border-radius:var(--radius-premium)}.po-pending{background:#fffaeb;border:1px solid #FEDF89}.po-received{background:#ecfdf5;border:1px solid #A6F4C5}.po-s-label{font-size:12px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:4px}.po-pending .po-s-label{color:#b54708}.po-received .po-s-label{color:#027a48}.po-s-val{font-size:28px;font-weight:700;color:#101828}.haz-mat-container{padding-top:20px;border-top:1px solid #EAECF0}.haz-title-block{font-size:13px;font-weight:600;color:#344054;margin-bottom:12px}.haz-metrics-row{display:flex;align-items:center;justify-content:space-between}.haz-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#475467}.dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#f04438}.dot-green{background:#12b76a}.haz-count{font-weight:700;color:#101828;margin-left:4px}.haz-division-line{width:1px;height:24px;background:#eaecf0}.activity-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.activity-item{display:flex;gap:16px}.act-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.act-icon.green{background:#ecfdf5;color:#12b76a}.act-icon.blue{background:#f0f9ff;color:#2e90fa}.act-content h4{font-size:14px;font-weight:600;color:#101828;margin-bottom:2px}.act-content p{font-size:13px;color:#667085;margin-bottom:4px}.act-time{font-size:12px;color:#98a2b3}.view-all-link{font-size:13px;font-weight:600;color:var(--primary-blue);text-decoration:none}.vessels-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v-color-card{padding:16px;border-radius:var(--radius-premium);display:flex;flex-direction:column;gap:8px}.v-green{background:#ecfdf5;color:#027a48}.v-red{background:#fef3f2;color:#b42318}.v-blue{background:#f0f9ff;color:#175cd3}.v-purple{background:#f9f5ff;color:#6941c6}.v-top{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.v-count{font-size:24px;font-weight:700}.v-sub{font-size:11px;font-weight:500;opacity:.8}.soc-list{display:flex;flex-direction:column;gap:12px}.soc-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #EAECF0;border-radius:var(--radius-premium)}.soc-left{display:flex;gap:12px;align-items:center}.soc-icon{width:36px;height:36px;background:#f9fafb;border:1px solid #EAECF0;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;color:#475467}.soc-info h4{font-size:14px;font-weight:600;color:#101828}.soc-info p{font-size:12px;color:#667085}.soc-right{text-align:right;display:flex;flex-direction:column;gap:2px}.soc-date-label{font-size:10px;color:#98a2b3;font-weight:500}.soc-date-val{font-size:12px;color:#344054;font-weight:600}.soc-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;margin-top:4px;align-self:flex-end}.soc-badge.badge-red{background:#fef3f2;color:#b42318}.soc-badge.badge-orange{background:#fffaeb;color:#b54708}.soc-badge.badge-green{background:#ecfdf5;color:#027a48}.ops-table-container{padding:0;overflow:hidden}.ops-table-header{padding:24px;border-bottom:1px solid #EAECF0}.ops-table-header h3{font-size:18px;font-weight:600;color:#101828;margin-bottom:4px}.ops-table-header p{font-size:14px;color:#667085}.ops-table{width:100%;border-collapse:collapse}.ops-table th{text-align:left;padding:12px 24px;background:#f9fafb;border-bottom:1px solid #EAECF0;font-size:12px;font-weight:600;color:#667085;text-transform:uppercase;letter-spacing:.05em}.th-inner{display:flex;align-items:center;gap:8px}.th-dot{width:8px;height:8px;border-radius:50%}.th-dot.orange{background:#f79009}.th-dot.red{background:#f04438}.th-dot.dark-red{background:#912018}.ops-table td{padding:16px 24px;border-bottom:1px solid #EAECF0;font-size:14px;color:#475467}.row-imo{color:#667085;font-weight:500}.row-name{font-weight:600;color:#101828}.reminder-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin:0 auto}.rem-1{background:#fffaeb;color:#b54708}.rem-2{background:#fef3f2;color:#b42318}.rem-0{color:#d0d5dd}.non-resp{background:#f04438;color:#fff}.rem-good{color:#12b76a;font-weight:700}.chevron-cell{color:#d0d5dd;cursor:pointer}@media(max-width:1400px){.content-split{grid-template-columns:1fr}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-content{margin-left:80px;width:calc(100% - 80px)}}@media(max-width:768px){.dashboard-content{padding:20px;gap:20px}.kpi-grid{grid-template-columns:1fr}.main-content{margin-left:0;width:100%}.filters-row{flex-direction:column;align-items:stretch}.clear-filters{margin-left:0;text-align:center;padding:10px}.po-status-row,.users-grid{grid-template-columns:1fr}}:root{--header-height: 72px;--tabs-height: 44px}@media(max-width:768px){:root{--header-height: 64px;--tabs-height: 48px}}.vessels-wrapper{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - var(--header-height));background-color:#f1f5f9;width:100%}.vessels-page-container{height:100vh;overflow:hidden;width:100%;display:flex;position:fixed;inset:0}.vessel-page-main{padding:var(--header-height) 0 0 0!important;height:100vh;overflow:hidden;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));position:relative;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);background-color:#f8fafc}body:has(.sidebar.collapsed) .vessel-page-main{margin-left:var(--sidebar-collapsed-width, 80px);width:calc(100% - var(--sidebar-collapsed-width, 80px))}.vessel-page-main .dashboard-header{border-bottom:none}.content-tabs-full{background:#fff;padding:0;display:flex;flex-direction:column;z-index:10}.tabs-scroll-container{display:flex;padding:0 20px;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-scroll-container::-webkit-scrollbar{display:none}.tab-item-p{display:flex;align-items:center;gap:8px;padding:16px 24px;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s;border-bottom:3px solid transparent}.tab-item-p:hover{color:var(--primary-blue)}.tab-item-p.active{color:var(--primary-blue);background:#f0f9ff;border-bottom-color:var(--primary-blue)}.vessels-layout-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden}.vessels-top-nav{background:#fff;border-bottom:1px solid #edf2f7;flex-shrink:0;z-index:100;height:var(--tabs-height);display:flex;align-items:center}.vessels-content-layout{display:flex;flex:1;overflow:hidden;width:100%;position:relative}.secondary-sidebar{width:230px;height:100%;position:relative;background-color:#0f172a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow:hidden;z-index:90;transition:width .3s ease;overscroll-behavior:contain;padding-bottom:0;flex:0 0 230px}.secondary-sidebar::-webkit-scrollbar{width:6px}.secondary-sidebar::-webkit-scrollbar-track{background:transparent}.secondary-sidebar::-webkit-scrollbar-thumb{background:#00b0fa!important;border-radius:10px}.secondary-sidebar::-webkit-scrollbar-button,.tabs-scroll-area::-webkit-scrollbar-button,.vessel-list::-webkit-scrollbar-button,.form-scroll-area::-webkit-scrollbar-button,.vessel-list.dark-mode::-webkit-scrollbar-button{display:none!important}*::-webkit-scrollbar-button{display:none!important}.sidebar-filters-wrapper{background-color:#fff;width:100%;z-index:21;border-bottom:1px solid #e2e8f0}.vessel-sidebar-filter{padding:14px 20px;display:flex;align-items:center;gap:12px;color:#475569;font-size:13px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;background:#fff}.vessel-sidebar-filter:hover{background:#f8fafc;color:#00b0fa}.vessel-sidebar-filter.card-style{margin:12px;border:1.5px solid #edf2f7;border-radius:var(--radius-premium);box-shadow:0 2px 4px #00000005}.filter-sidebar-content{padding:24px 20px;display:flex;flex-direction:column;gap:20px;background:#f8fafc}.sidebar-filter-content-direct{padding:24px 20px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid #e2e8f0}.filter-sidebar-content::-webkit-scrollbar{width:4px}.filter-sidebar-content::-webkit-scrollbar-track{background:transparent}.filter-sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.filter-sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-section-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.filter-checkbox-group{display:flex;flex-direction:column;gap:14px}.filter-checkbox-item{display:flex;align-items:center;gap:12px;color:#64748b;font-size:13px;cursor:pointer;transition:color .2s}.filter-checkbox-item:hover{color:#1e293b}.filter-checkbox-item input[type=checkbox]{appearance:none;width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s}.filter-checkbox-item input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.filter-checkbox-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.filter-date-inputs{display:flex;flex-direction:column;gap:16px}.filter-date-field{display:flex;flex-direction:column;gap:8px}.filter-date-field label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.date-input-with-icon input{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-premium);padding:10px 12px;color:#1e293b;font-size:14px;width:100%;transition:all .2s;appearance:none;-webkit-appearance:none}.calendar-icon-overlay{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#1e293b;pointer-events:none}.filter-section-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.filter-checkbox-group,.filter-radio-group{display:flex;flex-direction:column;gap:16px}.filter-checkbox-item,.filter-radio-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:14px;font-weight:500;cursor:pointer}.filter-checkbox-item input[type=checkbox]{appearance:none;width:18px;height:18px;border:1.5px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;position:relative}.filter-checkbox-item input[type=checkbox]:checked{border-color:#3b82f6}.filter-checkbox-item input[type=checkbox]:checked:after{content:"";position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b82f6;border-radius:2px}.filter-radio-item input[type=radio]{appearance:none;width:18px;height:18px;border:1.5px solid #d1d5db;border-radius:50%;background:#fff;cursor:pointer;position:relative}.filter-radio-item input[type=radio]:checked{border-color:#3b82f6}.filter-radio-item input[type=radio]:checked:after{content:"";position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b82f6;border-radius:50%}.active-vessel-summary-card{background:#0f172a;border-top:1px solid rgba(255,255,255,.1);padding:20px;display:flex;flex-direction:column;gap:6px;margin-top:auto}.active-vessel-summary-card h4{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em}.active-vessel-summary-card p{margin:0;color:#64748b;font-size:12px;font-weight:600}.vessel-search-container{padding:20px;background:#ffffff05}.vessel-search-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-premium);padding:10px 14px;display:flex;align-items:center;gap:10px}.vessel-sidebar-filter.card-style{background:#fff;margin:0 20px;padding:14px 20px;border-radius:var(--radius-premium);border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;color:#475569;font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;z-index:10}.vessel-sidebar-filter.card-style svg:first-child{color:#3b82f6}.vessel-sidebar-filter.card-style span{letter-spacing:.05em;color:#64748b}.custom-radio-circle{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.custom-radio-circle input[type=radio]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.radio-dot{width:10px;height:10px;background:#3b82f6;border-radius:50%;transform:scale(0);transition:transform .2s}.custom-radio-circle input[type=radio]:checked+.radio-dot{transform:scale(1)}.custom-radio-circle:has(input[type=radio]:checked){border-color:#3b82f6}.active-vessel-summary-card.enhanced{background:#0f172a;padding:24px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:120px;border-top:1px solid rgba(255,255,255,.05);flex:none}.summary-card-content{position:relative;z-index:2}.enhanced h4{font-size:20px;font-weight:800;margin-bottom:4px;letter-spacing:.02em}.imo-text{font-size:12px;color:#94a3b8;margin-bottom:24px;font-weight:600}.status-indicator-block{display:flex;flex-direction:column;gap:8px}.status-label-small{font-size:10px;font-weight:700;color:#475569;letter-spacing:.05em}.status-value-pill{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#10b981}.status-dot.green{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180}.bg-ship-icon{position:absolute;bottom:-20px;right:-20px;color:#ffffff08;z-index:1;transform:rotate(-15deg)}.filter-sidebar-content{padding:0 40px}.vessel-search-box input:focus{outline:none}.vessel-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;background:transparent}.sidebar-dark-content-area{background:#0f172a;background:linear-gradient(180deg,#0f172a,#1a2333);box-shadow:none;height:100%;margin:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.sidebar-dark-content-area:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(0,176,250,.08),transparent);pointer-events:none;z-index:1}.vessel-list::-webkit-scrollbar{width:3px}.vessel-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.vessel-list::-webkit-scrollbar-thumb{background:#00b0fa!important;border-radius:10px;border:1px solid rgba(15,23,42,.2)}.vessel-list::-webkit-scrollbar-thumb:hover{background:#00d1ff!important}.vessel-item{display:flex;align-items:center;gap:15px;padding:16px 20px;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.vessel-item:hover{background:#ffffff0d}.vessel-item.active{background-color:#00b0fa;border-radius:0;position:relative;padding-left:20px}.vessel-item.active h4,.vessel-item.active p{color:#fff}.vessel-item.active .vessel-status-dot{border:none}.vessel-status-dot{width:10px;height:10px;border-radius:50%;background:#64748b}.vessel-status-dot.v-active{background:#22c55e}.vessel-info-block h4{margin:0;color:#fff;font-size:14px;font-weight:600}.vessel-info-block p{margin:2px 0 0;color:#94a3b8;font-size:11px}.vessel-item.active .vessel-info-block p{color:#fffc}.risk-chip-small{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:800;text-transform:uppercase;color:#fff}.risk-chip-small.low{background:#10b981}.risk-chip-small.high{background:#ef4444;box-shadow:0 0 10px #ef44444d}.sidebar-footer{padding:20px;background:#0003}.add-vessel-btn-large{width:200px;margin:0 auto;background:#00b0fa;padding:12px}.sidebar-list-footer{padding:16px;display:flex;justify-content:center;align-items:center;background:#0f172a;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10;margin-top:auto;width:100%;flex-shrink:0}.add-vessel-btn-refined{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#00b0fa;color:#fff;border:none;padding:12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00b0fa33}.add-vessel-btn-refined:hover{background:#00d1ff;transform:translateY(-2px);box-shadow:0 8px 20px #00b0fa4d}.vessel-search-container.light-mode{padding:16px 12px;background:transparent;position:relative;z-index:10}.vessel-search-box.light{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.vessel-search-box.light:focus-within{border-color:#00b0fa;box-shadow:0 0 0 2px #00b0fa1a}.vessel-search-box.light input{background:transparent;border:none;color:#fff;font-size:13px;width:100%;outline:none}.vessel-list.light-mode{flex:1;overflow-y:auto;padding:10px 0}.vessel-list.light-mode::-webkit-scrollbar{width:4px}.vessel-list.light-mode::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.vessel-item.light{display:flex;align-items:center;gap:15px;padding:16px 20px;cursor:pointer;transition:all .2s;border-left:4px solid transparent;background:transparent}.vessel-item.light:hover{background:#ffffff08}.vessel-item.light.active{background-color:#3b82f6;margin:4px 12px;border-radius:var(--radius-premium);padding:12px 16px;box-shadow:0 4px 10px #3b82f64d}.vessel-item.light .vessel-info-block h4{color:#f1f5f9;font-size:15px;font-weight:700}.vessel-item.light .vessel-info-block p{color:#94a3b8;font-weight:500}.vessel-item.light.active .vessel-info-block p{color:#fffc}.vessel-item.light.active .vessel-status-dot{border:none}.vessels-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.vessels-main-header{flex-shrink:0}.vessel-tab-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;scroll-behavior:smooth;padding:20px}.vessel-tab-content.no-scroll{overflow:hidden;height:100%;display:flex;flex-direction:column;padding:0}.vessel-tab-content.no-padding{padding:0!important}.vessel-tab-content::-webkit-scrollbar{width:8px}.vessel-tab-content::-webkit-scrollbar-track{background:transparent}.vessel-tab-content::-webkit-scrollbar-thumb{background:#00b0fa;border-radius:10px}.vessel-tab-content::-webkit-scrollbar-thumb:hover{background:#008ac5}.vessel-header-banner{background:linear-gradient(135deg,#00b0fa,#008ac5);padding:30px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-radius:0}.banner-left{display:flex;align-items:center;gap:25px}.vessel-icon-box{background:#fff;width:64px;height:64px;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000001a}.vessel-details-banner h1{margin:0;font-size:26px;font-weight:700}.vessel-meta{display:flex;align-items:center;gap:12px;margin-top:6px;opacity:.9;font-size:15px}.dot-separator{opacity:.5}.banner-right{display:flex;align-items:center;gap:16px}.add-ship-banner-btn{background:#fff;color:#00b0fa;border:none;padding:10px 20px;border-radius:var(--radius-premium);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.add-ship-banner-btn:hover{background:#ffffffe6;transform:translateY(-2px)}.edit-mode-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:var(--radius-premium);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.edit-mode-btn:hover{background:#fff3}.vessel-status-toggle{margin-left:10px}.toggle-track{width:44px;height:22px;background:#22c55e;border-radius:11px;position:relative;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a;transition:all .2s}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;right:3px;top:3px;box-shadow:0 2px 4px #0003}.toggle-track:hover{background:#16a34a}.fleet-tabs-inline{background:#fff;width:100%;flex:1}.tabs-scroll-area{display:flex;padding:0 24px;gap:4px;height:44px;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#00B0FA transparent}.tabs-scroll-area::-webkit-scrollbar{height:6px;display:block}.tabs-scroll-area::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.tabs-scroll-area::-webkit-scrollbar-thumb{background:var(--primary-blue, #00B0FA);border-radius:10px}.tabs-scroll-area::-webkit-scrollbar-thumb:hover{background:#008ac5}.tab-item-inline{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:0 12px;color:#64748b;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;height:100%;white-space:nowrap}.tab-item-inline.active{color:#00b0fa;background:#f0f9ff;border-bottom:3px solid #00B0FA}.tab-item-inline:hover:not(.active){color:#00b0fa;background:#f8fafc}.vessels-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc;min-width:0;height:100%}.vessel-tab-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;background:#f8fafc}.vessel-tab-content.no-scroll{overflow:hidden}@media(max-width:992px){.secondary-sidebar{width:64px;overflow-x:hidden}.secondary-sidebar:hover{width:230px;z-index:1001;box-shadow:10px 0 30px #00000080;position:absolute;height:100%}}.vessel-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;height:100%}.decks-empty-state{flex:1;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:24px;overflow:hidden;height:100%}.empty-state-card{max-width:800px;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;border:1.5px solid rgba(0,176,250,.3);border-radius:var(--radius-premium);box-shadow:0 4px 20px #00b0fa0d;background:#fff}.empty-state-icon-wrapper{position:relative;margin-bottom:12px}.icon-circle{width:100px;height:100px;background:#f0f9ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.warning-badge{position:absolute;top:0;right:0;width:28px;height:28px;background:#fff7ed;border:2px solid white;color:#ea580c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 4px 10px #ea580c33}.empty-state-card h2{font-size:20px;color:#0f172a;margin-bottom:8px;font-weight:700}.empty-state-card .description{color:#64748b;line-height:1.4;margin-bottom:16px;font-size:14px}.instruction-steps{width:100%;max-width:400px;background:#f0f9ff;border-radius:var(--radius-premium);padding:12px 16px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.step-item{display:flex;align-items:center;gap:15px;text-align:left}.step-number{width:28px;height:28px;background:#00b0fa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.step-item p{margin:0;color:#334155;font-size:14px}.step-item strong{color:#00b0fa}.empty-state-actions{display:flex;justify-content:center;margin-bottom:12px}.btn-primary-blue{background:#00b0fa;border:none;color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00b0fa4d}.btn-primary-blue:hover{background:#008ac5;transform:translateY(-2px)}.btn-outline-blue{background:#fff;border:1.5px solid #00B0FA;color:#444;padding:14px 28px;border-radius:10px;font-weight:500;font-size:16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.btn-outline-blue:hover{background:#f0f9ff;border-color:#00b0fa;color:#00b0fa}.help-text{font-size:13px;color:#94a3b8}.form-scroll-area{padding:30px;flex:1}.vessel-form-card{background-color:#fff;border-radius:20px;padding:30px;border:1px solid #E2E8F0;max-width:100%;margin:0 auto;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000008}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px}.form-section-header h3{margin:0;font-size:14px;font-weight:800;color:#1e293b;letter-spacing:.1em;text-transform:uppercase}.form-divider{height:1px;background:#e2e8f0;margin:32px 0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.form-group label{font-size:13px;font-weight:600;color:#334155}.required{color:#ef4444;margin-left:2px}.form-control{border:1.5px solid #E2E8F0;border-radius:10px;padding:14px 16px;font-size:14px;color:#1e293b;transition:all .2s;background-color:#f8fafc}.form-control:focus{outline:none;border-color:#00b0fa;background-color:#fff;box-shadow:0 0 0 4px #00b0fa1a}.date-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#3b82f6}.file-upload-container{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:4px}.file-preview-box{width:100%;height:160px;background:#f8fafc;border-radius:var(--radius-premium);overflow:hidden;position:relative;border:1px solid #e2e8f0}.file-preview-box img{width:100%;height:100%;object-fit:cover}.choose-file-btn-alt{display:flex;align-items:center;justify-content:center;height:48px;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-premium);font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.choose-file-btn-alt:hover:not(.disabled){border-color:#00b0fa;color:#00b0fa;background:#f0f9ff}.file-limit-text{font-size:12px;color:#94a3b8;text-align:left;margin-top:-4px}.form-actions-circular{display:flex;justify-content:center;gap:16px;margin-top:40px}.action-btn-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff}.cancel-circle{background:#94a3b8}.cancel-circle:hover{background:#64748b;transform:scale(1.1)}.submit-circle{background:#00b0fa;box-shadow:0 8px 16px #00b0fa4d}.submit-circle:hover{background:#008ac5;transform:scale(1.1)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px}.upload-icon-circle{width:64px;height:64px;background:#fff;color:#00b0fa;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000000d}.upload-text .main-text{font-size:14px;font-weight:600;color:#475569;margin:0 0 4px}.upload-text .sub-text{font-size:12px;color:#94a3b8;margin:0}.browse-text{font-size:13px;color:#64748b}.browse-text .highlight{color:#00b0fa;font-weight:600;text-decoration:underline;text-underline-offset:4px}.radio-group-modern{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-item-modern{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#475569}.radio-item-modern input[type=radio]{width:18px;height:18px;accent-color:#00B0FA;cursor:pointer}.radio-item-modern.disabled{cursor:default;opacity:.7}.radio-item-modern.disabled input{cursor:default}.form-actions-modern{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #E2E8F0}.action-btn-text{padding:12px 32px;border-radius:var(--radius-premium);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;text-transform:uppercase;letter-spacing:.05em}.edit-btn-premium{background:#fff;color:#0f172a;border:1.5px solid #E2E8F0;display:flex;align-items:center;gap:8px;padding:12px 32px;box-shadow:0 2px 4px #00000005}.edit-btn-premium:hover{background:#f8fafc;border-color:#00b0fa;color:#00b0fa;transform:translateY(-1px);box-shadow:0 4px 12px #00b0fa1a}.edit-actions-group{display:flex;gap:16px;align-items:center}.vessel-form-card-premium{background:#fff;border-radius:var(--radius-premium);padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #F1F5F9}.form-grid-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:30px}.form-column{display:flex;flex-direction:column;gap:24px}.form-group-modern{display:flex;flex-direction:column;gap:8px}.form-group-modern label{font-size:13px;font-weight:700;color:#475569}.form-group-modern label .required{color:#ef4444}.form-control-modern{width:100%;height:44px;padding:0 16px;background:#fff;border:1.5px solid #E2E8F0;border-radius:var(--radius-premium);font-size:14px;color:#1e293b;transition:all .2s;outline:none}.form-control-modern:focus{border-color:#00b0fa;box-shadow:0 0 0 3px #00b0fa1a}.form-control-modern.read-only{background-color:transparent!important;border-color:transparent!important;color:#475569;cursor:default;padding-left:0;border:none!important;box-shadow:none!important}.date-input-wrapper-modern{position:relative;overflow:visible!important;z-index:20}.custom-date-field{width:100%;height:44px;padding:0 16px;background:#f8fafc;border:1.5px solid #edf2f7;border-radius:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.custom-date-field:hover{border-color:#00b0fa;background:#fff}.custom-date-field.active{border-color:#00b0fa;background:#fff;box-shadow:0 4px 20px #00b0fa1a}.custom-date-field.read-only{background:transparent!important;border:none!important;padding-left:0;cursor:default}.date-value-text{font-size:14px;color:#1e293b;font-weight:400}.orbital-cal-indicator{width:32px;height:32px;background:#00b0fa;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 4px 10px #00b0fa33}.custom-date-field:hover .orbital-cal-indicator{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 15px #00b0fa4d}.date-value-text.placeholder{color:#94a3b8}.innovative-calendar-popup{position:absolute;top:calc(100% + 12px);left:0;width:320px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0f172a26;border:1px solid #E2E8F0;padding:24px;z-index:9999;animation:calFadeDown .3s cubic-bezier(.16,1,.3,1)}@keyframes calFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-header-premium{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.month-year-display{display:flex;align-items:center;gap:12px}.cal-month{font-size:16px;font-weight:700;color:#0f172a}.cal-month.clickable{cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .2s}.cal-month.clickable:hover{background:#f1f5f9;color:#00b0fa}.cal-year-badge{background:#f1f5f9;padding:6px 14px;border-radius:8px;color:#00b0fa;font-size:14px;font-weight:800;border:1.5px solid #E2E8F0;transition:all .2s}.cal-year-badge.clickable{cursor:pointer}.cal-year-badge.clickable:hover{background:#e0f2fe;border-color:#00b0fa;transform:translateY(-1px);box-shadow:0 4px 10px #00b0fa1a}.year-picker-grid{display:flex;flex-direction:column;height:100%;min-height:280px}.year-picker-header{font-size:14px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.years-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow-y:auto;flex:1;padding:4px;max-height:240px}.month-picker-grid{display:flex;flex-direction:column;height:100%;min-height:280px}.months-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow-y:auto;flex:1;padding:4px}.month-cell{padding:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;text-align:center;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.month-cell:hover{background:#f0f9ff;color:#00b0fa;border-color:#00b0fa}.month-cell.current{background:#00b0fa;color:#fff;font-weight:700;box-shadow:0 4px 10px #00b0fa33;border-color:#00b0fa}.year-cell{padding:10px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;text-align:center;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.year-cell:hover{background:#f0f9ff;color:#00b0fa;border-color:#00b0fa}.year-cell.current{background:#00b0fa;color:#fff;font-weight:700;box-shadow:0 4px 10px #00b0fa33;border-color:#00b0fa}.nav-btn-cal{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.nav-btn-cal:hover{background:#e2e8f0;color:#0f172a}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.calendar-weekdays span{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.calendar-grid-premium{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;color:#475569}.calendar-day:not(.empty):hover{background:#f1f5f9;color:#00b0fa}.calendar-day.selected{background:#00b0fa!important;color:#fff!important;box-shadow:0 4px 10px #00b0fa4d}.calendar-day.today{border:2px solid #E0F2FE;color:#00b0fa}.calendar-footer-cal{margin-top:20px;padding-top:16px;border-top:1px solid #F1F5F9}.today-btn-cal{width:100%;padding:10px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.today-btn-cal:hover{background:#00b0fa;color:#fff;border-color:#00b0fa}.radio-group-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:6px}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#475569;font-weight:500;position:relative}.radio-option input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.radio-custom{width:18px;height:18px;background-color:#fff;border:2px solid #D1D5DB;border-radius:50%;position:relative;transition:all .2s}.radio-option:hover .radio-custom{border-color:#00b0fa}.radio-option input:checked~.radio-custom{background-color:#fff;border-color:#00b0fa}.radio-option input:checked~.radio-custom:after{content:"";position:absolute;display:block;width:10px;height:10px;background:#00b0fa;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-option.disabled{cursor:default;opacity:.7}.image-upload-modern{display:flex;flex-direction:column;gap:12px}.image-upload-modern label{font-size:13px;font-weight:700;color:#475569}.image-preview-container-modern{position:relative;width:100%;height:180px;background:#fbfcfe;border:1.5px solid #E2E8F0;border-radius:var(--radius-premium);overflow:hidden;cursor:pointer}.image-preview-container-modern img{width:100%;height:100%;object-fit:cover}.image-preview-container-modern.no-image{background:#f8fafc;border:2px dashed #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .2s}.custom-upload-animation{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.animated-circle{width:64px;height:64px;border:3px solid #E2E8F0;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);animation:circlePulse 4s infinite}.inverted-v-divider{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60px;height:40px}.v-line{width:2.5px;height:30px;background:#1e293b;border-radius:4px;position:absolute;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.v-line.left{left:15px;transform:rotate(-135deg) skew(20deg);transform-origin:top center}.v-line.right{right:15px;transform:rotate(135deg) skew(-20deg);transform-origin:top center}.image-preview-container-modern:hover .v-line.left{transform:rotate(-150deg) scaleY(1.3) translate(-5px);background:#00b0fa}.image-preview-container-modern:hover .v-line.right{transform:rotate(150deg) scaleY(1.3) translate(5px);background:#00b0fa}.image-preview-container-modern:hover .animated-circle{border-color:#00b0fa;transform:scale(1.1);background:#f0f9ff}@keyframes circlePulse{0%,to{transform:scale(1);border-color:#e2e8f0}50%{transform:scale(1.05);border-color:#cbd5e1}}.drag-drop-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease}.upload-overlay-modern{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;color:#fff}.image-preview-container-modern:hover .upload-overlay-modern{opacity:1}.upload-overlay-modern span{font-size:13px;font-weight:600}.upload-hint{font-size:11px;color:#94a3b8;font-style:italic}.vessel-form-actions-premium{display:flex;justify-content:center;margin-top:48px;padding:32px;background:#fbfcfe;border-top:1px solid #E2E8F0;border-radius:0 0 24px 24px}.edit-btn-premium{display:flex;align-items:center;gap:12px;background:#00b0fa;color:#fff;border:none;padding:14px 32px;border-radius:var(--radius-premium);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px #00b0fa26;transition:all .3s cubic-bezier(.16,1,.3,1)}.edit-btn-premium:hover{background:#008ac5;transform:translateY(-2px);box-shadow:0 15px 30px #00b0fa40}.actions-group-premium{display:flex;align-items:center;gap:16px}.save-btn-premium{display:flex;align-items:center;gap:12px;background:#00b0fa;color:#fff;border:none;padding:14px 36px;border-radius:var(--radius-premium);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px #00b0fa26;transition:all .3s cubic-bezier(.16,1,.3,1)}.save-btn-premium:hover{background:#008ac5;transform:translateY(-2px);box-shadow:0 15px 30px #00b0fa40}.cancel-btn-premium{background:#fff;color:#64748b;border:1.5px solid #E2E8F0;padding:14px 32px;border-radius:var(--radius-premium);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.cancel-btn-premium:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.edit-btn{background:#f1f5f9;color:#475569}.edit-btn:hover{background:#e2e8f0}.save-btn{background:#00b0fa;color:#fff;box-shadow:0 4px 12px #00b0fa33}.save-btn:hover{background:#008ac5;transform:translateY(-1px)}.cancel-btn{background:transparent;color:#64748b;border:1px solid #e2e8f0}.cancel-btn:hover{background:#f8fafc}.form-control.read-only{background-color:#f8fafc;border-color:#f1f5f9;color:#64748b;cursor:default;box-shadow:none!important}.choose-file-btn.disabled{opacity:.6;cursor:default;background:#f1f5f9}.radio-item-modern.disabled{opacity:.6;cursor:default}.cancel-p:hover{background:#64748b;transform:scale(1.05)}.submit-p{background:#00b0fa;box-shadow:0 4px 12px #00b0fa4d}.submit-p:hover{background:#008ac5;transform:scale(1.05);box-shadow:0 6px 16px #00b0fa66}.vessels-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:60px}.placeholder-card{background:#fff;padding:80px;border-radius:var(--radius-premium);text-align:center;max-width:600px;box-shadow:0 20px 50px -12px #00000014;border:1px solid #E2E8F0;display:flex;flex-direction:column;align-items:center;gap:24px}.placeholder-card h3{font-size:24px;color:#1e293b;font-weight:700}.placeholder-card p{color:#64748b;font-size:16px;line-height:1.6}@media(max-width:1440px){.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:1440px){.secondary-sidebar{width:280px}}@media(max-width:1200px){.vessels-content-layout{flex-direction:column;width:100%}.secondary-sidebar{width:100%!important;max-width:none!important;height:auto;border-right:none;border-bottom:2px solid #E2E8F0;flex-shrink:0;background-color:#0f172a;padding:5px 0}.vessel-search-container{padding:15px 20px 10px;width:100%}.vessel-search-box{width:100%;padding:12px 16px;background:#ffffff14;border:1.5px solid rgba(0,176,250,.2);border-radius:var(--radius-premium)}.sidebar-footer{padding:0 0 15px;background:transparent;width:100%;display:flex;justify-content:center}.add-vessel-btn-large{padding:12px 40px;font-size:15px;border-radius:10px;width:auto;min-width:200px;white-space:nowrap;background:#00b0fa;box-shadow:0 4px 15px #00b0fa66}.vessel-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px 20px 20px;gap:15px;height:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vessel-list::-webkit-scrollbar{display:none}.vessel-item{min-width:180px;flex:1;max-width:250px;padding:14px;height:auto;flex-shrink:0;background:#ffffff0d;border-radius:var(--radius-premium);gap:12px;border-left:none!important;transition:all .2s ease}.vessel-item.active{background-color:#00b0fa;transform:scale(1.02);box-shadow:0 8px 20px #00b0fa4d}.vessel-item.active:before{display:none}.vessel-info-block h4{font-size:15px;color:#fff;margin-bottom:2px}.vessel-info-block p{font-size:12px;color:#ffffffb3}.form-grid{grid-template-columns:1fr;gap:20px}.vessel-form-card{padding:24px;margin:0;border-radius:0;border-left:none;border-right:none;width:100%}}@media(max-width:768px){.content-tabs-inline{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%}.tabs-container-inline{width:max-content;gap:0;padding:0 10px}.tab-item-inline{padding:0 18px;font-size:13px}.vessels-main-header{position:sticky;top:0;z-index:100;background:#fff}}@media(max-width:480px){.vessel-details-banner h1{font-size:20px}.placeholder-card{padding:40px 20px}.instruction-steps{padding:15px}.step-item{gap:10px}}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.success-card-modal{background:#fff;width:100%;max-width:340px;padding:32px 28px 28px;border-radius:24px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.success-card-modal.delete{border-top:4px solid #ef4444;box-shadow:0 25px 50px -12px #ef44442e}.modal-success-icon{width:72px;height:72px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 10px 20px #22c55e4d}.modal-success-icon.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 28px #ef444459}.modal-title{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:8px}.modal-message{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:32px}.modal-action-btn{flex:1;background:#0f172a;color:#fff;border:none;padding:13px 20px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.modal-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00000026}.modal-action-btn.cancel{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.modal-action-btn.cancel:hover{background:#e2e8f0;color:#1e293b;box-shadow:none;transform:none}.modal-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.modal-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef444459}.modal-actions-group{display:flex;flex-direction:row;gap:10px;width:100%;margin-top:4px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-previews-container{padding:24px;width:100%;display:flex;flex-direction:column;gap:12px}.file-preview-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-premium);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;animation:slideIn .3s ease-out}.file-preview-card:hover{border-color:#00b0fa;box-shadow:0 4px 12px #00000008}.file-info-main{display:flex;align-items:center;gap:12px}.file-icon-small{width:36px;height:36px;background:#f0f9ff;color:#00b0fa;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center}.file-meta-small{display:flex;flex-direction:column;gap:2px}.file-name-text{font-size:13px;font-weight:600;color:#1e293b;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-text{font-size:11px;color:#94a3b8}.remove-file-btn{width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-file-btn:hover{background:#fee2e2;color:#ef4444}.add-more-files{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px dashed #E2E8F0;border-radius:10px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.add-more-files:hover{background:#f8fafc;color:#00b0fa;border-color:#00b0fa}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.doc-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #F1F5F9;background:#fff;border-radius:0 0 12px 12px}.pagination-info{font-size:14px;color:#64748b}.pagination-btns{display:flex;align-items:center;gap:8px}.page-btn{padding:8px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-premium);font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-premium);font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.page-num:hover:not(.active){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.page-num.active{background:#00b0fa;border-color:#00b0fa;color:#fff;font-weight:600}.doc-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #E2E8F0;background:#fafbfc;border-radius:0 0 16px 16px;width:100%;min-height:72px}.showing-text{font-size:12px;font-weight:700;color:#475569;letter-spacing:.5px;text-transform:uppercase;padding:8px 0}.pagination-arrows{display:flex;gap:8px;align-items:center}.arrow-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #D1D5DB;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014}.arrow-btn:hover:not(:disabled){background:#00b0fa;border-color:#00b0fa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00b0fa40}.arrow-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #00b0fa33}.arrow-btn:disabled{opacity:.35;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;box-shadow:none}.selected-file-display{display:flex;align-items:center;gap:8px;font-weight:500;color:#475569;font-size:11px}.upload-dropzone.file-selected{background:#f0f9ff;border-color:#00b0fa}.sticky-filter-section{position:relative;z-index:20;background:#fff;padding:10px 0 20px}.sidebar-footer.dark-bg{background:#0f172a;padding:20px;border-top:1px solid rgba(255,255,255,.05)}.purchase-order-sidebar-divider{height:1px;background:#ffffff0d;width:calc(100% - 40px);margin-left:20px}@media(max-width:1200px){.vessel-page-main{margin-left:80px;width:calc(100% - 80px)}.form-grid,.form-grid-three-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.vessel-header-banner{flex-direction:column;align-items:flex-start;gap:20px}.banner-right{width:100%;justify-content:flex-start}}@media(max-width:768px){.vessel-page-main{margin-left:0;width:100%}.form-grid,.form-grid-three-col{grid-template-columns:1fr}.vessel-sidebar-filter.card-style{margin:0 10px}.secondary-sidebar{display:none}.vessel-details-banner h1{font-size:20px}.vessel-meta{flex-direction:column;align-items:flex-start;gap:4px}.doc-pagination-bar{flex-direction:column;gap:16px;align-items:flex-start;padding:20px}.pagination-arrows{width:100%;justify-content:space-between}}.radio-row-compact{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.radio-row-compact{display:flex;gap:32px;margin-bottom:24px;background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #edf2f7}.radio-row-compact .form-group-modern{margin-bottom:0;flex:1}.vessels-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.vessel-tab-content{flex:1!important;overflow-y:auto!important;padding:24px}.form-scroll-area{flex:1;overflow:visible;padding:0}.vessel-form-card-premium{margin:0}.secondary-sidebar{display:flex;flex-direction:column;height:100%!important;overflow:hidden!important}.secondary-sidebar,.sidebar-dark-content-area{min-height:0}.sidebar-dark-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.vessel-list.light-mode{flex:1!important;overflow-y:auto!important;min-height:0}.sidebar-add-action{padding:24px 20px;background:#0f172a33;border-top:1px solid rgba(255,255,255,.05)}.add-vessel-btn-large{width:100%;background:var(--primary-blue);color:#fff;border:none;padding:14px;border-radius:var(--radius-premium);font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px #00b0fa4d;transition:all .2s ease}.add-vessel-btn-large:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #00b0fa66}.reports-container{padding:30px;display:flex;flex-direction:column;gap:16px;background:#f8fafc;height:100%}.report-accordion-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.report-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;background:#fff;transition:background .2s}.report-accordion-header:hover{background:#f1f5f9}.report-header-left{display:flex;align-items:center;gap:12px}.report-header-left h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.report-accordion-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:0;border-top:1px solid #f1f5f9}.report-item-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #f1f5f9}.report-icon-bg{width:44px;height:44px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.report-text h4{margin:0;font-size:15px;font-weight:700;color:#1e293b}.report-text p{margin:4px 0 0;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.report-actions{display:flex;align-items:center;gap:16px}.generate-btn-primary{display:flex;align-items:center;gap:8px;background:#00b0fa;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.02em}.generate-btn-primary:hover{background:#008ac5;transform:translateY(-1px)}.download-icon-btn{color:#475569;background:transparent;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.download-icon-btn:hover{color:#00b0fa;transform:scale(1.1)}.historical-reports-list{display:flex;flex-direction:column;gap:8px}.simple-accordion-item{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.simple-accordion-item:hover{border-color:#00b0fa;background:#f0f9ff;box-shadow:0 2px 4px #00000005}.report-item-card-compact{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.report-item-card-compact:hover:not(.locked){border-color:#00b0fa;background:#f0f9ff}.report-item-card-compact.locked{background:#f8fafc;border-color:#e2e8f0;opacity:.7;cursor:default}.report-icon-bg-small{width:36px;height:36px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.report-item-card-compact.locked .report-icon-bg-small{background:#e2e8f0;color:#cbd5e1}.report-text h4.disabled{color:#94a3b8}.report-item-card-compact .generate-btn-primary:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none}.report-item-card-compact .download-icon-btn:disabled{color:#cbd5e1;cursor:not-allowed;transform:none}.simple-item-label{font-size:14px;font-weight:600;color:#1e293b}.simple-item-label.disabled{color:#94a3b8}.historical-reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:16px;padding:0 4px 24px}.reports-container{height:100%;overflow-y:auto;padding:24px;position:relative;background:#f8fafc}.reports-stack{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.report-accordion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-accordion-card:hover{border-color:#00b0fa;box-shadow:0 10px 15px -3px #00b0fa1a;transform:translateY(-2px);z-index:10;opacity:1!important;filter:none!important}.report-accordion-card.active{border-color:#00b0fa}.report-accordion-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff}.report-group-icon{color:#64748b;transition:color .2s}.report-accordion-card:hover .report-group-icon,.report-accordion-card.active .report-group-icon{color:#00b0fa}.report-header-left{display:flex;align-items:center;gap:16px}.report-header-left h3{margin:0;font-size:14px;font-weight:500;color:#1e293b;transition:color .2s}.report-accordion-card:hover h3,.report-accordion-card.active h3{color:#00b0fa}.report-chevron{color:#94a3b8;transition:all .2s}.report-accordion-card:hover .report-chevron,.report-accordion-card.active .report-chevron{color:#00b0fa}.report-accordion-card.locked{opacity:.6;cursor:not-allowed;background:#f8fafc}.tick-count{font-size:11px;color:#f87171;margin-left:8px;font-weight:500}.report-accordion-card.locked .report-chevron{opacity:.5}.report-accordion-content{padding:8px 24px 24px;border-top:1px solid #f1f5f9;background:#fafafa}.report-item-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.report-item-row:last-child{border-bottom:none}.report-info{display:flex;align-items:center;gap:16px}.report-icon-bg{width:44px;height:44px;background:#f0f9ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#00b0fa}.report-text h4{margin:0 0 2px;font-size:14px;font-weight:400;color:#1e293b}.report-text p{margin:0;font-size:12px;color:#64748b;font-weight:400}.report-actions{display:flex;align-items:center;gap:12px}.generate-btn-primary{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00b0fa;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn-primary:hover:not(:disabled){background:#0090cc;transform:translateY(-1px)}.download-icon-btn{background:transparent;border:none;color:#00b0fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.download-icon-btn:hover{color:#0090cc;transform:scale(1.1)}.adhoc-report-form{padding:24px 0 0;display:flex;flex-direction:column;gap:32px}.report-date-row{display:flex;gap:24px}.report-date-group{flex:1;display:flex;flex-direction:column;gap:8px}.report-date-group label{font-size:13px;font-weight:700;color:#475569}.date-input-container{height:44px;border:1.5px solid #E2E8F0;border-radius:4px;display:flex;align-items:center;padding:0 12px;background:#fff}.date-input-container input{flex:1;border:none;font-size:14px;color:#1e293b;outline:none;background:transparent}.date-input-container svg{color:#94a3b8}.date-hint{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.report-file-row{margin-top:8px}.file-input-display{border-bottom:1.5px solid #E2E8F0;padding:8px 0;display:flex;justify-content:space-between;align-items:center}.file-placeholder{color:#94a3b8;font-size:14px}.file-icons{display:flex;align-items:center;gap:12px}.rotate-45{transform:rotate(45deg)}.upload-circle{width:32px;height:32px;background:#fbb03b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.report-sections-table{border-radius:4px;border:1.5px solid #F1F5F9}.sections-header{background:#fafafa;padding:12px 24px;display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#475569;border-bottom:1.5px solid #F1F5F9}.header-include{letter-spacing:.05em}.sections-list{max-height:400px;overflow-y:auto}.section-item{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #F1F5F9;background:#fff}.section-item:last-child{border-bottom:none}.section-item.nested-file{padding-left:48px;color:#64748b;font-size:13px}.section-item.nested-sub{padding-left:64px;color:#64748b;font-size:13px}.section-label-group{display:flex;align-items:center;gap:8px}.section-label-group span{font-weight:600}.section-item.nested-file span,.section-item.nested-sub span{font-weight:400}.eye-icon{color:#cbd5e1;cursor:pointer}.eye-icon:hover{color:#00b0fa}.custom-checkbox{width:20px;height:20px;border:1.5px solid #CBD5E1;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.custom-checkbox.checked{background:#1e293b;border-color:#1e293b;color:#fff}.report-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.footer-right-actions{display:flex;align-items:center;gap:16px;position:relative}.preview-report-btn{background:#fff;border:1.5px solid #E2E8F0;color:#475569;padding:10px 20px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.generate-report-btn{background:#1e293b;color:#fff;border:none;padding:11px 24px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.report-accordion-header{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff}.report-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.adhoc-report-form{padding:16px 0 0;display:flex;flex-direction:column;gap:24px}.quick-actions-bar{display:flex;background:#232d3f;padding:6px;border-radius:40px;gap:8px;box-shadow:0 4px 12px #0000001a;margin-left:12px}.q-action-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.q-action-btn:hover{color:#fff;background:#ffffff1a}.q-action-btn.active{background:#fbb03b;color:#fff}.generated-report-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.generated-report-content{background:#fff;width:100%;max-width:1000px;height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.report-main-header{padding:24px 40px;border-bottom:2px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;background:#1e293b;color:#fff;position:relative}.report-shape-decorative{position:absolute;left:0;top:0;bottom:0;width:8px;background:#00b0fa}.report-main-header h2{margin:0;font-size:22px;font-weight:800}.close-report{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7}.close-report:hover{opacity:1}.report-body{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;gap:40px}.report-section-view{border-left:4px solid #F1F5F9;padding-left:24px}.report-section-view h3{font-size:18px;color:#1e293b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.section-placeholder{color:#64748b;background:#f8fafc;padding:20px;border-radius:8px;font-style:italic}.reports-editor-wrapper{display:flex;flex-direction:column;min-height:100%;background:#f8fafc}.reports-editor-header{background:#fff;padding:16px 24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.header-title-main{display:flex;align-items:center;gap:12px}.header-title-main h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.editor-icon{color:#00b0fa}.header-meta-details{display:flex;gap:16px;font-size:12px;color:#64748b}.meta-divider{color:#cbd5e1}.reports-editor-layout{flex:1;display:grid;grid-template-columns:320px 1fr;gap:0}.section-editor-pane{background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column}.pane-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9}.pane-header h3{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em;margin:0}.add-section-btn-text{background:transparent;border:none;color:#00b0fa;font-size:11px;font-weight:700;cursor:pointer}.draggable-sections-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.draggable-sections-list::-webkit-scrollbar{width:0}.draggable-section-card{background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .3s;position:relative;box-shadow:0 2px 4px #00000005}.draggable-section-card:hover{border-color:#00b0fa;box-shadow:0 4px 12px #00b0fa1a}.draggable-section-card.moving{border-color:#3b82f6;background:#eff6ff;box-shadow:0 8px 16px #3b82f633;z-index:10}.draggable-section-card.bottom-blurred{filter:blur(2px) grayscale(.5);opacity:.6}.draggable-section-card.dull-red-card{background:#fff5f5;border-color:#fed7d7;filter:blur(4px);opacity:.4;color:#c53030}.card-drag-handle{color:#cbd5e1;display:flex;align-items:center}.dot-grid{display:grid;grid-template-columns:repeat(2,4px);gap:3px}.dot-grid:after{content:"::";font-family:serif;font-weight:700;font-size:18px;letter-spacing:1px;color:#cbd5e1;transform:rotate(90deg)}.card-label{flex:1;font-size:13px;font-weight:600;color:#334155}.card-actions-icons{display:flex;align-items:center;gap:12px}.visibility-icon{color:#94a3b8;cursor:pointer}.moving-badge{background:#2563eb;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px}.pane-footer{padding:16px 24px;border-top:1px solid #F1F5F9}.reset-order-btn{background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:700;cursor:pointer}.preview-pane-premium{background:#eef2f6;display:flex;flex-direction:column;padding:20px;overflow:hidden}.preview-title-group{display:flex;align-items:center;gap:10px}.preview-controls-top{display:flex;align-items:center;gap:20px}.page-indicator{font-size:12px;color:#64748b}.zoom-btns{display:flex;gap:8px}.zoom-btn{width:28px;height:28px;border-radius:4px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.preview-document-viewport{flex:1;overflow-y:auto;padding:40px;display:flex;justify-content:center}.mock-paper-document{width:100%;max-width:850px;background:#fff;box-shadow:0 10px 30px #0000000d;min-height:1050px;padding:40px;display:flex;flex-direction:column;margin-bottom:0}.paper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px}.paper-logo-icon{width:60px;height:60px;background:#232d3f;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.confidential-mark{text-align:right}.confidential-mark span{display:block;font-size:12px;font-weight:800;color:#2563eb}.confidential-mark small{display:block;font-size:10px;color:#94a3b8}.paper-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:0 0 40px}.paper-intro-text{font-size:14px;line-height:1.6;color:#4a5568;margin-bottom:40px}.summary-boxes-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}.summary-box{padding:24px;border-left:4px solid #E2E8F0;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.summary-box.accent{border-left-color:#f6ad55}.box-label{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em}.box-value{font-size:24px;font-weight:700;color:#1a1a1a}.hazmat-table-mock{border-top:1px solid #E2E8F0;margin-bottom:60px}.hazmat-table-mock .table-header{display:grid;grid-template-columns:2fr 2fr 1fr;padding:12px 0;font-size:11px;font-weight:700;color:#94a3b8;border-bottom:1px solid #E2E8F0}.hazmat-table-mock .table-row{display:grid;grid-template-columns:2fr 2fr 1fr;padding:16px 0;font-size:13px;color:#4a5568;border-bottom:1px solid #F1F5F9}.status-pos{color:#e53e3e;font-weight:600}.status-neg{color:#38a169;font-weight:600}.status-trace{color:#d69e2e;font-weight:600}.paper-footer-note{margin-top:auto;font-size:12px;font-style:italic;color:#94a3b8;padding-bottom:40px;border-bottom:1px solid #F1F5F9}.paper-bottom-meta{display:flex;justify-content:space-between;padding-top:12px;font-size:10px;color:#cbd5e1}.pane-footer-actions{background:#fff;padding:8px 24px;display:flex;justify-content:flex-end;align-items:center;gap:16px;border-top:1px solid #E2E8F0}.save-draft-btn-plain{background:transparent;border:none;color:#1e293b;font-size:13px;font-weight:700;cursor:pointer}.finalize-export-btn{background:#232d3f;color:#fff;border:none;padding:8px 18px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}.finalize-export-btn:hover{background:#1a2230}.vessel-status-bar{height:32px;background:#f1f5f9;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:11px;color:#94a3b8}.status-dot.dot-online{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b98166}.reports-selection-container{height:100%;display:flex;flex-direction:column;padding:40px;background:linear-gradient(135deg,#f8fafc,#eef2f6);overflow-y:auto}.selection-header-premium{display:flex;align-items:center;gap:24px;margin-bottom:48px}.header-icon-badge{width:64px;height:64px;background:#fff;box-shadow:0 10px 25px #00b0fa26;border-radius:16px;display:flex;align-items:center;justify-content:center}.header-text-block h1{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 4px}.header-text-block p{color:#64748b;font-size:15px}.report-types-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}.report-card-premium{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;position:relative;display:flex;flex-direction:column}.report-card-premium:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0f172a1a;border-color:#00b0fa}.card-top-decoration{height:6px;width:100%}.card-main-content{padding:32px;display:flex;align-items:flex-start;gap:20px}.report-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-details h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.report-details p{font-size:13px;color:#94a3b8;line-height:1.5}.card-hover-action{margin-top:auto;padding:16px 32px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#64748b;transition:all .2s}.report-card-premium:hover .card-hover-action{background:#00b0fa;color:#fff}.report-config-wrapper-premium{height:100%;padding:60px 40px;background:#0f172a url(https://grain-ui.netlify.app/noise.png);display:flex;flex-direction:column;align-items:center;position:relative;overflow-y:auto}.config-glass-card{width:100%;max-width:900px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:48px;box-shadow:0 40px 100px #0006}.config-header{display:flex;align-items:center;gap:32px;margin-bottom:48px}.back-btn-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:10px 16px;border-radius:50px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.back-btn-pill:hover{background:#ffffff1a;color:#fff}.report-type-badge{display:inline-block;background:#00b0fa;padding:4px 12px;border-radius:6px;font-size:10px;font-weight:900;color:#fff;letter-spacing:.1em;margin-bottom:8px}.header-meta h2{color:#fff;font-size:32px;font-weight:800;margin:0}.config-form-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px}.field-group{margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.field-group label{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.1em}.field-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-size:15px;transition:all .2s}.field-group input:focus{background:#ffffff1a;border-color:#00b0fa;outline:none}.form-row-double{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-with-icon input{width:100%}.input-with-icon svg{position:absolute;right:18px;color:#64748b}.section-selection-block{margin-top:32px}.section-selection-block label:first-child{display:block;font-size:11px;font-weight:800;color:#64748b;margin-bottom:16px;letter-spacing:.1em}.sections-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custom-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.custom-checkbox-label input{display:none}.checkbox-box{width:22px;height:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.custom-checkbox-label input:checked~.checkbox-box{background:#00b0fa;border-color:#00b0fa}.custom-checkbox-label input:checked~.checkbox-box:after{content:"✓";color:#fff;font-weight:900;font-size:14px}.checkbox-text{color:#94a3b8;font-size:14px;font-weight:500}.custom-checkbox-label:hover .checkbox-text{color:#fff}.config-sidebar-preview{display:flex;flex-direction:column;gap:32px}.preview-card-mini{background:#00b0fa1a;border:1px solid rgba(0,176,250,.2);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px}.mini-paper{width:40px;height:52px;background:#fff;border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:4px}.mini-line{height:2px;background:#e2e8f0;border-radius:1px}.mini-line.long{width:100%}.mini-line.med{width:70%}.mini-line.short{width:40%}.mini-box{flex:1;border:1px dashed #e2e8f0;margin-top:4px}.preview-info h4{color:#00b0fa;font-size:11px;font-weight:900;margin:0 0 2px}.preview-info p{color:#fff;font-size:14px;font-weight:600}.generate-trigger-btn-premium{background:#00b0fa;border:none;color:#fff;padding:20px;border-radius:16px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 40px #00b0fa4d}.generate-trigger-btn-premium:hover{transform:scale(1.02);box-shadow:0 25px 50px #00b0fa80}.vessel-status-bar.fixed-bottom{position:absolute;bottom:0;left:0;right:0;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff0d}.config-back-pill{margin-left:auto;background:#f1f5f9;border:none;padding:8px 16px;border-radius:50px;font-size:11px;font-weight:800;color:#64748b;cursor:pointer}.config-back-pill:hover{background:#e2e8f0;color:#1e293b}.reports-final-output-wrapper{height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;margin:0}.report-premium-header-bar{height:56px;background:#2563eb;display:flex;align-items:center;padding:0 24px;color:#fff;box-shadow:0 4px 12px #0000001a;z-index:100}.header-left-filter{display:flex;align-items:center;gap:10px;padding-right:24px;border-right:1px solid rgba(255,255,255,.2);cursor:pointer}.header-left-filter span{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.vessel-imo-display-box{display:flex;align-items:center;gap:16px;padding-left:24px;flex:1}.vn-name{font-size:18px;font-weight:800;letter-spacing:.02em}.vn-imo{font-size:13px;font-weight:500;color:#ffffffb3}.header-right-branding{padding-left:20px}.branding-text{font-size:16px;font-weight:900;letter-spacing:.1em;color:#ffffffe6}.report-sub-header-premium{height:60px;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;padding:0 24px;flex-shrink:0;margin:0}.sub-title-main h2{font-size:16px;font-weight:700;color:#1e293b;margin:0}.sub-meta-crumbs{margin-left:40px;display:flex;align-items:center;gap:12px;color:#64748b;font-size:12px}.crumb-divider{color:#cbd5e1}.edit-config-btn-minimal{margin-left:auto;background:#f1f5f9;border:none;padding:8px 20px;border-radius:6px;font-size:12px;font-weight:800;color:#475569;cursor:pointer;transition:all .2s}.edit-config-btn-minimal:hover{background:#e2e8f0;color:#1e293b}.report-main-preview-area{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;background:#fff}.preview-pane-standalone{background:#fff;border-radius:0;border:none;height:100%;display:flex;flex-direction:column;overflow:hidden}.pane-header-actions{padding:8px 16px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.preview-tag{display:flex;align-items:center;gap:10px;color:#1e293b}.preview-tag h3{font-size:14px;font-weight:700;margin:0}.preview-controls-overlay{display:flex;align-items:center;gap:24px}.paper-viewer-container{flex:1;overflow-y:auto;padding:0;background:#eef2f6;display:flex;justify-content:center;scrollbar-width:thin}.paper-viewer-container .mock-paper-document{box-shadow:0 15px 45px #0000001a;transform-origin:top center;transition:transform .2s}.reports-final-output-wrapper .vessel-status-bar{background:#fff;border-top:1px solid #E2E8F0}.reports-accordion-wrapper{height:100%;display:flex;flex-direction:column;padding:30px 40px;background:#f8fafc;overflow-y:auto;width:100%}.report-accordion-group{background:#fff;border:1px solid #E2E8F0;border-radius:4px;margin-bottom:12px;width:100%;transition:all .2s ease}.report-accordion-header{padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;background:#fff}.report-accordion-header h3{font-size:15px;font-weight:700;color:#1e293b;margin:0;flex:1}.accordion-arrow{color:#94a3b8;transition:transform .2s}.report-accordion-group.expanded .accordion-arrow{transform:rotate(180deg)}.report-accordion-content{border-top:1px solid #F1F5F9;padding:8px 0}.report-item-card-premium{background:#fff;border:1px solid #E2E8F0;border-radius:4px;padding:24px;margin:16px 24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.report-item-card-premium:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#00b0fa}.report-item-icon-box{width:48px;height:48px;background:#f8fafc;border-radius:4px;display:flex;align-items:center;justify-content:center}.report-item-info{flex:1}.report-item-name{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:4px}.report-item-meta{font-size:11px;font-weight:500;color:#64748b}.report-action-btns{display:flex;align-items:center;gap:12px}.generate-btn-final{background:#365b94;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.generate-btn-final:hover{background:#2d4b7c}.download-btn-final{background:#fff;color:#365b94;border:1px solid #365B94;padding:9px 20px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.download-btn-final:hover{background:#f0f9ff}.report-accordion-group.expanded .report-accordion-content{background:#fbfcfe}.report-accordion-group{transform-origin:top center;transition:filter .3s ease,opacity .3s ease,transform .3s ease;will-change:filter,opacity,transform}.report-editor-layout{display:flex;flex:1;overflow:hidden;background:#fff;height:calc(100% - 60px)}.vn-imo{font-size:13px;color:#ffffffb3;font-weight:500}.report-sub-header-premium{padding:16px 24px;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between}.sub-title-main{display:flex;align-items:center;gap:12px}.sub-title-main h2{font-size:18px;font-weight:700;color:#1e293b}.editor-icon{color:#365b94}.report-structure-sidebar{width:300px;background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;padding:16px}.sidebar-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sidebar-header-row h3{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.05em}.add-sec-btn-text{font-size:10px;font-weight:800;color:#365b94;background:none;border:none;cursor:pointer}.draggable-sections-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.draggable-section-card{background:#fff;border:1px solid #E2E8F0;border-radius:4px;padding:16px;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.draggable-section-card:hover{border-color:#00b0fa;box-shadow:0 4px 12px #0000000d}.draggable-section-card.dragging{opacity:.4;border:2px dashed #00B0FA;background:#f0f9ff}.card-grab-handle{cursor:grab;display:flex;align-items:center}.card-title-txt{flex:1;font-size:13px;font-weight:600;color:#1e293b}.card-visibility-icn{color:#94a3b8}.sidebar-footer-actions{padding-top:24px;border-top:1px solid #E2E8F0}.reset-order-btn{font-size:11px;font-weight:800;color:#94a3b8;background:none;border:none;cursor:pointer;letter-spacing:.05em}.reset-order-btn:hover{color:#1e293b}.report-main-preview-area{flex:1;overflow-y:auto;padding:0;display:flex;justify-content:center;background:#f1f5f9}.preview-pane-standalone{width:100%;display:flex;flex-direction:column}.paper-viewer-container{background:#fff;box-shadow:0 10px 40px #0000001a;border-radius:4px;margin:20px auto;width:fit-content}.action-icn-btn.minimal{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:4px;transition:background .2s}.action-icn-btn.minimal:hover{background:#f1f5f9}.designer-report-config-form{padding:30px 40px;background:#fff;display:flex;flex-direction:column;gap:24px;border-radius:0 0 4px 4px}.config-form-top-row{display:flex;gap:40px}.designer-field-group{flex:1;display:flex;flex-direction:column;gap:8px}.designer-field-group label{font-size:13px;font-weight:700;color:#1e293b}.designer-input-box{display:flex;align-items:center;border:1px solid #E2E8F0;border-radius:4px;padding:12px 16px;gap:12px;background:#fff}.designer-input-box input{border:none;outline:none;flex:1;font-size:14px;color:#1e293b;background:transparent}.designer-input-box svg{color:#94a3b8}.field-helper{font-size:11px;color:#94a3b8;margin-top:2px}.designer-file-row{display:flex;flex-direction:column;gap:8px}.designer-file-row label{font-size:13px;font-weight:700;color:#475569}.file-selection-bar{display:flex;align-items:stretch;border:1px solid #E2E8F0;border-radius:4px;overflow:hidden;height:48px;margin-top:8px}.file-display-area{flex:1;background:#f8fafc;display:flex;align-items:center;padding:0 16px;border-right:1px solid #E2E8F0}.designer-upload-btn{background:#ffd21e;border:none;color:#1e293b;width:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.designer-upload-btn:hover{background:#e6bc1b}.designer-sections-table{border:1px solid #E2E8F0;border-radius:4px;overflow:hidden;margin-top:12px}.sections-table-header{background:#f8fafc;padding:12px 50px 12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #E2E8F0}.sections-table-header span{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.05em}.sections-table-body{max-height:450px;overflow-y:auto}.section-table-row{padding:14px 50px 14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9;transition:background .2s}.section-table-row:hover{background:#fafbfc}.section-table-row:last-child{border-bottom:none}.section-name-cell{display:flex;align-items:center;gap:12px}.section-name-cell span{font-size:14px;font-weight:600;color:#365b94}.view-icon-dim{color:#94a3b8;opacity:.6}.section-checkbox-cell input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#365B94}.designer-form-footer{display:flex;justify-content:flex-end;gap:24px;margin-top:10px;padding-top:10px}.preview-btn-designer{background:#fff;border:1px solid #365B94;color:#365b94;padding:14px 36px;border-radius:4px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;text-transform:uppercase;transition:all .2s}.generate-btn-designer{background:#365b94;color:#fff;border:none;padding:14px 36px;border-radius:4px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;text-transform:uppercase;transition:all .2s}.download-icon-btn{color:#475569;cursor:pointer;opacity:.6}.empty-category-msg{padding:24px 64px;font-size:13px;color:#94a3b8;font-style:italic}.vessel-status-bar{padding:12px 30px;background:#f8fafc;border-top:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;position:relative;z-index:10}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%}.dot-online{background:#10b981;box-shadow:0 0 8px #10b98166}.report-premium-header-bar{display:none!important}.documents-container{padding:6px 24px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.doc-upload-banner{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.doc-upload-banner:hover{border-color:#00b0fa;background:#f0f9ff;box-shadow:0 10px 15px -3px #0000000d}.upload-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-label{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap}.upload-slot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.upload-dropzone{flex:2;height:34px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer;font-size:11px;color:#94a3b8;transition:all .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:140px}.upload-dropzone.file-selected{background:#f0f9ff;color:#00b0fa;border-color:#00b0fa;justify-content:flex-start}.doc-type-select{flex:1;height:34px;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#475569;cursor:pointer;min-width:130px;white-space:nowrap}.doc-type-select:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #94a3b8;margin-left:8px}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;box-shadow:0 4px 6px -1px #0000001a;z-index:100;overflow:hidden}.custom-dropdown-item{padding:8px 12px;font-size:11px;color:#475569;cursor:pointer;transition:all .2s}.custom-dropdown-item:hover{background:#f1f5f9;color:#00b0fa}.custom-dropdown-item.active{background:#00b0fa;color:#fff}.upload-exec-btn{height:34px;padding:0 12px;background:#00b0fa;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;flex-shrink:0;white-space:nowrap}.upload-exec-btn:hover{background:#008ac5;transform:translateY(-1px);box-shadow:0 4px 12px #00b0fa4d}.doc-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;width:100%;box-sizing:border-box}.doc-search-input{flex:1;min-width:150px;max-width:320px;height:34px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#64748b;box-sizing:border-box}.doc-search-input input{background:transparent;border:none;outline:none;flex:1;font-size:13px;color:#1e293b}.doc-filter-select{height:34px;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap}.doc-filter-select:hover{border-color:#cbd5e1}.doc-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow-x:auto;box-shadow:0 4px 20px #00000008}.doc-table{width:100%;border-collapse:collapse;min-width:900px}.doc-table th{height:48px;background:#f8fafc;padding:0 16px;text-align:left;font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.doc-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:13.5px;color:#1e293b;vertical-align:middle}.doc-name-cell{display:flex;align-items:center;gap:12px;font-weight:600;min-width:380px}.doc-name-txt{color:#1e293b;line-height:1.4;font-size:14px}.doc-uploader{display:flex;align-items:center;gap:10px;min-width:140px}.doc-uploader span{font-weight:500}.uploader-avatar{width:28px;height:28px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#475569;flex-shrink:0}.doc-type-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.doc-type-icon.certificate{background:#fef2f2}.doc-type-icon.manual{background:#eff6ff}.doc-type-icon.drawing{background:#f0f9ff}.doc-type-icon.declaration{background:#f8fafc}.status-pill{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700}.status-pill.active{background:#ecfdf5;color:#059669}.status-pill.expiring{background:#fffbeb;color:#d97706}.doc-type-tag{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px;white-space:nowrap}.doc-date-txt{font-size:13px;color:#64748b;font-weight:500;display:block;max-width:70px;line-height:1.3}.action-icn-btn{width:26px;height:26px;border-radius:6px;border:none;background:#f1f5f9;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-icn-btn:hover{background:#00b0fa;color:#fff}.action-icn-btn:has(svg[data-lucide=send]){background:transparent;color:#00b0fa}.action-icn-btn:has(svg[data-lucide=trash-2]){background:#fef2f2;color:#ef4444}.action-icn-btn:hover:has(svg[data-lucide=trash-2]){background:#ef4444;color:#fff}.doc-actions{display:flex;align-items:center;gap:10px;width:max-content}.doc-pagination-bar{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0}.showing-text{font-size:12px;font-weight:600;color:#94a3b8}.pagination-arrows{display:flex;gap:8px}.arrow-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.arrow-btn:disabled{opacity:.5;cursor:not-allowed}.doc-date-range{display:flex;align-items:center;gap:8px;padding:0 12px;height:34px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;font-weight:500;white-space:nowrap;box-sizing:border-box}.clear-filters-link{background:none;border:none;color:#ef4444;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;white-space:nowrap;transition:all .2s}.clear-filters-link:hover{color:#b91c1c;transform:scale(1.02)}.vessel-list-search{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;margin-bottom:20px}.vessel-list-search input{flex:1;border:none;outline:none;font-size:14px}.vessel-filter-btn-static{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.vessel-filter-btn-static:hover{background:#e0f2fe;color:#00b0fa;border-color:#00b0fa}.reports-landing-v2{padding:24px 32px;display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.reports-hero-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:22px 26px;box-shadow:0 4px 24px #0f172a0a}.reports-hero-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#00b2ff,#0099e0);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px #00b2ff47}.reports-hero-text h1{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 2px;letter-spacing:-.02em;line-height:1.2}.reports-hero-text p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.reports-hero-text strong{color:#0f172a;font-weight:700}.reports-tabs{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:4px;box-shadow:0 4px 16px #0f172a08;align-self:flex-start}.reports-tabs button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s;font-family:inherit}.reports-tabs button:hover{color:#0f172a}.reports-tabs button.active{background:#00b2ff;color:#fff;box-shadow:0 4px 10px #00b2ff40}.reports-tabs .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 7px;border-radius:100px;background:#0f172a0f;color:#475569;font-size:11px;font-weight:800}.reports-tabs button.active .tab-count{background:#ffffff38;color:#fff}.report-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.report-card-v2{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:22px;box-shadow:0 4px 16px #0f172a08;transition:border-color .2s,transform .2s,box-shadow .2s}.report-card-v2:hover{border-color:#bae6fd;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a12}.report-card-icon{width:42px;height:42px;border-radius:11px;background:#f0f9ff;color:#0099e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-card-body{flex:1;display:flex;flex-direction:column;gap:6px}.report-card-body h3{font-size:15px;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.report-card-body p{font-size:12.5px;color:#64748b;margin:0;line-height:1.5}.report-card-meta{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.report-card-meta.muted{color:#cbd5e1;font-weight:500;text-transform:none;letter-spacing:0;font-style:italic}.report-btn-primary.full{flex:1;width:100%}.reports-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px dashed #CBD5E1;border-radius:16px;padding:56px 32px}.reports-empty-icon{width:56px;height:56px;border-radius:14px;background:#f0f9ff;color:#00b2ff;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.reports-empty-state h3{font-size:16px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.reports-empty-state p{font-size:13px;color:#64748b;margin:0;max-width:460px;line-height:1.5}.report-card-actions{display:flex;gap:8px}.report-btn-primary,.report-btn-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;font-family:inherit;border:1px solid transparent}.report-btn-primary{background:#00b2ff;color:#fff;box-shadow:0 4px 10px #00b2ff38}.report-btn-primary:hover{background:#0099e0;transform:translateY(-1px);box-shadow:0 6px 14px #00b2ff52}.report-btn-primary:disabled,.report-btn-secondary:disabled{cursor:not-allowed;opacity:.65;transform:none}.report-btn-primary:disabled:hover,.report-btn-secondary:disabled:hover{transform:none}.report-btn-primary.is-loading{background:linear-gradient(90deg,#00b2ff 0% 35%,#5cd0ff 50%,#00b2ff 65% 100%);background-size:220% 100%;animation:reportBtnSweep 1.3s linear infinite;cursor:progress;color:#fff;opacity:1}.report-btn-primary.is-loading:hover{transform:none;background-position:100% 0}@keyframes reportBtnSweep{0%{background-position:100% 0}to{background-position:-100% 0}}.report-btn-primary .spinner,.report-btn-secondary .spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:reportSpin .7s linear infinite;display:inline-block}@keyframes reportSpin{to{transform:rotate(360deg)}}.report-card-v2.is-generating{border-color:#00b2ff;box-shadow:0 0 0 2px #00b2ff2e,0 12px 28px #0f172a14;animation:reportCardPulse 2s ease-in-out infinite}.report-card-meta.ready{color:#166534;background:#dcfce7;padding:2px 10px;border-radius:999px;font-weight:700;align-self:flex-start;font-size:11px}@keyframes reportCardPulse{0%,to{box-shadow:0 0 0 2px #00b2ff2e,0 12px 28px #0f172a14}50%{box-shadow:0 0 0 4px #00b2ff47,0 14px 32px #0f172a1a}}.report-btn-secondary{background:#fff;color:#475569;border-color:#e2e8f0}.report-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.quarterly-archive{display:flex;flex-direction:column;gap:16px}.year-group{background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0f172a08}.year-group-header{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #F1F5F9;color:#475569;font-size:12px;font-weight:700}.year-group-header svg{color:#00b2ff}.year-label{font-size:14px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.year-count{margin-left:auto;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.year-quarters{display:flex;flex-direction:column}.quarter-row{display:grid;grid-template-columns:1fr 220px 160px;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #F1F5F9;transition:background-color .15s}.quarter-row:last-child{border-bottom:none}.quarter-row:hover{background:#f8fafc}.quarter-info{display:flex;align-items:baseline;gap:10px;min-width:0}.quarter-info strong{font-size:14px;font-weight:800;color:#0f172a}.quarter-info span{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quarter-meta{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.quarter-actions{display:flex;gap:6px;justify-content:flex-end}.report-btn-mini{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#475569;font-size:11px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;font-family:inherit;white-space:nowrap}.report-btn-mini:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc}.report-btn-mini.primary{background:#00b2ff;color:#fff;border-color:#00b2ff;box-shadow:0 3px 8px #00b2ff38}.report-btn-mini.primary:hover{background:#0099e0;border-color:#0099e0;color:#fff}.custom-report-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:#fff;border:1px dashed #CBD5E1;border-radius:16px;padding:48px 32px;box-shadow:0 4px 16px #0f172a05}.custom-report-icon{width:60px;height:60px;border-radius:16px;background:#f0f9ff;color:#0099e0;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.custom-report-panel h3{font-size:18px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.custom-report-panel p{font-size:13px;color:#64748b;margin:0;max-width:460px;line-height:1.5}.custom-report-panel .report-btn-primary{flex:none;padding:11px 22px;margin-top:8px}.reports-back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #E2E8F0;border-radius:9px;color:#475569;font-size:12px;font-weight:700;cursor:pointer;margin:24px 32px 0;transition:border-color .15s,color .15s,background-color .15s;font-family:inherit;align-self:flex-start}.reports-back-link:hover{border-color:#00b2ff;color:#00b2ff;background:#f0f9ff}.legacy-accordion-frame{padding:16px 32px 32px}@media(max-width:720px){.reports-landing-v2{padding:16px}.reports-hero-card{flex-direction:column;align-items:flex-start;padding:18px}.report-cards-grid{grid-template-columns:1fr}.quarter-row{grid-template-columns:1fr;gap:8px}.quarter-actions{justify-content:flex-start}}.doc-preview-modal-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:dp-fade-in .18s ease}@keyframes dp-fade-in{0%{opacity:0}to{opacity:1}}.doc-preview-modal{width:100%;max-width:1100px;height:90vh;background:#fff;border-radius:18px;box-shadow:0 32px 80px #0f172a47;display:flex;flex-direction:column;overflow:hidden;animation:dp-slide-up .2s ease}@keyframes dp-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.doc-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;gap:16px}.doc-preview-modal-title{display:flex;align-items:center;gap:12px;min-width:0}.doc-preview-modal-title h2{font-size:15px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.doc-preview-modal-title span{font-size:12px;color:#64748b;font-weight:500;margin-top:2px;display:block}.doc-preview-modal-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.doc-preview-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.doc-preview-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.doc-preview-btn.secondary:hover{background:#e2e8f0;color:#1e293b}.doc-preview-btn.primary{background:#00b0fa;color:#fff}.doc-preview-btn.primary:hover{background:#0099db;box-shadow:0 4px 12px #00b0fa59;transform:translateY(-1px)}.doc-preview-close-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.doc-preview-close-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.doc-preview-modal-body{flex:1;position:relative;background:#f1f5f9;overflow:hidden;display:flex;align-items:center;justify-content:center}.doc-preview-iframe{width:100%;height:100%;border:none;display:block}.doc-preview-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:#64748b;font-size:14px;font-weight:500}.doc-preview-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#00b0fa;border-radius:50%;animation:dp-spin .7s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}.doc-preview-modal-footer{display:flex;align-items:center;gap:24px;padding:12px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;font-size:12px;color:#475569;flex-wrap:wrap}.doc-preview-modal-footer strong{color:#0f172a;font-weight:700}.ga-viewer-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#f1f5f9;z-index:2000;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:hidden}.ga-viewer-header{height:64px;background:#4b5563;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;z-index:1000}.viewer-header-left{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;gap:10px;color:#1e293b;background:#e2e8f0;border:1px solid #CBD5E1;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#cbd5e1;transform:translate(-4px)}.logo-icon-box-v2{width:38px;height:38px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-text{display:flex;flex-direction:column;justify-content:center;transform:translateY(2px)}.logo-text h2{font-size:16px;font-weight:800;line-height:1.2;margin:0;color:#fff}.logo-subtitle{margin:0;font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.1px}@keyframes sailing{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-3px) rotate(-6deg) scale(1.05)}75%{transform:translateY(2px) rotate(6deg) scale(.95)}}.ga-viewer-content-area{flex:1;display:flex;flex-direction:row;align-items:stretch;background:#f1f5f9;overflow:hidden;position:relative;min-height:0}.ga-viewer-main{flex:1;flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;background:#f1f5f9;background-image:radial-gradient(#CBD5E1 1px,transparent 1px);background-size:30px 30px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:cursor .2s;min-height:0}.ga-viewer-main.hand-active{cursor:grab}.ga-viewer-main.hand-active:active{cursor:grabbing}.ga-viewer-main.crop-active{cursor:crosshair}.ga-plan-wrapper{position:absolute;top:0;left:0;background:transparent;padding:0;transition:transform .1s ease-out}.ga-viewer-sidebar{width:0;height:100%;background:#4b5563;z-index:100;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);border-left:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow:hidden}.ga-viewer-sidebar.open{width:350px;border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #0003}.ga-sidebar-header-box{padding:24px 20px;background:#4b5563;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.ga-sidebar-header-box h4{margin:0;font-size:13px;letter-spacing:1.5px;font-weight:700;color:#fff;text-transform:uppercase}.ga-sidebar-sub-label-v2{font-size:10px;font-family:JetBrains Mono,monospace;font-weight:800;color:#9ca3af;letter-spacing:1px}.ga-sections-list-container{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;padding:24px 20px 48px;background:transparent;box-sizing:border-box;min-height:0}.ga-section-card{flex-shrink:0;background:#5a6679;border-radius:12px;padding:16px;color:#fff;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.05);width:100%;box-sizing:border-box;display:flex;flex-direction:column}.ga-section-card:hover{background:#64748b;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.ga-section-card.active.focused{background:#5a6679;border:2px solid #00B0FA;box-shadow:0 0 20px #00b0fa33}.ga-card-header-top{display:flex;justify-content:space-between;align-items:center}.section-idx{font-size:11px;font-weight:800;color:#94a3b8;opacity:.8}.section-idx.current{color:#00b0fa;opacity:1}.ga-card-actions-row-v2{display:flex;align-items:center;gap:10px}.ga-action-icon-refined{color:#94a3b8;cursor:pointer;transition:all .2s}.ga-action-icon-refined:hover{color:#fff;transform:scale(1.1)}.edit-icon:hover{color:#00b0fa}.trash-icon:hover{color:#ef4444}.section-thumbnail-box{width:100%;aspect-ratio:16/10;background:#cbd5e1;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-name{font-size:13px;font-weight:600;color:#fff;text-align:center;margin-top:12px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-toolbar-left,.ga-toolbar-right,.ga-toolbar-top-left{position:absolute;background:#334155;border-radius:12px;display:flex;align-items:center;color:#fff;box-shadow:0 10px 25px #0003;z-index:100}.ga-toolbar-top-left{top:24px;left:24px;padding:8px 12px;gap:12px}.ga-toolbar-left{bottom:24px;left:24px;padding:8px 16px;gap:16px}.ga-toolbar-right{bottom:24px;right:24px;padding:8px 16px;display:flex;flex-direction:row;align-items:center;gap:16px}.quick-actions{display:flex;flex-direction:row;align-items:center;gap:12px}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-adjust-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s}.zoom-adjust-btn:hover{color:#fff;background:#ffffff1a}.zoom-percentage{display:flex;flex-direction:column;align-items:center;min-width:50px}.zoom-label{font-size:7px;color:#94a3b8;font-weight:800}.zoom-value{font-size:11px;font-weight:700}.tool-divider{width:1px;height:20px;background:#ffffff1a}.tool-btn-inline{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:6px;transition:color .2s}.tool-btn-inline:hover{color:#fff}.tool-btn-inline.active{color:#38bdf8}.reset-all-btn{background:#ef4444!important;color:#fff!important;border-radius:6px!important;padding:6px 16px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.5px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #ef444433!important;min-width:80px!important;transition:all .2s ease!important}.reset-all-btn:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:0 6px 15px #ef444466!important}.drawing-info-card{position:absolute;bottom:100px;right:24px;background:#475569;color:#fff;border-radius:12px;padding:16px;width:220px;box-shadow:0 10px 25px #0003;z-index:100}.info-header{display:flex;justify-content:space-between;margin-bottom:12px}.info-header span{font-size:9px;font-weight:700;color:#94a3b8}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%}.info-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.info-label{color:#94a3b8}.info-value{font-family:monospace}.status-approved{text-align:right;font-size:11px;font-weight:800;color:#10b981;margin-top:8px}.sidebar-toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#334155;color:#fff;width:24px;height:48px;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:400;box-shadow:-4px 0 12px #0000001a}.ga-toast-v2{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-100px);background:#1e293b;color:#fff;padding:12px 24px;border-radius:40px;display:flex;align-items:center;gap:16px;z-index:5000;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.19,1,.22,1);min-width:320px;pointer-events:auto}.ga-toast-v2.show{transform:translate(-50%) translateY(0)}.toast-icon-side{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ga-toast-v2.success{border-left:4px solid #10B981}.ga-toast-v2.success .toast-icon-side{background:#10b98126;color:#10b981}.ga-toast-v2.error{border-left:4px solid #EF4444}.ga-toast-v2.error .toast-icon-side{background:#ef444426;color:#ef4444}.ga-toast-content{flex:1;display:flex;flex-direction:column;gap:2px}.ga-toast-title{font-size:13px;font-weight:700;letter-spacing:.3px;color:#fff}.ga-toast-subtitle{font-size:11px;font-weight:500;color:#94a3b8}.ga-toast-action{background:#ffffff1a;color:#fff;padding:6px 14px;border-radius:20px;font-size:10px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;margin-left:8px}.ga-toast-action:hover{background:#fff;color:#1e293b}.ga-selection-box{position:absolute;border:2px solid #00B0FA;background:#00b0fa1a;z-index:100}.selection-input-container{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#1e293b;padding:8px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 30px #0003;border:1px solid rgba(255,255,255,.1)}.input-save-btn{background:#00b0fa;color:#fff;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #00b0fa4d}.input-save-btn:hover{background:#0090d0;transform:scale(1.05)}.selection-input{background:transparent;border:none;color:#fff;font-size:12px;outline:none;width:140px}.drawn-selection{position:absolute;border:2px solid #00B0FA;background:#00b0fa1a;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);pointer-events:none;z-index:50}.section-label-viewer{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#00b0fa;color:#fff;padding:2px 10px;border-radius:4px;font-weight:800;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.section-label-viewer:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #00B0FA}.ga-sections-list-container::-webkit-scrollbar{width:5px}.ga-sections-list-container::-webkit-scrollbar-track{background:transparent}.ga-sections-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.ga-sections-list-container::-webkit-scrollbar-thumb:hover{background:#fff3}.new-section-btn-sidebar{width:100%;padding:14px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.1);border-radius:12px;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease;font-weight:700;font-size:11px;letter-spacing:1px}.new-section-btn-sidebar:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}.decks-view-container{width:100%;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:20px;padding:20px;background:#f8fafc;overflow:visible}.ga-upload-card-refined{background:#fff;border:1px solid #EAECF0;border-radius:var(--radius-premium);padding:12px 24px;box-shadow:0 1px 2px #1018280d;flex-shrink:0;margin-bottom:24px}.ga-upload-initial-row{display:flex;align-items:center;gap:24px}.ga-upload-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:#101828;white-space:nowrap}.ga-upload-label.clickable{cursor:pointer;transition:all .2s;padding:6px 10px;border-radius:8px}.ga-upload-label.clickable:hover{background:#f0f9ff;color:#00b0fa}.ga-upload-dropzone-right{flex:1;height:44px;border:1px dashed #D0D5DD;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;background:#fff;transition:all .2s}.ga-upload-dropzone-right:hover{border-color:#00b0fa;background:#f0f9ff}.dropzone-text{font-size:13px;color:#667085;font-weight:500}.dropzone-icon{color:#98a2b3}.ga-upload-extra-actions{display:flex;align-items:center;gap:8px}.ga-extra-btn{background:transparent;border:none;color:#98a2b3;cursor:pointer;transition:color .2s}.ga-extra-btn:hover{color:#101828}.ga-extra-btn.highlight{color:#00b0fa;background:#f0f9ff;padding:6px;border-radius:6px}.ga-extra-btn.highlight:hover{background:#e0f2fe;color:#008ac5}.ga-upload-loading-row,.ga-upload-success-row{display:flex;align-items:center;gap:24px;height:44px}.ga-progress-container{flex:1;display:flex;align-items:center;gap:16px}.ga-progress-bar-bg{flex:1;height:36px;background:#f9fafb;border:1px solid #EAECF0;border-radius:6px;position:relative;overflow:hidden}.ga-progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:#00b0fa;border-right:1px solid rgba(255,255,255,.3);transition:width .3s ease-out}.ga-progress-text-overlay{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;font-size:13px;color:#344054}.ga-progress-text-overlay strong{color:#101828}.ga-progress-percentage{font-size:13px;font-weight:700;color:#00b0fa;min-width:40px;text-align:right}.ga-file-info-pill{flex:1;height:36px;background:#f0f9ff;border:1px solid #B9E6FE;border-radius:6px;display:flex;align-items:center;padding:0 16px;gap:8px}.check-icon-circle-mini{width:20px;height:20px;background:#00b0fa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.ga-filename{font-size:13px;color:#344054}.ga-remove-btn-plain{background:transparent;border:none;color:#98a2b3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ga-remove-btn-plain:hover{color:#f04438}.uploaded-plans-container{margin-top:16px;padding-top:16px;border-top:1px solid #EAECF0;position:relative}.plans-summary-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f0f9ff;border:1px solid #B2DDFF;border-radius:8px;font-size:13px;color:#0085c7;cursor:default;margin-bottom:8px;transition:all .2s}.summary-chevron{margin-left:auto;color:#00b0fa;transition:transform .2s}.uploaded-plans-list{display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding:8px 4px;width:100%}.plan-preview-card{background:#fff;border:1px solid #EAECF0;border-radius:12px;width:280px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:all .2s ease}.plan-preview-card:hover{border-color:#00b0fa;box-shadow:0 8px 24px #00b0fa14;transform:translateY(-2px)}.plan-preview-card.active{border-color:#00b0fa;border-width:2px;box-shadow:0 0 0 3px #00b0fa26}.plan-preview-thumbnail-box{width:100%;height:120px;background:#0b0f19;border-bottom:1px solid #1E293B;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.plan-thumbnail-image{width:100%;height:100%;object-fit:contain}.pdf-thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.pdf-label-txt{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.plan-card-footer{padding:12px;display:flex;flex-direction:column;gap:10px}.plan-card-meta{display:flex;flex-direction:column;gap:2px}.plan-card-name{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-date{font-size:11px;color:#64748b}.plan-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #EAECF0;border-radius:10px;transition:all .2s}.plan-item-row:hover{background:#f9fafb;border-color:#00b0fa;box-shadow:0 4px 12px #1018280d}.plan-item-row.active{border-color:#00b0fa;border-width:2px}.plan-name-info{display:flex;align-items:center;gap:14px}.plan-icon{color:#00b0fa}.plan-text-meta{display:flex;flex-direction:column}.plan-filename{font-size:14px;font-weight:700;color:#101828}.plan-date{font-size:12px;color:#667085}.plan-row-actions{display:flex;align-items:center;gap:12px}.plan-action-btn{background:transparent;border:none;color:#98a2b3;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:4px}.plan-action-btn:hover{color:#101828}.plan-action-btn.delete:hover{color:#f04438}.open-full-viewer-btn{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;background:#e0f2fe;color:#00b0fa;border:none;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:all .2s}.open-full-viewer-btn:hover{background:#00b0fa;color:#fff}.active-decks-section-card{background:#fff;border:1px solid #EAECF0;border-radius:var(--radius-premium);box-shadow:0 1px 2px #1018280d;padding:0;display:flex;flex-direction:column;margin-bottom:24px;overflow:visible}.active-decks-header{display:flex;align-items:center;justify-content:space-between;padding:24px}.active-decks-title{display:flex;align-items:center;gap:12px}.active-decks-title h3{font-size:18px;font-weight:700;color:#101828;margin:0}.deck-count-badge{background:#e0f2fe;color:#00b0fa;font-size:11px;font-weight:800;padding:2px 8px;border-radius:100px}.add-deck-btn{height:40px;padding:0 16px;background:#f2f4f7;color:#94a3b8;border:none;border-radius:var(--radius-premium);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:not-allowed}.add-deck-btn:not(.disabled){background:#101828;color:#fff;cursor:pointer}.decks-scroll-wrapper,.decks-list-content{display:flex;flex-direction:column}.no-decks-centered-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 40px;background:#fff}.deck-empty-visual-canvas{margin-bottom:20px}.deck-blueprint-illustration-premium{width:200px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}.blueprint-canvas{width:100%;height:100%;background:#fff;border:1.5px solid #F0F4F8;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px -10px #00000014}.tech-lines-system{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:absolute;top:0;left:0;opacity:.12}.tech-line-group{display:flex;flex-direction:column;gap:12px;animation:techWaveHorizontal 5s ease-in-out infinite}.tech-line-group.left{animation-delay:0s}.tech-line-group.center{animation-delay:.8s}.tech-line-group.right{animation-delay:1.6s}.line-segment{height:4px;background:#00b0fa;border-radius:100px;box-shadow:0 0 10px #00b0fa80}.line-segment.long{width:40px}.line-segment.medium{width:28px}.line-segment.short{width:18px}@keyframes techWaveHorizontal{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.divider-tool-v3{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;transform:scale(1.2);animation:dividerProfessionalDrift 4s ease-in-out infinite}.divider-head-box{display:flex;flex-direction:column;align-items:center}.divider-handle{width:2px;height:8px;background:#cbd5e1;border-radius:1px;margin-bottom:-1px}.divider-circle-v3{width:16px;height:16px;border:1.5px solid #CBD5E1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;box-shadow:none}.divider-legs-v3{display:flex;justify-content:center;gap:8px;margin-top:10px}.leg-v3{width:2.5px;height:36px;background:#cbd5e1;border-radius:1px}.leg-v3.left{transform:rotate(30deg);transform-origin:top center}.leg-v3.right{transform:rotate(-30deg);transform-origin:top center}@keyframes dividerProfessionalDrift{0%,to{transform:scale(1.2) translateY(-15px)}50%{transform:scale(1.2) translateY(15px)}}.blueprint-canvas.is-uploading .line-segment{animation-duration:2s;background:var(--primary-blue);opacity:.8}.wave-lines{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 30px;z-index:1}.wave-line{height:3px;background:linear-gradient(90deg,#00b0fa00,#00b0facc,#00b0fa00);border-radius:2px;animation:waveSlide 2s ease-in-out infinite}.wave-line:nth-child(1){animation-delay:0s}.wave-line:nth-child(2){animation-delay:.3s}.wave-line:nth-child(3){animation-delay:.6s}.wave-line:nth-child(4){animation-delay:.9s}@keyframes waveSlide{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}}.divider-tool-uploading{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;color:#00b0fa}.upload-pulse-ring{position:absolute;width:40px;height:40px;border:2px solid #00B0FA;border-radius:50%;animation:ringPulse 2s ease-out infinite}@keyframes ringPulse{0%{width:30px;height:30px;opacity:.8}to{width:80px;height:80px;opacity:0}}@keyframes scan{0%{left:-20%}to{left:120%}}.plus-floating-mini{position:absolute;bottom:-15px;right:-15px;width:44px;height:44px;background:#fff;border-radius:50%;box-shadow:0 10px 20px #0000001a;display:flex;align-items:center;justify-content:center;color:#cbd5e1;z-index:5;border:1px solid #F0F4F8}.empty-state-title-large{font-size:18px;font-weight:700;color:#101828;margin-bottom:4px}.empty-state-subtitle-large{font-size:13px;color:#667085;max-width:380px;margin-bottom:20px;line-height:1.4}.preparing-workspace-indicator{font-size:11px;font-weight:800;color:#00b0fa;letter-spacing:.1em;margin-bottom:16px;opacity:.6}.preparing-workspace-indicator.active{opacity:1}.stage-messages-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;min-height:60px;position:relative;overflow:hidden}.stage-message{font-size:13px;font-weight:700;color:#00b0fa;text-align:center;position:absolute;white-space:nowrap;animation:slideUpGlow 2.5s ease-in-out forwards}.stage-message.active{position:relative}@keyframes slideUpGlow{0%{transform:translateY(40px);opacity:0;filter:blur(4px)}20%{transform:translateY(0);opacity:1;filter:blur(0);text-shadow:0 0 20px rgba(0,176,250,.4)}80%{transform:translateY(0);opacity:1;filter:blur(0);text-shadow:0 0 20px rgba(0,176,250,.4)}to{transform:translateY(-40px);opacity:0;filter:blur(4px)}}.compact-upload-status{background:#f0f9ff;border-bottom:1px solid #B2DDFF;padding:10px 24px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#0085c7;animation:fadeIn .3s ease-out}.spinner-mini{width:16px;height:16px;border:2px solid rgba(0,176,250,.1);border-top-color:#00b0fa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-first-plan-btn-premium{height:48px;padding:0 32px;background:#00b0fa;color:#fff;border:none;border-radius:var(--radius-premium);font-size:15px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00b0fa4d}.upload-first-plan-btn-premium:hover{background:#008ac5;transform:translateY(-2px);box-shadow:0 6px 18px #00b0fa66}.no-decks-centered-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:0}.empty-compass-container{width:64px;height:64px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.compass-icon-refined{color:#d0d5dd}.empty-state-title{font-size:18px;font-weight:700;color:#101828;margin:0 0 12px}.empty-state-subtitle{font-size:14px;color:#667085;max-width:440px;line-height:1.5;margin:0 0 24px}.open-drawing-tool-btn{width:fit-content;height:40px;padding:0 16px;background:#fff;border:1px solid #D0D5DD;color:#101828;border-radius:6px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 1px 2px #1018280d;transition:all .2s}.open-drawing-tool-btn:hover{background:#f9fafb;border-color:#98a2b3}.decks-list-content{display:flex;flex-direction:column;flex:1;overflow-y:auto}.deck-row-card{background:#fff;border-bottom:1px solid #EAECF0}.deck-row-card:last-child{border-bottom:none}.deck-row-header{padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer}.deck-row-icon-box{width:180px;height:126px;background:#f9fafb;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;color:#98a2b3;overflow:hidden;position:relative;border:1px solid #EAECF0;flex-shrink:0}.deck-technical-preview-container{width:100%;height:100%;position:relative;pointer-events:none}.deck-technical-preview-container img{max-width:none;display:block}.deck-row-main-info{flex:1}.deck-row-main-info h4{font-size:18px;font-weight:700;color:#101828;margin-bottom:2px}.deck-section-tag{font-size:10px;font-weight:800;color:#00b0fa;padding:2px 6px;background:#f0f9ff;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.items-in-log-badge{background:#f0f9ff;color:#00b0fa;font-size:10px;font-weight:800;padding:4px 12px;border-radius:4px}.deck-row-actions{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid #EAECF0}.action-icon-btn{background:transparent;border:none;color:#98a2b3;cursor:pointer;transition:color .2s}.action-icon-btn:hover{color:#101828}.deck-log-expanded{background:#fafafa;border-top:1px solid #EAECF0;padding:16px 24px 24px;border-bottom-left-radius:var(--radius-premium);border-bottom-right-radius:var(--radius-premium);animation:slideDown .3s ease-out}.materials-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;background:#f9fafb;border-radius:8px;margin-top:10px}.mat-card-v2{background:#fff;border:1px solid #EAECF0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.mat-card-v2:hover{border-color:#00b0fa;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.mat-card-header{display:flex;align-items:center;gap:10px}.mat-dot-indicator{width:8px;height:8px;background:#00b0fa;border-radius:50%;flex-shrink:0}.mat-card-header h5{font-size:14px;font-weight:700;color:#101828;margin:0}.mat-card-desc{font-size:12px;color:#667085;line-height:1.5;margin:0;flex:1}.mat-card-meta{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:12px;border-top:1px solid #F2F4F7}.meta-row{display:flex;align-items:baseline;gap:6px;font-size:11px}.meta-label{color:#98a2b3;font-style:italic}.meta-val{color:#344054;font-weight:600}.log-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.log-header-left{display:flex;align-items:center;gap:8px}.log-title-text{font-size:11px;font-weight:800;color:#00b0fa;text-transform:uppercase;letter-spacing:.05em}.view-all-materials-link-btn{font-size:13px;font-weight:700;color:#00b0fa;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s}.view-all-materials-link-btn:hover{color:#008ac5;text-decoration:underline}.material-log-content-box{background:#fff;border:1px solid #EAECF0;border-radius:var(--radius-premium);padding:40px;max-width:440px}.no-materials-placeholder-v2{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 40px;background:#fff;border:1px dashed #EAECF0;border-radius:var(--radius-premium);color:#667085;margin-top:-10px}.no-materials-placeholder-v2 p{font-size:15px;font-weight:600;margin-bottom:20px}.add-material-btn-primary{height:40px;padding:0 24px;background:#00b0fa;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00b0fa40}.add-material-btn-primary:hover{background:#008ac5;transform:translateY(-2px);box-shadow:0 6px 18px #00b0fa59}.add-material-btn-mini{height:32px;padding:0 12px;background:#fff;border:1px solid #D0D5DD;border-radius:4px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.add-plan-section-container{padding:24px;border-top:1px solid #EAECF0}.add-plan-section-dashed-refined{width:100%;height:60px;background:transparent;border:1px dashed #D0D5DD;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;gap:10px;color:#98a2b3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-plan-section-dashed-refined:hover{border-color:#00b0fa;background:#f0f9ff;color:#00b0fa}@media(max-width:992px){.ga-upload-initial-row,.ga-upload-loading-row,.ga-upload-success-row{flex-direction:column;height:auto;align-items:flex-start;gap:16px;padding:12px 0}.ga-upload-dropzone-right,.ga-progress-container,.ga-file-info-pill{width:100%}.active-decks-header{flex-direction:column;align-items:flex-start;gap:16px}.add-deck-btn{width:100%;justify-content:center}}@media(max-width:768px){.deck-row-header{flex-direction:column;align-items:flex-start;gap:12px}.deck-row-actions{width:100%;padding-left:0;border-left:none;border-top:1px solid #EAECF0;padding-top:12px;justify-content:space-between}.items-in-log-badge{width:100%;text-align:center}.materials-grid-v2{grid-template-columns:1fr;padding:12px}.mat-card-v2{padding:12px}}.show-more-materials-container{padding:12px 0;display:flex;justify-content:center;border-top:1px dashed #EAECF0;margin-top:8px}.show-more-materials-btn{background:#fff;border:1px solid #D0D5DD;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:700;color:#475467;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.show-more-materials-btn:hover{background:#f9fafb;border-color:#98a2b3;color:#101828}@keyframes pulseHighlight{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ef4444b3}70%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 10px #ef444400}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ef444400}}@keyframes rippleHighlight{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.custom-confirm-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.custom-confirm-card{background:#fff;border:1px solid #EAECF0;border-radius:16px;padding:32px 24px;width:100%;max-width:440px;box-shadow:0 20px 24px -4px #1018281a,0 8px 8px -4px #1018280a;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleUpConfirm .25s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUpConfirm{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.custom-confirm-icon.delete{width:64px;height:64px;background:#fef3f2;color:#d92d20;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:8px solid #FEE4E2}.custom-confirm-title{font-size:18px;font-weight:700;color:#101828;margin:0 0 8px}.custom-confirm-message{font-size:14px;color:#475467;line-height:1.5;margin:0 0 24px}.custom-confirm-actions{display:flex;align-items:center;gap:12px;width:100%}.custom-confirm-btn{flex:1;height:44px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #D0D5DD;background:#fff;color:#344054}.custom-confirm-btn.cancel:hover{background:#f9fafb;color:#1d2939;border-color:#d0d5dd}.custom-confirm-btn.delete{background:#d92d20;color:#fff;border-color:#d92d20}.custom-confirm-btn.delete:hover{background:#b42318;border-color:#b42318}.plan-item-row{background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 2px 4px #1018280d}.plan-item-row:hover{border-color:#00b0fa;transform:translateY(-2px);box-shadow:0 12px 24px #1018281a}.plan-text-meta .plan-filename{font-size:15px;font-weight:700;color:#101828}.plan-text-meta .plan-date{font-size:12px;color:#667085;margin-top:2px}.open-full-viewer-btn-premium{background:#101828;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.open-full-viewer-btn-premium:hover{background:#00b0fa;transform:scale(1.05);box-shadow:0 4px 12px #00b0fa4d}.plan-action-btn-refined{width:36px;height:36px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#00b0fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.plan-action-btn-refined:hover{background:#f1f5f9;color:#00b0fa;border-color:#00b0fa;transform:translateY(-2px)}.plan-action-btn-refined.delete{color:#ef4444;border-color:#fee2e2}.plan-action-btn-refined.delete:hover{background:#fef2f2;color:#dc2626;border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.deck-row-card{background:#fff;border:1px solid #EAECF0;border-radius:14px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.deck-row-card:hover{border-color:#00b0fa;box-shadow:0 8px 30px #0000000f}.deck-row-header{padding:16px 24px;display:flex;align-items:center;gap:20px;cursor:pointer}.deck-info-primary{flex:1;display:flex;flex-direction:column;gap:6px}.deck-title-row{display:flex;align-items:center;gap:12px}.deck-name-txt{font-size:16px;font-weight:700;color:#101828}.deck-id-tag{background:#f2f4f7;color:#475467;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase}.deck-meta-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#667085;font-weight:500}.meta-dot{width:4px;height:4px;background:#d0d5dd;border-radius:50%}.deck-row-actions-group{display:flex;align-items:center;gap:12px}.deck-action-icn-btn{width:36px;height:36px;border-radius:8px;border:1px solid #EAECF0;background:#fff;color:#667085;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.deck-action-icn-btn:hover{background:#f9fafb;color:#00b0fa;border-color:#00b0fa}.open-deck-viewer-pill{background:#f0f9ff;color:#00b0fa;border:1px solid #B9E6FE;border-radius:100px;padding:6px 16px;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s}.open-deck-viewer-pill:hover{background:#00b0fa;color:#fff;border-color:#00b0fa}.expand-arrow{color:#98a2b3;transition:transform .3s ease}.expand-arrow.active{transform:rotate(180deg);color:#101828}:root{--po-v4-primary: #00B0FA;--po-v4-dark: #101828;--po-v4-border: #EAECF0;--po-v4-bg-light: #F9FAFB;--po-v4-text-main: #475467;--po-v4-text-muted: #667085;--po-v4-radius: var(--radius-premium, 12px);--po-v4-success: #12B76A;--po-v4-error: #F04438}.po-v4-main-wrapper{display:flex;flex-direction:column;width:100%;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.po-v4-scroll-content{flex:1;padding:24px 20px 100px}.po-v4-top-controls-p{padding:24px 20px 12px;background:#fff;border-bottom:1px solid var(--po-v4-border);position:relative;z-index:10}.po-v4-filter-trigger-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;background:#f9fafb;border:1px solid var(--po-v4-border);border-radius:10px;font-size:14px;font-weight:700;color:var(--po-v4-text-main);cursor:pointer;transition:all .2s}.po-v4-filter-trigger-btn:hover{background:#f1f5f9;border-color:var(--po-v4-primary);color:var(--po-v4-primary)}.po-v4-tags-container-premium{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid var(--po-v4-border)}.po-v4-tag-item-premium{padding:8px 16px;background:#fff;border:1.5px solid var(--po-v4-border);border-radius:100px;font-size:12px;color:var(--po-v4-text-muted);cursor:pointer;font-weight:600;transition:all .2s}.po-v4-filters-header-premium{display:flex;justify-content:space-between;padding:16px 24px;cursor:pointer;align-items:center}.po-v4-header-chevron{display:flex;align-items:center;color:var(--po-v4-text-muted)}.po-v4-filters-header-premium:hover{background:var(--po-v4-bg-light)}.po-v4-filters-title-main{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--po-v4-dark)}.po-v4-filters-content-premium{padding:24px;border-top:1px solid var(--po-v4-border)}.po-v4-filters-row-premium{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.po-v4-date-inputs-group{display:flex;gap:20px;flex:1}.filter-date-field{display:flex;flex-direction:column;gap:8px;flex:1}.filter-date-field label{font-size:11px;font-weight:700;color:var(--po-v4-text-muted);text-transform:uppercase}.date-input-with-icon{position:relative;width:100%}.date-input-with-icon input{background:#f2f4f7;border:1.5px solid var(--po-v4-border);border-radius:10px;padding:10px 14px;font-size:14px;width:100%;outline:none;color:var(--po-v4-dark);font-weight:500}.date-input-with-icon input:focus{border-color:var(--po-v4-primary);background:#fff;box-shadow:0 0 0 4px #00b0fa1a}.date-input-with-icon input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.calendar-icon-overlay{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--po-v4-primary);pointer-events:none;z-index:1}.po-v4-action-group-buttons{display:flex;gap:12px;align-items:center}.po-v4-btn-rect-action-styled{padding:10px 20px;border-radius:100px;border:1.5px solid transparent;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-v4-btn-rect-action-styled.search{background:var(--po-v4-primary);color:#fff}.po-v4-btn-rect-action-styled.search:hover{background:#0096d6;transform:translateY(-2px);box-shadow:0 4px 12px #00b0fa33}.po-v4-btn-rect-action-styled.reset{background:#fff;border-color:var(--po-v4-border);color:var(--po-v4-text-muted)}.po-v4-btn-rect-action-styled.reset:hover{background:#fef3f2;border-color:var(--po-v4-error);color:var(--po-v4-error);transform:translateY(-2px)}.po-v4-tags-container-premium{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:12px}.po-v4-tag-item-premium{padding:8px 16px;background:#fff;border:1.5px solid var(--po-v4-border);border-radius:100px;font-size:12px;color:var(--po-v4-text-muted);cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-v4-tag-item-premium:hover{border-color:var(--po-v4-primary);color:var(--po-v4-primary);background:#f0f9ff}.po-v4-tag-item-premium.active{background:var(--po-v4-primary);color:#fff;border-color:var(--po-v4-primary);box-shadow:0 4px 12px #00b0fa33}.po-v4-keyword-search-premium{background:#f9fafb;border-radius:12px;padding:12px 16px;border:1.5px solid var(--po-v4-border)}.po-v4-keyword-label-row{display:flex;align-items:center;gap:12px}.po-v4-keyword-label-row label{font-size:11px;font-weight:700;color:var(--po-v4-text-muted);text-transform:uppercase;min-width:70px}.po-v4-keyword-input-box{flex:1;display:flex;align-items:center;gap:8px}.po-v4-keyword-input-box svg{color:var(--po-v4-text-muted)}.po-v4-keyword-input-box:focus-within svg{color:var(--po-v4-primary)}.po-v4-keyword-input-field{border:none;outline:none;background:transparent;font-size:14px;width:100%;color:var(--po-v4-dark);font-weight:500}.po-v4-top-strip-clean{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.po-v4-soft-search-box-premium{display:flex;align-items:center;gap:12px;background:#f9fafb;border:1.5px solid var(--po-v4-border);border-radius:100px;padding:10px 20px;width:360px;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.po-v4-soft-search-box-premium:focus-within{background:#fff;border-color:var(--po-v4-primary);box-shadow:0 0 0 4px #00b0fa1a}.po-v4-soft-search-box-premium svg{color:var(--po-v4-text-muted)}.po-v4-soft-search-box-premium:focus-within svg{color:var(--po-v4-primary)}.po-v4-soft-search-input-premium{border:none;outline:none;font-size:14px;width:100%}.po-v4-details-section-premium{background:#fff;border:1px solid var(--po-v4-border);border-radius:var(--po-v4-radius);overflow:hidden}.po-v4-details-section-title{padding:16px 24px;border-bottom:1px solid var(--po-v4-border);background:#f9fafb;font-size:14px;font-weight:700}.po-v4-supplier-item-v4{border:1px solid var(--po-v4-border);margin:20px;border-radius:12px;overflow:visible}.po-v4-supplier-header-v4{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;background:#fff}.po-v4-supplier-header-v4:hover{background:#f9fafb}.po-v4-sup-info-v4{display:flex;align-items:center;gap:16px}.po-v4-sup-ref-tag{background:#f2f4f7;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#667085}.po-v4-sup-name-title{font-size:16px;font-weight:700;color:#101828}.po-v4-sup-metrics-v4{display:flex;align-items:center;gap:32px}.po-v4-sup-metric-pill{text-align:right}.po-v4-sup-metric-pill .lbl{font-size:9px;color:#667085;text-transform:uppercase;font-weight:700}.po-v4-sup-metric-pill .val{font-size:16px;font-weight:700;color:#101828}.po-v4-arrow-icon{color:var(--po-v4-text-muted);transition:transform .2s ease}.po-v4-arrow-icon.up{transform:rotate(180deg)}.po-v4-table-toolbar-localized{display:flex;justify-content:flex-start;padding:12px 24px 20px;margin-top:8px;background:#f9fafb;border-top:1px solid var(--po-v4-border)}.po-v4-action-icons-localized{display:flex;gap:12px}.po-v4-circle-btn-v4{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--po-v4-border);color:var(--po-v4-text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-v4-circle-btn-v4.req-mds{color:var(--po-v4-primary);border-color:#00b0fa66;background:#f0f9ff}.po-v4-circle-btn-v4.refresh{color:#7f56d9;border-color:#7f56d966;background:#f9f5ff}.po-v4-circle-btn-v4.layout{color:#667085;border-color:#66708566;background:#f2f4f7}.po-v4-circle-btn-v4:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1018281a}.po-v4-circle-btn-v4.req-mds:hover{background:#e0f2fe}.po-v4-circle-btn-v4.mail-bulk{color:#4f46e5;border-color:#4f46e566;background:#eef2ff}.po-v4-circle-btn-v4.mail-bulk:hover{background:#e0e7ff}.po-v4-circle-btn-v4.docs-bulk{color:#475467;border-color:#47546766;background:#f8fafb}.po-v4-circle-btn-v4.docs-bulk:hover{background:#f2f4f7}.po-v4-circle-btn-v4.refresh:hover{background:#f4ebff}.po-v4-circle-btn-v4.layout:hover{background:#eaecf0}.po-v4-table-master-wrapper{border:1px solid var(--po-v4-border);border-radius:8px;overflow-x:auto}.po-v4-table-styled-premium{width:100%;border-collapse:collapse;min-width:1200px}.po-v4-table-styled-premium th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:10px;font-weight:700;color:#667085;border-bottom:1px solid var(--po-v4-border)}.po-v4-table-styled-premium td{padding:12px 16px;font-size:13px;color:var(--po-v4-text-main);border-bottom:1px solid #F2F4F7;font-weight:400}.po-col,.da-col,.qt-col{white-space:nowrap!important}.po-col{min-width:130px}.da-col{min-width:120px}.qt-col{min-width:140px}.ac-col{width:140px}.doc-col{width:100px;text-align:center}.doc-col button{margin:0 auto}.tooltip-p{position:relative}.po-v4-tooltip-text{visibility:hidden;width:auto;white-space:nowrap;background-color:#101828!important;color:#fff!important;text-align:center;border-radius:6px;padding:8px 16px;position:absolute;z-index:9999;bottom:150%;left:0;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:11px;font-weight:600;pointer-events:none;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}.po-v4-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--po-v4-dark) transparent transparent transparent}.tooltip-p:hover .po-v4-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.po-v4-header-checkbox-v4{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #D0D5DD;border-radius:4px;cursor:pointer;background:#fff;position:relative;transition:all .2s}.po-v4-header-checkbox-v4:checked{background:var(--po-v4-primary);border-color:var(--po-v4-primary)}.po-v4-header-checkbox-v4:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;left:2px;top:-1px;font-weight:700}.po-v4-row-action-checkbox-styled{width:18px;height:18px;border:2px solid #D0D5DD;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.po-v4-row-action-checkbox-styled.checked{background:var(--po-v4-primary);border-color:var(--po-v4-primary)}.check-icon-v4{color:#fff;font-size:10px}.po-v4-row-action-btns-premium{display:flex;gap:8px}.po-v4-action-icon-btn-v4{width:32px;height:32px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.po-v4-action-icon-btn-v4.view{color:var(--po-v4-primary);background:#f0f9ff}.po-v4-action-icon-btn-v4.doc{color:#667085;background:#f2f4f7}.po-v4-action-icon-btn-v4.edit{color:#12b76a;background:#ecfdf5}.po-v4-action-icon-btn-v4.delete{color:var(--po-v4-error);background:#fef3f2}.po-v4-action-icon-btn-v4:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000000d}.q-p{font-weight:700}.q-p.red{color:var(--po-v4-error)}.q-p.green{color:var(--po-v4-success)}.q-p.blue{color:var(--po-v4-primary)}.q-s{color:#eaecf0;margin:0 4px}.po-v4-fixed-metrics-footer-premium{position:fixed;bottom:0;left:var(--sidebar-width, 240px);right:0;height:72px;background:#fff;border-top:1px solid var(--po-v4-border);display:flex;align-items:center;padding:0 40px;z-index:1000;box-shadow:0 -4px 12px #1018280d;transition:left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .po-v4-fixed-metrics-footer-premium{left:var(--sidebar-collapsed-width, 80px)}.metric-items-group-premium{display:flex;justify-content:space-between;width:100%}.metric-item-v4{display:flex;flex-direction:column;gap:4px}.metric-item-v4 .label-v4{font-size:9px;font-weight:700;color:#667085;text-transform:uppercase}.metric-item-v4 .value-v4{font-size:20px;font-weight:700;color:#101828}.value-v4.green{color:var(--po-v4-success)}.value-v4.red{color:var(--po-v4-error)}.value-v4.blue{color:var(--po-v4-primary)}.mail-view-overlay-clean{position:fixed;inset:0;background:#101828b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.mail-view-modal-clean{background:#fff;width:600px;max-width:90%;border-radius:16px;box-shadow:0 20px 50px -12px #10182840;display:flex;flex-direction:column;overflow:hidden;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(20px)}to{transform:translateY(0)}}.mail-view-header-clean{padding:20px 24px;border-bottom:1px solid #EAECF0;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.header-left-clean{display:flex;align-items:center;gap:12px}.header-left-clean h3{font-size:16px;font-weight:700;color:#101828;margin:0}.mail-blue{color:#00b0fa}.mail-close-btn-clean{background:transparent;border:none;color:#667085;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .2s}.mail-close-btn-clean:hover{background:#f2f4f7;color:#101828}.mail-view-body-clean{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.mail-meta-row-clean{display:flex;gap:12px;padding-bottom:12px;border-bottom:1px solid #F2F4F7}.meta-label-clean{font-size:13px;font-weight:700;color:#667085;min-width:60px}.meta-value-clean{font-size:13px;font-weight:500;color:#101828}.mail-content-display-clean{background:#fdfdfd;padding:20px;border:1px solid #F2F4F7;border-radius:10px;font-size:14px;line-height:1.6;color:#344054;white-space:pre-line}.mail-content-display-clean p{margin-bottom:8px}.mail-view-footer-clean{padding:16px 24px;border-top:1px solid #EAECF0;display:flex;justify-content:flex-end;background:#f9fafb}.mail-close-final{padding:10px 20px;background:#fff;border:1.5px solid #D0D5DD;border-radius:8px;font-size:14px;font-weight:600;color:#344054;cursor:pointer;transition:all .2s}.mail-close-final:hover{background:#f9fafb;border-color:#98a2b3}.mail-cancel-btn-final{padding:10px 20px;background:transparent;border:none;font-size:14px;font-weight:600;color:#667085;cursor:pointer;transition:all .2s}.mail-cancel-btn-final:hover{color:#101828;text-decoration:underline}.mail-edit-btn-trigger{padding:10px 20px;background:#f0f9ff;border:1.5px solid #00B0FA;border-radius:8px;font-size:14px;font-weight:600;color:#00b0fa;cursor:pointer;transition:all .2s;margin-right:auto;margin-left:24px}.mail-edit-btn-trigger:hover{background:#00b0fa;color:#fff}.mail-save-btn-final{padding:10px 20px;background:#12b76a;border:1.5 solid #12B76A;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;margin-right:auto;margin-left:24px}.mail-save-btn-final:hover{background:#0e9355}.mail-edit-input-clean{width:100%;padding:8px 12px;border:1.5px solid #D0D5DD;border-radius:6px;font-size:14px;color:#101828;outline:none;transition:border-color .2s}.mail-edit-input-clean:focus{border-color:#00b0fa}.mail-edit-textarea-clean{width:100%;min-height:250px;padding:12px;border:1.5px solid #D0D5DD;border-radius:8px;font-size:14px;line-height:1.6;color:#344054;outline:none;resize:vertical;font-family:inherit}.mail-edit-textarea-clean:focus{border-color:#00b0fa}.mail-view-modal-clean.doc-preview{width:800px}.doc-preview-body-clean{padding:32px;background:#525659;display:flex;justify-content:center;max-height:600px;overflow-y:auto}.dummy-pdf-viewer{width:100%}.pdf-page-mock{background:#fff;width:100%;min-height:800px;padding:60px;box-shadow:0 4px 12px #0000004d;font-family:Times New Roman,serif;color:#000}.pdf-header-mock{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:20px;margin-bottom:40px}.pdf-logo-box{width:60px;height:60px;border:3px solid #000;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}.pdf-title-box{text-align:right}.pdf-title-box h4{margin:0;font-size:24px;letter-spacing:1px}.pdf-title-box span{font-size:12px}.pdf-section-v4{margin-bottom:30px}.pdf-section-v4 h5{font-size:16px;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px}.pdf-section-v4 p{margin:4px 0;font-size:14px}.pdf-table-mock{width:100%;border:1px solid #000;margin:40px 0}.pdf-table-header{display:grid;grid-template-columns:1fr 150px 100px;background:#f0f0f0;font-weight:700;border-bottom:1px solid #000;padding:8px}.pdf-table-row{display:grid;grid-template-columns:1fr 150px 100px;border-bottom:1px solid #eee;padding:8px;font-size:13px}.pdf-footer-signature{margin-top:60px;text-align:right}.sig-line{border-bottom:1px solid #000;display:inline-block;min-width:200px;padding-bottom:5px;font-style:italic;font-weight:700}.pdf-footer-signature span{display:block;font-size:12px;margin-top:5px}.gmail-overlay{position:fixed;inset:0;background:#0006;z-index:20000;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 40px 0 0}.gmail-compose{background:#fff;width:600px;height:650px;border-radius:12px 12px 0 0;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ccc;font-family:inherit}.gmail-header-actions .close-icon{cursor:pointer;transition:background .2s;border-radius:4px;padding:2px}.gmail-header-actions .close-icon:hover{background:#e1e4e8}.gmail-body{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.gmail-send-btn{background:#1a73e8;color:#fff;border:none;padding:10px 24px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:all .2s}.gmail-send-btn:hover{background:#1967d2;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.audit-success-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 10px 25px -5px #0000004d;z-index:21000;min-width:500px;border:1px solid rgba(255,255,255,.1);animation:slideDownToast .4s cubic-bezier(.16,1,.3,1)}.empty-state-card-full{display:flex;flex-direction:column;height:100%;width:100%;background:#fff;border-radius:var(--radius-premium);border:1px solid #E2E8F0;overflow:hidden;margin:0;box-shadow:0 4px 6px -1px #00000005}.empty-state-header{flex-shrink:0;height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9}.header-left{display:flex;align-items:center;gap:12px}.cloud-icon-wrapper{display:flex;align-items:center;justify-content:center}.header-title{font-size:14px;font-weight:600;color:#334155}.header-right-actions{display:flex;align-items:center;gap:12px}.file-drop-area-small{width:240px;height:40px;border:1px dashed #E2E8F0;background:#f8fafc;border-radius:var(--radius-premium);display:flex;align-items:center;padding:0 16px;cursor:pointer;transition:all .2s}.file-drop-area-small:hover{border-color:#cbd5e1;background:#f1f5f9}.drop-text{font-size:13px;color:#94a3b8}.category-select-wrapper{height:40px;padding:0 16px;border:1px solid #E2E8F0;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:180px;cursor:pointer;background:#fff}.category-select-wrapper span{font-size:13px;color:#64748b;font-weight:500}.add-material-btn-small{height:40px;padding:0 20px;background:#00b0fa;color:#fff;border:none;border-radius:var(--radius-premium);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00b0fa33}.add-material-btn-small:hover{background:#008ac5;transform:translateY(-1px)}.upload-icon-small{display:flex;align-items:center}.empty-state-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;background:#fff}.empty-icon-large{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#94a3b8}.empty-state-body h2{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px}.empty-state-body p{font-size:14px;color:#64748b;line-height:1.6;text-align:center;margin:0 0 32px}.empty-actions-center{display:flex;gap:12px}.btn-create-large{height:44px;padding:0 24px;background:#00b0fa;color:#fff;border:none;border-radius:var(--radius-premium);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #00b0fa33;transition:all .2s}.btn-create-large:hover{background:#008ac5;transform:translateY(-1px)}.btn-import-large{height:44px;padding:0 24px;background:#fff;color:#1e293b;border:1px solid #E2E8F0;border-radius:var(--radius-premium);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-import-large:hover{background:#f8fafc;border-color:#cbd5e1}.empty-state-footer{flex-shrink:0;height:60px;border-top:1px solid #F1F5F9;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fafafa50}.footer-text{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em}.footer-pagination{display:flex;gap:8px}.page-arrow{width:32px;height:32px;border:1px solid #E2E8F0;border-radius:var(--radius-premium);background:#fff;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s}.page-arrow:hover:not(.disabled){border-color:#cbd5e1;color:#64748b}.page-arrow.disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.materials-container{padding:0;height:auto;min-height:100vh;display:flex;flex-direction:column;gap:16px;overflow:visible;background-color:#f8fafc}.materials-header{display:flex;flex-direction:column;gap:20px;padding:0 24px}.materials-filters{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:var(--radius-premium);box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.search-field{flex:1;display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;padding:10px 16px;border-radius:var(--radius-premium);transition:all .2s}.search-field:focus-within{border-color:#00b0fa;background:#fff;box-shadow:0 0 0 3px #00b0fa1a}.search-field input{border:none;background:transparent;width:100%;font-size:14px;color:#1e293b;outline:none}.filter-btn-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:var(--radius-premium);background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn-icon:hover{background:#f1f5f9;color:#334155}.active-filters-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px;width:100%}.active-chips-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.results-count-text{font-size:13px;color:#64748b;margin-left:8px}.clear-all-link{font-size:13px;color:#64748b;cursor:pointer;font-weight:500}.clear-all-link:hover{color:#1d4ed8;text-decoration:underline}.category-tabs-row{display:flex!important;align-items:center;gap:8px;margin-bottom:24px;width:100%;padding:0 24px;border-bottom:none}.category-tab{padding:8px 16px;font-size:13px;font-weight:500;color:#64748b;background-color:transparent;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:all .2s;margin-bottom:0}.category-tab:hover{color:#334155;background-color:#f1f5f9}.category-tab.active{color:#00b0fa;background-color:#e0f2fe;border-color:#bae6fd;border-bottom-color:#bae6fd}.filter-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#eff6ff;border:1px solid #DBEAFE;border-radius:20px;font-size:13px;font-weight:500;color:#1d4ed8;cursor:default}.filter-chip svg{cursor:pointer;color:#3b82f6}.filter-chip svg:hover{color:#1d4ed8}.materials-list-container{height:auto;display:flex;flex-direction:column;overflow:visible;background:transparent;border:none;box-shadow:none}.materials-list-container::-webkit-scrollbar{width:6px;height:6px}.materials-list-container::-webkit-scrollbar-track{background:transparent}.materials-list-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.materials-list-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.materials-table{width:100%;border-collapse:collapse}.materials-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em}.materials-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.materials-table tr:hover{background:#f8fafc}.substance-cell{display:flex;align-items:flex-start;gap:16px}.substance-icon{width:36px;height:36px;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.substance-icon.hazard{background:#fef2f2;color:#ef4444}.substance-icon.safe{background:#eff6ff;color:#3b82f6}.substance-icon.warning{background:#fffbeb;color:#f59e0b}.substance-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b}.substance-id{font-size:12px;color:#94a3b8;display:block}.part-badge{display:inline-block;padding:4px 8px;background:#f1f5f9;border-radius:4px;font-size:11px;font-weight:700;color:#475569;border:1px solid #e2e8f0}.compliance-status-wrapper{display:flex;flex-direction:column;gap:8px;width:140px}.status-info-main{display:flex;justify-content:space-between;align-items:flex-end}.percent-complete{display:flex;flex-direction:column;line-height:1}.percent-val{font-size:14px;font-weight:700;color:#475569}.complete-label{font-size:11px;font-weight:700;color:#94a3b8;margin-top:2px}.status-type-label{text-align:right}.status-words{display:flex;flex-direction:column;line-height:1.1;font-size:12px;font-weight:700}.status-type-label.in-progress{color:#f59e0b}.status-type-label.certified{color:#22c55e}.status-type-label.pending{color:#ef4444}.progress-bar-track{width:100%;height:6px;background:#f1f5f9;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.threshold-text{font-size:13px;font-weight:500}.threshold-text.limit-exceeded{color:#ef4444}.threshold-text.safe{color:#64748b}.action-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#94a3b8;transition:all .2s;cursor:pointer}.materials-table tr:hover .action-arrow{background:#fff;color:#00b0fa;box-shadow:0 2px 4px #0000000d}.materials-empty-state{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;margin:24px;border-radius:16px;border:1px solid #e2e8f0;padding:40px}.empty-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px}.empty-icon-circle{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-content h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.empty-content p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 32px}.empty-actions{display:flex;gap:16px}.btn-create{padding:12px 24px;background:#00b0fa;color:#fff;border:none;border-radius:var(--radius-premium);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #00b0fa33}.btn-create:hover{background:#008ac5;transform:translateY(-1px)}.btn-import{padding:12px 24px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:var(--radius-premium);font-weight:600;cursor:pointer;transition:all .2s}.btn-import:hover{background:#f8fafc;border-color:#cbd5e1}.materials-action-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:var(--radius-premium);border:1px dotted #cbd5e1;margin-bottom:-10px}.add-material-banner-btn{background:#00b0fa;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.materials-content-wrapper{display:flex;gap:0;height:auto;padding:0 0 0 24px;align-items:flex-start}.materials-list-pane{flex:1;display:flex;flex-direction:column;overflow:visible;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:0;background:#fff;border-radius:var(--radius-premium);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005;margin-right:24px;height:auto}.materials-table-wrapper{flex:1;overflow:visible;min-height:0}.materials-list-pane.shrunk{flex:2}.materials-details-pane{width:440px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-premium);display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:auto;min-height:fit-content;overflow:visible;margin-left:0;margin-right:24px;flex-shrink:0;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDownToast{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%,20px);opacity:1}}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:16px;background:#0f172a;color:#fff;padding:12px 24px;border-radius:var(--radius-premium);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideDownToast .4s cubic-bezier(.16,1,.3,1) forwards}.toast-icon{width:32px;height:32px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.toast-content h4{margin:0;font-size:14px;font-weight:700}.toast-content p{margin:2px 0 0;font-size:13px;color:#94a3b8}.toast-undo{background:transparent;border:none;color:#3b82f6;font-weight:700;font-size:13px;cursor:pointer;margin-left:24px;text-transform:uppercase;letter-spacing:.05em}.status-label.updated{background-color:#f0f9ff;color:#3b82f6;border:1px solid #3b82f6}.materials-table tr.active-row{background-color:#f8fafc;border-left:3px solid #00B0FA}.materials-table tr.active-row td{border-bottom-color:#e2e8f0}.details-panel-header{padding:24px 24px 16px;border-bottom:1px solid #F1F5F9;position:relative}.details-panel-header h2{margin:0;font-size:20px;color:#0f172a;font-weight:700}.po-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#3b82f6;font-size:13px;font-weight:500;background:#eff6ff;padding:4px 8px;border-radius:6px}.close-panel-btn{position:absolute;right:20px;top:24px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.close-panel-btn:hover{background:#f1f5f9;color:#64748b}.details-section{padding:24px;border-bottom:1px solid #F1F5F9}.substance-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.substance-info-card{background:#fff;padding:16px;border-radius:var(--radius-premium);border:1px solid #e2e8f0}.substance-info-card label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;letter-spacing:.02em}.substance-info-card span{font-size:14px;font-weight:700;color:#0f172a}.substance-info-card.risk-card span{display:flex;align-items:center;gap:6px;color:#ef4444}.risk-dot{width:6px;height:6px;background:#ef4444;border-radius:50%}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.critical-badge{background:#fef2f2;color:#ef4444;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.monitoring-visual-row{display:flex;align-items:center;gap:32px;margin-bottom:24px}.circular-dial-container{position:relative;width:80px;height:80px}.circular-ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(#ef4444 110%,#e2e8f0 0);display:flex;align-items:center;justify-content:center}.circular-inner{width:68px;height:68px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#0f172a}.monitoring-stats{flex:1}.stat-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:20px;font-weight:800;color:#0f172a;display:flex;align-items:baseline;gap:4px}.stat-unit{font-size:12px;color:#64748b}.monitoring-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:20px}.monitoring-fill{height:100%;background:#ef4444}.monitoring-metadata{display:flex;justify-content:space-between;align-items:center}.reg-ref{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.compliance-status-marker{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#ef4444;text-transform:uppercase}.secondary-substances-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.sec-sub-card{padding:16px;background:#f8fafc;border-radius:var(--radius-premium)}.sec-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sec-sub-name{font-size:12px;font-weight:700;color:#0f172a}.sec-status-pill{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px}.safe-pill{background:#ecfdf5;color:#10b981}.warning-pill{background:#fff7ed;color:#f59e0b}.sec-sub-val{font-size:14px;font-weight:800;color:#0f172a;margin-top:8px}.sec-sub-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:8px}.sec-sub-fill{height:100%}.edit-form-group{margin-bottom:20px}.edit-form-group label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:8px}.edit-form-input{width:100%;height:44px;padding:0 16px;border:1px solid #e2e8f0;border-radius:var(--radius-premium);font-size:14px;font-weight:500;color:#0f172a}.edit-risk-select{width:100%;height:44px;padding:0 16px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;cursor:pointer}.edit-footer{padding:24px;display:flex;gap:12px;background:#fff;border-top:1px solid #f1f5f9}.cancel-btn-outline{flex:.4;height:44px;background:#f1f5f9;color:#64748b;border:none;border-radius:var(--radius-premium);font-weight:700;cursor:pointer}.save-btn-primary{flex:1;height:44px;background:#3b82f6;color:#fff;border:none;border-radius:var(--radius-premium);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.details-section h3{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:0 0 16px}.composition-bar-container{height:16px;background:#e2e8f0;border-radius:4px;overflow:hidden;display:flex;margin-bottom:12px}.comp-segment{height:100%}.comp-legend{display:flex;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#334155}.legend-dot{width:8px;height:8px;border-radius:50%}.doc-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #E2E8F0;border-radius:var(--radius-premium);margin-bottom:8px;transition:all .2s}.doc-list-item:hover{border-color:#cbd5e1;background:#f8fafc}.doc-info{display:flex;align-items:center;gap:12px}.doc-name{font-size:13px;color:#0f172a;font-weight:500}.doc-external-link{color:#94a3b8;cursor:pointer;text-decoration:none}.doc-external-link:hover{color:#00b0fa}.mapped-loc-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:var(--radius-premium);margin-bottom:8px}.loc-pin-icon{color:#64748b;margin-top:2px}.loc-details{flex:1}.loc-name{font-size:13px;font-weight:600;color:#0f172a;display:block;margin-bottom:2px}.loc-meta{font-size:11px;color:#64748b}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-row h3{margin:0}.view-map-link{font-size:11px;color:#00b0fa;font-weight:700;cursor:pointer;text-transform:uppercase}.panel-footer{padding:20px 24px;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;gap:12px;margin-top:auto}.edit-details-btn-full{flex:1;background:#0f172a;color:#fff;border:none;height:40px;border-radius:var(--radius-premium);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.edit-details-btn-full:hover{background:#1e293b}.more-options-btn{width:40px;height:40px;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-premium);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.filter-side-panel{width:380px;background:#fff;border-left:1px solid #E2E8F0;display:flex;flex-direction:column;box-shadow:-4px 0 16px #0000000d;height:calc(100vh - 64px);position:fixed;top:64px;right:0;bottom:0;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);z-index:1000;border-top-left-radius:0;border-bottom-left-radius:0}.filter-panel-header{padding:24px;background:#0f172a;color:#fff;display:flex;justify-content:space-between;align-items:center}.filter-panel-header h2{font-size:18px;font-weight:600;margin:0}.close-filter-btn{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.close-filter-btn:hover{opacity:1}.filter-scroll-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px}.filter-group label{display:block;font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.filter-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-label-row label{margin-bottom:0}.range-badges{display:flex;gap:8px}.badge-dark{background:#0f172a;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.range-slider-mock{position:relative;height:40px}.range-track{height:4px;background:#e2e8f0;border-radius:2px;position:relative;top:10px}.range-fill{height:4px;background:#3b82f6;border-radius:2px;position:absolute;top:10px}.range-thumb{width:16px;height:16px;background:#fff;border:2px solid #3B82F6;border-radius:50%;position:absolute;top:4px;cursor:pointer;box-shadow:0 2px 4px #0000001a}.range-labels-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:10px;color:#94a3b8}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer}.custom-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center}.custom-checkbox.checked{background:#3b82f6;border-color:#3b82f6}.checkbox-item span{font-size:13px;color:#334155}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zone-btn{padding:10px;border:1px solid #E2E8F0;background:#fff;border-radius:var(--radius-premium);color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.zone-btn:hover{border-color:#cbd5e1}.zone-btn.active{border-color:#3b82f6;color:#3b82f6;background:#eff6ff;font-weight:600}.select-input-mock{border:1px solid #E2E8F0;border-radius:var(--radius-premium);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#334155;font-size:13px;cursor:pointer}.filter-panel-footer{padding:24px;border-top:1px solid #E2E8F0;display:flex;flex-direction:column;gap:16px}.apply-filters-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:12px;border-radius:var(--radius-premium);font-weight:600;cursor:pointer}.reset-filters-btn{background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.loading-blur-overlay{position:relative;height:80px;background:linear-gradient(to bottom,#fff6,#fffffff2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-top:-40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid white;z-index:5}.loading-spinner-dots{display:flex;gap:4px}.dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.filter-btn-icon.active{background:#0f172a;color:#fff;border-color:#0f172a}@media(max-width:1200px){.materials-content-wrapper{flex-direction:column;padding-right:24px}.materials-list-pane{margin-right:0;margin-bottom:24px;width:100%}.materials-details-pane{width:100%;margin-right:0}}@media(max-width:992px){.materials-filters{flex-direction:column;align-items:stretch}.search-field,.filter-dropdown{width:100%}}@media(max-width:768px){.materials-header{padding:0 16px}.materials-content-wrapper{padding-left:16px;padding-right:16px}.category-tabs-row{overflow-x:auto;padding-bottom:8px}.category-tab{white-space:nowrap}.materials-table th:nth-child(3),.materials-table td:nth-child(3),.materials-table th:nth-child(4),.materials-table td:nth-child(4){display:none}}.materials-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:12px;border:1px solid var(--border-color);position:relative}.materials-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.materials-table th{position:sticky;top:0;z-index:50;background:var(--bg-gray-50);padding:14px 16px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);text-align:left}.materials-table th.sticky-col{position:sticky!important;top:0;right:0;z-index:100;background:var(--bg-gray-50)!important;border-left:1px solid var(--border-color);box-shadow:-4px 0 8px #00000008;text-transform:none;font-size:13px;color:var(--text-primary)}.materials-table td{padding:16px;background:#fff;border-bottom:1px solid var(--bg-gray-100);font-size:14px;color:var(--text-secondary)}.materials-table td.sticky-col{position:sticky!important;right:0;z-index:80;background:#fff!important;border-left:1px solid var(--border-color);box-shadow:-4px 0 8px #00000008}.materials-table tr.active-row td,.materials-table tr.active-row td.sticky-col{background:var(--primary-blue-subtle)!important}.substance-cell{display:flex;align-items:center;gap:16px}.substance-info h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.substance-id{font-size:12px;color:var(--text-tertiary)}.hazmat-text-only{font-weight:600;color:var(--text-secondary);font-size:13px}.action-arrow{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;color:var(--primary-blue);background:#fff;box-shadow:0 2px 5px #00000014;transition:all .2s;border:1px solid var(--border-color)}.action-arrow:hover{background:var(--primary-blue);color:#fff;transform:scale(1.1)}.materials-table-wrapper::-webkit-scrollbar{height:8px;width:6px}.materials-table-wrapper::-webkit-scrollbar-track{background:var(--bg-gray-50)}.materials-table-wrapper::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}.materials-table-wrapper::-webkit-scrollbar-thumb:hover{background:#98a2b3}.materials-list-pane.shrunk{flex:0 0 calc(100% - 464px);max-width:calc(100% - 464px)}.ihm-certificate-container{padding:16px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;width:100%;position:relative}.ihm-certificate-container.cert-detail-view{padding:0;gap:0}.ihm-certificate-container.active-state{padding-top:12px;overflow-y:auto}.ihm-certificate-container.active-state .cert-sections-scroll-area{flex:none;overflow-y:visible;padding-bottom:24px}.add-form-container{background-color:#fff;overflow-y:auto}.cert-breadcrumbs,.form-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.breadcrumb-sep,.form-breadcrumbs .sep{color:#94a3b8}.cert-breadcrumbs .current,.form-breadcrumbs .current{color:#0f172a;font-weight:600}.form-wizard-layout{display:flex;gap:40px;flex:1;min-height:0;margin-top:8px}.wizard-progress-sidebar{width:var(--sidebar-width, 240px);flex-shrink:0;border-right:1px solid #f1f5f9;padding-right:40px}.wizard-progress-sidebar h4{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px}.wizard-progress-sidebar p{font-size:13px;color:#64748b;margin-bottom:32px}.steps-vertical{display:flex;flex-direction:column}.step-indicator{display:flex;gap:16px;align-items:flex-start}.step-point{width:32px;height:32px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#94a3b8;flex-shrink:0;z-index:2;transition:all .3s}.step-indicator.active .step-point{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb1a}.step-indicator.completed .step-point{border-color:#10b981;background:#10b981;color:#fff}.step-label h4{font-size:14px;font-weight:600;color:#64748b;margin:0}.step-indicator.active .step-label h4{color:#2563eb}.step-indicator.completed .step-label h4{color:#10b981}.step-label p{font-size:11px;font-weight:700;text-transform:uppercase;margin:2px 0 0}.step-line{width:2px;height:32px;background:#e2e8f0;margin-left:17px}.step-indicator.completed+.step-line{background:#10b981}.wizard-form-content{flex:1;overflow-y:auto;padding-bottom:40px}.step-content h2{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 8px}.step-desc{font-size:15px;color:#64748b;margin-bottom:32px}.form-grid{display:flex;flex-direction:column;gap:24px;max-width:600px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:700;color:#0f172a}.standard-input,.custom-select-mock,.search-input-wrapper input,.date-input-wrapper input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s}.custom-select-mock{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#64748b}.search-input-wrapper{position:relative}.search-input-wrapper .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input-wrapper input{padding-left:44px}.authority-chips{display:flex;gap:8px;margin-top:4px}.authority-chips span{padding:4px 12px;background:#f1f5f9;border-radius:6px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer}.read-only-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-weight:500}.hint{font-size:12px;color:#94a3b8;margin-top:4px}.date-input-wrapper{position:relative}.date-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#2563eb;pointer-events:none}.renewal-chip{display:flex;align-items:center;gap:8px;color:#2563eb;font-size:12px;font-weight:700;margin-top:4px}.renewal-chip .dot{width:8px;height:8px;background:#2563eb;border-radius:50%}.dropzone-area{border:2px dashed #cbd5e1;border-radius:16px;padding:40px;text-align:center;background:#f8fafc;margin-top:8px;transition:all .2s}.dropzone-area:hover{border-color:#2563eb;background:#eff6ff}.upload-circle{width:48px;height:48px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.dropzone-area .main-text{font-size:15px;font-weight:700;color:#2563eb;margin:0 0 4px}.dropzone-area .sub-text{font-size:13px;color:#64748b}.uploaded-file-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px}.file-info{display:flex;align-items:center;gap:12px}.file-info .text{display:flex;flex-direction:column}.file-info .name{font-size:14px;font-weight:600;color:#0f172a}.file-info .meta{font-size:12px;color:#94a3b8}.record-summary{margin-top:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.record-summary h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px}.summary-grid{display:flex;gap:40px}.summary-item label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.summary-item p{font-size:15px;font-weight:600;color:#334155;margin:0}.read-only-disclaimer{display:flex;align-items:center;gap:8px;margin-top:24px;color:#64748b;font-size:12px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #f1f5f9}.footer-right{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-ghost{padding:12px 24px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary{background:#2563eb;color:#fff;border:none}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb66}.btn-secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc}.btn-ghost{background:transparent;color:#64748b;border:none;padding-left:0}.btn-ghost:hover{color:#0f172a}.wizard-info-footer{display:flex;gap:12px;padding:16px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe;margin-top:24px;margin-bottom:24px;flex-shrink:0;align-items:flex-start}.wizard-info-footer svg{color:#2563eb;margin-top:2px;flex-shrink:0}.wizard-info-footer p{margin:0;font-size:13px;color:#1e40af;line-height:1.5}.certificate-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex-shrink:0;margin-top:8px}.cert-card{background:#fff;padding:12px 16px 32px;border-radius:10px;border:1px solid #edf2f7;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100px}.status-icon-valid{color:#10b981}.status-icon-expiry{color:#f97316}.cert-status-badge{position:absolute;bottom:12px;left:16px;display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.cert-status-badge.compliant{background:#ecfdf5;color:#059669}.cert-status-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cert-card.alert-card .cert-card-sub.highlight{color:#2563eb;font-weight:700}.cert-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014;border-color:#cbd5e1}.cert-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.cert-card-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.cert-card-value{font-size:20px;font-weight:700;color:#0f172a}.cert-card-sub{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.cert-card-icon{color:#94a3b8}.cert-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.cert-search-wrapper{flex:1;position:relative;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.cert-search-wrapper input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.cert-search-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-cert-btn-main{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.add-cert-btn-main:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.cert-sections-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.cert-accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s;margin-bottom:12px}.cert-accordion-item:hover{border-color:#cbd5e1}.accordion-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.header-icon-box{width:40px;height:40px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center}.header-text h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.header-text p{margin:2px 0 0;font-size:12px;color:#64748b}.accordion-content{padding:0 20px 20px;border-top:1px solid #f1f5f9}.cert-table{width:100%;border-collapse:collapse}.cert-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.cert-table td{padding:14px 16px;font-size:13.5px;color:#334155;border-bottom:1px solid #f8fafc}.cert-table tr:last-child td{border-bottom:none}.font-medium{font-weight:500;color:#0f172a}.status-pill{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-pill.valid{background:#ecfdf5;color:#059669}.status-pill.action{background:#fff1f2;color:#e11d48}.actions-cell{display:flex;justify-content:flex-end;align-items:center;gap:8px}.action-icon-btn{width:32px;height:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-icon-btn:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.renew-btn{padding:6px 12px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.cert-sections-scroll-area::-webkit-scrollbar{width:6px}.cert-sections-scroll-area::-webkit-scrollbar-track{background:transparent}.cert-sections-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.cert-empty-state-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center;margin-bottom:24px;box-shadow:0 4px 6px -1px #00000005}.empty-state-visual{margin-bottom:16px}.document-icon-wrapper{width:72px;height:72px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.missing-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;background:#ef4444;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-state-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:8px}.empty-state-description{font-size:13.5px;color:#64748b;line-height:1.5;margin-bottom:24px;max-width:450px}.upload-cert-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s}.upload-cert-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.toast-notification{position:absolute;top:16px;left:50%;transform:translate(-50%) translateY(-20px);background:#1e293b;color:#fff;padding:14px 18px;border-radius:10px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px -5px #0000004d,0 0 0 1px #ffffff1a;z-index:1000;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);min-width:520px;max-width:650px;pointer-events:none}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast-icon-box{width:32px;height:32px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:14px;font-weight:700;margin-bottom:2px}.toast-message{font-size:12px;color:#cbd5e1}.toast-actions{display:flex;gap:8px}.toast-actions .view-btn{background:#2563eb;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.toast-actions .undo-btn{background:transparent;color:#94a3b8;border:none;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer}.toast-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px}.cert-detail-view{display:flex;flex-direction:column;height:100%;padding:0!important;gap:0!important;background:#e5e7eb;overflow:hidden}.cert-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.cert-detail-header .left .back-link{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;cursor:pointer;margin-bottom:8px}.cert-detail-header .doc-title{font-size:20px;font-weight:700;color:#0f172a;margin:0}.cert-detail-header .right{display:flex;gap:12px}.cert-detail-header .action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer}.cert-document-layout{display:flex;flex:1;overflow:hidden;background:#1e293b}.document-main-area{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:#1e293b}.document-paper-wrapper{flex:1;background:#0f172a;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;padding-bottom:20px;overflow-y:auto}.full-content-mode .document-paper-wrapper{padding-top:0}.document-paper{background:#fff;padding:80px 100px;border-radius:2px;box-shadow:0 40px 80px -15px #00000080,0 20px 40px -20px #0009;position:relative;width:740px;height:1045px;transform:scale(.92);transform-origin:top center;border:1px solid rgba(255,255,255,.1);margin-bottom:40px}.doc-watermark{display:none}.doc-header-section{text-align:center;margin-bottom:64px}.doc-header-section h1{font-size:24px;font-weight:800;letter-spacing:.05em;color:#0f172a;margin-bottom:16px}.doc-subtitle{font-size:14px;font-style:italic;color:#64748b;max-width:600px;margin:0 auto}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:64px}.doc-field label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:4px}.doc-field .value{font-size:16px;font-weight:600;color:#0f172a}.doc-body-text{border:1px solid #e2e8f0;padding:32px;border-radius:8px;background:#f8fafc;margin-bottom:64px}.doc-body-text p{font-size:15px;line-height:1.8;color:#334155;margin:0}.doc-footer-section{display:flex;justify-content:space-between;align-items:flex-end}.place-date .value{font-size:15px;font-weight:600;color:#0f172a}.signature-box{text-align:center}.signature-box .sig-line{width:200px;height:1px;background:#cbd5e1;margin-bottom:8px}.signature-box label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.ihm-certificate-container::-webkit-scrollbar,.wizard-form-content::-webkit-scrollbar,.cert-sections-scroll-area::-webkit-scrollbar{width:6px}.ihm-certificate-container::-webkit-scrollbar-track,.wizard-form-content::-webkit-scrollbar-track,.cert-sections-scroll-area::-webkit-scrollbar-track{background:transparent}.ihm-certificate-container::-webkit-scrollbar-thumb,.wizard-form-content::-webkit-scrollbar-thumb,.cert-sections-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.new-cert-row td{background-color:#eff6ff!important}.cert-name-wrapper{display:flex;align-items:center;gap:8px}.new-badge{background:#dbeafe;color:#1d4ed8;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #bfdbfe}.cert-intelligence-sidebar{width:440px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:#fff;padding:0 20px 20px;overflow-y:auto;border-left:1px solid #e5e7eb;height:100%;transition:all .3s ease-in-out}.cert-intelligence-sidebar::-webkit-scrollbar{width:0}.cert-intelligence-sidebar{scrollbar-width:none}.full-content-mode .cert-intelligence-sidebar{width:0;padding:0;margin:0;border:none;opacity:0;pointer-events:none}.cert-intelligence-sidebar::-webkit-scrollbar{width:4px}.cert-intelligence-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.intel-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.intel-card.status-card.valid{background:#f0fdf4;border-color:#bbf7d0}.intel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;color:#64748b}.status-badge.valid{display:flex;align-items:center;gap:6px;color:#059669;font-weight:800}.days-count{margin-bottom:12px}.days-count .big{font-size:32px;font-weight:800;color:#166534;line-height:1;margin-right:8px}.days-count .label{font-size:13px;color:#15803d}.progress-bar{height:6px;background:#d1fae5;border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;background:#10b981}.intel-card.info-card label{display:block;font-size:10px;font-weight:700;color:#94a3b8;margin-bottom:4px;text-transform:uppercase}.intel-card.info-card .value{font-size:14px;font-weight:600;color:#334155;margin-bottom:0}.authority-box{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.logo-sq{width:36px;height:36px;background:#0f172a;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px}.auth-name{font-size:13px;font-weight:700;color:#0f172a}.auth-sub{font-size:11px;color:#64748b}.dates-row{display:flex}.sidebar-actions{margin-top:4px;display:flex;flex-direction:column;gap:8px}.sidebar-btn{width:100%;padding:10px;border-radius:6px;font-size:13px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .2s}.sidebar-btn.primary{background:#2563eb;color:#fff;border:none}.sidebar-btn:hover{background:#f1f5f9}.sidebar-btn.primary:hover{background:#1d4ed8}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f172a;border-bottom:1px solid #334155;z-index:10;flex-shrink:0;width:100%;height:56px}.pdf-header-left{flex:1;display:flex;align-items:center}.pdf-file-name{font-size:13px;font-weight:500;color:#e2e8f0}.pdf-center-controls{display:flex;align-items:center;gap:8px}.pdf-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s}.pdf-icon-btn:hover{background:#334155;color:#e2e8f0}.pdf-icon-btn.i-mode-btn.active{background:#00b0fa;color:#fff}.importance-top{border-color:#00b0fa!important;background:#f0f9ff!important}.pdf-zoom-level{font-size:13px;font-weight:500;color:#e2e8f0;min-width:45px;text-align:center}.pdf-right-actions{flex:1;display:flex;align-items:center;gap:12px;justify-content:flex-end}.pdf-download-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:transparent;color:#94a3b8;border:1px solid #475569;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pdf-download-btn:hover{background:#334155;color:#e2e8f0;border-color:#64748b}.sidebar-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.data-group{background:#fff;padding:12px;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.data-group label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.value-text{font-size:14px;font-weight:600;color:#0f172a;font-family:Courier New,monospace}.dates-row-clean,.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ihm-certificate-container.generation-view{padding:24px;background-color:#f1f5f9;height:100%;overflow-y:auto}.cert-generation-layout{display:flex;justify-content:center;align-items:flex-start;padding-top:40px;max-width:1400px;margin:0 auto}.cert-generation-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;width:450px}.card-header-clean{padding:16px 20px;border-bottom:1px solid #e2e8f0}.card-header-clean h3{margin:0;font-size:16px;font-weight:700;color:#1e293b}.generation-form-body{padding:24px;display:flex;flex-direction:column;gap:24px}.gen-input-group{display:flex;flex-direction:column;gap:8px}.gen-input-group label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.gen-select,.gen-date-input{width:100%;padding:10px 0;border:none;border-bottom:2px solid #e2e8f0;background:transparent;font-size:14px;font-weight:500;color:#1e293b;outline:none;transition:all .2s}.gen-select:focus,.gen-date-input:focus{border-bottom-color:#3b82f6}.generation-footer{margin-top:12px}.generate-cert-btn{width:100%;padding:12px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.generate-cert-btn:hover{background-color:#1d4ed8}.pending-audits-container{display:flex;min-height:100vh;background:#f8fafc;width:100%}.pending-audits-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;padding-top:72px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .pending-audits-main{margin-left:var(--sidebar-collapsed-width, 80px);width:calc(100% - var(--sidebar-collapsed-width, 80px))}.pending-audits-content{flex:1;padding:24px 40px 40px;display:flex;flex-direction:column;gap:24px}.md-header{height:auto;padding-bottom:20px;display:flex;align-items:center;background:transparent;border-bottom:2px solid #E2E8F0}.md-title-area h1{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 4px}.audits-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.search-box{flex:1;height:48px;max-width:500px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 16px;box-shadow:0 4px 6px -1px #00000012;border:1px solid #E2E8F0}.search-icon{color:#94a3b8;margin-right:12px}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b;font-weight:500}.add-fleet-btn{height:48px;padding:0 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 10px #3b82f633;white-space:nowrap}.add-fleet-btn:hover{background:#2563eb;transform:translateY(-1px)}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9;overflow:hidden}.audits-table{width:100%;border-collapse:collapse}.th-action,.action-column{width:180px;min-width:180px}.audits-table th:not(.th-action),.audits-table td:not(.action-column){width:calc((100% - 180px) / 3)}.audits-table th{height:44px;padding:0 16px;text-align:left;background:#fff;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f1f5f9}.audits-table tr:hover{background:#f8fafc}.audits-table td{height:52px;padding:0 16px;color:#475569;font-size:14px;font-weight:500;border-bottom:1px solid #f1f5f9}.vessel-name{color:#1e293b!important;font-weight:700!important}.action-buttons{display:flex;gap:6px;justify-content:flex-start}.action-btn{width:26px;height:26px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.send-btn{background:transparent;color:#0ea5e9}.pagination{margin-top:24px;display:flex;align-items:center;justify-content:space-between}.pagination-info{color:#64748b;font-size:13px;font-weight:600}.pagination-buttons{display:flex;gap:6px}.page-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-weight:700;font-size:12px;cursor:pointer}.send-review-body input{width:100%;padding:10px 12px;border:1px solid #CBD5E1;border-radius:6px;font-size:14px;outline:none;margin-bottom:16px;box-sizing:border-box;transition:border-color .2s}.send-review-body input:focus{border-color:#08c}.pending-audits-content{padding:24px 40px!important;gap:0!important;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden}.md-header{height:auto;padding-bottom:20px;display:flex;align-items:center;background:transparent;border-bottom:2px solid #E2E8F0;margin-bottom:24px;flex-shrink:0}.md-title-area h1{font-size:26px!important;font-weight:800!important;color:#1e293b!important;margin:0 0 4px!important}.md-title-area p{color:#64748b;font-size:14px;margin:0}.audits-top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;flex-shrink:0;height:44px}.search-box{flex:1;height:100%;max-width:480px;background:#fff;border-radius:100px;display:flex;align-items:center;padding:0 20px;border:1.5px solid #E2E8F0;box-shadow:0 2px 4px #00000005;transition:all .25s cubic-bezier(.4,0,.2,1)}.search-box:focus-within{border-color:#00b0fa;box-shadow:0 4px 12px #00b0fa1f;transform:translateY(-1px)}.search-icon{color:#94a3b8;margin-right:14px;flex-shrink:0;transition:color .2s}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b;font-weight:500;background:transparent;height:100%;padding-bottom:1px}.search-box input::placeholder{color:#94a3b8;font-weight:400}.top-bar-right{height:100%}.add-fleet-btn{height:100%;padding:0 28px;background:#00b0fa;color:#fff;border:none;border-radius:100px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 14px #00b0fa4d;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.add-fleet-btn:hover{background:#0099e0;transform:translateY(-2px);box-shadow:0 6px 20px #00b0fa66}.add-fleet-btn:active{transform:translateY(0)}.add-fleet-btn:hover{background:#0099e0;transform:translateY(-1px)}.table-container{flex:1;background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 8px 30px #0000000a;display:flex;flex-direction:column;overflow:hidden;min-height:0}.table-scroll-wrapper{flex:1;overflow-y:auto;overflow-x:auto}.audits-table{width:100%;border-collapse:collapse;table-layout:fixed}.audits-table th,.audits-table td{padding:0 16px;text-align:left;vertical-align:middle;overflow:hidden}.sf-th-action,.sf-action-column{width:120px;padding:0 12px}.audits-table th:not(.sf-th-action),.audits-table td:not(.sf-action-column){width:calc((100% - 120px)/4);white-space:nowrap;text-overflow:ellipsis}.audits-table th{height:48px;background:#f8fafc;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;position:sticky;top:0;z-index:10;border-bottom:2px solid #f1f5f9}.audits-table td{height:64px;color:#1e293b;font-size:14px;font-weight:600;border-bottom:1px solid #f1f5f9}.audits-table tbody tr:last-child td{border-bottom:none}.audits-table tbody tr:hover{background-color:#f8fafc!important}.sf-action-column{overflow:hidden}.sf-action-buttons{display:flex;align-items:center;gap:6px}.sf-action-btn{width:30px;height:30px;border-radius:7px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0;padding:0}.sf-edit-btn{background:#f1f5f9;color:#475569}.sf-edit-btn:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.08)}.sf-send-btn{background:#eff6ff;color:#3b82f6}.sf-send-btn:hover{background:#dbeafe;color:#1d4ed8;transform:scale(1.08)}.sf-delete-btn{background:#fef2f2;color:#ef4444}.sf-delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.08)}.table-footer{padding:10px 20px;border-top:1px solid #f1f5f9;background:#fcfdfe;flex-shrink:0;display:flex;align-items:center}.total-count{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.archived-section{margin-top:16px;padding-top:12px;border-top:1px solid #E2E8F0;flex-shrink:0}.archived-section h3{font-size:13px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0}.send-review-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;width:90%;max-width:460px;z-index:10001;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScaleIn .2s ease-out}.send-review-body{padding:24px;text-align:left}.send-review-body p{font-size:13px;color:#64748b;line-height:1.5;margin:0 0 16px}.send-review-body label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.send-review-body input,.send-review-body select{width:100%;padding:10px 12px;border:1px solid #CBD5E1;border-radius:6px;font-size:14px;outline:none;margin-bottom:16px;box-sizing:border-box;transition:border-color .2s;background:#fff}.send-review-body input:focus,.send-review-body select:focus{border-color:#08c}.send-review-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;align-items:center;gap:24px;background:#f8fafc;border-top:1px solid #f1f5f9}.danger-modal .send-review-header{background:#ef4444}.btn-danger-send{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ef444433;transition:all .22s}.btn-danger-send:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.hazmat-mapping-page{height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden;color:#1e293b}.mapping-header-v5{height:64px;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.h-left-v5{display:flex;align-items:center}.back-btn-v5{width:36px;height:36px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:16px;cursor:pointer;transition:all .2s ease;color:#64748b}.back-btn-v5:hover{background:#f1f5f9;color:#00b0fa;border-color:#00b0fa}.logo-group-v5{display:flex;align-items:center;gap:12px}.sailing-logo{animation:sailing 3s ease-in-out infinite}@keyframes sailing{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-5deg)}75%{transform:translateY(1px) rotate(5deg)}}.detail-card-premium{background:#fff;border:2px solid #2563EB;border-radius:8px;padding:20px;margin:16px;box-shadow:0 4px 12px #2563eb1a}.detail-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dh-left{display:flex;gap:12px}.dh-icon-box{width:40px;height:40px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center}.dh-titles h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 2px}.dh-ref{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:600}.status-badge-premium{font-size:11px;font-weight:800;padding:4px 8px;border-radius:4px;text-transform:uppercase}.status-badge-premium.mapped{background:#2563eb;color:#fff}.detail-form-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;width:100%}.df-group{display:flex;flex-direction:column;gap:6px;width:100%}.df-group.full{width:100%;margin-bottom:20px}.df-group label{font-size:11px;font-weight:700;letter-spacing:.05em;color:#475569;text-transform:uppercase;display:block;margin-bottom:4px}.df-input,.df-textarea{width:100%;box-sizing:border-box;border:1.5px solid #CBD5E1;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;color:#1e293b;background:#fff;transition:all .15s ease-in-out}.df-input:focus,.df-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background:#fff;outline:none}.deck-selector-field{width:100%;min-height:42px;border:1.5px solid #CBD5E1!important;border-radius:8px!important;background:#fff!important;padding:8px 14px!important;box-sizing:border-box!important}.deck-selector-field span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;font-weight:600!important;color:#1e293b!important}.df-textarea{height:80px;resize:none}.doc-attach-box{border:1px dashed #CBD5E1;border-radius:6px;padding:12px;display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;background:#f8fafc;cursor:pointer;margin-bottom:12px}.attached-files-list{display:flex;flex-direction:column;gap:8px}.attached-file-row{display:flex;align-items:center;gap:10px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:6px;padding:8px 12px;font-size:13px;color:#1e40af}.remove-file{margin-left:auto;cursor:pointer;color:#60a5fa}.mapped-status-container{background:#eff6ff;border:1px solid #BFDBFE;border-radius:6px;padding:12px 16px;margin-bottom:16px}.ms-label{font-size:10px;font-weight:700;color:#60a5fa;margin-bottom:6px;text-transform:uppercase}.ms-curr-loc{display:flex;align-items:center;gap:8px;font-size:13px;color:#1e40af}.ms-check-circle{width:16px;height:16px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center}.ms-check{color:#fff;font-size:10px;font-weight:700}.map-to-deck-action-btn{width:100%;height:40px;background:#fff;border:1px solid #2563EB;color:#2563eb;border-radius:6px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;cursor:pointer;transition:all .2s}.map-to-deck-action-btn:hover{background:#eff6ff}.detail-actions-footer{display:flex;gap:12px}.hm-mapping-btn{flex:1;height:38px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;border:none}.hm-mapping-btn.cancel{background:#fff;border:1px solid #E2E8F0;color:#64748b}.hm-mapping-btn.save{background:#2563eb;color:#fff}.h-left-v5{display:flex;align-items:center;gap:16px}.h-deck-context-v5{display:flex;align-items:center;gap:16px;margin-left:24px;padding-left:24px;border-left:1px solid #E2E8F0}.badge-text-v5{display:flex;flex-direction:column}.badge-text-v5 strong{font-size:13px;line-height:1.2;color:#1e293b}.badge-text-v5 span{font-size:11px;color:#64748b;font-weight:600}.back-btn-v5{display:flex;align-items:center;gap:8px;background:none;border:none;color:#475569;font-size:13px;font-weight:600;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.back-btn-v5:hover{background:#f1f5f9}.h-divider-v5{width:1px;height:24px;background:#e2e8f0}.logo-group-v5{display:flex;align-items:center;gap:10px}.logo-icon-v5{color:#1e3a8a}.logo-group-v5 strong{font-size:18px;color:#1e3a8a;letter-spacing:-.5px}.logo-group-v5 span{font-size:14px;color:#64748b;font-weight:500}.h-center-v5{flex:1;display:flex;justify-content:center;max-width:500px}.search-pill-v5{width:100%;background:#f1f5f9;border-radius:50px;display:flex;align-items:center;padding:0 16px;gap:12px;color:#94a3b8}.search-pill-v5 input{background:transparent;border:none;height:38px;flex:1;font-family:inherit;font-size:14px;outline:none;color:#1e293b}.h-right-v5{display:flex;align-items:center;gap:24px}.notif-badge-v5{position:relative;color:#64748b;cursor:pointer}.notif-red{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.profile-capsule-v5{display:flex;align-items:center;gap:12px}.p-info{text-align:right}.p-info strong{display:block;font-size:13px;color:#1e293b}.p-info .p-role{font-size:10px;font-weight:800;color:#fff;background:#1e3a8a;padding:1px 4px;border-radius:3px}.p-avatar-v5{width:36px;height:36px;background:#eff6ff;border:1px solid #00B0FA;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#00b0fa}.mapping-main-v5{flex:1;display:flex;overflow:hidden}.viewer-viewport-v5{flex:1;position:relative;background:#cbd5e1;overflow:hidden}.toolbelt-floating-v5{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#1e3a8a;padding:6px;border-radius:8px;box-shadow:0 10px 25px #0003;z-index:50}.t-cluster{display:flex;gap:4px}.t-cluster button{background:transparent;border:none;width:36px;height:36px;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.t-cluster button:hover{background:#ffffff1a}.reset-label-v5{width:auto!important;padding:0 16px!important;font-size:11px;font-weight:800;gap:8px}.tool-v-sep{width:1px;height:16px;background:#e2e8f0}.tool-btn,.zoom-btn,.reset-btn-circle{width:42px;height:42px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.tool-btn:hover,.zoom-btn:hover,.reset-btn-circle:hover{background:#f1f5f9;color:#1e293b}.tool-btn.active{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.reset-btn-circle{background:#f1f5f9;color:#2563eb}.pan-surface-v5{width:100%;height:100%;position:relative;overflow:hidden}.coord-scaler{position:absolute;top:0;left:0}.crop-container-v5{background:#fff;box-shadow:0 40px 100px #00000026;border:1px solid #E2E8F0;position:relative;overflow:hidden}.crop-section-title-overlay{position:fixed;bottom:80px;left:40px;background:#1e3a8af2;color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.1em;z-index:1000;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:6px solid #00B0FA;box-shadow:0 10px 30px #0000004d}.pin-marker-v5{position:absolute;color:#00b0fa;z-index:10}.pin-marker-v5.ghost{opacity:.8;color:#00b0fa;animation:bounce .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounce{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.pin-icon-box{filter:drop-shadow(0 4px 8px rgba(0,176,250,.4))}.bottom-info-pill{position:absolute;bottom:24px;left:24px;z-index:20}.pill-content{background:#fff;padding:8px 16px;border-radius:8px;border:1px solid #E2E8F0;box-shadow:0 4px 12px #0000000d;font-size:12px;display:flex;gap:8px}.pill-content span{color:#64748b;font-weight:700}.pill-content strong{color:#1e293b}.drawing-frame img{pointer-events:none}.hazmat-pin-v3{position:absolute;z-index:500}.pin-symbol{width:44px;height:44px;background:#00b0fa;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.2) 4px,rgba(255,255,255,.2) 8px);border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #00b0fa4d}.hazmat-pin-v3.placement .pin-symbol{background:#10b981;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.2) 4px,rgba(255,255,255,.2) 8px);color:#fff}.inventory-v5-side{width:400px;height:100%;background:#fff;border-left:1px solid #E2E8F0;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:-4px 0 15px #0000000d}.inventory-v5-side:before{content:"";position:absolute;inset:0;background:#f8fafc;z-index:-1}.v5-side-header{padding:24px;border-bottom:1px solid #F1F5F9}.v5-h-top{display:flex;justify-content:space-between;align-items:center}.v5-title{display:flex;align-items:center;gap:12px}.v5-title h3{font-size:14px;font-weight:800;color:#1e293b;letter-spacing:.5px}.v5-controls{display:flex;gap:16px;color:#94a3b8}.v5-inventory-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;height:100%}.v5-inventory-list::-webkit-scrollbar{width:6px}.v5-inventory-list::-webkit-scrollbar-track{background:#f1f5f9}.v5-inventory-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.v5-cat-group{margin-bottom:24px}.v5-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 8px}.v5-cat-pill{width:12px;height:12px;background:#1d4ed8;border-radius:2px}.v5-cat-name{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.5px}.v5-cat-meta{margin-left:auto;font-size:10px;font-weight:700;background:#f1f5f9;padding:2px 8px;border-radius:100px;color:#94a3b8}.v5-item-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin-bottom:12px;transition:all .2s;box-shadow:0 4px 10px #00000005}.v5-item-card:hover{border-color:#00b0fa;box-shadow:0 10px 25px #00b0fa14}.v5-card-inner{display:flex;padding:16px;gap:12px}.v5-item-card.pin-highlight{animation:pulse-border 1.5s ease-in-out infinite,background-flash .5s ease-out;border-color:#00b0fa;box-shadow:0 0 20px #00b0fa33}@keyframes pulse-border{0%{border-color:#00b0fa;box-shadow:0 0 #00b0fa66}70%{border-color:#00b0fa;box-shadow:0 0 0 10px #00b0fa00}to{border-color:#00b0fa;box-shadow:0 0 #00b0fa00}}@keyframes background-flash{0%{background-color:#00b0fa1a}to{background-color:#fff}}.v5-check-circle{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.v5-check-circle.checked{background:#00b0fa;border-color:#00b0fa}.check-mark{color:#fff;font-size:12px;font-weight:700}.v5-item-card{cursor:pointer}.v5-card-data{flex:1}.v5-data-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.v5-data-top h4{font-size:15px;font-weight:700;color:#1e293b}.v5-status-tag{font-size:9px;font-weight:800;padding:2px 8px;border-radius:4px}.v5-status-tag.in-use{background:#eff6ff;color:#1d4ed8}.v5-status-tag.mapped{background:#f0fdf4;color:#16a34a}.v5-data-sub{font-size:11px;font-weight:600;color:#94a3b8;background:#f8fafc;display:inline-block;padding:2px 8px;border-radius:4px;margin-bottom:8px}.v5-data-desc{font-size:12px;color:#475569;line-height:1.4;margin-bottom:16px}.v5-location-box{background:#f8fafc;border-radius:8px;padding:12px}.v5-loc-label{font-size:10px;font-weight:700;color:#94a3b8;display:block;margin-bottom:4px}.v5-loc-text{font-size:12px;font-weight:600;color:#475569;margin-bottom:4px}.v5-usage-line{font-size:12px;color:#64748b}.v5-usage-line strong{color:#1d4ed8}.sidebar-fab-v5{position:absolute;bottom:24px;right:24px;z-index:50}.fab-blue-v5{width:64px;height:64px;background:#00b0fa;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00b0fa66;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-blue-v5:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 15px 40px #00b0fa99}.fab-blue-v5:active{transform:scale(.95)}.add-material-form-v4{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10;display:flex;flex-direction:column;animation:slideInForm .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInForm{0%{transform:translate(100%)}to{transform:translate(0)}}.form-header-premium{padding:20px 24px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between}.form-header-premium .header-left{display:flex;align-items:center;gap:16px}.add-material-form-v5{height:100%;display:flex;flex-direction:column;background:#fff;overflow-x:hidden}.form-header-v5{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F1F5F9}.back-btn-v5-mini{width:32px;height:32px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer}.form-header-v5 h4{font-size:14px;font-weight:800;color:#1e293b;letter-spacing:.5px}.form-content-v5{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:24px}.form-footer-v5{padding:24px;display:flex;gap:12px;border-top:1px solid #F1F5F9;background:#fff}.discard-btn-v5{flex:1;height:44px;background:#f1f5f9;border:none;border-radius:8px;font-size:11px;font-weight:800;color:#475569;cursor:pointer}.create-btn-v5{flex:2;height:44px;background:#1e3a8a;border:none;border-radius:8px;font-size:11px;font-weight:800;color:#fff;box-shadow:0 4px 12px #1e3a8a33;cursor:pointer}.create-btn-v5:hover{background:#172554}.form-section-card{background:#f8fafc;border-radius:8px;padding:12px 16px;border:1px solid #E2E8F0}.checkbox-field-premium{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px;font-weight:600;color:#475569}.checkbox-field-premium input{display:none}.custom-check{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:4px;background:#fff;position:relative;transition:all .2s}.checkbox-field-premium input:checked+.custom-check{background:#00b0fa;border-color:#00b0fa}.checkbox-field-premium input:checked+.custom-check:after{content:"✓";position:absolute;left:4px;top:1px;color:#fff;font-size:14px;font-weight:700}.form-group-technical{display:flex;flex-direction:column;gap:8px}.form-group-technical label{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.5px;text-transform:uppercase;min-height:28px;display:flex;align-items:flex-end}.req{color:#ef4444}.custom-select-v2{background:#fff;border-bottom:2px solid #E2E8F0;padding:8px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;position:relative;box-sizing:border-box}.form-group-technical input{background:transparent;border:none;border-bottom:2px solid #E2E8F0;padding:8px 0;font-size:14px;outline:none;font-family:inherit;transition:border-color .2s;width:100%;box-sizing:border-box}.form-group-technical input:focus{border-color:#00b0fa}.read-only-input{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.drop-pin-alert{background:#fef2f2;border:1px dashed #FCA5A5;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:13px;font-weight:600}.dropdown-v4{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:100;margin-top:4px;max-height:200px;overflow-y:auto}.drop-item{padding:12px 16px;font-size:13px;color:#475569;cursor:pointer;transition:background .2s}.drop-item:hover{background:#f8fafc;color:#00b0fa}.multi-select-list{border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}.list-item{padding:10px 16px;font-size:13px;color:#475569;background:#fff;border-bottom:1px solid #F1F5F9;cursor:pointer}.list-item:hover{background:#f8fafc}.list-item.selected{background:#eff6ff;color:#00b0fa;font-weight:600}.form-row-balanced{display:flex;gap:16px}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.upload-dropzone-v4{border:2px dashed #E2E8F0;border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.upload-dropzone-v4:hover{border-color:#00b0fa;background:#f0f9ff}.up-icon{width:48px;height:48px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00b0fa;margin-bottom:8px}.upload-dropzone-v4 p{margin:0;font-size:14px;font-weight:600;color:#00b0fa}.file-preview-list-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.f-mini-tag{font-size:10px;background:#f1f5f9;padding:2px 8px;border-radius:4px;color:#475569;border:1px solid #E2E8F0}.doc-dropbox{background:#f0f9ff!important;border-bottom:2px solid #00B0FA!important;padding:10px 12px!important;border-radius:8px!important}.dropdown-files{max-height:250px}.file-item{display:flex;justify-content:space-between;align-items:center}.file-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.add-more{color:#00b0fa!important;font-weight:700!important;border-top:1px dashed #E2E8F0;margin-top:4px}.material-card-v4{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 15px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.material-card-v4:hover{transform:translateY(-2px);border-color:#00b0fa;box-shadow:0 8px 24px #00b0fa14}.material-card-v4:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#00b0fa;opacity:0;transition:opacity .2s}.material-card-v4:hover:before{opacity:1}.card-header-technical{display:flex;align-items:center;gap:12px;margin-bottom:12px}.v-status-dot{width:10px;height:10px;background:#e2e8f0;border-radius:50%;margin-top:4px}.v-status-dot.active{background:#10b981}.v-info strong{display:block;font-size:14px;color:#1e293b}.v-info p{margin:2px 0 0;font-size:11px;font-weight:600;color:#64748b}.hm-status-tag{margin-left:auto;font-size:9px;font-weight:800;padding:2px 8px;border-radius:100px}.hm-status-tag.chm{background:#eff6ff;color:#00b0fa}.hm-status-tag.pchm{background:#fef2f2;color:#ef4444}.card-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:1px solid #F1F5F9}.detail-item .label{display:block;font-size:8px;font-weight:800;color:#94a3b8;text-transform:uppercase}.detail-item .val{font-size:12px;font-weight:600;color:#475569}.add-entry-fab.brand-blue{position:absolute;bottom:32px;right:24px;width:60px;height:60px;background:#00b0fa;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00b0fa66;z-index:1000;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.add-entry-fab.brand-blue:hover{transform:scale(1.1) rotate(90deg);background:#008ac5}.materials-bottom-panel{position:fixed;bottom:0;left:20px;right:20px;height:140px;background:#fff;border-top:1px solid #E2E8F0;box-shadow:0 -4px 20px #0000000d;z-index:900;display:flex;flex-direction:column;border-top-left-radius:12px;border-top-right-radius:12px}.bottom-panel-header{height:36px;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;padding:0 16px;background:#f8fafc;border-top-left-radius:12px;border-top-right-radius:12px}.bottom-panel-header h5{font-size:11px;font-weight:700;color:#64748b;margin:0}.bottom-materials-list{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;overflow-x:auto;overflow-y:hidden}.bottom-material-card{min-width:200px;height:70px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:10px;display:flex;align-items:center;gap:12px;flex-shrink:0;transition:all .2s}.bottom-material-card:hover{border-color:#00b0fa;box-shadow:0 4px 12px #0000000d}.b-mat-icon{width:32px;height:32px;background:#fef2f2;color:#ef4444;border-radius:4px;display:flex;align-items:center;justify-content:center}.b-mat-info{flex:1;display:flex;flex-direction:column;justify-content:center}.b-mat-name{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.b-mat-type{font-size:10px;color:#64748b}.b-mat-loc{font-size:10px;color:#94a3b8;background:#f8fafc;padding:2px 6px;border-radius:100px}.bottom-empty-state{width:100%;text-align:center;font-size:13px;color:#94a3b8}.technical-footer-v3{height:32px;background:#0f172a;display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#94a3b8;font-family:monospace;font-size:10px;z-index:100}.f-meta-group{display:flex;align-items:center;gap:16px}.f-status-item{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:800}.f-divider{width:1px;height:12px;background:#334155}.f-version{font-weight:700;color:#475569}.view-indicator-box{position:absolute;bottom:24px;left:24px;z-index:100}.view-pill{background:#fff;padding:8px 16px;border-radius:8px;border:1px solid #E2E8F0;display:flex;gap:8px;font-size:13px;box-shadow:0 4px 12px #0000000d}.view-pill span{color:#64748b;font-weight:600}.view-pill strong{color:#1e293b}.material-detail-panel-v5{height:100%;display:flex;flex-direction:column;background:#fff;overflow-x:hidden}.detail-header-v5{padding:24px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:flex-start}.detail-title-row{display:flex;gap:16px;align-items:flex-start}.detail-icon{color:#00b0fa;flex-shrink:0}.detail-title-info h3{font-size:16px;font-weight:800;color:#1e293b;margin:0 0 4px}.detail-ref{font-size:11px;font-weight:600;color:#94a3b8}.detail-content-v5{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-section>label{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.detail-row{display:flex;gap:16px}.detail-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.detail-field label{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.detail-value{font-size:14px;font-weight:600;color:#1e293b;padding:8px 0;border-bottom:2px solid #E2E8F0;word-wrap:break-word;overflow-wrap:break-word}.detail-textarea{width:100%;max-width:100%;min-height:100px;padding:12px;border:1px solid #E2E8F0;border-radius:8px;font-family:inherit;font-size:13px;color:#475569;resize:vertical;outline:none;box-sizing:border-box}.detail-textarea:focus{border-color:#00b0fa}.doc-link-box{border:2px dashed #E2E8F0;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;color:#94a3b8;cursor:pointer;transition:all .2s}.doc-link-box:hover{border-color:#00b0fa;background:#f0f9ff;color:#00b0fa}.attached-docs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attached-doc-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:12px;color:#475569}.attached-doc-item svg{cursor:pointer;color:#94a3b8}.attached-doc-item svg:hover{color:#ef4444}.timeline-list{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-item:before{content:"";position:absolute;left:12px;top:32px;bottom:-16px;width:2px;background:#e2e8f0}.timeline-item:last-child:before{display:none}.timeline-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;z-index:1}.timeline-item.completed .timeline-icon{background:#10b981;color:#fff;font-weight:700}.timeline-item.pending .timeline-icon{background:#f1f5f9;border:2px solid #CBD5E1;color:#94a3b8}.timeline-content{flex:1}.timeline-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:4px}.timeline-desc{font-size:12px;color:#64748b;line-height:1.5;margin-bottom:8px}.timeline-attachments{display:flex;gap:8px;margin-top:12px}.timeline-thumb{width:48px;height:48px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s}.timeline-thumb:hover{background:#e2e8f0}.timeline-thumb.add-btn{background:#eff6ff;color:#00b0fa;font-size:10px;font-weight:800;border:1px dashed #00B0FA}.timeline-thumb.add-btn:hover{background:#00b0fa;color:#fff}.timeline-date{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap}.status-box-v5{background:#eff6ff;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.status-indicator{width:8px;height:8px;background:#1d4ed8;border-radius:50%}.status-box-v5 span{font-size:13px;font-weight:600;color:#1d4ed8}.map-to-deck-btn{width:100%;height:44px;background:#fff;border:1.5px solid #00B0FA;border-radius:8px;color:#00b0fa;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s}.map-to-deck-btn:hover{background:#00b0fa;color:#fff}.detail-footer-v5{padding:24px;display:flex;gap:12px;border-top:1px solid #F1F5F9;background:#fff}.cancel-btn-v5{flex:1;height:44px;background:#f1f5f9;border:none;border-radius:8px;font-size:11px;font-weight:800;color:#475569;cursor:pointer}.save-changes-btn-v5{flex:2;height:44px;background:#1e3a8a;border:none;border-radius:8px;font-size:11px;font-weight:800;color:#fff;box-shadow:0 4px 12px #1e3a8a33;cursor:pointer}.save-changes-btn-v5:hover{background:#172554}.v5-empty-state{padding:48px 24px;text-align:center;color:#94a3b8;font-size:14px;font-weight:600}.field-hint-v5{font-size:10px;color:#94a3b8;margin-top:-4px;margin-bottom:8px;font-style:italic}.form-row-quad{display:flex;gap:15px;margin-top:10px}.total-quantity-status{padding:8px 0;border-bottom:1px solid #E2E8F0;margin-bottom:15px}.hm-status-section{padding:15px 0;border-top:1px solid #F1F5F9}.hm-status-section label{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s}.hm-status-section label:hover{transform:translate(8px)}.hm-status-section input[type=radio]{width:18px;height:18px;cursor:pointer}.upload-box-v5{border:2px dashed #CBD5E1;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#f8fafc;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-box-v5:hover{border-color:#00b0fa;background:#eff6ff}.upload-box-v5 p{margin:0;font-size:14px;font-weight:600;color:#1e293b}.upload-box-v5 .file-hint{font-size:10px;color:#64748b}.neat-file-row{display:flex;align-items:center;gap:10px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:10px 14px;color:#1e40af;font-size:13px;font-weight:600;margin-top:8px}.remove-f{margin-left:auto;cursor:pointer;color:#94a3b8;transition:all .2s;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.remove-f:hover{color:#ef4444;background:#fee2e2}.multi-file-dropdown-hover{position:relative;margin-top:8px}.hover-trigger-box{display:flex;align-items:center;gap:10px;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;cursor:pointer;color:#1e293b;font-size:13px;font-weight:600}.hover-dropdown-list{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 10px 30px #0f172a26;z-index:1000;overflow:hidden;animation:slideDownFade .2s ease-out}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hover-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;border-bottom:1px solid #F1F5F9;transition:background .2s}.hover-file-item:last-child{border-bottom:none}.hover-file-item:hover{background:#f0f9ff}.hover-file-item svg{cursor:pointer;padding:4px;border-radius:4px;color:#94a3b8;transition:all .2s}.hover-file-item svg:hover{background:#fee2e2;color:#ef4444}.premium-date-wrapper{position:relative;width:100%;transition:transform .2s}.premium-date-wrapper:hover{transform:translateY(-1px)}.premium-date-wrapper input[type=date]{width:100%;padding:10px 40px 10px 14px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:14px;background:#fff;transition:all .22s cubic-bezier(.4,0,.2,1);outline:none;appearance:none;-webkit-appearance:none;position:relative}.premium-date-wrapper input:hover{border-color:#94a3b8;background:#fafbfc}.premium-date-wrapper input:focus{border-color:#00b0fa;box-shadow:0 0 0 4px #00b0fa1f;background:#fff}.date-icon-abs{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#00b0fa;pointer-events:none}.custom-select-v2.disabled-selection{background-color:#f8fafc;cursor:not-allowed;opacity:.7}.drop-item.disabled{color:#94a3b8;font-style:italic;cursor:not-allowed;padding:12px}.premium-date-wrapper input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer;opacity:0}.upload-box-v5 svg{transition:transform .2s}.upload-box-v5:hover svg{transform:translateY(-2px)}.file-status-rail{display:flex;flex-direction:column;gap:8px}.hover-trigger-box{transition:all .2s}.hover-trigger-box:hover{border-color:#00b0fa;background:#f0f9ff}.file-name-group{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.file-name-group span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-f-mini{cursor:pointer;color:#94a3b8;transition:all .2s;padding:4px;border-radius:4px;flex-shrink:0}.remove-f-mini:hover{color:#ef4444;background:#fee2e2}.hover-list-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f8fafc;border-top:1px solid #F1F5F9;color:#ef4444;font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s}.hover-list-footer:hover{background:#fef2f2;color:#dc2626}.hover-list-content{max-height:200px;overflow-y:auto}.premium-date-wrapper input:focus+.date-icon-abs{color:#00b0fa;transform:translateY(-50%) scale(1.1)}.date-icon-abs{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.form-validation-error-card{background:#fef3f2;border:1px solid #FDA29B;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;position:relative;animation:fadeIn .2s ease-out}.error-card-icon{font-size:16px}.error-card-content{flex:1}.error-card-content p{margin:0;font-size:13px;font-weight:600;color:#b42318;text-transform:none}.error-card-close{background:transparent;border:none;font-size:18px;color:#fda29b;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.error-card-close:hover{color:#b42318}.custom-banner-overlay{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10000;width:90%;max-width:500px;animation:slideDownConfirm .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDownConfirm{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.custom-banner-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;display:flex;align-items:flex-start;gap:16px;position:relative}.custom-banner-card.info{border-left:4px solid #00B0FA}.custom-banner-card.error{border-left:4px solid #EF4444}.custom-banner-icon.info{color:#00b0fa;background:#e0f2fe;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-banner-icon.error{color:#ef4444;background:#fee2e2;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-banner-text{flex:1}.custom-banner-title{margin:0 0 4px;font-size:14px;font-weight:700;color:#1e293b}.custom-banner-body{margin:0;font-size:13px;color:#64748b;line-height:1.4}.custom-banner-close{background:transparent;border:none;font-size:20px;color:#94a3b8;cursor:pointer;line-height:1;padding:0;transition:color .2s}.custom-banner-close:hover{color:#64748b}.upload-po-container{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Inter,sans-serif}.upload-po-main{margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .upload-po-main{margin-left:var(--sidebar-collapsed-width, 80px);width:calc(100% - var(--sidebar-collapsed-width, 80px))}.upload-po-content{flex:1;display:flex;flex-direction:column;padding:0 40px 40px;overflow:hidden;height:calc(100vh - var(--header-height));background:#f8fafc;position:relative}.po-header-section{margin-bottom:20px;padding:calc(var(--header-height) + 15px) 40px 24px 40px;background:#fff;border-bottom:1px solid #E2E8F0;margin-left:-40px;margin-right:-40px;flex-shrink:0}.po-header-section.no-breadcrumb{padding-left:40px}.po-header-section h1{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.po-header-section p{font-size:15px;color:#64748b;margin:0;max-width:800px;line-height:1.5}.upload-area-card{background:#fff;border:1px solid #E2E8F0;border-bottom:3px solid #E2E8F0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 40px #0000000a;margin:0;padding:32px 40px;width:100%;flex:1;min-height:0;overflow:hidden}.upload-icon-wrapper-v2{width:clamp(160px,20vh,220px);height:clamp(160px,20vh,220px);border-radius:50%;border:2px dashed rgba(0,176,250,.3);background:radial-gradient(circle,#f0f9ff,#e0f2fe33);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;box-shadow:0 0 50px #00b0fa0d}.icon-inner-box-v2{width:60%;height:60%;background:#fff;box-shadow:0 25px 50px #00b0fa33,0 10px 20px #0000000d;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:upliftingFloat 4s ease-in-out infinite}.upload-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 16px}.upload-desc{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 40px}.select-files-btn{background:#00b0fa;color:#fff;border:none;padding:14px 48px;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #00b0fa4d;text-transform:uppercase;letter-spacing:.5px}.select-files-btn:hover{background:#00a3ef;transform:translateY(-3px);box-shadow:0 15px 30px #00b0fa4d}.supports-text{margin-top:24px;font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:1px}.continue-import-btn{margin-top:24px;background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;animation:slideUpFade .5s ease-out}.step-container-animated{animation:fadeInSection .5s ease-out;display:flex;flex-direction:column}@keyframes fadeInSection{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes upliftingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.upload-cloud-pulse{animation:constantCloud 4s ease-in-out infinite;filter:drop-shadow(0 6px 8px rgba(0,176,250,.15))}@keyframes constantCloud{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.upload-arrow-bounce{animation:edgeToSkyBounce 1.5s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes edgeToSkyBounce{0%{transform:translate(-50%,20%) scaleY(.8);opacity:0}30%{transform:translate(-50%,-50%) scaleY(1.1);opacity:1}to{transform:translate(-50%,-140%) scaleY(1);opacity:0}}.upload-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 32px}.upload-desc{font-size:16px;color:#64748b;max-width:700px;line-height:1.6;margin:0 0 32px}.upload-action-btn{background:#00b0fa;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00b0fa40;text-transform:uppercase;letter-spacing:.5px}.upload-action-btn:hover{background:#0090d0}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000}.po-upload-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:9001;width:90%;max-width:720px;overflow:hidden}.modal-header{padding:24px 32px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0}.modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:32px;display:flex;flex-direction:column;gap:24px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-field{display:flex;flex-direction:column;gap:8px}.modal-field label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modal-field input,.modal-field select{width:100%;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#0f172a}.modal-field.full-width{grid-column:1 / -1}.custom-select{position:relative}.custom-select select{appearance:none;padding-right:36px}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.file-upload-area{border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;background:#f8fafc;cursor:pointer;transition:all .2s}.file-selected,.file-placeholder{display:flex;align-items:center;gap:12px}.file-label{font-size:13px;color:#00b0fa;font-weight:500}.file-name{flex:1;font-size:13px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-btn-small{background:none;border:none;color:#64748b;font-size:12px;font-weight:600;cursor:pointer}.modal-footer{padding:20px 32px;border-top:1px solid #E2E8F0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:#fff;border:1px solid #E2E8F0;color:#64748b;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase}.btn-import{background:#00b0fa;border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 12px #00b0fa40}.btn-import:hover:not(.disabled){background:#00b0fa;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #00b0fa59}.btn-import.disabled{background:#00b0fa!important;opacity:.5;color:#fff!important;cursor:not-allowed!important;box-shadow:none!important}.dropdown-wrapper{position:relative}.custom-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 10px 30px #0000001a;z-index:10005;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:10px 14px;font-size:14px;color:#0f172a;cursor:pointer}.dropdown-item:hover{background:#f1f5f9;color:#00b0fa}.v3-importing-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;z-index:9005;width:90%;max-width:600px}.v3-modal-header{padding:20px 24px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.v3-modal-header h2{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:.5px}.v3-modal-body{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.v3-currently-importing{display:flex;align-items:center;gap:16px;margin-bottom:24px}.v3-file-icon-box{width:48px;height:48px;background:#f0f9ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#00a3ff}.v3-import-info{text-align:left}.v3-info-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.v3-info-filename{font-size:16px;font-weight:700;color:#1e293b}.v3-progress-container{width:100%;margin-bottom:20px}.v3-progress-bar-bg{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:16px}.v3-progress-bar-fill{height:100%;background:#00a3ff;transition:width .3s ease}.v3-progress-text{font-size:13px;color:#64748b;margin-bottom:16px}.v3-rows-badge{background:#f0f9ff;color:#00a3ff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.v3-rows-badge:before{content:"";width:6px;height:6px;background:#00a3ff;border-radius:50%}.v3-modal-footer{padding:20px 24px;border-top:1px solid #F1F5F9;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.v3-btn-cancel{background:none;border:none;font-size:13px;font-weight:700;color:#475569;cursor:pointer;text-transform:uppercase}.v3-btn-processing{background:#e2e8f0;border:none;color:#94a3b8;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;text-transform:uppercase}.spinning{animation:spin 1s linear infinite}.v3-mapping-overlay{background:#fff;display:flex;flex-direction:column}.v3-top-navbar{height:56px;border-bottom:1px solid #F1F5F9;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.v3-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px}.v3-crumb{color:#94a3b8}.v3-crumb-active{color:#1e293b;font-weight:600}.v3-crumb-sep{color:#cbd5e1}.v3-nav-right{display:flex;align-items:center;gap:24px}.v3-file-tag{background:#ecfdf5;color:#059669;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;text-transform:uppercase}.v3-close-view{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;background:none;border:none}.v3-main-body{flex:1;display:flex;overflow:hidden}.v3-preview-section{flex:1;padding:32px;display:flex;flex-direction:column;overflow:hidden}.v3-section-header{margin-bottom:24px}.v3-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.v3-header-row h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.v3-header-stats{font-size:13px;color:#94a3b8}.v3-header-subtitle{font-size:14px;color:#64748b;margin:0}.v3-table-container{flex:1;overflow:auto;border:1px solid #F1F5F9;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d}.v3-table{width:100%;border-collapse:collapse}.v3-table th{background:#f8fafc;padding:16px;text-align:left;font-size:12px;font-weight:700;color:#475569;border-bottom:1px solid #F1F5F9;position:sticky;top:0}.v3-table td{padding:16px;font-size:13px;color:#1e293b;border-bottom:1px solid #F1F5F9}.v3-table tr:hover{background:#f8fafc}.v3-sidebar{width:clamp(350px,25vw,420px);border-left:1px solid #E2E8F0;background:#fff;display:flex;flex-direction:column}.v3-sidebar-content{flex:1;padding:32px;overflow-y:auto}.v3-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v3-sidebar-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.v3-map-all-btn{background:#f0f9ff;color:#00a3ff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;text-transform:uppercase;cursor:pointer}.v3-sidebar-subtitle{font-size:13px;color:#64748b;margin-bottom:32px}.v3-mapping-field{margin-bottom:24px}.v3-field-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v3-field-labels label{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.5px}.v3-auto-matched-badge{font-size:10px;font-weight:700;color:#10b981;background:#f0fdf4;padding:2px 8px;border-radius:4px;text-transform:uppercase}.v3-optional-badge{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.v3-select-box{position:relative;border:1px solid #E2E8F0;border-radius:8px;background:#f8fafc;transition:all .2s}.v3-select-box.active{border-color:#00a3ff;background:#fff;box-shadow:0 0 0 4px #00a3ff1a}.v3-select-box select{width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;color:#1e293b;appearance:none;cursor:pointer}.v3-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.v3-sidebar-footer{padding:32px;border-top:1px solid #F1F5F9}.v3-mandatory-status{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.v3-footer-progress-bg{height:6px;background:#f1f5f9;border-radius:3px;margin-bottom:24px}.v3-footer-progress-fill{height:100%;background:#00a3ff;border-radius:3px;transition:width .3s ease}.v3-confirm-mapping-btn{width:100%;background:#00a3ff;color:#fff;border:none;padding:14px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px #00a3ff33}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.success-notification{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#111827;border:1px solid #374151;border-radius:8px;padding:16px 24px;display:flex;align-items:center;gap:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10000;animation:slideDown .3s ease-out;min-width:500px}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.success-content{display:flex;align-items:center;gap:16px;flex:1}.success-icon{width:40px;height:40px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-text{display:flex;flex-direction:column}.success-title{color:#fff;font-weight:600;font-size:14px}.success-desc{color:#94a3b8;font-size:12px}.finalize-import-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:700;font-size:11px;cursor:pointer;letter-spacing:.5px;transition:background .2s}.finalize-import-btn:hover{background:#2563eb}.v3-mandatory-status{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.v3-mandatory-label{color:#64748b;font-weight:600}.v3-mandatory-count{color:#1e293b;font-weight:700}.v3-footer-progress-bg{height:6px;background:#f1f5f9;border-radius:10px;margin-bottom:20px;overflow:hidden}.v3-footer-progress-fill{height:100%;background:#10b981;border-radius:10px;transition:width .3s ease}.v3-auto-matched-badge{background:#e0f2fe;color:#0369a1;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.v3-optional-badge{background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.v3-system-status-pill{transition:all .2s cubic-bezier(.4,0,.2,1)}.v3-error-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;z-index:10001;width:90%;max-width:440px}.v3-error-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9}.v3-error-title-group{display:flex;align-items:center;gap:12px}.v3-error-icon{width:36px;height:36px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center}.v3-error-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.v3-error-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.v3-error-body{padding:24px}.v3-error-summary{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:24px}.v3-error-summary strong{color:#1e293b}.v3-error-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:240px;overflow-y:auto;padding-right:4px}.v3-error-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fef2f2;border:1px solid #FEE2E2;border-radius:8px;cursor:pointer;transition:transform .2s}.v3-error-card:hover{transform:translate(4px)}.v3-card-left{display:flex;align-items:center;gap:12px}.v3-card-icon{width:28px;height:28px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center}.v3-card-info{display:flex;flex-direction:column}.v3-card-label{font-size:12px;font-weight:700;color:#991b1b;letter-spacing:.5px}.v3-card-status{font-size:10px;font-weight:600;color:#ef4444}.v3-card-arrow{color:#f87171}.v3-error-info-box{display:flex;gap:12px;background:#eff6ff;border-radius:8px;padding:16px}.v3-error-info-box p{margin:0;font-size:12px;color:#3b82f6;font-weight:500;line-height:1.5}.v3-error-footer{padding:24px;background:#f8fafc;border-top:1px solid #F1F5F9;display:flex;justify-content:flex-end;align-items:center;gap:24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.v3-error-btn-cancel{background:none;border:none;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;text-transform:uppercase}.v3-error-btn-back{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 6px -1px #3b82f64d}.v3-btn-icon{font-weight:700}.v3-error-indicator{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse-ring 2s infinite}.v3-highlight-field{animation:fieldHighlight 2s ease-out}@keyframes fieldHighlight{0%{background-color:#3b82f61a;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}@media(max-width:1240px){.upload-area-card{max-width:900px}}@media(max-width:992px){.upload-po-main{margin-left:0;width:100%}.upload-po-content{padding:20px}.upload-area-card{padding:40px 24px;max-width:100%;margin-top:20px}.po-header-section{text-align:center}}@media(max-width:640px){.upload-icon-wrapper{width:120px;height:120px;margin-bottom:24px}.icon-inner-box{width:60px;height:60px}.upload-title{font-size:18px}.upload-desc{font-size:14px;margin-bottom:30px}.upload-action-btn{width:100%;justify-content:center}}.mapping-field-item{padding:16px;border-radius:12px;background:#f8fafc;border:1px solid #E2E8F0;transition:all .2s ease;animation:fadeInField .3s ease both;position:relative;z-index:1}.mapping-field-item:has(.mdd-root--open){z-index:10000!important;border-color:#00b0fa80;box-shadow:0 10px 30px -10px #00b0fa33}.mapping-field-item:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.mapping-field-item:has(.mdd-root--mapped){background:#f1f9ff;border-color:#bae6fd}.po-select-wrapper{position:relative}.po-select{width:100%;height:48px;padding:0 44px 0 14px;border-radius:10px;border:1.5px solid #E2E8F0;background:#fff;color:#64748b;font-size:14px;font-weight:500;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.po-select.po-select--empty{color:#94a3b8;border-color:#e2e8f0;background:#fff}.po-select:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000000f}.po-select:focus{border-color:#00b0fa;box-shadow:0 0 0 3px #00b0fa1f,0 2px 8px #00b0fa1a;background:#fff;color:#0f172a}.po-select.po-select--mapped{border-color:#00b0fa;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;font-weight:600;box-shadow:0 2px 8px #00b0fa1a}.po-select.po-select--mapped:focus{box-shadow:0 0 0 3px #00b0fa2e,0 2px 8px #00b0fa1f}.po-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8;transition:color .2s,transform .2s}.po-select-wrapper:focus-within .po-select-chevron{color:#00b0fa;transform:translateY(-50%) rotate(180deg)}.po-select-wrapper:has(.po-select--mapped) .po-select-chevron{color:#0369a1}.po-select-status-dot{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;pointer-events:none;transition:background .2s}.po-select-status-dot.dot-empty{background:#cbd5e1}.po-select-status-dot.dot-mapped{background:#10b981;box-shadow:0 0 6px #10b98166}.po-select.po-select--with-dot{padding-left:34px}@keyframes fadeInField{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mapping-field-item:nth-child(1){animation-delay:.02s}.mapping-field-item:nth-child(2){animation-delay:.04s}.mapping-field-item:nth-child(3){animation-delay:.06s}.mapping-field-item:nth-child(4){animation-delay:.08s}.mapping-field-item:nth-child(5){animation-delay:.1s}.mapping-field-item:nth-child(6){animation-delay:.12s}.mapping-field-item:nth-child(7){animation-delay:.14s}.mapping-field-item:nth-child(8){animation-delay:.16s}.mapping-field-item:nth-child(9){animation-delay:.18s}.mapping-field-item:nth-child(10){animation-delay:.2s}.mapping-field-item:nth-child(11){animation-delay:.22s}.mapping-field-item:nth-child(12){animation-delay:.24s}.mapping-field-item:nth-child(13){animation-delay:.26s}.mapping-field-item:nth-child(14){animation-delay:.28s}.mapping-field-item:nth-child(15){animation-delay:.3s}.mapping-field-item:nth-child(16){animation-delay:.32s}.mapping-field-item:nth-child(17){animation-delay:.34s}.mapping-fields-scrollable::-webkit-scrollbar{width:6px}.mapping-fields-scrollable::-webkit-scrollbar-track{background:transparent}.mapping-fields-scrollable::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:100px}.mapping-fields-scrollable::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.mdd-root{position:relative;width:100%;font-family:Inter,Manrope,sans-serif;z-index:10}.mdd-root--open{z-index:9999}.mdd-trigger{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 14px;border-radius:10px;border:1.5px solid #E2E8F0;background:#fff;cursor:pointer;text-align:left;font-family:inherit;font-size:14px;font-weight:500;color:#64748b;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.mdd-trigger:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000000f}.mdd-root--open .mdd-trigger{border-color:#00b0fa;box-shadow:0 0 0 3px #00b0fa1f;border-radius:10px 10px 0 0}.mdd-trigger--mapped{border-color:#00b0fa;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;font-weight:600;box-shadow:0 2px 8px #00b0fa1a}.mdd-trigger--mapped:hover{box-shadow:0 4px 14px #00b0fa2e}.mdd-trigger--required{border-color:#fca5a5;background:#fff8f8}.mdd-trigger--required:hover{border-color:#f87171;box-shadow:0 2px 8px #ef444414}.mdd-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;transition:background .25s ease,box-shadow .25s ease}.mdd-dot--empty{background:#cbd5e1}.mdd-dot--mapped{background:#10b981;box-shadow:0 0 0 3px #10b98133}.mdd-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.mdd-label--placeholder{color:#94a3b8;font-weight:400}.mdd-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#00b0fa1f;color:#0369a1;cursor:pointer;border:none;transition:background .15s}.mdd-clear:hover{background:#ef44441a;color:#ef4444}.mdd-chevron{flex-shrink:0;color:#94a3b8;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s}.mdd-chevron--open{transform:rotate(180deg);color:#00b0fa}.mdd-trigger--mapped .mdd-chevron{color:#0369a1}.mdd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 12px 30px -5px #0000001a,0 4px 10px -2px #0000000d,0 0 0 1px #00b0fa14;max-height:400px;display:flex;flex-direction:column;overflow:hidden;animation:mddSlideIn .25s cubic-bezier(.16,1,.3,1) both}.mdd-options{flex:1;overflow-y:auto;max-height:320px}@keyframes mddSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mdd-search-wrap{position:relative;display:flex;align-items:center;padding:14px 18px;border-bottom:2px solid #F8FAFC;background:#fff}.mdd-search-icon{flex-shrink:0;color:#94a3b8;margin-right:12px}.mdd-search{flex:1;border:none;background:transparent;font-family:inherit;font-size:13.5px;color:#0f172a;outline:none;font-weight:600}.mdd-search::placeholder{color:#cbd5e1;font-weight:500}.mdd-option{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13.5px;font-weight:500;color:#475569;position:relative;border-left:4px solid transparent;animation:mddOptionFadeIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes mddOptionFadeIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.mdd-option:nth-child(1){animation-delay:.05s}.mdd-option:nth-child(2){animation-delay:.1s}.mdd-option:nth-child(3){animation-delay:.15s}.mdd-option:nth-child(4){animation-delay:.2s}.mdd-option:nth-child(5){animation-delay:.25s}.mdd-option:hover{background:#f8fafc;color:#00b0fa;border-left-color:#00b0fa;padding-left:24px;box-shadow:inset 0 0 10px #00b0fa05}.mdd-option--selected{background:linear-gradient(90deg,#f0f9ff,#fff);color:#08c;font-weight:700;border-left-color:#00b0fa}.mdd-option--selected:hover{background:#f0f9ff}.mdd-option-index{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#94a3b8;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;transition:all .2s ease}.mdd-option:hover .mdd-option-index{background:#00b0fa;color:#fff;border-color:#00b0fa;transform:scale(1.05)}.mdd-option--selected .mdd-option-index{background:#00b0fa;color:#fff;border-color:#00b0fa;box-shadow:0 4px 8px #00b0fa33}.mdd-option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdd-option-check{flex-shrink:0;color:#00b0fa;margin-left:auto}.mdd-empty{padding:20px 14px;text-align:center;color:#94a3b8;font-size:13px;font-style:italic}.mdd-divider{height:1px;background:#f1f5f9;margin:0}.mdd-footer{padding:8px 14px;border-top:1px solid #F1F5F9;background:#f8fafc;font-size:11px;color:#94a3b8;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pending-audits-container{display:flex;height:100vh;background:#f8fafc}.pending-audits-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}body:has(.sidebar.collapsed) .pending-audits-main{margin-left:var(--sidebar-collapsed-width, 80px)}.pending-audits-content{flex:1;padding:92px 40px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.md-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.md-title-area h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px}.audits-top-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.search-box{position:relative;flex:1;max-width:400px}.search-box input{width:100%;padding:10px 16px 10px 44px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff}.search-box input::placeholder{color:#94a3b8}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .2s}.search-box input:focus+.search-icon{color:#00b0fa}.top-bar-right{display:flex;align-items:center;gap:16px}.sort-dropdown{position:relative}.sort-dropdown select{padding:10px 36px 10px 16px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;color:#0f172a;background:#fff;cursor:pointer;appearance:none}.dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b}.active-vessels-badge{display:flex;flex-direction:column;align-items:flex-end}.badge-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.badge-count{font-size:14px;font-weight:700;color:#0f172a}.download-btn{padding:10px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.download-btn:hover{background:#f1f5f9;color:#0f172a}.table-container{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow:hidden;flex:1}.table-scroll-wrapper{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 320px);padding-bottom:0}.audits-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.audits-table th:not(.action-column){width:calc((100% - 180px)/8)}.th-action,.action-column{width:180px!important;min-width:180px!important;text-align:center}.audits-table thead{position:sticky;top:0;z-index:10;background:#f8fafc}.audits-table th{padding:12px 10px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E2E8F0;white-space:normal;line-height:1.2;vertical-align:bottom}.audits-table th.action-column{position:sticky;right:0;background:#f8fafc;text-align:center;box-shadow:-4px 0 8px #0000000d}.audits-table td{padding:14px 12px;border-bottom:1px solid #F1F5F9;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audits-table tbody tr:hover{background:#f9fafb}.audits-table td.action-column{position:sticky;right:0;background:#fff;text-align:center;overflow:visible;box-shadow:-4px 0 8px #0000000d}.audits-table tbody tr:hover td.action-column{background:#f9fafb}.imo-number{font-weight:700;color:#0369a1}.vessel-name{font-weight:600;color:#0f172a}.duplicate-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.duplicate-badge.error{background:#fee2e2;color:#dc2626}.duplicate-badge.success{background:#dbeafe;color:#0369a1}.action-buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;min-width:0}.action-btn{width:26px;height:26px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn{color:#94a3b8;background:#f1f5f9}.send-btn{color:#00b0fa;background:transparent}.delete-btn{color:#ef4444;background:#fef2f2}.na-status-text{font-size:11px;font-weight:800;color:#94a3b8;background:#f1f5f9;padding:6px 10px;border-radius:4px;letter-spacing:.5px;min-width:32px;text-align:center;display:inline-block}.status-dash{color:#cbd5e1;font-size:16px;font-weight:300;display:block;text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.page-btn:hover{background:#f1f5f9;color:#0f172a}.page-btn.active{background:#0369a1;border-color:#0369a1;color:#fff}.table-scroll-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-backdrop-blur{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000}.send-review-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;width:90%;max-width:440px;z-index:10001;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScaleIn .2s ease-out}@keyframes modalScaleIn{0%{transform:translate(-50%,-48%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.send-review-header{background:#0f2033;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.send-review-header h2{color:#fff;font-size:12px;font-weight:700;margin:0;letter-spacing:.8px;text-transform:uppercase}.close-btn-white{background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;padding:2px;transition:color .2s}.close-btn-white:hover{color:#fff}.send-review-body{padding:32px 24px;text-align:left}.send-review-body h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px}.vessel-highlight{color:#00a3ff}.send-review-body p{font-size:13px;color:#64748b;line-height:1.5;margin:0}.send-review-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;align-items:center;gap:32px}.btn-text-cancel{background:none;border:none;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.btn-text-cancel:hover{color:#64748b}.btn-primary-send{background:#08c;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #08c3;transition:all .22s}.btn-primary-send:hover{background:#0077b3;transform:translateY(-1px);box-shadow:0 6px 16px #0088cc4d}.audit-success-toast,.audit-error-toast{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:10005;background:#1e293b;padding:10px 20px;border-radius:40px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;min-width:320px}.toast-content{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.undo-btn{background:#334155;border:none;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;margin-left:auto}.close-toast-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;margin-left:auto}.audit-error-toast{border:1px solid rgba(239,68,68,.3)}.v3-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.v3-status-badge.pending{background:#eff6ff;color:#00a3ff}.status-dot-pulse{width:6px;height:6px;background:#00a3ff;border-radius:50%;position:relative;box-shadow:0 0 #00a3ff66;animation:statusPulse 2s infinite}@keyframes statusPulse{0%{box-shadow:0 0 #00a3ff66}70%{box-shadow:0 0 0 6px #00a3ff00}to{box-shadow:0 0 #00a3ff00}}.pending-reviews-container{display:flex;height:100vh;background:#f8fafc}.pending-reviews-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .pending-reviews-main{margin-left:var(--sidebar-collapsed-width, 80px)}.pending-reviews-content{flex:1;padding:80px 24px 72px;overflow-y:auto;display:flex;flex-direction:column}.registry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title-area h1{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.header-title-area p{font-size:13px;color:#64748b;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.search-wrapper{position:relative}.search-wrapper input{padding:12px 14px 12px 48px;border:1.5px solid #E2E8F0;border-radius:20px;width:320px;font-size:14px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f1f5f9}.search-wrapper input:focus{border-color:#00b0fa;background:#fff;box-shadow:0 4px 12px #00b0fa1a;width:380px}.search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s}.search-wrapper input:focus+.search-icon{color:#00b0fa}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;white-space:nowrap}.export-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.registry-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000a;margin-bottom:24px}.table-wrapper{overflow-y:visible;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:6px;width:6px}.table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.registry-table{width:100%;border-collapse:collapse;table-layout:fixed}.registry-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E2E8F0}.registry-table th:nth-child(1){width:10%}.registry-table th:nth-child(2){width:20%}.registry-table th:nth-child(3){width:9%}.registry-table th:nth-child(4){width:11%}.registry-table th:nth-child(5){width:14%}.registry-table th:nth-child(6){width:18%}.registry-table th:nth-child(7){width:18%;min-width:160px;text-align:center}.registry-table td{padding:16px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#334155;vertical-align:middle}.registry-table tbody tr:hover{background:#f9fafb}.imo-cell{font-weight:700;color:#08c}.vessel-icon-wrapper{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.vessel-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.in-review{background:#fef9c3;color:#854d0e}.status-badge.in-review:before{background:#eab308}.status-badge.pending{background:#f1f5f9;color:#475569}.status-badge.pending:before{background:#94a3b8}.assigned-cell{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.reviewer-name{font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.registry-table .action-cell{text-align:center;overflow:visible;padding:12px 8px!important}.registry-table .action-group{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:0}.registry-table .action-btn{width:32px!important;height:32px!important;background:#f0f9ff!important;border:none;cursor:pointer;color:#08c!important;padding:0;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.registry-table .action-btn:hover{color:#0056d2!important;background:#e0f2fe!important}.registry-table .action-btn.delete{color:#ef4444!important;background:#fef2f2!important}.registry-table .action-btn.delete:hover{color:#fff!important;background:#ef4444!important}.table-footer{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0}.summary-footer-bar{position:fixed;bottom:0;left:var(--sidebar-width, 240px);right:0;height:72px;background:#f0fdfa;border-top:1px solid #CCFBF1;display:flex;align-items:center;padding:0 24px;z-index:100;box-shadow:0 -4px 12px #00000008;transition:left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .summary-footer-bar{left:var(--sidebar-collapsed-width, 80px)}.summary-items{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.summary-item{display:flex;align-items:center;gap:12px;padding-right:24px;border-right:1px solid #CCFBF1;flex-shrink:0}.summary-item:last-child{border-right:none}.summary-label{font-size:10px;font-weight:800;color:#047857;text-transform:uppercase;letter-spacing:.8px;max-width:110px;line-height:1.3}.summary-value{font-size:22px;font-weight:700;color:#065f46}.summary-value.highlight-red{color:#b91c1c}.summary-value.highlight-green{color:#059669}:root{--audit-primary: #00B0FA;--audit-dark: #0F172A;--audit-slate: #1E293B;--audit-text: #334155;--audit-border: #E2E8F0;--audit-bg: #F8FAFC}.audit-editor-overlay{position:fixed;inset:0;background:var(--audit-bg);z-index:9999;display:flex;flex-direction:column;font-family:Manrope,system-ui,-apple-system,sans-serif;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.audit-editor-modal{width:100vw;height:100vh;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.editor-header{padding:24px 40px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--audit-border)}.editor-header-left h2{margin:0;font-size:24px;font-weight:800;color:var(--audit-dark);letter-spacing:-.5px}.editor-header-left p{margin:4px 0 0;font-size:13px;color:#64748b;font-weight:500}.close-editor-btn{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.close-editor-btn:hover{background:#e2e8f0;color:var(--audit-dark);transform:rotate(90deg)}.v3-dup-toolbar{padding:20px 40px;background:#fff;border-bottom:1px solid var(--audit-border);display:flex;justify-content:space-between;align-items:center;gap:24px}.v3-dup-columns{flex:1}.v3-dup-columns label{display:block;font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.v3-dup-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.v3-dup-checkboxes label{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;color:#475569;font-weight:600;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;margin:0;box-shadow:0 1px 2px #00000005}.v3-dup-checkboxes label:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.v3-dup-checkboxes input[type=checkbox]{accent-color:var(--audit-primary);width:16px;height:16px;margin:0;cursor:pointer}.v3-dup-nav{display:flex;align-items:center;gap:12px;padding-left:32px;border-left:1px solid #E2E8F0;height:100%}.v3-dup-nav-btn{padding:10px 18px;font-size:13px;font-weight:700;border-radius:10px;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00000005}.v3-dup-nav-btn:hover:not(:disabled){border-color:var(--audit-primary);color:var(--audit-primary);background:#f0f9ff}.v3-dup-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.v3-dup-count{font-size:14px;font-weight:700;color:var(--audit-dark);font-variant-numeric:tabular-nums;min-width:70px;text-align:center;background:#f1f5f9;padding:8px 12px;border-radius:8px}.v3-dup-subtitle{margin:24px 40px 16px;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.v3-dup-subtitle:before{content:"";display:block;width:4px;height:4px;background:#00b0fa;border-radius:50%}.editor-table-container{flex:1;overflow:auto;padding:0;background:#f8fafc}.editor-table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff}.editor-table thead{position:sticky;top:0;z-index:20}.editor-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#fff;border-bottom:2px solid #E2E8F0;white-space:nowrap}.editor-table th:first-child{border-top-left-radius:16px;width:320px}.editor-table th:last-child{border-top-right-radius:16px}.editor-table td{padding:16px 24px;vertical-align:middle;border-bottom:1px solid #F1F5F9;background:#fff;transition:background .1s}.editor-table tr:last-child td{border-bottom:none}.editor-table tr:hover td{background:#f8fafc}.v3-action-chips{display:flex;gap:8px}.v3-action-chips .chip{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;background:#fff;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.v3-action-chips .chip:hover{transform:translateY(-2px);border-color:#cbd5e1;z-index:5}.chip.active-u{background:#f59e0b;color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.chip.active-a{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.chip.active-di{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.chip.active-d{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.chip.active-r{background:#8b5cf6;color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.chip.active-h{background:#64748b;color:#fff;border-color:#64748b;box-shadow:0 4px 12px #64748b4d}.v3-dup-table-input{width:100%;min-width:120px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b;background:transparent;transition:all .2s;font-family:inherit}.v3-dup-table-input:hover{background:#f8fafc;border-color:#cbd5e1}.v3-dup-table-input:focus{border-color:var(--audit-primary);background:#fff;box-shadow:0 0 0 3px #00b0fa26;outline:none}.v3-dup-table-text{width:100%;min-width:120px;padding:10px 12px;font-size:13px;font-weight:700;color:#1e293b;background:transparent;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suspected-toggle:hover{background:#f8fafc}.suspected-toggle span{font-size:13px;font-weight:700;color:#64748b;width:30px}.suspected-toggle.is-suspected span{color:#ef4444}.toggle-track{width:44px;height:24px;border-radius:100px;background:#e2e8f0;position:relative;transition:all .3s ease;border:1px solid #CBD5E1}.suspected-toggle.is-suspected .toggle-track{background:#ef4444;border-color:#ef4444}.v3-dup-footer{padding:24px 40px;background:#fff;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 24px 24px}.v3-dup-footer-left{display:flex;gap:12px}.v3-dup-btn{padding:12px 20px;font-size:13px;font-weight:700;border-radius:10px;border:1px solid #E2E8F0;background:#fff;color:#475569;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.v3-dup-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b;transform:translateY(-1px)}.v3-dup-btn.reject{color:#ef4444;border-color:#fecaca;background:#fef2f2}.v3-dup-btn.reject:hover{background:#ef4444;color:#fff;border-color:#ef4444}.v3-dup-btn.save-close{background:var(--audit-primary);border:none;color:#fff;padding:12px 32px;box-shadow:0 4px 12px #00b0fa40}.v3-dup-btn.save-close:hover{background:#0ea5e9;transform:translateY(-2px);box-shadow:0 8px 20px #00b0fa59}.is-dragging-cell{border-color:#3b82f6!important;background-color:#eff6ff!important}.suspicious-select{width:100%;border:1px solid #CBD5E1;color:#1e293b;border-radius:4px;padding:4px;outline:none;transition:border-color .2s;font-size:13px;font-weight:500;font-family:inherit}.suspicious-select:focus{border-color:#00b0fa}.suspicious-select option[value=Yes]{color:#dc2626!important;font-weight:700}.review-wizard-overlay{position:fixed;inset:0;background:#f8fafc;z-index:9999;display:flex;flex-direction:column;font-family:Manrope,system-ui,sans-serif;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wizard-header{background:#fff;padding:12px 40px;border-bottom:1px solid #E2E8F0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;flex-shrink:0}.wizard-header .step-item:nth-child(1){justify-self:start}.wizard-header .step-item:nth-child(2){justify-self:center}.wizard-header .step-item:nth-child(3){justify-self:end}.step-item{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:color .2s}.step-item.active{color:#0f172a}.step-number{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:all .2s}.step-item.active .step-number{background:#00b0fa;color:#fff;box-shadow:0 4px 10px #00b0fa59}.wizard-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.wizard-title-row{padding:10px 40px 8px;background:#f8fafc;border-bottom:1px solid #E2E8F0;flex-shrink:0}.wizard-title-row h1{font-size:18px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.toolbar-container{background:#fff;border-bottom:1px solid #E2E8F0;padding:8px 40px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.col-toggles{display:flex;flex-wrap:wrap;gap:6px;flex:1}.col-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;font-size:11px;font-weight:600;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.col-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.col-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;min-width:14px;border:2px solid #CBD5E1;border-radius:5px;background:#fff;cursor:pointer;margin:0;position:relative;transition:all .15s;vertical-align:middle}.col-toggle input[type=checkbox]:checked{background:#00b0fa;border-color:#00b0fa}.col-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.col-toggle input[type=checkbox]:hover:not(:checked){border-color:#00b0fa;background:#f0f9ff}.bulk-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.bulk-btn{padding:5px 6px;font-size:11px;font-weight:700;font-family:Manrope,system-ui,sans-serif;border-radius:8px;border:1px solid transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.bulk-btn.accept{background:#ecfdf5;color:#059669;border-color:#6ee7b7}.bulk-btn.accept:hover{background:#d1fae5;border-color:#34d399}.bulk-btn.reject{background:#fef2f2;color:#dc2626;border-color:#fecaca}.bulk-btn.reject:hover{background:#fee2e2;border-color:#fca5a5}.bulk-btn.delete{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.bulk-btn.delete:hover{background:#ffedd5;border-color:#fb923c}.main-layout{display:flex;flex:1;overflow:hidden;background:#f8fafc;gap:0}.table-section{flex:1;overflow:auto;background:#fff;position:relative;border-right:1px solid #E2E8F0}.wizard-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.wizard-table th{background:#fff;padding:13px 16px;text-align:left;border-bottom:2px solid #E2E8F0;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:120px;overflow:visible}.wizard-table tr:hover td{background:#00b0fa05}.wizard-table tr.row-selected td{background:#00b0fa0d!important}.wizard-table tr.row-selected:hover td{background:#00b0fa14!important}.wizard-table td{padding:0;border-bottom:1px solid #F1F5F9;border-right:1px solid #F1F5F9;height:38px;position:relative;transition:background .1s;overflow:hidden}.cell-inner{padding:6px 12px;height:100%;min-height:38px;display:flex;align-items:center;font-size:13px;color:#475569;font-weight:500;transition:all .2s;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap;overflow:hidden}.cell-inner.static-text{font-weight:700;color:var(--text);text-overflow:ellipsis}.suspected-toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;transition:all .2s}.suspected-toggle:hover{background:#f1f5f9}.suspected-toggle span{font-size:13px;font-weight:700;color:var(--slate);width:30px}.suspected-toggle.is-suspected span{color:var(--danger)}.toggle-track{width:44px;height:24px;border-radius:100px;background:var(--border);position:relative;transition:all .3s ease;border:1px solid #CBD5E1}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.suspected-toggle.is-suspected .toggle-track{background:var(--danger);border-color:var(--danger)}.suspected-toggle.is-suspected .toggle-thumb{left:calc(100% - 20px)}.cell-inner.selected{background:#00b0fa12}.cell-inner.sel-top{border-top:2px solid #00B0FA}.cell-inner.sel-bottom{border-bottom:2px solid #00B0FA}.cell-inner.sel-left{border-left:2px solid #00B0FA}.cell-inner.sel-right{border-right:2px solid #00B0FA}.cell-inner.sel-handle:after{content:"";position:absolute;bottom:-5px;right:-5px;width:8px;height:8px;background:#00b0fa;border:2px solid white;z-index:20;cursor:crosshair}.cell-input{width:100%;height:100%;border:2px solid #00B0FA;outline:none;padding:0 10px;font-size:13px;font-family:inherit;position:absolute;top:0;left:0;z-index:30;box-shadow:0 4px 12px #00b0fa26;background:#fff}.header-content{display:flex;align-items:center;justify-content:space-between;gap:6px;overflow:hidden}.header-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.resizer{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none}.resizer:hover{background:#00b0fa}.filter-trigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:#94a3b8;display:flex;align-items:center;transition:all .15s;flex-shrink:0}.filter-trigger:hover{background:#eff6ff;color:#00b0fa}.column-menu{position:absolute;top:calc(100% + 4px);left:0;width:180px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 20px 40px -8px #0000001f,0 4px 12px #0000000f;z-index:1000;overflow:hidden;animation:fadeIn .15s ease-out}.menu-item{padding:6px 10px;font-size:12px;color:#475569;cursor:pointer;transition:background .1s;font-family:Manrope,system-ui,sans-serif;font-weight:500}.menu-item:hover{background:#f8fafc;color:#0f172a}.menu-divider{height:1px;background:#e2e8f0;margin:4px 0}.menu-filter-section{padding:10px;background:#fafafa}.menu-filter-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.menu-search-input{width:100%;padding:8px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;font-family:Manrope,system-ui,sans-serif;background:#fff;outline:none;transition:border-color .15s;box-sizing:border-box}.menu-search-input:focus{border-color:#00b0fa;box-shadow:0 0 0 3px #00b0fa1a}.menu-value-list{max-height:130px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px}.menu-value-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12px;color:#334155;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.menu-value-item:hover{background:#f0f9ff;color:#0f172a}.menu-value-item input{accent-color:#00B0FA;cursor:pointer;margin:0;width:12px;height:12px}.menu-footer{display:flex;gap:8px;margin-top:10px}.menu-btn{flex:1;padding:6px 0;font-size:11px;font-weight:700;font-family:Manrope,system-ui,sans-serif;border-radius:7px;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.menu-btn:hover{background:#f1f5f9;color:#0f172a}.menu-btn.ok{background:#00b0fa;color:#fff;border-color:#00b0fa}.menu-btn.ok:hover{background:#0099e0}.summary-sidebar{width:300px;flex-shrink:0;background:#f8fafc;border-left:1px solid #E2E8F0;display:flex;flex-direction:column;overflow:hidden}.summary-header{padding:18px 20px;font-size:13px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #E2E8F0;background:#fff;flex-shrink:0}.summary-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.summary-group{background:#fff;padding:12px 14px;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 4px 12px -2px #0000000d;flex-shrink:0}.summary-group h4{margin:0 0 10px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.summary-empty{padding:10px 12px;background:#f8fafc;border-radius:7px;color:#94a3b8;font-size:12px;font-style:italic;text-align:center}.wizard-footer{background:#fff;padding:16px 40px;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.footer-stats{display:flex;gap:28px;font-size:13px;font-weight:600;color:#64748b}.footer-stats strong{color:#0f172a;font-weight:800}.footer-btns{display:flex;gap:12px}.footer-btn{padding:11px 28px;font-size:13px;font-weight:700;font-family:Manrope,system-ui,sans-serif;border-radius:10px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.footer-btn.discard{background:#fff;border:1px solid #E2E8F0;color:#64748b}.footer-btn.discard:hover{background:#f1f5f9;color:#0f172a}.footer-btn.next{background:#00b0fa;border:1px solid #00B0FA;color:#fff;box-shadow:0 4px 12px #00b0fa4d}.footer-btn.next:hover{background:#0099e0;transform:translateY(-1px);box-shadow:0 8px 20px #00b0fa66}.suspicious-select{width:100%;max-width:96px;border:1px solid transparent;border-radius:999px;padding:6px 28px 6px 16px;outline:none;font-size:12px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:10px;transition:transform .15s,box-shadow .2s,background-color .2s}.suspicious-select.is-no{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 5l2.5 2.5L9 3.5' stroke='%23047857' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.suspicious-select.is-no:hover{background-color:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px);box-shadow:0 2px 6px #0478571f}.suspicious-select.is-yes{background-color:#fef2f2;color:#b91c1c;border-color:#fca5a5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 2v5M6 9.2v.3' stroke='%23B91C1C' stroke-width='1.8' fill='none' stroke-linecap='round'/></svg>")}.suspicious-select.is-yes:hover{background-color:#fee2e2;border-color:#f87171;transform:translateY(-1px);box-shadow:0 2px 6px #b91c1c26}.suspicious-select:focus{box-shadow:0 0 0 3px #00b0fa26}.suspicious-select option{background:#fff;color:#1e293b;font-weight:600;padding:8px 12px}.suspicious-select option[value=Yes]{color:#b91c1c;font-weight:700}.suspicious-select option[value=No]{color:#047857;font-weight:700}.summary-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.summary-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:8px;font-size:13px;color:#475569;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.danger{background:#f04438;box-shadow:0 0 0 3px #f044381a}.item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gmail-overlay{position:fixed;inset:0;background:#0006;z-index:20000;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 40px 0 0;animation:fadeIn .3s ease}.gmail-compose{background:#fff;width:550px;height:600px;border-radius:12px 12px 0 0;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUpCompose .4s cubic-bezier(.16,1,.3,1);border:1px solid #ccc;font-family:Roboto,Arial,sans-serif}@keyframes slideUpCompose{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gmail-header{background:#f2f6fc;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1}.gmail-title{font-size:14px;font-weight:600;color:#1f1f1f}.gmail-header-actions{display:flex;align-items:center;gap:14px;color:#444746}.gmail-header-actions svg{cursor:pointer;transition:background .2s;border-radius:4px;padding:2px}.gmail-header-actions svg:hover{background:#e1e4e8}.gmail-row{display:flex;align-items:center;padding:4px 16px;border-bottom:1px solid #e1e1e1;min-height:44px}.gmail-label{width:62px;font-size:14px;color:#444746;font-weight:500;flex-shrink:0}.gmail-to-row{align-items:flex-start;min-height:48px;padding-top:8px;padding-bottom:8px;flex-wrap:nowrap;cursor:text}.gmail-chips-area{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px}.recipient-chip{display:inline-flex;align-items:center;gap:0;background:#e8f0fe;border-radius:100px;padding:0;overflow:hidden;max-width:240px;height:30px;border:1px solid #c5d4f6}.recipient-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.recipient-label{font-size:13px;color:#1f1f1f;padding:0 8px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.recipient-remove{background:none;border:none;cursor:pointer;color:#5f6368;font-size:18px;line-height:1;padding:0 8px 0 0;flex-shrink:0;display:flex;align-items:center;height:100%}.recipient-remove:hover{color:#ea4335}.chips-input{flex:1;min-width:80px;padding:4px 0!important}.gmail-cc-bcc-btns{display:flex;gap:4px;flex-shrink:0;align-self:flex-start;padding-top:5px}.cc-bcc-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#444746;padding:4px 6px;border-radius:4px;transition:background .15s}.cc-bcc-btn:hover{background:#f1f3f4;color:#1a73e8}.gmail-input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0;font-family:inherit;color:#1f1f1f}.gmail-input::placeholder{color:#70757a}.gmail-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto;background:#fff}.gmail-content{flex:1;border:none;outline:none;resize:none;font-size:14px;line-height:1.55;color:#1f1f1f;font-family:inherit;min-height:200px}.gmail-infobox{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #f29900}.infobox-header{display:flex;align-items:center;gap:10px;color:#1f1f1f;font-size:13px;font-weight:700;margin-bottom:12px}.infobox-list{display:flex;flex-direction:column;gap:8px}.infobox-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#444746;padding:6px 10px;background:#fff;border-radius:6px;border:1px solid #e1e1e1}.gmail-footer{padding:12px 16px;border-top:1px solid #e8eaed;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.footer-left{display:flex;align-items:center;gap:12px}.gmail-send-btn{background:#1a73e8;color:#fff;border:none;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:all .2s}.gmail-send-btn:hover{background:#1967d2;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326;transform:translateY(-1px)}.gmail-tool-icons{display:flex;align-items:center;gap:2px;color:#444746}.tool-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;cursor:pointer;color:#444746;transition:background .15s;flex-shrink:0}.tool-icon-btn:hover{background:#f1f3f4;color:#1a73e8}.tool-icon-btn.trash-icon:hover{background:#fce8e6;color:#d93025}.footer-right{color:#444746}.gmail-upload-cta{display:flex;align-items:center;gap:12px;padding:10px 0 4px;border-top:1px dashed #e0e0e0;margin-top:16px}.upload-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#f8f9fa;border:1.5px solid #dadce0;border-radius:100px;font-size:13px;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s;white-space:nowrap}.upload-cta-btn:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;box-shadow:0 1px 4px #1a73e833}.upload-hint{font-size:11px;color:#80868b;white-space:nowrap}.gmail-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:4px 0}.attach-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#e8f0fe;border:1px solid #c5d4f6;border-radius:100px;font-size:12px;font-weight:500;color:#1a73e8;max-width:220px}.attach-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.chip-remove{background:none;border:none;cursor:pointer;color:#5f6368;font-size:15px;line-height:1;padding:0 2px;flex-shrink:0;display:flex;align-items:center}.chip-remove:hover{color:#d93025}.audit-success-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 10px 25px -5px #0000004d;z-index:11000;min-width:500px;border:1px solid rgba(255,255,255,.1);animation:slideDownToast .4s cubic-bezier(.16,1,.3,1)}@keyframes rw-spin{to{transform:rotate(360deg)}}.rw-spin{animation:rw-spin .8s linear infinite}.md-sdoc-container{display:flex;height:100vh;background:#f8fafc}.md-sdoc-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .md-sdoc-main{margin-left:var(--sidebar-collapsed-width, 80px)}.md-sdoc-content{flex:1;padding:80px 40px 60px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.breadcrumb-separator{color:#cbd5e1}.md-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:0;margin-bottom:0}.md-title-area h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px;white-space:nowrap}.md-title-area p{font-size:14px;color:#64748b;margin:0}.md-header-actions{display:flex;align-items:center;gap:16px}.registry-search-wrapper{position:relative;display:flex;align-items:center}.registry-search-wrapper .search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.registry-search-wrapper input{padding:10px 12px 10px 38px;border:1px solid #E2E8F0;border-radius:10px;width:280px;font-size:14px;outline:none;transition:all .2s}.registry-search-wrapper input:focus{border-color:#00b0fa;box-shadow:0 0 0 3px #00b0fa1a}.export-audit-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:700;color:#0f172a;cursor:pointer}.registry-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000014;width:100%}.md-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed}.md-table th{background:#f8fafc;padding:14px 24px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #E2E8F0}.md-table th:nth-child(1){width:10%}.md-table th:nth-child(2){width:20%}.md-table th:nth-child(3){width:8%}.md-table th:nth-child(4){width:12%}.md-table th:nth-child(5){width:12%}.md-table th:nth-child(6){width:18%}.md-table th:nth-child(7){min-width:200px;width:200px;white-space:nowrap}.md-table th:nth-child(8),.md-table td:nth-child(8){position:sticky;right:0;z-index:2;box-shadow:-4px 0 8px -6px #0f172a2e}.md-table th:nth-child(8){min-width:140px;width:140px;text-align:center;background:#f8fafc}.md-table td:nth-child(8){background:#fff}.md-table td{padding:20px 24px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#334155;vertical-align:middle}.md-table td:nth-child(8){padding:16px 12px;text-align:center}.md-table td .md-review-cta,button.md-review-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:auto!important;width:auto!important;flex:none!important;padding:7px 16px!important;background:#e0f2fe!important;border:1px solid #00B0FA!important;color:#0369a1!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1.2;transition:background .15s ease,color .15s ease}.md-table td .md-review-cta:hover,button.md-review-cta:hover{background:#00b0fa!important;color:#fff!important}.imo-cell{font-weight:700;color:#0f172a}.vessel-cell{display:flex;align-items:center;gap:12px}.vessel-icon{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.pending-mds-badge,.pending-sdoc-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fff7ed;border-radius:100px;font-size:12px;font-weight:600;color:#c2410c;border:1px solid #FFEDD5;white-space:nowrap}.clarification-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;min-height:24px}.clarification-badge.awaiting{background:#e0f2fe;color:#0369a1}.clarification-badge.resolved{background:#f0fdf4;color:#166534}.clarification-badge.empty{background:#f1f5f9;min-width:40px}.badge-dot{width:6px;height:6px;background:#f97316;border-radius:50%}.table-footer{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0}.page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.page-btn.active{background:#08c;color:#fff;border-color:#08c}.page-btn:disabled{color:#cbd5e1;cursor:not-allowed}.pagination-dots{color:#94a3b8;padding:0 4px;display:flex;align-items:center}.metrics-footer-bar{position:fixed;bottom:0;left:var(--sidebar-width, 240px);right:0;height:60px;background:#f0fdfa;border-top:1px solid #CCFBF1;display:flex;align-items:center;padding:0 32px;z-index:100;transition:left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .metrics-footer-bar{left:var(--sidebar-collapsed-width, 80px)}.metric-items{display:flex;align-items:center;justify-content:space-between;width:100%}.metric-item{display:flex;align-items:center;gap:12px}.metric-label{font-size:10px;font-weight:800;color:#047857;text-transform:uppercase}.metric-value{font-size:18px;font-weight:700;color:#065f46}.metric-value.red{color:#b91c1c}.metric-value.green{color:#059669}.doc-audit-container{display:flex;height:100vh;background:#f1f5f9;overflow:hidden}.doc-audit-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;overflow:hidden;position:relative;background:#f8fafc;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .doc-audit-main{margin-left:var(--sidebar-collapsed-width, 80px)}.doc-audit-content{flex:1;display:flex;flex-direction:column;padding-top:72px;overflow-y:auto;position:relative}.audit-success-toast{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 10px 25px -5px #0000004d;z-index:2000;min-width:500px;border:1px solid rgba(255,255,255,.1);animation:slideDownToast .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownToast{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-content-wrapper{display:flex;align-items:center;gap:16px}.toast-icon-green{width:40px;height:40px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-text-area h3{font-size:14px;font-weight:700;margin:0;color:#fff}.toast-text-area p{font-size:12px;color:#94a3b8;margin:4px 0 0}.undo-action-btn{background:none;border:none;color:#fff;font-size:12px;font-weight:800;cursor:pointer;letter-spacing:1px;padding:8px 12px;border-left:1px solid rgba(255,255,255,.1)}.undo-action-btn:hover{color:#00a3ff}.status-pill-v3.accepted{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.audit-sub-header{background:#0f172a;padding:10px 40px 14px;display:flex;flex-direction:column;gap:0}.doc-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.doc-breadcrumbs .separator{color:#475569}.doc-breadcrumbs .active{color:#08c}.audit-header-main{display:flex;justify-content:space-between;align-items:center}.header-title-section{display:flex;align-items:center;gap:24px}.header-title-section h1{font-size:22px;font-weight:700;color:#fff;margin:0}.imo-badge{height:32px;padding-left:24px;border-left:2px solid #334155;display:flex;align-items:center;font-size:14px;font-weight:600;color:#94a3b8;letter-spacing:.5px}.imo-badge span{color:#fff;margin-left:8px}.verify-all-documents-btn{background:#00a3ff;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00a3ff33}.verify-all-documents-btn.verified{background:#10b981;cursor:default;box-shadow:none}.verify-all-documents-btn:hover:not(:disabled){background:#08c;transform:translateY(-1px)}.audit-scroll-area{padding:20px 40px;display:flex;flex-direction:column;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000a}.metric-label{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}.metric-number{font-size:32px;font-weight:700;color:#0f172a}.metric-number.highlight{color:#00a3ff}.metric-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-icon-box.cart{background:#f8fafc;color:#64748b}.metric-icon-box.doc{background:#fff7ed;color:#f97316}.metric-icon-box.sdoc{background:#fefce8;color:#eab308}.metric-icon-box.msg{background:#f0f9ff;color:#00a3ff}.audit-table-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 4px 12px #0000000d}.card-header{padding:24px;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:18px;font-weight:700;color:#0f172a;margin:0}.search-wrapper{position:relative;width:320px}.search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-wrapper input{width:100%;padding:10px 16px 10px 44px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;font-size:13px;color:#0f172a}.table-container{width:100%;overflow-x:auto}.audit-table{width:100%;min-width:1200px;border-collapse:collapse}.audit-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #E2E8F0;white-space:nowrap}.audit-table td{padding:20px 24px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#334155;vertical-align:middle}.audit-table th:last-child,.audit-table td:last-child{position:sticky;right:0;z-index:2;box-shadow:-4px 0 8px -6px #0f172a2e;min-width:280px;width:280px;text-align:center}.audit-table th:last-child{background:#f8fafc}.audit-table td:last-child{background:#fff}.audit-table .da-accept-btn,.audit-table .da-clarify-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:auto!important;width:auto!important;flex:none!important;padding:7px 14px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1.2;transition:background .15s ease,color .15s ease,border-color .15s ease}.audit-table .da-accept-btn{background:#10b981!important;color:#fff!important;border:1px solid #10B981!important}.audit-table .da-accept-btn:hover:not(:disabled){background:#0ea371!important;border-color:#0ea371!important}.audit-table .da-accept-btn:disabled{background:#f1f5f9!important;color:#94a3b8!important;border-color:#e2e8f0!important;cursor:not-allowed}.audit-table .da-clarify-btn{background:#fff!important;color:#0369a1!important;border:1px solid #00B0FA!important}.audit-table .da-clarify-btn:hover{background:#00b0fa!important;color:#fff!important}.audit-table .da-reviewed-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.audit-table .da-action-cell{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.po-ident{color:#00a3ff;font-weight:700;min-width:140px}.supplier-name{font-weight:600;color:#1e293b;min-width:220px}.doc-badge-v3{padding:6px 14px;background:#f1f5f9;border-radius:6px;font-size:11px;font-weight:800;color:#64748b}.file-link-v3{display:flex;align-items:center;gap:10px;color:#00a3ff;font-weight:600;cursor:pointer;white-space:nowrap}.pdf-icon-v3{color:#ef4444}.not-available{color:#cbd5e1;font-weight:500}.status-pill-v3{padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase}.status-pill-v3.awaiting-clarification{background:#e0f2fe;color:#0369a1}.status-pill-v3.resolved{background:#f0fdf4;color:#166534}.status-pill-v3.not-started{background:#f1f5f9;color:#64748b}.decision-cell-v3{display:flex;justify-content:center;gap:18px}.decision-icon-v3{background:none;border:none;padding:6px;color:#cbd5e1;cursor:pointer;transition:all .2s}.decision-icon-v3:hover{color:#94a3b8}.decision-icon-v3.check.completed{color:#10b981}.decision-icon-v3.flag:hover{color:#f97316}.decision-icon-v3.message:hover{color:#00a3ff}.audit-progress-footer-fixed{position:fixed;bottom:0;left:var(--sidebar-width, 240px);right:0;height:80px;background:#fff;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1)}body:has(.sidebar.collapsed) .audit-progress-footer-fixed{left:var(--sidebar-collapsed-width, 80px)}.progress-info-v3{display:flex;align-items:center;gap:12px;flex:1;max-width:480px}.label-v3{font-size:11px;font-weight:800;color:#64748b}.bar-bg-v3{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.bar-fill-v3{height:100%;background:#00a3ff;border-radius:5px}.percent-v3{font-size:14px;font-weight:700;color:#0f172a}.metrics-info-v3{display:flex;gap:48px;padding:0 48px;border-left:1px solid #F1F5F9;border-right:1px solid #F1F5F9}.metric-v3{display:flex;align-items:baseline;gap:8px}.val-v3{font-size:24px;font-weight:700;color:#0f172a}.val-v3.orange{color:#f97316}.footer-actions-v3{display:flex;align-items:center;gap:32px}.discard-btn-v3{background:none;border:none;font-size:12px;font-weight:800;color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.submit-report-btn-v3{background:#0f172a;color:#fff;padding:14px 32px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #0003;transition:all .2s}.submit-report-btn-v3.submitted{background:#64748b;cursor:default;box-shadow:none}.submit-report-btn-v3:hover{background:#1e293b;transform:translateY(-1px)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #F1F5F9}.pagination-info{font-size:13px;color:#64748b}.pagination-buttons{display:flex;gap:8px}.page-btn{min-width:36px;height:36px;padding:0 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.page-btn:hover{background:#f8fafb;border-color:#cbd5e1}.page-btn.active{background:#00a3ff;border-color:#00a3ff;color:#fff}.pagination-dots{display:flex;align-items:center;color:#94a3b8;padding:0 4px}.doc-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.doc-modal-container{width:90%;max-width:1000px;height:90vh;background:#f1f5f9;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.doc-modal-header{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E2E8F0}.header-doc-info{display:flex;align-items:center;gap:16px}.pdf-icon-box{width:40px;height:40px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #FEE2E2}.doc-meta h3{font-size:15px;font-weight:700;color:#1e293b;margin:0}.doc-meta p{font-size:12px;color:#64748b;margin:0}.close-modal-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.close-modal-btn:hover{background:#e2e8f0;color:#0f172a}.doc-modal-body{flex:1;overflow-y:auto;padding:40px;display:flex;justify-content:center;background:#f8fafc}.md-document-page{width:100%;max-width:800px;background:#fff;padding:60px;box-shadow:0 4px 6px -1px #0000001a;border-radius:4px}.document-inner-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #0F172A;padding-bottom:24px;margin-bottom:40px}.main-title h1{font-size:28px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.main-title p{font-size:13px;font-weight:600;color:#64748b;margin:8px 0 0}.doc-number{text-align:right}.doc-number span{font-size:11px;font-weight:700;color:#94a3b8;display:block;margin-bottom:4px}.doc-number strong{font-size:14px;color:#1e293b}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px}.info-section h4{font-size:11px;font-weight:800;color:#00a3ff;border-bottom:1px solid #E2E8F0;padding-bottom:8px;margin:0 0 16px;letter-spacing:.5px}.info-content strong{display:block;font-size:16px;color:#1e293b;margin-bottom:8px}.info-content p{font-size:14px;color:#475569;line-height:1.6;margin:0}.md-table-section h5{font-size:11px;font-weight:800;color:#00a3ff;margin:0 0 16px;letter-spacing:.5px}.md-inner-table{width:100%;border-collapse:collapse;margin-bottom:40px}.md-inner-table th{text-align:left;padding:12px;background:#f8fafc;font-size:11px;font-weight:700;color:#64748b;border:1px solid #E2E8F0}.md-inner-table td{padding:12px;font-size:13px;color:#334155;border:1px solid #E2E8F0}.status-no{color:#10b981;font-weight:700}.status-pending{color:#f59e0b;font-weight:700}.italic{font-style:italic;color:#94a3b8}.declaration-section h5{font-size:11px;font-weight:800;color:#00a3ff;margin:0 0 12px;letter-spacing:.5px}.declaration-section p{font-size:13px;color:#64748b;line-height:1.6;margin:0}.doc-modal-footer{background:#fff;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0}.footer-left{display:flex;gap:16px}.btn-accept{background:#10b981;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.btn-accept:hover{background:#059669}.btn-clarification{background:#fff;color:#00a3ff;border:1.5px solid #00A3FF;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-clarification:hover{background:#f0f9ff}.btn-download{background:#f1f5f9;color:#475569;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-download:hover{background:#e2e8f0}.clarification-modal-container{width:90%;max-width:850px;height:90vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.mail-icon-box{width:40px;height:40px;background:#f0f9ff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #E0F2FE}.clarification-body{flex:1;overflow-y:auto;padding:24px 32px;background:#fff}.mail-field{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #F1F5F9;gap:16px}.field-label{width:80px;font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.field-value-pill.editable{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;flex:1}.mail-input-premium{flex:1;background:transparent;border:none;font-size:13px;font-weight:600;color:#1e293b;outline:none;padding:4px 0}.mail-input-premium.subject{font-size:14px;font-weight:700}.mail-toolbar{margin-top:24px;padding:8px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;display:flex;align-items:center;gap:4px}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-group.right{margin-left:auto}.toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 8px}.tool-btn{width:32px;height:32px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.tool-btn:hover{background:#e2e8f0;color:#0f172a}.mail-editor-area{margin-top:24px;padding:0 8px}.mail-editor-area p{font-size:14px;line-height:1.6;color:#475569;margin-bottom:20px}.mail-input-premium{flex:1;background:transparent;border:none;font-size:13px;font-weight:700;color:#1e293b;outline:none;padding:0}.mail-input-premium.subject{font-size:14px;font-weight:600}.field-value-pill.editable{padding:6px 16px}.supplier-ref-label{font-size:11px;font-weight:700;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px;white-space:nowrap}.mail-textarea-premium{width:100%;min-height:300px;background:transparent;border:none;font-size:14px;line-height:1.6;color:#475569;outline:none;resize:none;font-family:inherit;margin-bottom:20px;display:block}.upload-docs-center-btn{display:block;width:fit-content;margin:40px auto;padding:12px 32px;background:linear-gradient(135deg,#00a3ff,#08c);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:800;letter-spacing:.5px;-webkit-user-select:none;user-select:none;box-shadow:0 4px 15px #00a3ff33}.signature-area{margin-top:40px;padding-top:24px;border-top:1px solid #F1F5F9}.btn-send-request{background:linear-gradient(135deg,#00a3ff,#08c);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px #00a3ff33}.btn-send-request:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00a3ff4d}.btn-discard{background:transparent;border:none;color:#64748b;font-size:14px;font-weight:700;padding:0 16px;cursor:pointer}.auto-save-info{display:flex;align-items:center;gap:12px}.save-text{text-align:right}.save-text span{font-size:9px;font-weight:800;color:#94a3b8;letter-spacing:1px}.save-text p{font-size:11px;color:#64748b;margin:0}.confirm-overlay-v3{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:20000}.discard-confirm-card{width:440px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 20px 25px -5px #0003;animation:scaleUpConfirm .2s ease-out}@keyframes scaleUpConfirm{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirm-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.warn-icon{width:36px;height:36px;background:#fffbeb;border-radius:50%;display:flex;align-items:center;justify-content:center}.discard-confirm-card h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.confirm-body p{font-size:14px;color:#64748b;line-height:1.5;margin:0 0 24px}.confirm-footer{display:flex;justify-content:flex-end;gap:12px}.btn-cancel-discard{background:#fff;border:1px solid #E2E8F0;color:#64748b;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-confirm-discard{background:#00a3ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-confirm-discard:hover{background:#08c}.audit-review-detail-container{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Inter,sans-serif}.audit-review-detail-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .3s ease}body:has(.sidebar.collapsed) .audit-review-detail-main{margin-left:80px}.review-detail-content{flex:1;padding:96px 32px 32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.review-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.breadcrumbs span:not(.sep),.breadcrumbs span:not(.active){cursor:pointer;transition:color .2s}.breadcrumbs span:not(.sep):hover{color:#00b0fa}.breadcrumbs .active{color:#0f172a;font-weight:600}.back-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.vessel-summary-card{background:#0f172a;border-radius:16px;padding:24px 32px;display:flex;align-items:center;flex-wrap:wrap;gap:40px;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.vessel-info{display:flex;align-items:center;gap:20px;min-width:300px}.vessel-avatar{width:64px;height:64px;background:#00b0fa1a;border:1px solid rgba(0,176,250,.2);border-radius:12px;display:flex;align-items:center;justify-content:center}.vessel-text h1{font-size:24px;margin:0 0 4px;letter-spacing:-.02em}.vessel-text p{margin:0;font-size:14px;color:#94a3b8}.vessel-text strong{color:#fff}.vessel-stats-grid{display:flex;gap:32px;border-left:1px solid rgba(255,255,255,.1);padding-left:32px}@media(max-width:1200px){.vessel-stats-grid{border-left:none;padding-left:0}}.stat-box{display:flex;flex-direction:column;gap:4px}.stat-box .label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-box .value{font-size:20px;font-weight:700}.stat-box .value.green{color:#10b981}.stat-box .value.red{color:#f43f5e}.review-progress-area{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#94a3b8}.progress-bar-bg{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00b0fa,#3b82f6);transition:width .5s ease-out}.finalize-btn{background:#00b0fa;border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;white-space:nowrap}.finalize-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed}.finalize-btn:not(:disabled):hover{background:#009ce0;transform:translateY(-2px);box-shadow:0 4px 12px #00b0fa4d}.review-main-grid{display:flex;gap:24px;align-items:start}@media(max-width:1100px){.review-main-grid{flex-direction:column}.categorization-panel{width:100%!important;position:static!important}}.items-list-section{flex:1;min-width:0;background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:18px;margin:0;font-weight:700}.filter-group{display:flex;gap:12px}.search-box{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1.5px solid #E2E8F0;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box:focus-within{border-color:#00b0fa;background:#fff;box-shadow:0 4px 12px #00b0fa1a}.search-box .search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .2s}.search-box:focus-within .search-icon{color:#00b0fa}.search-box input{padding:12px 16px 12px 44px;border:none;background:transparent;border-radius:12px;width:280px;font-size:14px;font-weight:500;outline:none}.filter-btn{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #E2E8F0;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a}.table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #f1f5f9}.review-table{width:100%;border-collapse:collapse;font-size:14px}.review-table th{background:#f8fafc;text-align:left;padding:16px;font-weight:600;color:#475569;border-bottom:2px solid #f1f5f9}.review-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.review-table tr{cursor:pointer;transition:all .2s}.review-table tr:hover{background:#f8fafc}.review-table tr.selected{background:#f0f9ff}.po-cell{font-family:JetBrains Mono,monospace;font-weight:600;color:#00b0fa}.desc-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.doc-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase}.doc-tag.received{background:#dcfce7;color:#166534}.doc-tag.pending{background:#fee2e2;color:#991b1b}.doc-tag.n\/a{background:#f1f5f9;color:#475569}.status-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase}.status-badge.green{background:#10b981;color:#fff}.status-badge.red{background:#f43f5e;color:#fff}.status-badge.pchm{background:#f59e0b;color:#fff}.status-badge.unassigned{background:#e2e8f0;color:#64748b}.row-action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.categorization-panel{width:400px;flex-shrink:0;background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:32px;position:sticky;top:96px;box-shadow:0 20px 25px -5px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-header h3{margin:0;font-size:20px}.close-panel{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer}.selected-item-info{margin-bottom:32px}.selected-item-info label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.selected-item-info h4{font-size:18px;margin:0 0 4px;color:#0f172a}.selected-item-info p{margin:0;font-size:14px;color:#64748b}.hm-categorization-section{margin-bottom:32px}.hm-categorization-section label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:12px}.hm-search{position:relative;display:flex;align-items:center;margin-bottom:20px;background:#f1f5f9;border:1.5px solid #E2E8F0;border-radius:12px}.hm-search:focus-within{border-color:#00b0fa;background:#fff;box-shadow:0 4px 12px #00b0fa1a}.hm-search .search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .2s}.hm-search:focus-within .search-icon{color:#00b0fa}.hm-search input{width:100%;padding:12px 16px 12px 44px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:500;outline:none}.hm-db-list{max-height:240px;overflow-y:auto;border:1px solid #f1f5f9;border-radius:12px}.hm-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.hm-item:hover{background:#f0f9ff}.hm-info{display:flex;flex-direction:column;gap:2px}.hm-name{font-size:14px;font-weight:600;color:#1e293b}.hm-cat{font-size:12px;color:#64748b}.hm-tag{font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.hm-tag.green{color:#10b981;border:1px solid #10b981}.hm-tag.red{color:#f43f5e;border:1px solid #f43f5e}.hm-tag.pchm{color:#f59e0b;border:1px solid #f59e0b}.document-checks-section{margin-bottom:32px}.document-checks-section label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:16px}.check-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#475569}.check-row select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff}.panel-footer{display:flex;gap:12px;padding-top:24px;border-top:1px solid #f1f5f9}.quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;border:none}.quick-btn.safe{background:#10b981;color:#fff}.quick-btn.hazard{background:#f43f5e;color:#fff}.quick-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}:root{--portal-primary: #00529C;--portal-primary-light: #00A3FF;--portal-bg: #F8FAFC;--portal-border: #E2E8F0;--portal-text-main: #1E293B;--portal-text-light: #64748B;--portal-success: #10B981}.doc-portal-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--portal-bg);color:var(--portal-text-main);font-family:Inter,-apple-system,sans-serif}.portal-header{height:80px;background:#fff;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--portal-border);box-shadow:0 2px 4px #00000005}.header-left{display:flex;align-items:center;gap:16px}.portal-logo{width:44px;height:44px;background:#00529c;border-radius:10px;display:flex;align-items:center;justify-content:center}.portal-title-meta h1{font-size:18px;font-weight:700;margin:0;color:var(--portal-text-main)}.ref-text{font-size:13px;color:var(--portal-text-light)}.ref-text strong{color:var(--portal-primary-light)}.header-right{display:flex;align-items:center;gap:20px}.supplier-info{text-align:right;display:flex;flex-direction:column}.supplier-name{font-size:14px;font-weight:700}.portal-label{font-size:11px;font-weight:800;color:var(--portal-text-light);letter-spacing:.5px}.user-avatar-circle{width:40px;height:40px;background:#f1f5f9;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e2e8f0;overflow:hidden}.avatar-placeholder{width:100%;height:100%;background:#cbd5e1}.portal-main{flex:1;max-width:1000px;width:100%;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;gap:32px}.upload-zone{background:#fff;border:2px dashed #00529C;border-radius:16px;padding:50px 40px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-zone:hover,.upload-zone.dragging{background:#f0f9ff;border-color:var(--portal-primary-light)}.upload-icon-box{width:56px;height:56px;background:#f0f9ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 2px 8px #00529c1a}.upload-zone h3{font-size:18px;font-weight:700;margin:0}.upload-zone p{font-size:13px;color:var(--portal-text-light);margin:0}.selected-files-section{background:#fff;border:1px solid var(--portal-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.section-header{padding:18px 24px;background:#fbfcfe;border-bottom:1px solid var(--portal-border);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;color:var(--portal-text-main);text-transform:uppercase;letter-spacing:.5px}.file-count{font-size:11px;font-weight:800;color:var(--portal-text-light);letter-spacing:.5px}.files-table-container{padding:0}.upload-files-table{width:100%;border-collapse:collapse}.upload-files-table th{text-align:left;padding:16px 24px;background:#f8fafc;border-bottom:1px solid var(--portal-border);font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.upload-files-table th:nth-child(2){width:45%}.upload-files-table th:nth-child(1){width:30%}.upload-files-table td{padding:20px 24px;border-bottom:1px solid #F1F5F9;font-size:14px;vertical-align:middle}.empty-table-cell{text-align:center;color:#94a3b8;padding:60px!important;font-style:italic}.file-name-cell{display:flex;align-items:center;gap:12px;font-weight:600;color:#1e293b}.progress-container{display:flex;align-items:center;gap:16px;width:100%}.progress-bar-bg{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{height:100%;background:linear-gradient(-45deg,#00529c 25%,#00a3ff,#00529c 75%);background-size:200% 200%;border-radius:6px;transition:width .3s ease;animation:progress-wave 1.5s ease-in-out infinite}.progress-bar-fill.completed{background:var(--portal-success);animation:none}@keyframes progress-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.progress-text{font-size:13px;font-weight:800;color:var(--portal-primary);width:45px;text-align:right}.completed+.progress-text{color:var(--portal-success)}.status-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.5px}.status-tag.uploading{background:#e0f2fe;color:#0369a1}.status-tag.success{background:#dcfce7;color:#15803d}.file-action-btn{width:32px;height:32px;background:transparent;border:none;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.file-action-btn:hover.remove{background:#fff1f2;color:#e11d48}.file-action-btn:hover.delete{background:#f1f5f9;color:#64748b}.portal-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.submit-all-btn{width:400px;padding:16px;background:#00529c;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #00529c40;transition:all .2s;letter-spacing:.5px}.submit-all-btn:hover:not(:disabled){background:#00407a;transform:translateY(-2px);box-shadow:0 6px 20px #00529c4d}.submit-all-btn.disabled{background:#cbd5e1;color:#fff;cursor:not-allowed;box-shadow:none;transform:none}.discard-portal-btn{background:transparent;border:none;font-size:14px;font-weight:700;color:#94a3b8;cursor:pointer;letter-spacing:1px;text-transform:uppercase}.discard-portal-btn:hover{color:var(--portal-text-main)}.success-view{align-items:center;text-align:center}.success-content{max-width:650px;display:flex;flex-direction:column;align-items:center}.shield-icon-outer{width:120px;height:120px;background:#f0fdf4;border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;border:4px solid white;box-shadow:0 10px 30px #10b98126}.check-badge{position:absolute;bottom:-10px;right:-10px;background:#fff;border-radius:50%;padding:4px}.success-title{font-size:32px;font-weight:800;margin:32px 0 16px;color:#0f172a}.success-desc{font-size:16px;color:var(--portal-text-light);line-height:1.6;margin-bottom:40px}.submission-receipt-card{width:100%;background:#fff;border:1px solid var(--portal-border);border-radius:20px;box-shadow:0 4px 25px #0000000a;overflow:hidden;margin-bottom:40px}.receipt-header{background:#fbfcfe;padding:20px 24px;border-bottom:1px solid var(--portal-border);display:flex;justify-content:space-between;align-items:center}.receipt-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--portal-primary);text-transform:uppercase;letter-spacing:1px}.conf-id{font-size:11px;font-weight:700;color:#94a3b8}.receipt-body{padding:32px;text-align:left}.receipt-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.meta-item label{display:block;font-size:10px;font-weight:800;color:#94a3b8;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}.meta-item strong{font-size:15px;color:#1e293b;font-weight:700}.submitted-files-list label{display:block;font-size:10px;font-weight:800;color:#94a3b8;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}.files-scroll{background:#f8fafc;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.receipt-file-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#334155}.receipt-footer{padding:24px 32px;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.email-info{font-size:13px;color:#94a3b8}.download-receipt-btn{background:transparent;border:none;color:var(--portal-primary);font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.close-portal-btn{width:320px;padding:16px;background:#00529c;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #00529c40;margin-bottom:24px;letter-spacing:.5px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.registered-container{display:flex;min-height:100vh;background:#f8fafc;width:100%}.registered-main{flex:1;margin-left:var(--sidebar-width, 240px);display:flex;flex-direction:column;padding-top:72px;transition:all .3s ease}body:has(.sidebar.collapsed) .registered-main{margin-left:var(--sidebar-collapsed-width, 80px)}.registered-content{flex:1;padding:32px 40px;display:flex;flex-direction:column;gap:24px}.page-header-standard{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #E2E8F0;padding-bottom:24px}.breadcrumb-mini{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.1em;margin-bottom:8px}.header-title-area h1{font-size:28px;font-weight:800;color:#1e293b;margin:0 0 6px}.header-title-area p{font-size:14px;color:#64748b;margin:0}.btn-primary-standard{height:48px;padding:0 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 10px #00b0fa33;transition:all .2s}.btn-primary-standard:hover{background:#0099e0;transform:translateY(-1px)}.btn-secondary-standard{height:48px;padding:0 24px;background:#fff;color:#475569;border:1px solid #E2E8F0;border-radius:10px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.btn-secondary-standard:hover{background:#f8fafc;border-color:#cbd5e1}.table-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-wrapper-standard{flex:1;max-width:500px;height:48px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;display:flex;align-items:center;padding:0 16px;box-shadow:0 4px 6px -1px #0000000d}.search-icon-standard{color:#94a3b8;margin-right:12px}.search-wrapper-standard input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b;font-weight:500}.filter-actions-standard{display:flex;gap:10px}.filter-pill-btn{height:36px;padding:0 16px;background:#fff;border:1px solid #E2E8F0;border-radius:100px;font-size:12px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.filter-pill-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.standard-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9;overflow:hidden;display:flex;flex-direction:column}.table-scroll-wrapper{overflow-x:auto}.standard-table{width:100%;border-collapse:collapse;table-layout:fixed}.standard-table th,.standard-table td{padding:16px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-action,.action-column{width:140px;min-width:140px}.standard-table th:not(.th-action),.standard-table td:not(.action-column){width:calc((100% - 140px)/5)}.standard-table th{background:#f8fafc;height:48px;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f1f5f9}.standard-table td{height:64px;color:#475569;font-size:14px;font-weight:500;border-bottom:1px solid #f1f5f9}.standard-table tr:hover{background-color:#f8fafc}.font-bold-main{color:#1e293b!important;font-weight:700!important}.imo-cell{color:var(--primary-blue);font-weight:700}.date-cell{font-family:monospace;color:#64748b}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.action-btn{width:28px;height:28px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-btn{background:#f1f5f9;color:#64748b}.edit-btn:hover{background:#e2e8f0;color:#1e293b}.send-btn{background:transparent;color:#00b0fa}.send-btn:hover{background:#f0f9ff;color:#0284c7}.delete-btn{background:#fef2f2;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff}.table-pagination-standard{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9}.pagination-text{font-size:13px;color:#64748b;font-weight:600}.pagination-btns{display:flex;gap:8px}.page-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:12px;font-weight:700;cursor:pointer}.page-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.empty-table-msg{text-align:center;padding:48px!important;color:#94a3b8;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease-out}.modal-container{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:520px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;gap:20px;position:relative;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:16px}.modal-header h2{font-size:20px;font-weight:800;color:#1e293b;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s}.modal-close-btn:hover{background:#f1f5f9;color:#475569}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9;padding-top:20px;margin-top:8px}.form-group label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{height:46px;padding:0 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:500;outline:none;transition:all .2s;background:#fff;color:#1e293b;width:100%;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #00b0fa26}.form-group textarea{height:110px;padding:12px 16px;resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.email-cell{color:#4f46e5;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.email-cell:hover{color:var(--primary-blue)}.vessel-count-cell{font-weight:700}.vessel-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#f0f9ff;color:var(--primary-blue);border-radius:6px;font-size:13px}.profile-page-container{display:flex;background-color:#fff;height:100vh;color:#0f172a;overflow:hidden}.profile-page-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));display:flex;flex-direction:column}.profile-page-content{flex:1;padding:40px 60px;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;overflow-y:auto}.page-header-standard{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;margin-top:20px}.breadcrumb-mini{font-size:10px;font-weight:800;letter-spacing:.15em;color:#94a3b8;margin-bottom:8px;text-transform:uppercase}.header-title-area h1{font-size:36px;font-weight:900;letter-spacing:-.04em;margin-bottom:8px;color:#0f172a}.header-title-area p{font-size:15px;color:#64748b}.btn-primary-standard{padding:12px 28px;background:#00b1ff;color:#fff;border:none;border-radius:100px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00b1ff33}.btn-primary-standard:hover{background:#0099e0;transform:translateY(-2px);box-shadow:0 12px 25px #00b1ff4d}.btn-secondary-standard{padding:12px 28px;background:transparent;color:#64748b;border:1.5px solid #E2E8F0;border-radius:100px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s}.btn-secondary-standard:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.profile-cards-grid{display:grid;grid-template-columns:1fr 360px;gap:32px}.profile-main-card,.status-control-card,.message-box-card{background:#fff;border-radius:20px;padding:32px;border:1.5px solid #F1F5F9;box-shadow:0 4px 20px #00000003}.profile-side-grid{display:flex;flex-direction:column;gap:32px}.card-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.card-section-header h3{font-size:14px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.08em;margin:0}.form-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-item-premium{display:flex;flex-direction:column;gap:10px}.form-item-premium label{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:18px;color:#cbd5e1;z-index:1}.input-with-icon input{width:100%;padding:14px 18px 14px 48px;background:#f8fafc;border:1.5px solid #F1F5F9;border-radius:12px;font-size:14px;font-weight:600;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.input-with-icon input:focus:not(.readonly-input){border-color:#00b1ff;background:#fff;box-shadow:0 0 0 4px #00b1ff14}.readonly-input{background:#f1f5f9!important;border-color:#f1f5f9!important;color:#94a3b8!important;cursor:default}.select-trigger{cursor:pointer}.select-trigger.active{border-color:#00b1ff;background:#fff}.select-chevron{position:absolute;right:18px;color:#cbd5e1}.toggle-list-premium{display:flex;flex-direction:column;gap:24px}.toggle-item-premium{display:flex;justify-content:space-between;align-items:center}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:700;color:#1e293b}.toggle-desc{font-size:12px;color:#94a3b8}.switch-premium{position:relative;display:inline-block;width:44px;height:24px}.switch-premium input{opacity:0;width:0;height:0}.slider-premium{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:24px}.slider-premium:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000026;border-radius:50%}.switch-premium input:checked+.slider-premium{background-color:#00b1ff}.switch-premium input:checked+.slider-premium:before{transform:translate(20px)}.premium-textarea{width:100%;min-height:100px;padding:16px;background:#f8fafc;border:1.5px solid #F1F5F9;border-radius:12px;font-size:14px;color:#1e293b;resize:none;line-height:1.6;outline:none;transition:all .3s}.premium-textarea:focus:not([readonly]){border-color:#00b1ff;background:#fff}@media(max-width:1200px){.profile-cards-grid{grid-template-columns:1fr}}.usermenu-page-container{display:flex;background-color:#f8fafc;min-height:100vh}.usermenu-page-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));padding-top:72px;padding-bottom:40px}.usermenu-content-wrapper{padding:32px 40px}.usermenu-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-titles h1{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:8px;letter-spacing:-.02em}.header-titles p{font-size:14px;color:#64748b;font-weight:500}.header-actions{display:flex;gap:16px;align-items:center}.premium-search-bar{position:relative;display:flex;align-items:center}.premium-search-bar svg{position:absolute;left:16px;color:#94a3b8}.premium-search-bar input{padding:12px 16px 12px 48px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;width:300px;font-size:14px;font-weight:600;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.premium-search-bar input:focus{outline:none;border-color:#00b0fa;box-shadow:0 0 0 4px #00b0fa1a;width:340px}.add-menu-btn-premium{display:flex;align-items:center;gap:10px;background:#00b0fa;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00b0fa4d}.add-menu-btn-premium:hover{background:#0096d6;transform:translateY(-2px);box-shadow:0 6px 16px #00b0fa66}.usermenu-glass-card{background:#fff;border-radius:20px;border:1px solid #F1F5F9;box-shadow:0 10px 30px #00000008;overflow:hidden;margin-bottom:24px}.usermenu-glass-card.archived-section{opacity:.85;background:#f8fafc;border-style:dashed}.card-header-premium{padding:24px 32px;border-bottom:1px solid #F1F5F9;background:linear-gradient(to right,rgba(0,176,250,.02),transparent)}.indicator-group{display:flex;align-items:center;gap:12px}.indicator-group h3{font-size:16px;font-weight:700;color:#334155;margin:0;text-transform:uppercase;letter-spacing:.05em}.premium-table-container{width:100%}.usermenu-table-premium{width:100%;border-collapse:collapse;table-layout:fixed}.usermenu-table-premium th{text-align:left;padding:16px 32px;font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#fcfdff;border-bottom:1px solid #F1F5F9}.th-action{width:140px}.th-title{width:250px}.usermenu-table-premium td{padding:20px 32px;border-bottom:1px solid #F8FAFC;vertical-align:middle}.row-hover-premium{transition:all .2s}.row-hover-premium:hover{background-color:#f0f9ff}.title-text{font-size:15px;font-weight:700;color:#1e293b}.title-text.archived{color:#94a3b8;font-weight:600}.path-text-group{display:flex;flex-direction:column;gap:4px}.path-val{font-size:13px;font-weight:600;color:#00b0fa;font-family:JetBrains Mono,monospace}.desc-val{font-size:13px;color:#64748b}.action-btn-group{display:flex;gap:8px}.icon-btn-edit,.icon-btn-delete,.icon-btn-restore{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.icon-btn-edit{background:#f0f9ff;color:#00b0fa}.icon-btn-edit:hover{background:#00b0fa;color:#fff}.icon-btn-delete{background:#fef2f2;color:#ef4444}.icon-btn-delete:hover{background:#ef4444;color:#fff}.icon-btn-restore{background:#f1f5f9;color:#64748b}.icon-btn-restore:hover{background:#64748b;color:#fff}.pagination-footer-premium{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;background:#fcfdff}.total-items{font-size:13px;font-weight:600;color:#94a3b8}.pagination-controls{display:flex;align-items:center;gap:12px}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#00b0fa;color:#00b0fa}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:8px}.page-num-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.page-num-btn:hover{background:#f8fafc;color:#00b0fa}.page-num-btn.active{background:#f0f9ff;color:#00b0fa;border-color:#00b0fa}.empty-archive{padding:40px;text-align:center;color:#94a3b8;font-size:14px;font-weight:500}.userrights-page-container{display:flex;background-color:#f8fafc;min-height:100vh}.userrights-page-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));padding-top:60px}.userrights-content-wrapper{padding:24px 32px;max-width:1200px}.userrights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-titles h1{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:2px}.header-titles p{font-size:14px;color:#64748b}.header-actions{display:flex;gap:8px}.userrights-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .2s}.userrights-action-btn.cancel{background:#f1f5f9;color:#64748b}.userrights-action-btn.save{background:#00b2ff;color:#fff}.userrights-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.userrights-card{background:#fff;border-radius:16px;border:1px solid #F1F5F9;padding:20px;height:fit-content;box-shadow:0 4px 12px #00000005}.selector-label{display:block;font-size:14px;font-weight:600;color:#94a3b8;margin-bottom:16px}.premium-user-dropdown{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;margin-bottom:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-user-dropdown:hover,.premium-user-dropdown.active{border-color:#00b2ff;box-shadow:0 4px 12px #00b2ff14}.user-meta{display:flex;flex-direction:column;gap:2px}.user-name-val-top{font-size:17px;font-weight:700;color:#0f172a}.user-role-val-mini{font-size:13px;font-weight:600;color:#00b2ff;text-transform:uppercase;letter-spacing:.02em}.select-chevron{transition:transform .3s;color:#64748b}.select-chevron.rotate{transform:rotate(180deg);color:#00b2ff}.user-dropdown-menu-absolute{position:absolute;top:calc(100% - 16px);left:0;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:100;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item-premium{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.user-dropdown-item-premium:hover{background:#f8fafc}.user-dropdown-item-premium.active{background:#f0f9ff}.item-details{display:flex;flex-direction:column}.item-name{font-size:14px;font-weight:600;color:#1e293b}.item-role{font-size:11px;font-weight:500;color:#64748b}.user-access-summary{background:#f8fafc;padding:24px;border-radius:16px;border:1px solid rgba(226,232,240,.5)}.summary-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:12px}.status-badge-active{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#334e68;margin-bottom:16px}.summary-desc{font-size:14px;line-height:1.5;color:#64748b;font-weight:400}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tree-title-group h3{font-size:22px;font-weight:800;color:#1e293b}.select-all-btn{padding:4px 8px;border:1px solid #E2E8F0;background:#fff;border-radius:6px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer}.tree-scroll-area{max-height:600px;overflow-y:auto;padding-right:8px}.tree-scroll-area::-webkit-scrollbar{width:4px}.tree-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.permission-node-wrapper{margin-bottom:2px}.node-children{display:flex;flex-direction:column;margin-left:24px;border-left:1px solid #F1F5F9}.permission-node-row{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;gap:10px;transition:all .2s}.permission-node-row:hover{background:#f8fafc}.checkbox-custom{width:16px;height:16px;border:1.5px solid #CBD5E1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.checkbox-custom.checked{background:#00b2ff;border-color:#00b2ff;color:#fff}.checkbox-custom.semi{border-color:#00b2ff;color:#00b2ff}.node-label{font-size:15px;font-weight:500;color:#334155}.master-all{background:#f0f9ff;border-radius:8px;margin-bottom:12px}.master-all .node-label{font-weight:700;color:#0369a1}.level-0 .node-label{font-weight:700;color:#1e293b}.node-expander{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.users-page-container{display:flex;background-color:#f8fafc;min-height:100vh}.users-page-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));padding-top:72px}.users-content-wrapper{padding:28px 40px 40px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.users-hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:22px 28px;box-shadow:0 4px 24px #0f172a0a}.hero-left{display:flex;align-items:center;gap:16px;min-width:0}.hero-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#00b2ff,#0099e0);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px #00b2ff47}.hero-text h1{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 2px;letter-spacing:-.02em;line-height:1.2}.hero-text p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.hero-actions{display:flex;gap:10px;flex-shrink:0}.btn-add,.btn-bulk{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;border:none;transition:background-color .2s,transform .2s,box-shadow .2s,border-color .2s,color .2s;white-space:nowrap}.btn-add{background:#00b2ff;color:#fff;box-shadow:0 6px 14px #00b2ff38}.btn-add:hover{background:#0099e0;transform:translateY(-1px);box-shadow:0 10px 20px #00b2ff52}.btn-bulk{background:#fff;color:#475569;border:1px solid #E2E8F0}.btn-bulk:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.users-main-card{background:#fff;border-radius:18px;border:1px solid #E2E8F0;box-shadow:0 4px 24px #0f172a0a;overflow:hidden}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #F1F5F9}.users-search-box{position:relative;flex:1;max-width:460px}.users-search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.users-search-box input{width:100%;padding:11px 14px 11px 42px;border-radius:10px;border:1px solid #E2E8F0;font-size:13px;background:#f8fafc;color:#0f172a;transition:border-color .2s,background-color .2s,box-shadow .2s;font-family:inherit}.users-search-box input:hover{border-color:#cbd5e1}.users-search-box input:focus{outline:none;border-color:#00b2ff;background:#fff;box-shadow:0 0 0 3px #00b2ff1a}.users-search-box input::placeholder{color:#94a3b8;font-weight:400}.toolbar-groups{display:flex;align-items:center;gap:10px}.status-toggle{display:flex;background:#f1f5f9;padding:3px;border-radius:9px}.status-toggle button{padding:6px 16px;border-radius:6px;border:none;font-size:12px;font-weight:700;cursor:pointer;background:transparent;color:#64748b;transition:background-color .2s,color .2s,box-shadow .2s}.status-toggle button:hover{color:#0f172a}.status-toggle button.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0f172a14}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;background:#fff;border-radius:9px;color:#64748b;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.btn-icon:hover{border-color:#00b2ff;color:#00b2ff;background:#f0f9ff}.table-responsive{overflow-x:auto}.premium-table{width:100%;border-collapse:collapse}.premium-table th{padding:14px 24px;background:#f8fafc;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #E2E8F0;text-align:left;white-space:nowrap}.premium-table td{padding:16px 24px;border-bottom:1px solid #F1F5F9;vertical-align:middle;font-size:13px;color:#334155}.premium-table tbody tr{transition:background-color .15s}.premium-table tbody tr:hover td{background:#f8fafc}.premium-table tbody tr:last-child td{border-bottom:none}.sticky-col{position:sticky;left:0;background:#fff;z-index:10}.premium-table tbody tr:hover .sticky-col{background:#f8fafc}.person-cell{display:flex;align-items:center;gap:12px;min-width:220px}.avatar-mini{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#f0f9ff);color:#0099e0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.person-info{min-width:0}.person-name{display:block;font-weight:700;color:#0f172a;font-size:14px;line-height:1.2;margin-bottom:3px}.person-sub{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:12px}.person-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-cell{display:flex;flex-direction:column;gap:4px;min-width:140px}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.meta-item span{font-weight:500}.meta-item svg{color:#94a3b8;flex-shrink:0}.badge-status,.badge-payment{display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-status.active{background:#dcfce7;color:#166534}.badge-status.inactive{background:#f1f5f9;color:#475569}.badge-payment.paid{background:#f0fdf4;color:#15803d}.badge-payment.unpaid{background:#fff1f2;color:#be123c}.category-cell{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#f1f5f9;border-radius:8px;font-size:12px;font-weight:600;color:#334155;max-width:100%}.category-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-icon{color:#94a3b8;flex-shrink:0}.activity-cell{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#475569;white-space:nowrap}.activity-cell.overdue{color:#e11d48}.action-btns{display:flex;gap:4px}.action-btns button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:background-color .15s,color .15s;background:transparent}.btn-edit{color:#00b2ff}.btn-edit:hover{background:#f0f9ff}.btn-history{color:#64748b}.btn-history:hover{background:#f1f5f9;color:#0f172a}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fef2f2}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#f8fafc;border-top:1px solid #F1F5F9}.count-text{font-size:12px;color:#64748b}.count-text b{color:#0f172a;font-weight:700}.pagination{display:flex;align-items:center;gap:4px}.pagination button{min-width:30px;height:30px;padding:0 10px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:12px;font-weight:700;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background-color .15s}.pagination button:hover:not(:disabled){border-color:#00b2ff;color:#00b2ff}.pagination button.page-num.active{background:#00b2ff;color:#fff;border-color:#00b2ff}.pagination button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:960px){.users-content-wrapper{padding:20px 16px 32px}.users-hero-card{flex-direction:column;align-items:flex-start;padding:18px 20px}.hero-actions{width:100%}.btn-add,.btn-bulk{flex:1;justify-content:center}.users-toolbar{flex-direction:column;align-items:stretch;padding:16px}.users-search-box{max-width:none}.toolbar-groups{justify-content:space-between}}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-card{background:#fff;border-radius:18px;border:1px solid #E2E8F0;width:100%;max-width:520px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:16px;font-weight:800;color:#0f172a;margin:0}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left}.form-group input,.form-group select{padding:10px 12px;border-radius:8px;border:1px solid #E2E8F0;font-size:13px;background:#f8fafc;color:#0f172a;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00b2ff;background:#fff;box-shadow:0 0 0 3px #00b2ff1a}.modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #F1F5F9;display:flex;justify-content:flex-end;gap:12px}.btn-modal-cancel{padding:10px 16px;border:1px solid #E2E8F0;background:#fff;color:#475569;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background:#f8fafc;color:#0f172a}.btn-modal-submit{padding:10px 20px;background:#00b2ff;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #00b2ff33;transition:all .2s}.btn-modal-submit:hover{background:#0099e0;box-shadow:0 6px 16px #00b2ff4d}.btn-modal-delete{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #ef444433;transition:all .2s}.btn-modal-delete:hover{background:#dc2626;box-shadow:0 6px 16px #ef44444d}.error-banner{padding:10px 14px;background:#fff1f2;border:1px solid #FECACA;border-radius:8px;color:#991b1b;font-size:12px;font-weight:600;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.user-role-rights-container{display:flex;background-color:#fff;height:100vh;color:#0f172a;overflow:hidden}.user-role-rights-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));display:flex;flex-direction:column}.user-role-rights-wrapper{flex:1;padding:40px 60px;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;overflow-y:auto}.user-role-rights-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;margin-top:20px}.header-info h1{font-size:36px;font-weight:900;letter-spacing:-.04em;margin-bottom:8px;color:#0f172a}.urr-action-btn{padding:12px 28px;border-radius:100px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.urr-action-btn.cancel{background:transparent;color:#64748b;border:1.5px solid #E2E8F0}.urr-action-btn.cancel:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.urr-action-btn.save{background:#00b1ff;color:#fff;box-shadow:0 8px 20px #00b1ff33}.urr-action-btn.save:hover{background:#0099e0;transform:translateY(-2px);box-shadow:0 12px 25px #00b1ff4d}.user-role-rights-grid{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.card-standard{background:#fff;border-radius:20px;padding:32px;border:1.5px solid #F1F5F9;box-shadow:0 4px 20px #00000003}.selector-label{display:block;font-size:10px;font-weight:800;color:#94a3b8;margin-bottom:12px;letter-spacing:.12em;text-transform:uppercase}.premium-user-dropdown{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8fafc;border:1.5px solid #F1F5F9;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-user-dropdown:hover,.premium-user-dropdown.active{border-color:#00b1ff;background:#fff;box-shadow:0 0 0 4px #00b1ff14}.user-name-val-top{font-size:15px;font-weight:700;color:#0f172a;display:block}.user-role-val-mini{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.user-dropdown-menu-absolute{position:absolute;top:calc(100% + 12px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 15px 50px #00000026;border:1px solid #F1F5F9;z-index:100;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item-premium{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:all .2s}.user-dropdown-item-premium:hover{background:#f1f5f9}.item-name{font-size:14px;font-weight:700;color:#1e293b}.role-description-card{background:#f8fafc;padding:24px;border-radius:16px;margin-top:32px}.role-status-title{font-size:14px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.role-status-badge{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#00b1ff;margin-bottom:12px}.role-status-desc{font-size:13px;line-height:1.6;color:#64748b}.tree-header h3{font-size:14px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.08em;margin:0}.select-all-btn{padding:6px 16px;border:1.5px solid #F1F5F9;background:#fff;border-radius:100px;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s}.select-all-btn:hover{border-color:#00b1ff;color:#00b1ff}.tree-scroll-container{max-height:500px;overflow-y:auto;padding-right:12px}.tree-scroll-container::-webkit-scrollbar{width:6px}.tree-scroll-container::-webkit-scrollbar-thumb{background:#f1f5f9;border-radius:10px}.permission-node-row{display:flex;align-items:center;padding:10px 16px;border-radius:10px;cursor:pointer;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.permission-node-row:hover{background:#f8fafc;transform:translate(4px)}.checkbox-visual{width:20px;height:20px;border:2px solid #E2E8F0;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-visual.checked{background:#00b1ff;border-color:#00b1ff;color:#fff}.checkbox-visual.semi{border-color:#00b1ff;color:#00b1ff;box-shadow:0 0 0 4px #00b1ff1a}.node-label{font-size:14px;font-weight:600;color:#1e293b}.master-all-row{background:#f8fafc;border-radius:12px;margin-bottom:24px}.master-all-row .node-label{font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.05em}.level-0 .node-label{font-weight:700;color:#0f172a}.node-children{margin-left:28px;border-left:1.5px dashed #F1F5F9}.category-page-container{display:flex;background-color:#f8fafc;min-height:100vh}.category-page-main{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));padding-top:72px}.category-content-wrapper{padding:32px 40px;max-width:1400px;margin:0 auto}.category-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.header-info h1{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:6px}.header-info p{font-size:15px;color:#64748b}.header-actions{display:flex;gap:12px}.btn-primary-gradient{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#00b2ff,#0080ff);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 15px #00b2ff4d;transition:all .2s}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b2ff66}.btn-secondary-outline{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#475569;border:1px solid #E2E8F0;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.category-main-card{background:#fff;border-radius:20px;border:1px solid #F1F5F9;box-shadow:0 10px 40px #00000008;overflow:hidden;margin-bottom:24px}.category-toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #F1F5F9}.search-box-unified{position:relative;width:440px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box-unified input{width:100%;padding:12px 16px 12px 48px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;font-size:15px;transition:all .2s}.search-box-unified input:focus{outline:none;background:#fff;border-color:#00b2ff;box-shadow:0 0 0 4px #00b2ff0d}.toolbar-actions{display:flex;gap:12px}.btn-icon-square{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:12px;color:#64748b;cursor:pointer;transition:all .2s}.btn-icon-square:hover{border-color:#00b2ff;color:#00b2ff;background:#f0f9ff}.table-wrapper{overflow-x:auto}.category-table{width:100%;border-collapse:collapse}.category-table th{padding:20px 32px;background:#fafbfc;text-align:left;font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #F1F5F9}.category-table td{padding:20px 32px;border-bottom:1px solid #F1F5F9;vertical-align:middle}.category-table tr:hover td{background:#f8fafc}.action-col{width:100px;position:sticky;left:0;background:#fff;z-index:5}.name-cell{display:flex;align-items:center;gap:16px}.tag-icon-wrapper{width:32px;height:32px;background:#f0f9ff;color:#00b2ff;border-radius:8px;display:flex;align-items:center;justify-content:center}.category-name-text{font-size:16px;font-weight:700;color:#0f172a}.count-pill{display:inline-block;padding:4px 12px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:13px;font-weight:700}.status-indicator.active{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#16a34a;background:#dcfce7;padding:2px 10px;border-radius:6px}.btn-group-mini{display:flex;gap:8px}.btn-table-action{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-table-action.edit{color:#00b2ff;background:#f0f9ff}.btn-table-action.delete{color:#ef4444;background:#fef2f2}.text-right{text-align:right}.btn-arrow-link{background:transparent;border:none;color:#cbd5e1;cursor:pointer;transition:color .2s}.btn-arrow-link:hover{color:#00b2ff}.category-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#fafbfc}.total-summary{font-size:14px;color:#64748b}.total-summary b{color:#0f172a}.mini-pagination{display:flex;align-items:center;gap:12px}.mini-pagination button{padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer}.active-page{width:28px;height:28px;background:#00b2ff;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.archived-section-teaser{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:24px 32px;border-radius:20px;border:1px solid #F1F5F9;box-shadow:0 4px 15px #00000005}.teaser-content{display:flex;align-items:center;gap:20px}.teaser-icon{width:48px;height:48px;background:#f1f5f9;color:#64748b;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px}.teaser-text h3{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:4px}.teaser-text p{font-size:14px;color:#64748b}.btn-view-archive{padding:10px 20px;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;color:#475569;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-view-archive:hover{border-color:#64748b;background:#f8fafc}.auth-page-container{display:flex;background:#f8fafc;min-height:100vh;color:#0f172a}.auth-page{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));padding:92px 32px 48px}.auth-hero{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px 24px;box-shadow:0 4px 20px #0f172a0a;margin-top:16px;margin-bottom:18px}.auth-hero-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b1ff,#0099e0);color:#fff;flex-shrink:0}.auth-hero-text{flex:1;min-width:0}.auth-hero-text h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 2px}.auth-hero-text p{font-size:13px;color:#64748b;margin:0}.auth-hero-actions{display:flex;gap:10px}.auth-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s,transform .1s;border:1px solid transparent;font-family:inherit}.auth-btn.outline{background:#fff;color:#00b1ff;border-color:#bae6fd}.auth-btn.outline:hover:not(:disabled){background:#00b1ff0f;border-color:#00b1ff}.auth-btn.ghost{background:#fff;color:#475569;border-color:#e2e8f0}.auth-btn.ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-btn.primary{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98147}.auth-btn.primary:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 8px 18px #10b98157}.auth-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.auth-tabs{display:flex;gap:4px;border-bottom:1px solid #E2E8F0;margin-bottom:18px;padding:0 4px}.auth-tab{background:transparent;border:none;padding:12px 18px;font-size:13.5px;font-weight:700;color:#64748b;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:8px;transition:color .15s;font-family:inherit;letter-spacing:-.01em}.auth-tab:hover{color:#0f172a}.auth-tab.active{color:#00b1ff}.auth-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:#00b1ff;border-radius:2px}.auth-filters-card{display:flex;gap:18px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:16px 20px;margin-bottom:16px;box-shadow:0 2px 12px #0f172a08}.auth-field{display:flex;flex-direction:column;gap:6px;min-width:240px}.auth-field-grow{flex:1;min-width:0}.auth-field label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#475569}.auth-field-meta{font-weight:600;color:#94a3b8;text-transform:none;letter-spacing:0;margin-left:4px}.auth-field select{padding:9px 12px;border:1.5px solid #E2E8F0;border-radius:9px;background:#fff;font-size:13px;font-weight:600;color:#0f172a;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;cursor:pointer}.auth-field select:hover{border-color:#cbd5e1}.auth-field select:focus{border-color:#00b1ff;box-shadow:0 0 0 3px #00b1ff1f}.auth-scope-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 8px}.auth-scope-title{display:flex;align-items:center;gap:12px;color:#00b1ff}.auth-scope-title h2{font-size:16px;font-weight:800;color:#0f172a;margin:0}.auth-scope-title p{font-size:12px;color:#64748b;margin:0}.auth-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:10px 4px 14px;font-size:13px}.auth-quick-label{font-weight:700;color:#0f172a;margin-right:4px}.auth-quick-link{background:transparent;border:none;padding:4px 6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:6px;font-family:inherit;transition:color .15s,background .15s}.auth-quick-link:hover:not(:disabled){color:#00b1ff;background:#00b1ff14}.auth-quick-link:disabled{opacity:.4;cursor:not-allowed}.auth-quick-grant{margin-left:auto;color:#10b981;font-weight:700}.auth-quick-grant strong{color:#10b981;margin-right:4px}.auth-quick-grant.on,.auth-quick-grant.on strong{color:#dc2626}.auth-matrix-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px #0f172a0a;position:relative}.auth-matrix{width:100%;border-collapse:collapse}.auth-matrix thead{background:#f8fafc}.auth-matrix th{text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#475569;padding:14px 8px;border-bottom:1px solid #E2E8F0}.auth-matrix th.col-mod{text-align:left;padding-left:24px;width:32%}.auth-matrix tbody tr{transition:background .15s}.auth-matrix tbody tr:hover{background:#f8fafc}.auth-matrix tbody tr+tr td{border-top:1px solid #F1F5F9}.auth-matrix td{padding:12px 8px;text-align:center;vertical-align:middle}.auth-matrix td.col-mod{text-align:left;padding-left:24px}.mod-cell{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;color:#0f172a}.mod-icon{width:32px;height:32px;border-radius:8px;background:#00b1ff1f;color:#00b1ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-cell{width:26px;height:26px;border-radius:7px;border:1.5px solid #E2E8F0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;color:#fff}.auth-cell:hover:not(:disabled){border-color:#00b1ff;background:#00b1ff0d}.auth-cell.on{background:#10b981;border-color:#10b981}.auth-cell.on:hover:not(:disabled){background:#059669;border-color:#059669;transform:scale(1.06)}.auth-cell:disabled{cursor:not-allowed;opacity:.45}.auth-empty{padding:36px 24px;text-align:center;font-size:13px;color:#94a3b8;border-top:1px solid #F1F5F9}.auth-loading{position:absolute;inset:0;background:#ffffffa6;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#475569;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 10px 30px #0f172a2e;z-index:9999;animation:auth-toast-in .18s ease-out}.auth-toast.ok{background:#10b981}.auth-toast.err{background:#dc2626}@keyframes auth-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.sm-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9998;animation:auth-toast-in .18s ease-out}.sm-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;box-shadow:0 20px 60px #0f172a52;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.sm-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid #F1F5F9}.sm-modal-title{display:flex;gap:12px;align-items:flex-start;color:#00b1ff}.sm-modal-title h3{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 2px;letter-spacing:-.01em}.sm-modal-title p{font-size:12.5px;color:#64748b;margin:0}.sm-modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.sm-modal-close:hover{background:#f1f5f9;color:#0f172a}.sm-modal-body{padding:18px 24px;overflow-y:auto}.sm-row{display:grid;gap:12px 16px;margin-bottom:12px}.sm-row-2{grid-template-columns:1fr 1fr}.sm-field{display:flex;flex-direction:column;gap:5px}.sm-field label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#475569}.sm-required{color:#dc2626;margin-left:2px}.sm-field input{padding:9px 12px;border:1.5px solid #E2E8F0;border-radius:9px;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}.sm-field input:hover{border-color:#cbd5e1}.sm-field input:focus{border-color:#00b1ff;background:#fff;box-shadow:0 0 0 3px #00b1ff1f}.sm-hint{font-size:12px;color:#94a3b8;margin:6px 0 0;line-height:1.5}.sm-error{margin-top:12px;padding:10px 12px;border-radius:9px;background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;font-size:12.5px;font-weight:600}.sm-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 18px;border-top:1px solid #F1F5F9;background:#f8fafc}@media(max-width:960px){.auth-page{padding:16px}.auth-filters-card{flex-direction:column;gap:12px}.auth-field{min-width:0}.auth-matrix th,.auth-matrix td{padding:10px 4px;font-size:11px}.auth-matrix th.col-mod,.auth-matrix td.col-mod{padding-left:12px}.mod-icon{display:none}.sm-row-2{grid-template-columns:1fr}}.contact-premium-container{display:flex;background-color:#f8fafc;height:100vh;color:#0f172a;overflow:hidden}.contact-viewport{flex:1;margin-left:var(--sidebar-width, 240px);width:calc(100% - var(--sidebar-width, 240px));height:100vh;display:flex;flex-direction:column;overflow:hidden}.contact-frame{flex:1;min-height:0;padding:80px 48px 20px;max-width:1240px;margin:0 auto;width:100%;display:flex;flex-direction:column;overflow:hidden}.contact-intro{margin-bottom:18px;flex-shrink:0}.maritime-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:#00b1ff14;border:1px solid rgba(0,177,255,.18);border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#0099e0;margin-bottom:10px}.contact-intro h1{font-size:28px;font-weight:900;letter-spacing:-.03em;margin:0 0 6px;line-height:1.15;color:#0f172a}.contact-intro p{font-size:13px;color:#64748b;max-width:720px;line-height:1.5;margin:0}.contact-layout-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:stretch}.form-column{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:22px 26px;box-shadow:0 4px 24px #0f172a0a;display:flex;flex-direction:column;min-height:0;overflow:hidden}.minimal-blueprint-form{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.minimal-group{display:flex;flex-direction:column;gap:6px;min-height:0}.minimal-group:has(textarea){flex:1;min-height:0}.minimal-group label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#64748b}.minimal-group input,.minimal-group textarea{border:1.5px solid #E2E8F0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;transition:border-color .2s,background-color .2s,box-shadow .2s;outline:none;font-family:inherit}.minimal-group textarea{resize:none;flex:1;min-height:80px;max-height:180px}.minimal-group input:hover,.minimal-group textarea:hover{border-color:#cbd5e1}.minimal-group input:focus,.minimal-group textarea:focus{border-color:#00b1ff;background:#fff;box-shadow:0 0 0 3px #00b1ff1a}.minimal-group input::placeholder,.minimal-group textarea::placeholder{color:#cbd5e1;font-weight:400}.ship-command-btn{align-self:flex-start;margin-top:4px;padding:9px 22px;background:#00b1ff;color:#fff;border:none;border-radius:100px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00b1ff38;flex-shrink:0}.ship-command-btn:hover{background:#0099e0;transform:translateY(-1px);box-shadow:0 10px 22px #00b1ff52}.ship-command-btn:active{transform:translateY(0);box-shadow:0 3px 10px #00b1ff40}.contact-details-column{background:#0f172a;border-radius:16px;padding:22px 26px;color:#f8fafc;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f172a2e}.contact-details-column:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(0,177,255,.18),transparent 45%),radial-gradient(circle at 0% 100%,rgba(0,177,255,.08),transparent 50%);pointer-events:none}.contact-details-column>*{position:relative}.detail-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.detail-item:first-of-type{padding-top:4px}.detail-item:last-of-type{border-bottom:none}.detail-icon{width:36px;height:36px;background:#00b1ff24;border:1px solid rgba(0,177,255,.25);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#00b1ff;flex-shrink:0;transition:background-color .2s,border-color .2s}.detail-item:hover .detail-icon{background:#00b1ff38;border-color:#00b1ff73}.detail-content h3{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin:0 0 3px;color:#94a3b8}.detail-content p{font-size:13px;color:#f8fafc;font-weight:600;margin:0;line-height:1.4}.nautical-seal{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;color:#f8fafc8c;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.seal-icon{opacity:.55;color:#00b1ff}.contact-footer{border-top:1px solid #E2E8F0;padding:12px 0 0;margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#94a3b8;font-weight:500;flex-shrink:0}.footer-nav{display:flex;gap:18px}.footer-nav a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#00b1ff}.copyright{display:flex;align-items:center;gap:6px}@media(max-width:960px){.contact-premium-container,.contact-viewport{height:auto;overflow:auto}.contact-frame{overflow:visible;padding:80px 20px 24px}.contact-layout-grid{grid-template-columns:1fr;gap:16px}.input-row{grid-template-columns:1fr}.minimal-group textarea{min-height:90px}.contact-footer{flex-direction:column;gap:8px;text-align:center}}