@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg:#f4f6f8;--bg-elevated:#fff;--bg-soft:#f8fafc;--border:#e5e7eb;--border-strong:#d1d5db;--text:#0f172a;--muted:#64748b;--accent:#0f172a;--accent-hover:#334155;--accent-soft:#f1f5f9;--primary:#2563eb;--success:#059669;--danger:#dc2626;--warning:#d97706;--info:#0284c7;--radius:16px;--shadow:0 4px 12px #0000000a, 0 1px 3px #00000005;--shadow-elevated:0 12px 24px #00000014, 0 4px 8px #0000000a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}h1,h2,h3,.brand{letter-spacing:-.02em;color:var(--text);margin:0;font-family:Manrope,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #0000000f}.btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 12px #0000001a}.btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000000a}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{border:1px solid var(--border);color:var(--text);background:#fff;box-shadow:0 2px 4px #00000005}.btn.secondary:hover{background:var(--bg-soft);border-color:var(--border-strong)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#b91c1c}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;padding-inline:.5rem}.btn.ghost:hover{color:var(--text);background:var(--bg-soft)}.field{gap:.4rem;margin-bottom:1.1rem;display:grid}.field label{color:var(--text);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{background:var(--bg-soft);width:100%;color:var(--text);border:2px solid #0000;border-radius:12px;outline:none;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.field input::placeholder,.field textarea::placeholder{color:#9ca3af;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px #2563eb1a}.panel{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow);border:none;padding:1.5rem}.hoverable-card{border:1px solid var(--border);transition:transform .2s,box-shadow .2s,border-color .2s}.hoverable-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.panel.table-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:none;border-radius:var(--radius);padding:0;overflow:hidden}.table-wrap{background:0 0;overflow:auto visible}table{border-collapse:collapse;border-spacing:0;width:100%;font-size:.88rem}th,td{text-align:left;white-space:nowrap}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-soft);border:none;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.72rem;font-weight:700}tbody tr{background:var(--bg-elevated);border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-soft)}td{color:var(--text);vertical-align:middle;border:none;padding:.75rem 1rem}.id-chip{color:#475569;letter-spacing:.02em;background:#f1f5f9;border-radius:6px;align-items:center;padding:.2rem .5rem;font-family:SF Mono,Menlo,monospace;font-size:.78rem;font-weight:600;display:inline-flex}.action-btns{flex-wrap:wrap;gap:.35rem;display:flex}.btn-sm{border-radius:8px;padding:.4rem .7rem;font-size:.78rem;font-weight:600}.empty-row,.empty-row:hover{background:0 0!important}.empty-cell{text-align:center;font-size:.88rem;font-weight:500;color:var(--muted)!important;padding:2.5rem 1rem!important}.filters-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.filters-panel .field{margin-bottom:0}.filters-panel .field label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.3rem;font-size:.75rem;font-weight:600}.filters-panel .field input,.filters-panel .field select{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:.6rem .85rem;font-size:.85rem}.filters-panel .field input:focus,.filters-panel .field select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb14}.filters-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.75rem;display:flex}.pagination-bar .muted{font-size:.8rem;font-weight:500}.pagination-btns{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.page-btn{border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:.8rem;font-weight:600;display:inline-flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.loader-container{justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.loader-container.full-page{height:60vh}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-spinner{vertical-align:middle;width:1.2em;height:1.2em;animation:1s linear infinite spin;display:inline-block}.btn-spinner circle{opacity:.25;stroke:currentColor;stroke-width:4px}.btn-spinner path{opacity:.75;fill:currentColor}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-panel{background:#fff;border:none;border-radius:20px;width:min(580px,100%);max-height:min(90vh,820px);overflow:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #00000008}.modal-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff2;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex;position:sticky;top:0}.modal-header h2{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.modal-header .muted{margin:.25rem 0 0;font-size:.9rem}.modal-close{width:36px;height:36px;color:var(--muted);background:var(--bg-soft);border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;transition:all .2s;display:grid}.modal-close:hover{color:var(--text);background:#e2e8f0;transform:scale(1.05)}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1.25rem;display:flex}.readonly-id{color:var(--muted);letter-spacing:.04em;cursor:default;text-align:center;font-weight:700;background:var(--bg-soft)!important}.badge{color:#475569;letter-spacing:.02em;background:#f1f5f9;border-radius:6px;align-items:center;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge.ok{color:#065f46;background:#ecfdf5}.badge.warn{color:#92400e;background:#fffbeb}.badge.err{color:#991b1b;background:#fef2f2}.alert{border-radius:var(--radius);margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500}.alert.error{color:#991b1b;border:1px solid #fecaca;border-left:4px solid var(--danger);background:#fee2e2}.alert.success{color:#065f46;border:1px solid #a7f3d0;border-left:4px solid var(--success);background:#d1fae5}.list-item{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:none;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.15rem 1.25rem;transition:all .2s;display:flex}.list-item:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.list-item-content{flex-direction:column;gap:.25rem;display:flex}.list-item-title{color:var(--text);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.list-item-sub{color:var(--muted);font-size:.85rem}.list-item-action{color:var(--text);font-size:1.15rem;font-weight:800;font-family:var(--font-brand,"Manrope", sans-serif)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.muted{color:var(--muted)}.page-title{color:var(--text);font-size:1.6rem;font-family:var(--font-brand,"Manrope", sans-serif);letter-spacing:-.03em;margin-bottom:.2rem;font-weight:800}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.admin-shell{background:#f1f4f9;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-side{color:#f3f4f6;z-index:20;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0}.brand-block{padding:1.5rem 1.5rem 2rem}.brand-block .brand{color:#fff;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.brand-icon-box{background:#3b82f6;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #3b82f666}.brand-icon-box svg{stroke:#fff;width:20px;height:20px}.brand-block .brand-sub{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;padding-left:3px;font-size:.7rem;font-weight:600}.admin-side nav{flex-direction:column;flex:1;gap:.35rem;padding:0 1rem;display:flex;overflow-y:auto}.admin-side nav::-webkit-scrollbar{width:4px}.admin-side nav::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.admin-side .nav{color:#94a3b8;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.admin-side .nav svg{stroke-width:2px;width:18px;height:18px}.admin-side .nav:hover{color:#fff}.admin-side .nav.active{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f640}.admin-side .nav.active svg{opacity:1}.side-foot{border-top:1px solid #1e293b;padding:1.5rem}.user-profile-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:grid}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.btn-logout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{color:#fff;background:#1e293b;border-color:#334155}.admin-main{width:100%;max-width:1440px;padding:2.25rem 2.75rem}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-side{border-bottom:1px solid #1e293b;border-right:none;gap:1rem;height:auto;padding:1rem;position:static}.brand-block{justify-content:space-between;align-items:center;display:flex}.admin-side nav{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.admin-side .nav{white-space:nowrap}.side-foot{flex-direction:row;justify-content:space-between;align-items:center}.admin-main{padding:1.25rem 1rem}}.mobile-shell{border-inline:1px solid var(--border);background:#f8fafc;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0f172a0a}.mobile-top{padding:max(1rem, env(safe-area-inset-top)) 1.25rem .5rem;z-index:10;background:0 0;justify-content:space-between;align-items:center;display:flex}.mobile-top-brand{color:#111827;align-items:center;gap:.4rem;display:flex}.mobile-top-brand .brand{letter-spacing:-.03em;margin-top:2px;font-size:1.35rem;font-weight:800}.mobile-logout-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;padding:.5rem;transition:all .2s;display:grid;box-shadow:0 1px 2px #0000000d}.mobile-logout-btn:active{color:#ef4444;background:#f1f5f9}.mobile-logout-btn svg{width:18px;height:18px}.mobile-user{z-index:10;background:0 0;padding:0 1.25rem 1rem}.mobile-user-title{color:#111827;font-size:1.45rem;font-weight:800;font-family:var(--font-brand,"Manrope", sans-serif);letter-spacing:-.02em}.mobile-user-meta{color:#64748b;margin-top:.2rem;font-size:.8rem;font-weight:500}.mobile-main{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:0 1.25rem 2rem;overflow-y:auto}.mobile-main::-webkit-scrollbar{display:none}.mobile-animate-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-tabbar{padding:.5rem .5rem max(.5rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);z-index:20;background:#fffffff2;border-top:1px solid #0000000d;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.mobile-tabbar .tab{color:#94a3b8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .2rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-tabbar .tab-icon{place-items:center;display:grid}.mobile-tabbar .tab-icon svg{width:24px;height:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mobile-tabbar .tab-label{letter-spacing:.02em;font-size:.65rem;font-weight:700}.mobile-tabbar .tab.active{color:var(--primary)}.mobile-tabbar .tab.active .tab-icon svg{stroke-width:2.8px;transform:scale(1.15)}.mobile-tabbar .tab.active:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px}.mobile-widget{border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #00000026,0 4px 6px -2px #0000000d}.mobile-widget:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.widget-header{letter-spacing:.02em;opacity:.9;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.widget-icon{opacity:.8;width:24px;height:24px}.widget-value{font-family:var(--font-brand,"Manrope", sans-serif);letter-spacing:-.02em;font-size:2.75rem;font-weight:800;line-height:1.1}.widget-footer{opacity:.8;font-size:.8rem;font-weight:500}.login-shell{background:var(--bg);place-items:center;min-height:100dvh;padding:1.25rem;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 80%);z-index:0;background:#111827;height:400px;position:absolute;top:0;left:0;right:0}.login-phone{z-index:1;width:min(100%,400px);position:relative}.login-glow{display:none}.login-head{text-align:center;margin-bottom:2rem}.login-head .brand{color:#fff;letter-spacing:-.04em;justify-content:center;align-items:center;gap:.5rem;font-size:2.5rem;font-weight:800;display:flex}.login-head p{color:#9ca3af;letter-spacing:.02em;margin:.5rem 0 0;font-size:.95rem;font-weight:500}.login-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.login-card h1{color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.login-copy{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.password-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text)}.password-toggle svg{width:18px;height:18px}.dash-page{flex-direction:column;gap:1.75rem;padding-bottom:3rem;display:flex}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dash-header__left h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.75rem;font-weight:800}.dash-header__left p{color:var(--muted);margin:.25rem 0 0;font-size:.95rem;font-weight:500}.dash-header__right{align-items:center;gap:1rem;display:flex}.dash-date-pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:flex}.dash-date-pill svg{opacity:.7;width:16px;height:16px}.dash-refresh-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000008}.dash-refresh-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #2563eb1a}.dash-refresh-btn svg{width:15px;height:15px}.dash-stats{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}@media (width<=1200px){.dash-stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.dash-stat-card{color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.dash-stat-card__top{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.dash-stat-icon-box{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.dash-stat-card__label{color:var(--text);font-size:.85rem;font-weight:700}.dash-stat-card__mid{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.dash-stat-card__value{color:var(--text);font-size:2.25rem;font-weight:800;line-height:1}.leo-ai-badge{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.dash-stat-card__sub{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.3}.theme-blue{background:#f8fafc;border-color:#bfdbfe}.theme-blue .dash-stat-icon-box{color:#3b82f6;background:#eff6ff}.theme-orange{background:#fffdf5;border-color:#fde68a}.theme-orange .dash-stat-icon-box{color:#f59e0b;background:#fff7ed}.theme-green{background:#f0fdf4;border-color:#bbf7d0}.theme-green .dash-stat-icon-box{color:#10b981;background:#ecfdf5}.theme-purple{background:#faf5ff;border-color:#e9d5ff}.theme-purple .dash-stat-icon-box{color:#8b5cf6;background:#f3e8ff}.dash-charts-row{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.dash-chart-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;transition:box-shadow .2s;overflow:hidden}.dash-chart-card:hover{box-shadow:0 8px 24px #0000000f}.dash-chart-card__header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;display:flex}.dash-chart-card__header h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.dash-chart-card__body{padding:1rem 1rem 1.25rem}.dash-chart-action-btn{color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s}.dash-chart-action-btn:hover{background:var(--border)}.dash-chart--wide,.dash-chart--narrow{grid-column:span 1}.dash-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.6rem .85rem;font-size:.8rem;box-shadow:0 8px 24px #0000001a}.dash-tooltip__label{color:var(--muted);margin:0 0 .25rem;font-size:.75rem;font-weight:600}.dash-tooltip__value{margin:0;font-weight:500}.dash-tooltip__value strong{font-weight:700}.recharts-responsive-container{position:relative}.dash-pie-center-text{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-pie-center-label{color:var(--muted);margin-bottom:-.1rem;font-size:.85rem;font-weight:600}.dash-pie-center-val{color:var(--text);font-size:1.75rem;font-weight:800;line-height:1.1}.dash-pie-center-sub{color:var(--muted);font-size:.75rem;font-weight:500}.dash-pie-legend{flex-direction:column;gap:.75rem;padding:1rem 1.5rem 0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dash-pie-legend__item{align-items:flex-start;gap:.6rem;font-size:.8rem;display:flex}.dash-pie-legend__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.2rem}.dash-pie-legend__text-stack{flex-direction:column;display:flex}.dash-pie-legend__name{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.dash-pie-legend__val{color:var(--muted);font-weight:500}.dash-pie-footer{border-top:1px solid var(--border);text-align:left;margin-top:1rem;padding-top:1rem}.dash-pie-footer a{color:#3b82f6;font-size:.85rem;font-weight:600;text-decoration:none}.dash-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.dash-empty svg{opacity:.4;width:32px;height:32px}.dash-empty span{font-size:.85rem;font-weight:500}.dash-activity-table-wrapper{overflow-x:auto}.dash-activity-table{border-collapse:collapse;width:100%}.dash-activity-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-soft);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:700}.dash-activity-table td{color:var(--muted);border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem}.dash-activity-table tr:last-child td{border-bottom:none}.status-badge{border-radius:100px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.completed{color:#10b981;background:#ecfdf5}.status-badge.in-transit{color:#f59e0b;background:#fff7ed}.dash-activity-footer{text-align:center;color:var(--muted);margin-top:1rem;font-size:.8rem;font-weight:500}@media (width<=1100px){.dash-charts-row,.dash-bottom-row{grid-template-columns:1fr}}@media (width<=768px){.dash-stats{grid-template-columns:1fr}.dash-header{flex-direction:column;align-items:flex-start}.dash-stat-card__value{font-size:2rem}.dash-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dash-quick-grid{grid-template-columns:1fr 1fr}.dash-stat-card{padding:1.25rem}}.materials-page{flex-direction:column;gap:1.5rem;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.materials-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.materials-header-actions{align-items:center;gap:.75rem;display:flex}@keyframes spinRefresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-add-material{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-add-material:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.filters-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #00000005}.filters-grid{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:1rem;display:grid}.filters-grid .field{margin-bottom:0}.filters-grid .field label{color:#334155;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.filters-grid input,.filters-grid select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:all .2s}.filters-grid input:focus,.filters-grid select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filters-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.75rem;display:flex}.btn-clear-filters{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.btn-clear-filters:hover{text-decoration:underline}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000005}.materials-table table{border-collapse:collapse;width:100%}.materials-table th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.materials-table td{vertical-align:middle;color:#0f172a;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.materials-table tr:last-child td{border-bottom:none}.materials-table tr:hover td{background:#f8fafc}.id-cell{color:#0f172a;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700}.cat-badges{flex-wrap:wrap;gap:.4rem;max-width:450px;display:flex}.badge-pill{color:#1e40af;letter-spacing:.02em;text-transform:uppercase;background:#dbeafe;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.action-btns{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.action-icon-btn{cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.action-icon-btn.edit{color:#475569;background:#fff;border:1px solid #cbd5e1}.action-icon-btn.edit:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.action-icon-btn.delete{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.action-icon-btn.delete:hover{color:#dc2626;background:#fee2e2}.action-icon-btn svg{width:17px;height:17px}.pagination-bar{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.pagination-bar .muted{color:#64748b;font-size:.82rem;font-weight:500}.pagination-btns{align-items:center;gap:.35rem;display:flex}.page-btn-nav{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .8rem;font-size:.82rem;font-weight:600}.page-btn-nav:disabled{opacity:.4;cursor:not-allowed}.page-num-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-width:32px;height:32px;font-size:.82rem;font-weight:600}.page-num-btn.active{color:#fff;background:#2563eb}.page-dots{color:#94a3b8;padding:0 .2rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a80;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:24px;width:min(620px,100%);max-height:min(90vh,850px);animation:.25s cubic-bezier(.16,1,.3,1) modalPop;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffffa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:1.75rem 1.75rem 1.25rem;display:flex;position:sticky;top:0}.modal-header-left{align-items:center;gap:1rem;display:flex}.modal-icon-badge{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.modal-icon-badge svg{width:24px;height:24px}.modal-header h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.modal-sub{color:#64748b;margin:.15rem 0 0;font-size:.88rem}.modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;transition:all .2s;display:grid}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-body{padding:1.5rem 1.75rem 1.75rem}.req{color:#ef4444;font-weight:700}.modal-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.modal-body .field{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.modal-body .field label{color:#0f172a;font-size:.88rem;font-weight:700}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.field-label-row label{margin-bottom:0!important}.btn-toggle-mode{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;transition:opacity .2s}.btn-toggle-mode:hover{opacity:.85;text-decoration:underline}.modal-body input,.modal-body select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s}.modal-body input:focus,.modal-body select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.field-hint{color:#64748b;margin-top:.15rem;font-size:.78rem}.types-block{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem}.types-head{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.types-head h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.types-sub{color:#64748b;margin:.15rem 0 0;font-size:.82rem}.btn-add-type{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:8px;align-items:center;padding:.4rem .85rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-type:hover{background:#eff6ff;border-color:#bfdbfe}.types-table-header{color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f1f5f9;align-items:center;gap:.85rem;margin-bottom:.75rem;padding:0 .25rem .5rem;font-size:.75rem;font-weight:700;display:flex}.types-table-header .col-idx{text-align:center;width:28px}.types-table-header .col-type{flex:1}.types-table-header .col-actions{text-align:center;width:40px}.type-list{flex-direction:column;gap:.6rem;display:flex}.type-row{align-items:center;gap:.85rem;display:flex}.type-index{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:grid}.type-input-wrap{flex:1}.type-input-wrap input{margin-bottom:0}.btn-delete-type{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.btn-delete-type:hover:not(:disabled){color:#dc2626;background:#fee2e2}.btn-delete-type:disabled{opacity:.3;cursor:not-allowed}.btn-delete-type svg{width:17px;height:17px}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 16px #2563eb59}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.filters-grid,.modal-grid{grid-template-columns:1fr}}.sites-page{flex-direction:column;gap:1.5rem;animation:.3s ease-out fadeIn;display:flex}.sites-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sites-header-left{align-items:center;gap:1rem;display:flex}.sites-icon-badge{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.sites-icon-badge svg{width:24px;height:24px}.page-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:.2rem;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:800}.page-sub{color:#64748b;margin-bottom:0;font-size:.95rem}.sites-header-actions{align-items:center;gap:.75rem;display:flex}.btn-refresh{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-refresh:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.spin-icon{width:16px;height:16px;transition:transform .3s}.spin-icon.spinning{animation:.8s linear infinite spinRefresh}.btn-add-site{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-add-site:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-add-site svg{width:17px;height:17px}.sites-success-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;animation:.3s ease-out fadeIn;display:flex}.banner-left{align-items:center;gap:.85rem;display:flex}.check-circle-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.check-circle-icon svg{width:18px;height:18px}.banner-title{color:#15803d;font-size:.95rem;font-weight:700}.banner-sub{color:#166534;margin-top:.15rem;font-size:.85rem}.banner-close{color:#22c55e;cursor:pointer;background:0 0;border:none;place-items:center;padding:.2rem;font-size:1.1rem;transition:opacity .2s;display:grid}.banner-close:hover{opacity:.75}.sites-search-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #00000005}.search-field-group{flex-direction:column;gap:.4rem;display:flex}.search-label{color:#334155;font-size:.85rem;font-weight:700}.search-row{align-items:center;gap:.75rem;display:flex}.search-input-wrap{flex:1;max-width:480px;position:relative}.search-icon{stroke:#94a3b8;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrap input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem .7rem 2.5rem;font-size:.9rem;transition:all .2s}.search-input-wrap input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-filter-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:42px;height:42px;transition:all .2s;display:grid}.btn-filter-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-filter-icon svg{width:18px;height:18px}.btn-clear-search{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s}.btn-clear-search:hover:not(.disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-clear-search.disabled{opacity:.5;cursor:not-allowed}.sites-count-sub{color:#64748b;margin-top:.85rem;font-size:.85rem;font-weight:500}.sites-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000005}.sites-table table{border-collapse:collapse;width:100%}.sites-table th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.sites-table td{vertical-align:middle;color:#0f172a;text-align:left;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.sites-table tr:last-child td{border-bottom:none}.sites-table tr:hover td{background:#f8fafc}.site-id-badge{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border-radius:6px;padding:.3rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.site-name-cell{color:#0f172a;font-size:.95rem;font-weight:700}.cell-with-icon{color:#334155;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.cell-icon{stroke:#64748b;flex-shrink:0;width:17px;height:17px}.site-action-btns{justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.btn-action-edit{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-edit:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-action-edit svg{stroke:#475569;width:15px;height:15px}.btn-action-delete{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-delete:hover{color:#dc2626;background:#fee2e2}.btn-action-delete svg{stroke:#ef4444;width:15px;height:15px}.sites-pagination-bar{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding:.85rem 1.25rem;display:flex}.pagination-controls{align-items:center;gap:.4rem;display:flex}.page-arrow-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:grid}.page-arrow-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.page-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.page-number-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;font-size:.88rem;font-weight:700;transition:all .2s}.page-number-btn:hover:not(.active){color:#0f172a;background:#f1f5f9}.page-number-btn.active{color:#fff;background:#2563eb}.page-size-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;margin-left:.5rem;padding:.45rem .75rem;font-size:.85rem;font-weight:600}.page-size-select:focus{border-color:#2563eb}.sites-modal-panel{background:#fff;border-radius:20px;width:min(560px,100%);box-shadow:0 25px 50px -12px #00000040}@media (width<=640px){.search-row{flex-wrap:wrap}.search-input-wrap{max-width:100%}}.users-page{flex-direction:column;gap:1.25rem;display:flex}.users-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.users-header .page-sub{margin-bottom:0}.users-table{border:none;border-radius:0}.users-table th{z-index:1;position:sticky;top:0}.users-table td,.users-table th{vertical-align:middle}.inv-page{flex-direction:column;gap:1.25rem;display:flex}.inv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.inv-header .page-sub{margin-bottom:0}.inv-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.live-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.inv-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stat-value{color:var(--text);margin-top:.25rem;padding-left:.5rem;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:800;line-height:1.1}.live-dot{letter-spacing:.05em;color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite pulse-live;position:absolute;top:.75rem;right:.75rem}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.inv-tabs{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;gap:0;padding:4px;display:inline-flex}.inv-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.inv-tab:hover{color:var(--text)}.inv-tab.active{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 3px #00000014}.inv-filters{grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:.75rem;display:grid}.name-cell{color:var(--text);font-weight:600}.qty-cell{font-family:Manrope,sans-serif;font-size:.92rem;font-weight:700}.qty-plus{color:#15803d;font-weight:700}.qty-minus{color:#dc2626;font-weight:700}@media (width<=900px){.inv-stats{grid-template-columns:1fr 1fr}.inv-filters{grid-template-columns:1fr}}@media (width<=640px){.inv-stats{grid-template-columns:1fr}.inv-header{flex-direction:column}}.inv-stats-new{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card-new{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #00000005}.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon svg{width:24px;height:24px}.bg-blue{color:#3b82f6;background:#eff6ff}.bg-green{color:#22c55e;background:#ecfdf5}.bg-purple{color:#a855f7;background:#faf5ff}.bg-orange{color:#f97316;background:#fff7ed}.stat-content{flex-direction:column;flex-grow:1;display:flex}.stat-content .muted{color:#64748b;letter-spacing:.5px;font-size:.75rem;font-weight:700}.stat-content .stat-value{color:#0f172a;margin:.25rem 0;font-size:1.5rem;font-weight:700}.stat-content .stat-desc{color:#94a3b8;font-size:.75rem}.relative{position:relative}.live-badge{color:#166534;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:0;right:0}.inv-tabs-line{border-bottom:1px solid var(--border);gap:1.5rem;margin-top:1rem;display:flex}.inv-tab-line{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 0;font-size:.9rem;font-weight:600}.inv-tab-line.active{color:var(--primary);border-bottom-color:var(--primary)}.filters-panel-new{box-shadow:none;background:0 0;border:none;padding:0}.inv-filters-new{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.25rem;display:flex}.search-field{flex:1;min-width:300px;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field input{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:46px;padding-left:2.75rem;font-size:.95rem;transition:all .2s}.search-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-dropdowns{align-items:flex-end;gap:1.5rem;display:flex}.field-stacked{flex-direction:column;gap:.5rem;display:flex}.field-stacked label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:700}.field-stacked select{border:1px solid var(--border);color:#0f172a;cursor:pointer;background:#fff;border-radius:10px;min-width:140px;height:46px;padding:0 1rem;font-size:.95rem;transition:all .2s}.field-stacked select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.clear-btn{align-items:center;gap:.5rem;height:46px;font-weight:600;transition:all .2s;display:flex;border:1px solid var(--border)!important;color:#64748b!important;background:#fff!important;border-radius:10px!important;padding:0 1.25rem!important}.clear-btn:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.new-table th{text-transform:uppercase;color:#64748b;letter-spacing:.5px;padding:1rem;font-size:.7rem}.sort-arrows{color:#cbd5e1;margin-left:4px;font-size:.8rem}.text-blue{color:#3b82f6!important}.fw-600{font-weight:600!important}.text-uppercase{text-transform:uppercase}.badge-green{color:#166534;background:#dcfce7;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600}.action-btn{color:#64748b;border-color:var(--border);background:#fff;align-items:center;transition:all .2s;display:inline-flex}.action-btn span{color:#cbd5e1;margin-left:4px;font-size:.7rem;transition:color .2s}.view-btn-hover:hover{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.view-btn-hover:hover .view-icon,.view-btn-hover:hover span{color:#3b82f6}.btn-cancel-new{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-cancel-new:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-cancel-new:focus{outline:none;box-shadow:0 0 0 3px #94a3b81a}.btn-cancel-new:disabled{opacity:.6;cursor:not-allowed}.new-modal{background:#fff;border-radius:16px!important;box-shadow:0 20px 40px #0000001a!important}.modal-close-new{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-new:hover{color:#0f172a;background:#f1f5f9}.input-new{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.input-new:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.qty-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;height:44px;transition:all .2s;display:flex;position:relative}.qty-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.qty-icon{color:#94a3b8;align-items:center;padding-left:12px;padding-right:8px;display:flex}.qty-input{color:#0f172a;flex:1;height:100%;font-size:.9rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.qty-uom{color:#475569;background:#f1f5f9;border-left:1px solid #cbd5e1;border-radius:0 8px 8px 0;justify-content:center;align-items:center;height:100%;padding:0 16px;font-size:.85rem;font-weight:600;display:flex}.custom-select-wrapper{position:relative}.custom-select-wrapper .ss-container{min-height:44px}.custom-select-wrapper .ss-input{height:44px;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:.75rem!important;font-size:.9rem!important}.custom-select-wrapper .ss-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.preview-box{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.preview-header{color:#3b82f6;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.preview-content{background:#fff;padding:1rem}.preview-grid{grid-template-columns:2fr 1fr 1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.preview-grid.header{color:#64748b;border-bottom:1px dashed #e2e8f0;padding-bottom:.75rem;font-size:.75rem;font-weight:600}.preview-badge{color:#0f172a;text-align:center;background:#f1f5f9;border-radius:20px;padding:.4rem .5rem;font-family:Manrope,sans-serif;font-weight:700}.preview-badge.highlight{color:#3b82f6;background:#eff6ff}.preview-op{color:#cbd5e1;text-align:center;font-weight:700}.site-inv-page{flex-direction:column;gap:1.25rem;display:flex}.site-inv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.site-inv-header .page-sub{margin-bottom:0}.site-inv-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.live-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.site-inv-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stat-asof{color:var(--muted);margin-top:.5rem;padding-left:.5rem;font-size:.82rem;font-weight:500}.live-dot{letter-spacing:.05em;color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.site-inv-filters{grid-template-columns:1.1fr 1.3fr 1fr .9fr .9fr;align-items:end;gap:.75rem;display:grid}.site-detail-filters{grid-template-columns:1.4fr 1fr .9fr .9fr;align-items:end;gap:.75rem;display:grid}.site-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.site-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1.25rem;transition:all .2s}.site-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.site-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.45rem;display:flex}.site-card-name{color:var(--text);margin-bottom:.3rem;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.2}.site-card-arrow{color:var(--muted);font-weight:700;transition:transform .2s,color .2s}.site-card:hover .site-card-arrow{color:var(--primary);transform:translate(3px)}.site-card-meta{color:var(--muted);margin-bottom:1rem;font-size:.82rem}.site-card-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;font-size:.85rem;display:grid}.empty-cell{text-align:center;color:var(--muted);padding:2.5rem 1rem!important}.pagination-bar{border-top:1px solid var(--border);background:var(--bg-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pagination-btns{gap:.35rem;display:flex}@media (width<=1000px){.site-inv-stats,.site-inv-filters,.site-detail-filters{grid-template-columns:1fr 1fr}}@media (width<=640px){.site-inv-filters,.site-detail-filters,.site-inv-stats{grid-template-columns:1fr}}.sih-page{flex-direction:column;gap:1.25rem;display:flex}.sih-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sih-header .page-sub{margin-bottom:0}.sih-filters{grid-template-columns:1.4fr repeat(5,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.sih-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.sih-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1.25rem;transition:all .2s}.sih-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.sih-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.45rem;display:flex}.sih-card-name{color:var(--text);margin-bottom:.3rem;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.2}.sih-card-arrow{color:var(--muted);font-weight:700;transition:transform .2s,color .2s}.sih-card:hover .sih-card-arrow{color:var(--primary);transform:translate(3px)}.sih-card-meta{color:var(--muted);margin-bottom:1rem;font-size:.82rem}.sih-card-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;font-size:.85rem;display:grid}.back-link{color:var(--primary);margin-bottom:.35rem;padding-left:0;font-size:.88rem;font-weight:600}.back-link:hover{text-decoration:underline}.sih-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stat-card{border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:3px;height:100%;position:absolute;top:0;left:0}.stat-card .muted{text-transform:uppercase;letter-spacing:.05em;padding-left:.5rem;font-size:.72rem;font-weight:700}.stat-value{margin-top:.25rem;padding-left:.5rem;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:800;line-height:1.1}.qty-cell{font-family:Manrope,sans-serif;font-weight:700}@media (width<=1100px){.sih-filters,.sih-stats{grid-template-columns:1fr 1fr}}@media (width<=640px){.sih-filters,.sih-stats{grid-template-columns:1fr}}.req-page{flex-direction:column;gap:1.25rem;display:flex}.req-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.req-header .page-sub{margin-bottom:0}.req-filters-grid{grid-template-columns:1.4fr repeat(5,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.req-table{border:none;border-radius:0}.req-table th{z-index:1;position:sticky;top:0}.req-table td,.req-table th{vertical-align:middle}.date-cell{white-space:nowrap}.date-main{font-size:.85rem;font-weight:600}.date-time{color:var(--muted);font-size:.75rem}.name-cell{font-weight:600}.qty-input{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;width:80px;padding:.45rem .6rem;font-size:.85rem;transition:all .15s}.qty-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb14}@media (width<=1100px){.req-filters-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.req-filters-grid{grid-template-columns:1fr}}.critical-items-page{flex-direction:column;gap:1.25rem;display:flex}.critical-items-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.critical-items-header .page-sub{margin-bottom:0}.critical-filters{grid-template-columns:minmax(0,1fr)}.critical-items-table{border:none;border-radius:0}.critical-items-table th{z-index:1;position:sticky;top:0}.critical-items-table td,.critical-items-table th{vertical-align:middle}.critical-items-table .name-cell{font-weight:600}.critical-items-table .id-chip.secondary{background:color-mix(in srgb, var(--primary) 12%, transparent)}.critical-items-table .row-expired{background:color-mix(in srgb, var(--danger,#dc2626) 6%, transparent)}.critical-items-table .row-expiring{background:color-mix(in srgb, var(--warn,#d97706) 6%, transparent)}.mat-hist-page{flex-direction:column;gap:1.5rem;animation:.3s ease-out fadeIn;display:flex}.mat-hist-header{flex-direction:column;gap:1rem;display:flex}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.5rem;padding:0;font-size:.9rem;font-weight:600;transition:color .2s;display:inline-flex}.back-btn:hover{color:#0f172a}.mat-info-card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.icon-box{color:#3b82f6;background:#eff6ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.mat-details{flex-grow:1}.mat-title{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.mat-meta{align-items:center;gap:.75rem;display:flex}.mat-id{color:#3b82f6;font-weight:700}.mat-type-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.mat-uom-badge{color:#166534;background:#dcfce7;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.mat-current-stock{text-align:right;border-left:1px solid #e2e8f0;padding-left:2rem}.mat-current-stock .label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem;font-weight:700}.mat-current-stock .value{color:#0f172a;font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.table-header-title{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:700;display:flex}.empty-state{text-align:center;color:#64748b;background:#fff;padding:4rem 2rem;font-size:1.1rem}