@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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}}}@layer theme{:root,:host{--font-sans:"Archivo", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-amber-500:oklch(76.9% .188 70.08);--color-green-500:oklch(72.3% .219 149.579);--radius-sm:8px;--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);--radius:12px;--color-brand-50:#e8f5ef;--color-brand-100:#c6e8d6;--color-brand-300:#52b589;--color-brand-400:#249c6a;--color-brand-500:#0f6b4f;--color-brand-600:#0d5a41;--color-brand-700:#0a4a35;--color-brand-800:#073828;--color-sidebar:#fff;--color-sidebar-800:#f0f6f2;--color-sidebar-700:#dde8e2;--color-sidebar-muted:#8aab96;--color-sidebar-text:#1a3a27;--color-surface:#fff;--color-surface-2:#f5f8f6;--color-surface-3:#ecf2ee;--color-border:#d4e2da;--color-border-subtle:#e6eeea;--color-text-primary:#0d2118;--color-text-secondary:#2d4a36;--color-text-muted:#7a9a85;--color-text-on-dark:#e8ecea;--color-success:#0f6b4f;--color-success-bg:#e8f5ef;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#364dd9;--color-info-bg:#eef0ff;--font-heading:"Plus Jakarta Sans", "Archivo", system-ui, sans-serif;--sidebar-width:260px;--sidebar-collapsed:68px;--topbar-height:56px}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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{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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.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}}.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}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.text-amber-500{color:var(--color-amber-500)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}}html,body{max-width:100vw;overflow-x:hidden}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-sans);background:var(--color-surface-2);color:var(--color-text-primary);min-height:100vh;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-sidebar-muted)}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--color-sidebar-700)}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-700);z-index:100;flex-direction:column;min-height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 12px #0000000f}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid var(--color-sidebar-700);flex-direction:column;flex-shrink:0;align-items:center;min-height:0;padding:16px 14px 14px;display:flex;position:relative}.sidebar-logo-full-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;transition:opacity .2s;display:flex}.sidebar-logo-card{background:#fffffff7;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000002e}.sidebar-logo-full-img{width:100%;max-width:200px;height:auto;display:block}.sidebar-cv-label{font-family:var(--font-heading);color:var(--color-sidebar-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.sidebar.collapsed .sidebar-logo-full-wrap{opacity:0;pointer-events:none;gap:0;height:0;padding:0;overflow:hidden}.sidebar-logo-icon-wrap{display:none}.sidebar.collapsed .sidebar-logo-icon-wrap{justify-content:center;align-items:center;padding:4px 0;display:flex}.sidebar-nav{flex:1;padding:12px 0;overflow:hidden auto}.nav-group{margin-bottom:4px}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-sidebar-muted);white-space:nowrap;padding:10px 16px 4px;font-size:10px;font-weight:600;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .nav-group-label{opacity:0}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-sidebar-text);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:calc(100% - 16px);margin:1px 8px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--color-sidebar-800);color:var(--color-brand-800)}.nav-item.active{color:var(--color-brand-600);background:#0f6b4f1a;font-weight:600}.nav-item.active:before{display:none}.nav-icon{opacity:.75;flex-shrink:0;width:18px;height:18px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1;transition:opacity .2s,width .25s;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;width:0}.nav-badge{background:var(--color-warning);color:#fff;text-align:center;border-radius:99px;min-width:18px;padding:1px 5px;font-size:10px;font-weight:700;transition:opacity .2s}.sidebar.collapsed .nav-badge{opacity:0}.sidebar-footer{border-top:1px solid var(--color-sidebar-700);flex-shrink:0;padding:10px 8px}.sidebar-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.sidebar-user:hover{background:var(--color-sidebar-800)}.user-avatar{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-800));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-info{white-space:nowrap;flex:1;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .user-info{opacity:0;width:0}.user-name{color:var(--color-text-on-dark);font-size:13px;font-weight:600}.user-role{color:var(--color-sidebar-muted);text-transform:capitalize;font-size:11px}.sidebar-toggle{width:20px;height:20px;color:var(--color-sidebar-muted);flex-shrink:0;transition:transform .25s}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.content-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}@keyframes smartSearchSpin{to{transform:rotate(360deg)}}.splash-overlay{z-index:99999;background:#fff;justify-content:center;align-items:center;animation:.6s cubic-bezier(.4,0,.2,1) 4.3s forwards splashCurtain;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.splash-logo{z-index:1;will-change:transform,opacity;width:min(62vw,340px);height:auto;animation:4.9s cubic-bezier(.22,1,.36,1) forwards splashLogo;position:relative}.splash-glow{aspect-ratio:1;will-change:transform,opacity;background:radial-gradient(circle,#10b98147,#10b98114 45%,#0000 72%);border-radius:50%;width:min(86vw,460px);animation:4.9s ease-out forwards splashGlow;position:absolute}@keyframes splashLogo{0%{opacity:1;transform:scale(1)}8%{transform:scale(1.05)}16%{transform:scale(1)}86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes splashGlow{0%{opacity:0;transform:scale(.6)}14%{opacity:1}50%{opacity:.8;transform:scale(1.05)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes splashCurtain{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.splash-logo,.splash-glow{animation-duration:.01ms}}html[lang=ar],html[lang=ar] body{font-family:Segoe UI,Tahoma,Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,system-ui,sans-serif}[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] [style*=monospace]{direction:ltr}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-breadcrumb{flex:1;align-items:center;gap:6px;display:flex}.breadcrumb-item{color:var(--color-text-muted);font-size:13px;font-weight:500}.breadcrumb-item.current{color:var(--color-text-primary);font-weight:600}.breadcrumb-sep{color:var(--color-text-muted);opacity:.55;font-size:15px}.topbar-title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.01em;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.topbar-lang{position:relative}.topbar-lang-btn{cursor:pointer;height:36px;color:var(--color-text-primary);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.topbar-lang-btn:hover{background:var(--color-surface-2)}.topbar-lang-icon,.topbar-lang-chev{color:var(--color-text-muted);flex-shrink:0}.topbar-lang-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:12px;flex-direction:column;gap:2px;min-width:168px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000001f}.topbar-lang-item{cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.topbar-lang-item:hover{background:var(--color-surface-2)}.topbar-lang-item.active{color:var(--color-brand-600);font-weight:600}.topbar-lang-item.active svg{color:var(--color-brand-600)}.topbar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:26px;margin:0 4px}.topbar-user{cursor:pointer;border-radius:11px;flex-shrink:0;padding:4px 8px 4px 4px;transition:background .15s}.topbar-user:hover{background:var(--color-surface-2)}body.is-desktop .topbar{-webkit-app-region:drag;padding-right:var(--wco-controls,162px)}body.is-desktop .sidebar-logo{-webkit-app-region:drag}body.is-desktop .topbar-actions,body.is-desktop .topbar button,body.is-desktop .topbar select,body.is-desktop .topbar a,body.is-desktop .topbar input,body.is-desktop .topbar .icon-btn,body.is-desktop .topbar-lang,body.is-desktop .topbar-user,body.is-desktop .sidebar-logo button{-webkit-app-region:no-drag}body.is-desktop .login-split{-webkit-app-region:drag}body.is-desktop .login-split input,body.is-desktop .login-split button,body.is-desktop .login-split a,body.is-desktop .login-split select{-webkit-app-region:no-drag}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.icon-btn:hover{background:var(--color-surface-3);color:var(--color-text-primary)}.notif-badge{background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:5px;right:5px}.page-content{box-sizing:border-box;flex:1;width:100%;min-width:0;padding:24px}.table-scroll{overflow:auto}@media(min-width:769px){.table-scroll{max-height:calc(100dvh - 260px)}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:22px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--color-text-muted);margin-top:3px;font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:20px;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014,0 8px 24px #0000000d}.search-card{z-index:60}.search-card:hover{transform:none}.card-sm{padding:14px 16px}.card-lg{padding:28px 32px}.card-glass{-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s,transform .2s;animation:.45s both fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.stat-card:after{content:"";background:var(--color-brand-500);opacity:.06;filter:blur(24px);pointer-events:none;border-radius:50%;width:110px;height:110px;position:absolute;top:-24px;right:-24px}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000017,0 1px 4px #0000000f}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:12px;font-weight:600}.stat-value{font-family:var(--font-heading);color:var(--color-text-primary);font-size:32px;font-weight:800;line-height:1}.stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-trend{align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.stat-trend.up{color:var(--color-success)}.stat-trend.warn{color:var(--color-warning)}.formula-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;flex-shrink:0;align-items:center;gap:12px;min-width:220px;padding:12px 16px;transition:all .15s;display:flex}.formula-chip:hover{border-color:var(--color-brand-400);transform:translateY(-2px);box-shadow:0 4px 16px #0f6b4f1f}.color-swatch{border:2px solid #00000014;border-radius:10px;flex-shrink:0;width:40px;height:40px;box-shadow:inset 0 1px 3px #0000001a}.formula-chip-info{flex:1;min-width:0}.chip-code{color:var(--color-text-primary);letter-spacing:.04em;font-family:monospace;font-size:15px;font-weight:800}.chip-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.chip-meta{color:var(--color-text-muted);font-size:11px}.view-badge{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.chip-strip{scrollbar-width:thin;scroll-snap-type:x mandatory;gap:12px;padding-top:8px;padding-bottom:8px;display:flex;overflow-x:auto}.chip-strip .formula-chip{scroll-snap-align:start}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-700));color:#fff;box-shadow:0 2px 8px #10b98140}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-3);border-color:var(--color-brand-300)}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.btn-warning:hover{opacity:.92;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--color-surface-3);color:var(--color-text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:11px 22px;font-size:14px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.fab{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-700));color:#fff;cursor:pointer;z-index:40;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #10b98166}.fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #10b98180}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-surface-3);color:var(--color-text-muted)}.badge-brand{background:var(--color-brand-100);color:var(--color-brand-700)}.role-admin{color:#818cf8;background:#1e293b}.role-technician{color:#d97706;background:#fffbeb}.role-viewer{background:var(--color-surface-3);color:var(--color-text-secondary)}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #10b9811f}.form-input::placeholder{color:var(--color-text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.form-textarea{resize:vertical;min-height:80px}.toggle-group{background:var(--color-surface-3);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.toggle-option{border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s}.toggle-option.active{background:var(--color-surface);color:var(--color-brand-700);box-shadow:0 1px 3px #0000001a}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle;padding:11px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer;transition:background .1s}.data-table tr.clickable:hover td{background:var(--color-surface-2)}.data-table tr.selected td{background:var(--color-brand-50)}.tab-list{border-bottom:1px solid var(--color-border);gap:2px;margin-bottom:20px;display:flex}.tab-item{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tab-item:hover{color:var(--color-text-primary)}.tab-item.active{color:var(--color-brand-700);border-bottom-color:var(--color-brand-500)}.tab-count{background:var(--color-surface-3);color:var(--color-text-muted);border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.tab-item.active .tab-count{background:var(--color-brand-100);color:var(--color-brand-700)}.formula-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:12px;padding:16px;transition:all .15s;display:flex}.formula-card:hover{border-color:var(--color-brand-300);box-shadow:0 4px 16px #0000000f}.formula-card-top{align-items:flex-start;gap:12px;display:flex}.formula-swatch-lg{border:2px solid #00000014;border-radius:12px;flex-shrink:0;width:48px;height:48px}.formula-card-meta{flex:1;min-width:0}.formula-card-code{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.formula-card-name{color:var(--color-text-primary);font-size:14px;font-weight:700;line-height:1.3}.formula-card-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0000004d;animation:.15s fade-in;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--color-surface);z-index:201;flex-direction:column;width:520px;max-width:95vw;animation:.25s cubic-bezier(.4,0,.2,1) slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0000001f}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title{font-size:16px;font-weight:700}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-family:var(--font-heading);color:var(--color-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.section-action{color:var(--color-brand-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.section-action:hover{text-decoration:underline}.search-page-content{box-sizing:border-box;flex-direction:column;width:100%;padding:24px;display:flex}.search-results-card{overflow:visible}.search-layout{flex:1;grid-template-columns:280px 1fr;gap:16px;min-height:0;display:grid}.search-filter-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.filter-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.filter-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.filter-footer{border-top:1px solid var(--color-border);gap:8px;padding:12px 16px;display:flex}.search-results-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.results-header{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.results-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.results-body{flex:1;overflow-y:auto}.scroll-top-bar{border-bottom:1px solid var(--color-border);flex-shrink:0;overflow:auto hidden}.scroll-top-bar::-webkit-scrollbar{height:8px}.scroll-top-bar::-webkit-scrollbar-track{background:var(--color-surface-2)}.scroll-top-bar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.pagination-bar{border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px 16px;display:flex}.pagination-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:6px;padding:0 10px;transition:all .15s}.pagination-btn:hover:not(:disabled){border-color:var(--color-brand-500);color:var(--color-brand-600);background:var(--color-brand-50)}.pagination-btn.active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff;font-weight:700}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{color:var(--color-text-muted);white-space:nowrap;margin:0 8px;font-size:12px}.results-settings-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.results-settings-bar select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-sans);border-radius:6px;padding:3px 8px}.toner-dot{border:1.5px solid #0000001a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.toner-row{align-items:center;gap:8px;display:flex}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.notif-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:300;width:340px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.notif-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.notif-item{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.notif-item:hover{background:var(--color-surface-2)}.notif-item.unread{background:#10b9810a}.notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notif-body{flex:1;min-width:0}.notif-msg{color:var(--color-text-primary);font-size:12px;line-height:1.4}.notif-time{color:var(--color-text-muted);margin-top:3px;font-size:11px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-3) 25%,var(--color-border) 50%,var(--color-surface-3) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s infinite shimmer}.toast-container{z-index:3000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:8px;min-width:240px;padding:10px 18px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) toast-in;display:flex;box-shadow:0 8px 24px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left:3px solid var(--color-brand-500)}.toast.error{border-left:3px solid var(--color-danger)}.toast.warning{border-left:3px solid var(--color-warning)}.region-pills{flex-wrap:wrap;gap:6px;display:flex}.region-pill{cursor:pointer;border:1.5px solid var(--color-border);color:var(--color-text-muted);background:0 0;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.region-pill:hover{border-color:var(--color-brand-300);color:var(--color-brand-600)}.region-pill.active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.print-only{display:none}@media print{.app-shell,#root>*{display:none!important}body{background:#fff!important}.print-only{color:#111;background:#fff;padding:20mm 16mm;font-family:Inter,sans-serif;font-size:10pt;position:fixed;top:0;right:0;bottom:0;left:0;display:block!important}.ps-header{justify-content:space-between;align-items:flex-start;gap:12pt;margin-bottom:8pt;display:flex}.ps-logo-block{align-items:center;gap:8pt;display:flex}.ps-logo{object-fit:contain;width:40pt;height:40pt}.ps-brand{color:#166534;letter-spacing:.5px;font-size:13pt;font-weight:800}.ps-brand-sub{color:#6b7280;font-size:7.5pt}.ps-title-block{text-align:center}.ps-sheet-title{color:#111;letter-spacing:1px;font-size:16pt;font-weight:800}.ps-sheet-sub{color:#6b7280;margin-top:2pt;font-size:8pt}.ps-date-block{text-align:right}.ps-printed-label{color:#6b7280;font-size:7.5pt}.ps-printed-date{color:#111;font-size:12pt;font-weight:700}.ps-divider{background:#166534;border:none;height:2pt;margin:8pt 0 16pt}.ps-card{border:1pt solid #d1d5db;border-radius:8pt;justify-content:space-between;align-items:flex-start;gap:16pt;margin-bottom:16pt;padding:14pt 16pt;display:flex}.ps-card-left{flex:1}.ps-mfr-row{align-items:center;gap:8pt;margin-bottom:8pt;display:flex}.ps-mfr{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:9pt;font-weight:700}.ps-mfr-sep{color:#9ca3af}.ps-year{color:#6b7280;font-size:9pt}.ps-color-swatch-row{align-items:center;gap:12pt;margin-bottom:8pt;display:flex}.ps-color-dot-lg{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1.5pt solid #d1d5db;border-radius:50%;flex-shrink:0;width:42pt;height:42pt;box-shadow:inset 0 1pt 3pt #00000026}.ps-code{color:#111;font-size:26pt;font-weight:800;line-height:1}.ps-colorname{color:#16a34a;margin-top:2pt;font-size:16pt;font-weight:700}.ps-meta-row{flex-wrap:wrap;gap:6pt;margin-top:6pt;display:flex}.ps-meta-tag{color:#6b7280;background:#f3f4f6;border-radius:4pt;padding:2pt 6pt;font-size:7.5pt}.ps-coat{color:#166534;background:#dcfce7;font-weight:600}.ps-mix-box{background:#f9fafb;border:1pt solid #d1d5db;border-radius:8pt;min-width:130pt;padding:10pt 14pt}.ps-mix-title{color:#374151;margin-bottom:7pt;font-size:8.5pt;font-weight:700}.ps-mix-table{border-collapse:collapse;width:100%}.ps-mix-table td{padding:2.5pt 0;font-size:8.5pt}.ps-mix-label{color:#6b7280}.ps-mix-val{text-align:right;color:#111;font-weight:600}.ps-section-header{border-bottom:1.5pt solid #166534;justify-content:space-between;align-items:center;margin-bottom:8pt;padding-bottom:4pt;display:flex}.ps-section-title{color:#111;align-items:center;gap:5pt;font-size:11pt;font-weight:700;display:flex}.ps-toner-table{border-collapse:collapse;width:100%}.ps-toner-table th{color:#374151;text-align:left;border-bottom:1.5pt solid #111;padding:5pt 6pt;font-size:8pt;font-weight:700}.ps-toner-table td{border-bottom:.5pt solid #e5e7eb;padding:5pt 6pt;font-size:8.5pt}.ps-row-even td{background:#fff}.ps-row-odd td{background:#f9fafb}.ps-desc-inner{align-items:center;gap:6pt;display:flex}.ps-toner-dot{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:.5pt solid #d1d5db;border-radius:50%;flex-shrink:0;width:12pt;height:12pt}.ps-total-row td{border-top:1.5pt solid #111;padding:6pt;font-size:9pt;font-weight:700;background:#fff!important}.ps-total-val{text-align:right;font-size:11pt}.ps-total-unit{text-align:right;color:#6b7280}.ps-footer{color:#9ca3af;border-top:.5pt solid #e5e7eb;justify-content:space-between;margin-top:20pt;padding-top:6pt;font-size:7pt;display:flex}}.mobile-bottom-nav,.mobile-menu-btn,.topbar-mobile-logo,.sidebar-backdrop,.sidebar-close-btn{display:none}@media(min-width:1400px){.search-layout{grid-template-columns:320px 1fr}}@media(max-width:1100px){.search-layout{grid-template-columns:220px 1fr}.search-filter-panel .filter-body{font-size:12px}}@media(max-width:768px){html{font-size:13px}.topbar-title{display:none}.sidebar{z-index:300;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:translate(-100%);width:260px!important}.sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 32px #00000059}.sidebar .nav-label,.sidebar .nav-group-label,.sidebar .user-info{opacity:1!important;width:auto!important}.sidebar .sidebar-logo-full-wrap{opacity:1!important;pointer-events:auto!important;height:auto!important;overflow:visible!important}.sidebar .sidebar-logo-icon-wrap{display:none!important}.sidebar-close-btn{background:var(--color-sidebar-700);width:28px;height:28px;color:var(--color-sidebar-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.sidebar-backdrop{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.main-content,.main-content.sidebar-collapsed{min-width:0;max-width:100vw;min-height:100dvh;padding-top:72px;padding-bottom:88px;overflow-x:clip;height:auto!important;margin-left:0!important;overflow-y:visible!important}.content-scroll{flex:none;min-height:0;display:block;overflow:visible!important}.mobile-menu-btn{flex-shrink:0;display:flex}.topbar-mobile-logo{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.topbar-actions{margin-left:auto}.topbar-breadcrumb{display:none}.conn-chip[data-online=true]{display:none!important}.conn-chip[data-online=false]{display:inline-flex!important}.topbar-divider{display:none}.topbar-actions{gap:4px}.topbar-lang-btn{gap:0;padding:0 6px}.topbar-lang-btn>span,.topbar-lang-chev{display:none}.page-content,.search-page-content{min-height:0;padding:12px;flex:none!important;height:auto!important;overflow:visible!important}.page-header{flex-direction:column;gap:10px;margin-bottom:14px}.page-title{font-size:18px}.search-layout{flex:none;grid-template-columns:1fr;gap:10px}.search-filter-panel{max-height:340px}.search-results-panel{min-height:300px}.formula-modal-overlay{align-items:stretch!important;padding:0!important}.formula-modal{border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important}.results-body{overflow-x:auto}.data-table{min-width:480px}.stat-card-grid{grid-template-columns:repeat(2,1fr)!important}.chip-strip{gap:8px;padding-bottom:6px}.card,.card-lg{padding:14px}.mobile-bottom-nav{background:var(--color-sidebar);border-top:1px solid var(--color-sidebar-700);z-index:200;align-items:stretch;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-tab{color:var(--color-sidebar-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.mobile-nav-tab:hover,.mobile-nav-tab.active{color:var(--color-brand-400)}.mobile-nav-tab.active svg{filter:drop-shadow(0 0 4px #34d39966)}.sidebar-footer>button:last-child{display:none}.drawer{width:100vw}}tr.clickable{cursor:pointer;transition:background .12s}tr.clickable:hover{background:var(--color-surface-2,#94a3b812)}.btn-danger{background:var(--color-danger,#ef4444);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn-danger:hover{opacity:.88;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-3,#e2e8f0);color:var(--color-text-primary,#0f172a);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--color-surface-2)}.btn-warning{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#f59e0b;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-warning:hover{opacity:.85}.mobile-only,.mobile-only-flex{display:none}.desktop-only{display:block}.formula-modal-hero-mobile,.formula-modal-tabs-mobile,.formula-modal-mobile-topbar{display:none}.formula-modal-mobile-action-btn{background:var(--color-surface-3);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.formula-modal-mobile-action-btn:hover{background:var(--color-brand-50);color:var(--color-brand-600)}.formula-modal-mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.profile-grid{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:20px;display:grid}.profile-form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.mixing-volume-card{background:var(--color-surface-2);border:1.5px solid var(--color-brand-100);border-radius:12px;padding:12px 14px}.mixing-volume-input-mobile,.uom-pills-mobile,.mixing-total-mobile{display:none}.uom-pill{border:2px solid var(--color-border);background:var(--color-surface);min-width:52px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s}.uom-pill-active{box-shadow:0 2px 8px #10b98159;color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#0000!important}@media(max-width:768px){.app-shell{background:linear-gradient(135deg,#ecfdf5,#f0fdf4 45%,#f0fdfa);min-height:100vh}.main-content,.main-content.sidebar-collapsed{padding-bottom:88px;background:0 0!important}.topbar{z-index:100;-webkit-backdrop-filter:blur(20px);margin:0;position:fixed;top:10px;left:12px;right:12px;background:#ffffffd9!important;border:1px solid #ffffff80!important;border-radius:20px!important;height:auto!important;padding:10px 14px!important;box-shadow:0 8px 28px #00000014,0 2px 6px #0000000a!important}.mobile-menu-btn,.icon-btn{color:#059669!important;background:#10b98114!important;border-radius:50%!important}.mobile-bottom-nav{align-items:center;-webkit-backdrop-filter:blur(24px)!important;background:#ffffffeb!important;border-top:none!important;border-radius:26px!important;height:66px!important;padding:5px 6px!important;bottom:10px!important;left:12px!important;right:12px!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f!important}.mobile-nav-tab{color:#94a3b8!important;border-radius:18px!important;gap:2px!important;padding:5px 8px!important;transition:all .2s!important}.mobile-nav-tab.active{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 14px #10b98166!important}.mobile-nav-tab.active svg{filter:none!important}.card,.card-lg,.search-filter-panel,.search-results-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffe0!important;border:1px solid #ffffff80!important;border-radius:20px!important;box-shadow:0 4px 20px #0000000d!important}.results-body tr:hover{background:#10b9810d!important}.page-content,.search-page-content{background:0 0!important}.formula-modal{background:#fff!important}.section-header{background:linear-gradient(135deg,#10b98114,#0596690a)!important;border-bottom-color:#10b98126!important}.btn-primary{box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#10b981,#059669)!important}.formula-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6!important;border:1px solid #fff9!important;border-radius:18px!important;box-shadow:0 3px 12px #0000000f!important}.mobile-only{display:block}.mobile-only-flex{display:flex}.desktop-only,.formula-modal-info-desktop,.filters-mobile-hidden{display:none!important}.formula-modal-overlay{align-items:stretch!important;padding:0!important}.formula-modal{border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important}.formula-modal-mobile-topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:8px;min-height:56px;padding:10px 14px;display:flex}.formula-modal-footer{display:none!important}.formula-modal-scroll-body{padding-bottom:max(env(safe-area-inset-bottom,0px),24px)!important}.profile-grid,.profile-form-row{grid-template-columns:1fr!important}.mobile-search-wrap{margin-bottom:16px;position:relative}.mobile-search-field{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffffff2;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 4px 16px #10b9811f}.mobile-search-field:focus-within{border-color:var(--color-brand-400)}.mobile-search-field input{min-width:0;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.mobile-search-spin{color:var(--color-brand-500);flex-shrink:0;animation:.8s linear infinite smartSearchSpin}.mobile-search-clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.mobile-search-results{z-index:60;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000029}.mobile-search-result{cursor:pointer;border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:10px 14px;display:flex}.mobile-search-result:active{background:var(--color-surface-2)}.msr-swatch{border:1px solid #0000001a;border-radius:8px;flex-shrink:0;width:32px;height:32px}.msr-text{flex:1;min-width:0}.msr-code{letter-spacing:.03em;color:var(--color-text-primary);font-family:monospace;font-size:14px;font-weight:800}.msr-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.msr-mfr{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:108px;font-size:11px;overflow:hidden}.mobile-search-empty{color:var(--color-text-muted);padding:14px 16px;font-size:13px}.mobile-hero-banner{background:linear-gradient(135deg,#064e3b,#065f46,#0d9488);border-radius:20px;height:140px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #064e3b40}.mobile-quick-scroll{scrollbar-width:none;gap:12px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-quick-scroll::-webkit-scrollbar{display:none}.mobile-quick-card{cursor:pointer;border-radius:18px;flex-shrink:0;width:130px;padding:16px 14px;transition:transform .15s;box-shadow:0 4px 16px #00000026}.mobile-quick-card:active{transform:scale(.97)}.mobile-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.mobile-stat-card{text-align:center;background:#ffffffe6;border:1px solid #fff9;border-radius:16px;padding:12px 10px;box-shadow:0 2px 12px #0000000f}.mobile-recent-header{background:linear-gradient(135deg,#10b981,#059669);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mobile-recent-row{cursor:pointer;border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding:11px 14px;transition:background .12s;display:flex}.mobile-recent-row:hover{background:#10b9810d}.mobile-result-card{cursor:pointer;background:#ffffffe6;border:1px solid #fff9;border-radius:20px;margin-bottom:12px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 4px 20px #00000012}.mobile-result-card:active{transform:scale(.99)}.mobile-swatch-wrap{flex-shrink:0;width:110px;position:relative}.mobile-code-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #0003}.mobile-card-stats-bar{color:#64748b;background:linear-gradient(135deg,#10b9810f,#05966908);border-top:1px solid #10b9811f;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;display:flex}.toner-progress-track{background:#e2e8f0;border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.toner-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%}.formula-modal-hero-desktop,.formula-modal-desktop-header{display:none!important}.formula-modal-tabs-mobile{align-items:center;gap:4px;display:flex}.formula-modal-hero-mobile{background:linear-gradient(135deg,#10b9811f,#0596690f);border-bottom:1px solid #10b98126;gap:16px;padding:20px;display:flex;position:relative}.topbar{position:fixed;top:10px;left:12px;right:12px}.variant-grid{grid-template-columns:1fr 1fr!important}.mixing-volume-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)!important;border:2px solid #10b98133!important;border-radius:18px!important;padding:18px 16px!important}.mixing-volume-row-desktop{display:none!important}.mixing-volume-input-mobile{letter-spacing:-.02em;box-sizing:border-box;text-align:center!important;width:100%!important;min-height:72px!important;color:var(--color-text-primary)!important;background:#fff!important;border:2px solid #10b98133!important;border-radius:14px!important;margin-bottom:0!important;padding:16px!important;font-size:36px!important;font-weight:800!important;display:block!important}.mixing-volume-input-mobile:focus{outline:none;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126!important}.uom-pills-mobile{margin-top:12px;display:block!important}.uom-pills-mobile::-webkit-scrollbar{display:none}.mixing-total-mobile{text-align:center;background:#10b9811a;border-radius:12px;margin-top:14px;padding:12px 16px;display:block!important}.formula-modal .data-table tbody tr{transition:background .1s}.formula-modal .data-table tbody tr:active{background:#10b98112!important}.formula-modal .data-table td{padding:11px 10px!important}.formula-modal .data-table td:first-child,.formula-modal .data-table th:first-child{padding-left:14px!important}.uom-pill:active{transform:scale(.94)}.formula-modal{animation:.25s cubic-bezier(.32,.72,0,1) both modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.formula-modal .data-table tbody td:first-child span{background:#10b9811a;border-radius:6px;padding:2px 7px;color:#065f46!important}.formula-modal .deviation-chips button{min-width:56px;min-height:56px}.formula-modal .acum-col,.formula-modal .cost-col{display:none!important}.formula-modal .data-table{min-width:unset!important}.formula-modal .data-table td,.formula-modal .data-table th{padding:8px 10px}.search-mode-tabs{scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important}.search-mode-tabs::-webkit-scrollbar{display:none}.search-mode-tabs button{white-space:nowrap;flex-shrink:0;min-height:40px}.mobile-only-flex.filter-toggle-row{justify-content:center!important}.mobile-result-card{margin-bottom:10px}}@media(max-width:360px){.mobile-stats-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-quick-card{width:115px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blobFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-10px)rotate(2deg)scale(1.02)}66%{transform:translateY(6px)rotate(-2deg)scale(.98)}}@keyframes splashExpand{0%{opacity:.85;transform:scale(0)rotate(0)}35%{opacity:.55;transform:scale(1.1)rotate(6deg)}70%{opacity:.2;transform:scale(1.7)rotate(-4deg)}to{opacity:0;transform:scale(2.3)rotate(2deg)}}@keyframes blobRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-blob{pointer-events:none;animation:linear infinite blobFloat;position:absolute}.login-split{background:#f0fbf5;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-left{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative}.login-right{z-index:1;background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:420px;padding:48px 40px;display:flex;position:relative;box-shadow:-8px 0 48px #0000000f}@media(max-width:768px){.login-split{flex-direction:column}.login-left{flex:none;padding:40px 24px 24px}.login-right{width:100%;box-shadow:none;border-top:1px solid var(--color-border-subtle);padding:24px}}.quick-action-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;animation:.45s both fadeInUp;display:flex;box-shadow:0 1px 3px #0000000d}.quick-action-card:hover{border-color:var(--color-brand-300);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.quick-action-card:hover .quick-action-arrow{transform:translate(4px)}.quick-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quick-action-arrow{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}.search-two-col{align-items:flex-start;gap:20px;display:flex}.search-filter-col{flex-shrink:0;width:272px;position:sticky;top:16px}.search-results-col{flex:1;min-width:0}@media(max-width:1023px){.search-two-col{display:block}.search-filter-col{width:100%;position:static}}.topbar-user-avatar{background:var(--color-brand-500);color:#fff;cursor:pointer;border:2px solid var(--color-brand-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.topbar-user-avatar:hover{transform:scale(1.08);box-shadow:0 2px 8px #0f6b4f4d}.topbar-user-labels{cursor:pointer;flex-direction:column;gap:1px;display:flex}@media(max-width:900px){.topbar-user-labels{display:none}}@media(max-width:768px){.tab-list{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}.tab-item{white-space:nowrap;scroll-snap-align:start;flex:none}.page-content{padding:14px}.page-header{gap:10px;margin-bottom:16px}img,svg,video,canvas{max-width:100%;height:auto}.notif-dropdown{left:auto;right:0;width:min(340px,100vw - 24px)!important}.formula-chip{min-width:0}}@media(max-width:360px){.page-content{padding:12px}}@media(max-width:768px){.m-card-list{flex-direction:column;gap:8px;display:flex}.m-record-card{background:var(--color-surface-1,#fff);border:.5px solid var(--color-border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.m-record-card:active{background:var(--color-surface-3)}.m-record-avatar{background:var(--color-brand-50,#e7f1ee);width:38px;height:38px;color:var(--color-brand-600,#0f6b4f);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.m-record-main{flex:1;min-width:0}.m-record-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.m-record-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.formula-modal{border-radius:0;width:100%;max-width:100%;height:100dvh}.formula-modal .data-table{min-width:0}.formula-modal .data-table td,.formula-modal .data-table th{padding:10px 8px;font-size:13px}.formula-modal-cta{background:var(--color-surface-1,#fff);border-top:.5px solid var(--color-border);padding:12px 14px;position:sticky;bottom:0}.formula-modal-cta .btn{justify-content:center;width:100%}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}