:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--emerald-500:#10b981;--amber-500:#f59e0b;--red-500:#ef4444;--red-100:#fee2e2;--red-700:#b91c1c;--green-100:#dcfce7;--green-700:#166534;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--transition:.2s cubic-bezier(.4,0,.2,1);color:var(--slate-800);font-synthesis:none;text-rendering:optimizelegibility;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.inventory-tabs{background:var(--slate-100);-webkit-overflow-scrolling:touch;border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.inventory-tab{cursor:pointer;white-space:nowrap;color:var(--slate-500);background:0 0;border:none;border-radius:11px;flex-shrink:0;align-items:center;gap:7px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.inventory-tab:hover{color:var(--slate-700);background:#ffffff80}.inventory-tab.active{color:var(--blue-600);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.inventory-tab .tab-count{background:var(--slate-200);color:var(--slate-500);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600}.inventory-tab.active .tab-count{background:var(--blue-100);color:var(--blue-600)}.inventory-card{border:1px solid var(--slate-200);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.inventory-card-header{border-bottom:1px solid var(--slate-100);color:var(--slate-800);align-items:center;gap:8px;padding:16px 20px;font-size:13px;font-weight:700;display:flex}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.dash-card{border:1px solid var(--slate-200);background:#fff;border-radius:14px;padding:16px 20px;transition:all .2s;box-shadow:0 1px 3px #0000000a}.dash-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dash-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dash-card-top span{font-size:11px;font-weight:600}.dash-card-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dash-card strong{color:var(--slate-900);letter-spacing:-.3px;font-size:24px;font-weight:700;display:block}.dash-card-label{color:var(--slate-500);margin-top:4px;font-size:12px;font-weight:500;display:block}.stamp-watermark{letter-spacing:10px;color:#dc26261f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;text-transform:uppercase;white-space:nowrap;border:4px solid #dc26261f;border-radius:12px;padding:12px 28px;font-size:72px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}@keyframes snowFall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}3%{opacity:1}25%{transform:translate3d(calc(var(--sway,20px) * .6), 20vh, 0) rotate(90deg)}50%{transform:translate3d(calc(var(--sway,20px) * -1), 48vh, 0) rotate(180deg)}75%{transform:translate3d(calc(var(--sway,20px) * .5), 74vh, 0) rotate(270deg)}97%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.snowflake{will-change:transform;backface-visibility:hidden}*,:before,:after{box-sizing:border-box}body{background:var(--slate-100);min-width:320px;min-height:100vh;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeInUp .35s var(--transition) both}.animate-fade{animation:fadeIn .3s var(--transition) both}.animate-scale{animation:scaleIn .25s var(--transition) both}.animate-slide{animation:slideRight .25s var(--transition) both}.stagger>*{opacity:0;animation:fadeInUp .35s var(--transition) forwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:20;background:linear-gradient(#7dd3fc 0%,#a5b4fc 50%,#c4b5fd 100%);flex-direction:column;gap:18px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-block{align-items:center;gap:12px;min-height:76px;padding:0 4px;display:flex}.brand-mark{border-radius:var(--radius);color:#fff;width:40px;height:40px;transition:transform var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;place-items:center;display:grid;position:relative}.brand-mark:hover{transform:rotate(-5deg)scale(1.05)}.brand-mark svg{transition:transform var(--transition)}.brand-mark:hover svg{transform:rotate(15deg)}.sab-logo{color:#fff;background:#ffffff40}.logo-flake{color:#ffffffd9;filter:drop-shadow(0 1px 2px #00000026);position:absolute;bottom:4px;right:4px}.brand-block strong,.brand-block span{display:block}.brand-block strong{letter-spacing:-.3px;color:#fff;text-shadow:0 1px 3px #1e1b4b4d;font-size:17px;font-weight:800}.brand-block span{color:#fff;text-shadow:0 1px 3px #1e1b4b4d;margin-top:2px;font-size:11px;font-weight:600}.branch-switcher select{color:#fff;border-radius:var(--radius-sm);width:100%;transition:all var(--transition);cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;padding:7px 10px;font-size:13px}.branch-switcher select:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #fff3}.branch-switcher select option{color:#fff;background:#4f46e5}.nav-list{gap:2px;display:grid}.nav-list button{border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-align:left;min-height:42px;transition:all var(--transition);text-shadow:0 1px 3px #1e1b4b59;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-weight:700;display:flex;position:relative;overflow:hidden}.nav-list button:before{content:"";width:0;height:60%;transition:width var(--transition);background:#fff;border-radius:0 6px 6px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-list button:not(.active):hover{color:#fff;background:#ffffff26}.nav-list button:not(.active):hover:before{width:3px}.nav-list button.active{color:#6366f1;animation:scaleIn .25s var(--transition) both;background:#fff;font-weight:800;box-shadow:0 4px 14px #6366f159}.nav-list button.active:before{width:0}.nav-list button svg{transition:transform var(--transition);flex-shrink:0}.nav-list button:hover svg{transform:translate(2px)}.nav-list button.active svg{transform:translate(0)}.main-area{background:linear-gradient(#f0f9ff 0%,#fdf2f8 100%);min-width:0;padding:24px}.topbar{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.topbar span{color:var(--slate-500);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600}.topbar h1{color:var(--slate-900);letter-spacing:-.5px;margin:4px 0 0;font-size:25px;font-weight:700;line-height:1.15}.content-grid,.work-grid{gap:16px;display:grid}.work-grid{grid-template-columns:minmax(360px,.86fr) minmax(0,1.34fr);align-items:start}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-grid.stagger>*{animation:fadeInUp .4s var(--transition) forwards}.metric-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);min-height:120px;box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:default;background:#fff;padding:18px 16px;position:relative;overflow:hidden}.metric-card:after{content:"";background:linear-gradient(90deg,var(--blue-500),#6366f1);height:3px;transition:transform var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card:hover:after{transform:scaleX(1)}.metric-card span{color:var(--slate-500);text-transform:uppercase;letter-spacing:.4px;margin-top:12px;font-size:11px;font-weight:600;display:block}.metric-card strong{color:var(--slate-900);overflow-wrap:anywhere;transition:color var(--transition);margin-top:6px;font-size:26px;font-weight:700;line-height:1.1;display:block}.metric-icon{border-radius:var(--radius);background:linear-gradient(135deg,var(--blue-50),#eef2ff);width:40px;height:40px;color:var(--blue-500);transition:all var(--transition);place-items:center;display:grid}.metric-card:hover .metric-icon{transform:scale(1.08)}.panel{border:1px solid var(--slate-200);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;box-shadow:var(--shadow-sm);animation:fadeInUp .35s var(--transition) both;background:#ffffffd9;padding:20px}.section-title{justify-content:space-between;align-items:center;gap:14px;min-height:38px;margin-bottom:16px;display:flex}.section-title>div{min-width:0;color:var(--blue-600);align-items:center;gap:8px;display:flex}.section-title h2{color:var(--slate-800);letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700;line-height:1.2}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filter-bar select{border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:#fff;padding:6px 10px;font-size:13px}.master-form{margin-bottom:16px}.form-actions{align-items:end;gap:8px;display:flex}.field{gap:5px;min-width:0;display:grid}.field span{color:var(--slate-600);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.field input,.field select{border:1px solid var(--slate-200);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--slate-800);transition:all var(--transition);background:#fff;outline:none;padding:0 12px}.field input:hover,.field select:hover{border-color:var(--slate-300)}.field input:focus,.field select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.total-box{border-radius:var(--radius);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;align-content:center;gap:5px;min-height:70px;padding:12px 14px;animation:2s ease-in-out pulse;display:grid}.total-box span{color:#92400e;text-transform:uppercase;font-size:11px;font-weight:700}.total-box strong{color:var(--slate-900);overflow-wrap:anywhere;font-size:22px;font-weight:700}.primary-button,.secondary-button,.icon-text-button,.danger-button,.muted-button{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:40px;transition:all var(--transition);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.primary-button:active,.secondary-button:active,.icon-text-button:active,.danger-button:active,.muted-button:active{transform:scale(.97)}.primary-button{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;align-self:end;box-shadow:0 2px 8px #2563eb4d}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb73}.primary-button:active{transform:scale(.97)translateY(0)}.secondary-button{border:1px solid var(--slate-200);color:var(--slate-600);background:#fff}.secondary-button:hover{border-color:var(--slate-300);background:var(--slate-50);transform:translateY(-1px)}.secondary-button.as-button{min-width:102px}.icon-text-button{border:1px solid var(--blue-100);background:var(--blue-50);min-height:32px;color:var(--blue-600);border-radius:6px;padding:0 10px;font-size:12px;font-weight:700}.icon-text-button:hover{background:var(--blue-100);border-color:var(--blue-500)}.danger-button{border:1px solid var(--red-100);min-height:32px;color:var(--red-500);background:#fef2f2;border-radius:6px;padding:0 10px;font-size:12px;font-weight:700}.danger-button:hover{background:var(--red-100);border-color:var(--red-500)}.muted-button{border:1px solid var(--slate-200);background:var(--slate-50);color:var(--slate-500);border-radius:6px;padding:0 10px;font-size:13px}.muted-button:hover{border-color:var(--slate-300);background:#fff}.table-actions{justify-content:flex-end;gap:6px;display:flex}.classification-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.classification-card{border:1px solid var(--slate-200);border-radius:var(--radius);transition:all var(--transition);background:#fff;padding:16px}.classification-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.classification-head{color:var(--blue-600);align-items:center;gap:8px;margin-bottom:12px;display:flex}.classification-row{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.classification-row span{color:var(--slate-500);font-size:13px}.print-layer{z-index:30;animation:fadeIn .2s var(--transition) both;background:#0f172acc;padding:22px;position:fixed;inset:0;overflow:auto}.print-controls{border-radius:var(--radius);background:#fff;grid-template-columns:minmax(170px,1fr) auto auto;align-items:end;gap:10px;width:min(760px,100%);margin:0 auto 14px;padding:14px;display:grid}.invoice-sheet{width:148mm;min-height:210mm;color:var(--slate-800);box-shadow:var(--shadow-xl);background:#fff;margin:0 auto;padding:8mm 12mm 12mm}.invoice-sheet.paper-a4{width:210mm;min-height:297mm}.invoice-sheet.paper-thermal80{width:80mm;min-height:180mm;padding:5mm;font-size:11px}.invoice-header,.invoice-info,.invoice-total,.invoice-signatures{justify-content:space-between;gap:18px;display:flex}.invoice-header{border-bottom:2px solid var(--slate-900);align-items:flex-start;padding-bottom:12px}.invoice-brand{align-items:center;gap:10px;display:flex}.invoice-brand strong,.invoice-title strong{color:var(--slate-900);font-size:22px;display:block}.invoice-brand span,.invoice-title span,.invoice-info span,.invoice-total span,.invoice-signatures span{color:var(--slate-500);font-size:12px;display:block}.invoice-title{text-align:right}.invoice-info{margin:16px 0}.invoice-info p{color:var(--slate-500);margin:4px 0 0}.invoice-table{min-width:0;margin-top:10px}.invoice-table th,.invoice-table td{padding:8px 6px}.invoice-total{flex-direction:column;align-items:flex-end;margin-top:14px}.invoice-total div{border-bottom:1px solid var(--slate-100);justify-content:space-between;gap:14px;width:min(280px,100%);padding:6px 0;display:flex}.invoice-signatures{margin-top:34px}.invoice-signatures div{border-top:1px solid var(--slate-400);text-align:center;width:42%;padding-top:8px}.po-sheet{width:180mm;min-height:210mm;color:var(--slate-800);box-shadow:var(--shadow-xl);background:#fff;margin:0 auto;padding:10mm 12mm}.po-sheet.paper-a5{width:148mm;min-height:200mm;padding:7mm 9mm;font-size:13px}.po-header{border-bottom:2px solid var(--blue-500);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:12px;display:flex}.po-brand{align-items:center;gap:10px;display:flex}.po-brand strong{color:var(--slate-900);font-size:20px;display:block}.po-brand span{color:var(--slate-500);font-size:12px;display:block}.po-title{text-align:right}.po-title strong{color:var(--blue-500);letter-spacing:1px;font-size:24px;display:block}.po-title span{color:var(--slate-500);margin-top:4px;font-size:13px;font-weight:600;display:block}.po-supplier{border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:var(--slate-50);margin-bottom:18px;padding:10px 14px}.po-supplier span{color:var(--slate-500);text-transform:uppercase;font-size:11px;font-weight:700}.po-supplier strong{color:var(--slate-900);margin:4px 0;font-size:16px;display:block}.po-supplier p{color:var(--slate-500);margin:2px 0;font-size:13px}.po-total{justify-content:flex-end;margin-top:14px;display:flex}.po-total div{border-top:2px solid var(--slate-900);justify-content:space-between;width:min(260px,100%);padding:8px 0;font-size:17px;display:flex}.po-total strong{color:var(--slate-900)}.po-notes{border-left:3px solid var(--amber-500);background:#fffbeb;margin-top:14px;padding:8px 12px}.po-notes span{color:#92400e;font-size:12px;font-weight:700}.po-notes p{color:var(--slate-600);margin:4px 0 0;font-size:13px}.po-status-badge{text-align:right;color:var(--slate-500);margin-top:14px;font-size:13px}.po-status-badge strong{color:var(--blue-500)}.po-footer-text{text-align:center;color:var(--slate-400);border-top:1px solid var(--slate-200);margin-top:30px;padding-top:14px;font-size:12px}.table-shell{border-radius:var(--radius-sm);width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--slate-100);text-align:left;vertical-align:middle;padding:11px 12px;font-size:13px}th{color:var(--slate-500);text-transform:uppercase;letter-spacing:.5px;background:var(--slate-50);font-size:11px;font-weight:700}td{color:var(--slate-700)}tr{transition:background var(--transition)}tr:hover td{background:#f0f9ff}.align-right{text-align:right}.badge{text-transform:uppercase;letter-spacing:.4px;min-height:24px;transition:all var(--transition);border-radius:999px;align-items:center;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.badge.success{background:var(--green-100);color:var(--green-700)}.badge.warning{color:#92400e;background:#fef3c7}.badge.info{background:var(--blue-100);color:#1e40af}.badge.neutral{background:var(--slate-100);color:var(--slate-600)}.badge.muted{color:var(--slate-400);border:1px solid var(--slate-200);background:0 0}.report-toolbar{grid-template-columns:minmax(220px,1fr) 170px 170px auto;align-items:end;gap:12px;margin-bottom:14px;display:grid}.alert,.loading-state,.empty-state{border-radius:var(--radius);padding:12px 16px;font-size:13px;font-weight:600}.alert{animation:scaleIn .25s var(--transition) both;margin-bottom:14px}.alert.success{color:var(--green-700);background:#f0fdf4;border:1px solid #bbf7d0}.alert.error{border:1px solid var(--red-100);color:var(--red-700);background:#fef2f2}.loading-state,.empty-state{border:1px dashed var(--slate-300);color:var(--slate-500);background:var(--slate-50)}.loading-state{justify-content:center;align-items:center;gap:10px;min-height:100px;display:flex}.loading-state:before{content:"";border:3px solid var(--slate-200);border-top-color:var(--blue-500);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.login-page{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 40%,#1e1a3a 70%,#0f172a 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle at 30%,#3b82f614 0%,#0000 60%),radial-gradient(circle at 70% 30%,#6366f10f 0%,#0000 60%),radial-gradient(circle at 50% 80%,#3b82f60a 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}.login-card{border-radius:var(--radius-xl);width:min(400px,100%);animation:scaleIn .4s var(--transition) both;z-index:1;background:#fffffff7;border:1px solid #ffffff14;padding:36px;position:relative;box-shadow:0 30px 60px #0000004d}.login-brand{text-align:center;margin-bottom:28px}.login-brand .brand-mark{border-radius:var(--radius-lg);width:60px;height:60px;margin:0 auto 14px}.login-brand strong{color:var(--slate-900);letter-spacing:-.5px;font-size:24px;font-weight:800;display:block}.login-brand span{color:var(--slate-500);margin-top:4px;font-size:13px;display:block}.login-form{gap:16px;display:grid}.login-form .primary-button{border-radius:var(--radius);min-height:46px;font-size:15px}.sidebar-footer{border-top:1px solid #ffffff40;margin-top:auto;padding-top:14px}.sidebar-user{cursor:pointer;transition:opacity var(--transition);align-items:center;gap:10px;margin-bottom:10px;display:flex}.sidebar-user:hover{opacity:.85}.sidebar-avatar{color:#4f46e5;width:36px;height:36px;transition:transform var(--transition);background:#ffffffe6;border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.sidebar-user:hover .sidebar-avatar{transform:scale(1.1)}.sidebar-user strong{color:#fff;text-shadow:0 1px 3px #1e1b4b4d;font-size:13px;font-weight:700;display:block}.sidebar-user span{color:#fff;text-transform:capitalize;text-shadow:0 1px 3px #1e1b4b4d;font-size:11px;font-weight:600;display:block}.sidebar-logout{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:100%;min-height:36px;transition:all var(--transition);background:#ffffff1f;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.sidebar-logout:hover{color:#fff;background:#ef444459;border-color:#ffffff80}.dashboard-grid{gap:16px;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-section{min-height:280px}.chart-wide{grid-column:1/-1}.modal-card{border-radius:var(--radius-lg);width:min(400px,100%);animation:scaleIn .3s var(--transition) both;background:#fff;margin:60px auto;padding:28px;box-shadow:0 30px 70px #0006}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head strong{color:var(--slate-900);font-size:18px;font-weight:700}.modal-card .login-form{gap:14px}.brand-image{object-fit:contain;width:72px;height:72px;transition:transform var(--transition);background:#ffffffe6;border-radius:14px;padding:6px;box-shadow:0 2px 10px #00000014}.brand-image:hover{transform:scale(1.05)}.logo-upload{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.logo-preview{border:2px dashed var(--slate-300);border-radius:var(--radius);background:var(--slate-50);width:64px;height:64px;transition:border-color var(--transition);place-items:center;display:grid;overflow:hidden}.logo-preview:hover{border-color:var(--blue-500)}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-hint{color:var(--slate-400);width:100%;font-size:12px}.ticket-list{max-height:500px;overflow-y:auto}.ticket-row{transition:all var(--transition);border-left:3px solid #0000}.ticket-row:hover{background:#f0f9ff;transform:translate(2px)}.ticket-row.selected{background:var(--blue-50);border-left-color:var(--blue-500);transform:translate(0)}.ticket-detail{gap:2px;display:grid}.ticket-detail .detail-row{border-bottom:1px solid var(--slate-100);transition:background var(--transition);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.ticket-detail .detail-row:hover{background:var(--slate-50)}.detail-row span:first-child{color:var(--slate-500);text-transform:uppercase;letter-spacing:.2px;min-width:100px;font-size:11px;font-weight:700}.detail-row strong,.detail-row span:last-child{text-align:right;color:var(--slate-800);font-size:13px}.pos-layout{grid-template-columns:minmax(0,1.6fr) minmax(380px,.9fr);align-items:start;gap:16px;display:grid}.pos-products{flex-direction:column;gap:12px;display:flex}.pos-search-bar input{transition:all var(--transition)}.pos-search-bar input:focus{outline:none;border-color:var(--blue-500)!important;box-shadow:0 0 0 3px #3b82f61f!important}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:400px;display:grid;overflow-y:auto}.pos-product-card{border:1px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:#fff;padding:14px;position:relative;overflow:hidden}.pos-product-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pos-product-card:active{transform:scale(.98)}.pos-product-brand{text-transform:uppercase;color:var(--blue-600);letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.pos-product-name{color:var(--slate-800);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pos-product-meta{color:var(--slate-500);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.pos-stock.low{color:var(--red-500);font-weight:700}.pos-product-price{color:var(--blue-600);font-size:16px;font-weight:700}.pos-cart{position:sticky;top:24px}.pos-cart-item{transition:background var(--transition)}.pos-cart-item:hover{background:var(--slate-50)}.pos-product-card.oos{opacity:.5;pointer-events:none;background:#f1f5f9}.pos-oos-badge{background:var(--red-500);color:#fff;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.pos-cart .panel{animation:none}.pos-recent .ticket-row{transition:all var(--transition)}.pos-recent .ticket-row:hover{background:#f0f9ff;transform:translate(2px)}@media (width<=960px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-page{grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);align-items:start;gap:16px;display:grid}.user-list-panel{flex-direction:column;gap:12px;display:flex}.user-form-panel{position:sticky;top:24px}.user-cards{flex-direction:column;gap:6px;max-height:460px;display:flex;overflow-y:auto}.user-card{border:1px solid var(--slate-200);border-radius:var(--radius);transition:all var(--transition);cursor:default;align-items:center;gap:12px;padding:10px 12px;display:flex}.user-card:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translate(2px)}.user-card-avatar{background:linear-gradient(135deg,var(--blue-500),#6366f1);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:grid}.user-card-body{flex:1;min-width:0}.user-card-name{color:var(--slate-800);font-size:14px;font-weight:700}.user-card-meta{color:var(--slate-500);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.user-card-branches{color:var(--slate-400);margin-top:2px;font-size:11px}.user-card-actions{flex-shrink:0;gap:4px;display:flex}.user-form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.user-form-col{min-width:0}.branch-chips{flex-wrap:wrap;gap:6px;display:flex}.branch-chip{border:1px solid var(--slate-200);cursor:pointer;transition:all var(--transition);color:var(--slate-600);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.branch-chip:hover{border-color:var(--blue-300)}.branch-chip.active{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-700)}.branch-chip input{display:none}.perm-th{text-align:center;text-transform:uppercase;letter-spacing:.3px;width:36px;font-size:10px;font-weight:800}.perm-td{text-align:center}.perm-td input{cursor:pointer;width:16px;height:16px;accent-color:var(--blue-500)}@media (width<=960px){.user-page{grid-template-columns:1fr}.user-form-panel{position:static}}.perm-table-wrap{border:1px solid var(--slate-200);border-radius:var(--radius-sm);max-height:360px;overflow-y:auto}.perm-table{border-collapse:collapse;min-width:100%}.perm-table th,.perm-table td{border-bottom:1px solid var(--slate-100);padding:6px 10px;font-size:12px}.perm-table thead th{background:var(--slate-50);z-index:1;position:sticky;top:0}.perm-table tbody td{font-size:13px}.perm-table tbody tr:hover td{background:var(--slate-50)}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid,.split-grid,.classification-grid{grid-template-columns:1fr}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{gap:12px;height:auto;padding:14px;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-list button{justify-content:center;padding:0 8px}.nav-list button span{display:none}.main-area{padding:14px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.metric-grid,.form-grid,.form-grid.compact,.report-toolbar{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}.primary-button,.secondary-button,.danger-button,.muted-button{width:100%}.form-actions{flex-direction:column;align-items:stretch}.table-actions{justify-content:flex-start}.print-controls{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.print-layer,.print-layer *{visibility:visible}.print-layer{background:#fff;padding:0;position:absolute;inset:0;overflow:visible}.print-controls{display:none}.invoice-sheet{width:100%;min-height:auto;box-shadow:none;margin:0;padding:0}@page{margin:10mm}}