@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main: #f0f4f8;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--bg-th: #f1f5f9;--bg-modal: #ffffff;--border-light: #e2e8f0;--border-focus: rgba(37,99,235,.45);--primary: #4f46e5;--primary-dark: #4338ca;--primary-glow: rgba(79,70,229,.2);--secondary: #64748b;--success: #059669;--success-glow: rgba(5,150,105,.12);--warning: #d97706;--danger: #dc2626;--text-primary: #0f172a;--text-muted: #64748b;--text-table: #1e293b;--shadow-sm: 0 1px 4px rgba(15,23,42,.08);--shadow-md: 0 4px 16px rgba(15,23,42,.1);--shadow-lg: 0 10px 30px rgba(15,23,42,.14);--shadow-glow: 0 0 16px var(--primary-glow);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4,0,.2,1);--body-bg-gradient: none;--scrollbar-track: #e2e8f0;--scrollbar-thumb: #94a3b8;--scrollbar-hover: #64748b;--nav-active-bg: rgba(79,70,229,.08);--nav-active-border: #4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary, #f3f4f6);min-height:100vh;line-height:1.5;overflow-x:hidden;background-image:var(--body-bg-gradient);background-attachment:fixed;transition:background-color .35s ease,color .35s ease}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button,.btn{font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-normal);text-align:center;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 var(--primary-glow),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 14px 0 var(--success-glow)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 var(--success-glow)}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8;color:#0284c7}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-light);color:var(--text-muted);justify-content:center}.btn-icon:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.glass-panel{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:background .35s ease,border-color .35s ease}input,select{font-family:var(--font-sans);background:var(--bg-input, rgba(17,24,39,.8));border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.6rem .9rem;color:var(--text-primary);font-size:.9rem;outline:none;transition:all var(--transition-fast)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}input::placeholder{color:var(--text-muted)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light)}table{width:100%;border-collapse:collapse;text-align:left}th{background:#1e293b;padding:1rem;font-weight:700;font-size:.85rem;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--border-light);letter-spacing:.05em}td{padding:1rem;border-bottom:1px solid var(--border-light);font-size:.9rem;color:var(--text-table, #0f172a)}tr:last-child td{border-bottom:none}tr{transition:background var(--transition-fast)}tr:hover td{background:#ffffff06}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase}.badge-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030712cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-modal, #111827);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}form,.modal-content,.modal-overlay,.share-modal-card,.table-container,.table-responsive{-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.spin-loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulseRed{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}.pulse-red{animation:pulseRed 1.5s infinite ease-in-out}.dept-switcher-header{display:flex;align-items:center;gap:.4rem;margin-left:1rem;background:#0000004d;padding:.25rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.dept-switch-btn{background:transparent;border:none;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all var(--transition-fast);white-space:nowrap}.dept-switch-btn:hover{color:var(--text-primary);background:#ffffff0f}.dept-switch-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.mobile-menu-toggle{display:none;background:#ffffff0f;border:1px solid var(--border-light);color:var(--text-primary);padding:.45rem .6rem;border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:#ffffff1f;border-color:var(--primary)}@media (max-width: 850px){.mobile-menu-toggle{display:inline-flex!important}.sidebar-wrap{display:none!important}.main-layout-container{gap:0!important}.ws-hide-mobile{display:none!important}.workspace-main-container{height:calc(100dvh - 80px)!important;gap:0!important;width:100%!important}.workspace-sidebar-panel,.workspace-chat-panel{width:100%!important;max-width:100%!important;flex:1 1 100%!important}.app-container{padding:.25rem!important;gap:.5rem!important}header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:.75rem .85rem!important;gap:.5rem!important}.header-left-wrap{flex-direction:row!important;align-items:center!important;gap:.6rem!important;width:auto!important}.brandTitle{font-size:1.05rem!important}.brandSubtitle{font-size:.68rem!important}.dept-switcher-header{display:none!important}.header-right-wrap{width:auto!important;justify-content:flex-end!important;border-top:none!important;padding-top:0!important;gap:.4rem!important}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;animation:fadeIn .2s ease-out}.mobile-drawer-content{background:var(--bg-modal, #111827);width:290px;max-width:85vw;height:100%;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;box-shadow:4px 0 25px #0009;animation:slideInLeft .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.grid-2,.grid-3,.grid-4,.stats-grid,.dashboard-grid,.responsive-form-grid{grid-template-columns:1fr!important;gap:.85rem!important}.modal-content{max-width:95vw!important;margin:.5rem!important;max-height:90vh!important;overflow-y:auto!important;border-radius:var(--radius-md)!important}.table-responsive,.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.btn,button{min-height:40px}}html{scroll-behavior:smooth}body{transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track, #0b0f19)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #1e2537);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary, #38bdf8)}.logout-icon-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;box-shadow:0 4px 14px #ef444466!important;transform:scale(1.06)!important}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#030712cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.share-modal-card{background:var(--bg-card, #161b26);border:1px solid var(--border-light, rgba(255,255,255,.12));border-radius:20px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #0009;color:var(--text-primary);position:relative;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@media (max-width: 768px){.share-modal-overlay{align-items:flex-end!important;padding:0!important}.share-modal-card{max-width:100%!important;border-radius:24px 24px 0 0!important;padding:20px 18px 28px!important;max-height:88vh!important;overflow-y:auto!important;border-left:none!important;border-right:none!important;border-bottom:none!important;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)!important}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.btn-primary,.btn-secondary,.btn-danger,.btn-icon,.dept-switch-btn{transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:translateY(-1.5px)}.btn-primary:active,.btn-secondary:active,.btn-danger:active,button:active{transform:scale(.97) translateY(0)!important}.glass-panel{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease!important}.glass-panel:hover{border-color:#ffffff24}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-progress-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;animation:toastProgress 4.5s linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.reports-action-group{width:100%!important;margin-left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;margin-top:.75rem!important}.reports-action-group .btn-primary,.reports-action-group .btn-secondary{width:100%!important;justify-content:center!important;font-size:.78rem!important;padding:.55rem .5rem!important}.reports-action-group .share-to-chat-btn{grid-column:span 2!important}}@media (min-width: 851px){html,body{overflow:hidden!important;height:100vh!important}.app-container{height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:1rem 1.25rem!important;gap:1rem!important;box-sizing:border-box!important;max-width:100%!important}.app-container>header{position:sticky!important;top:0!important;z-index:1000!important;flex-shrink:0!important}.main-layout-container{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;gap:1.25rem!important}.sidebar-wrap{height:100%!important;overflow-y:auto!important;flex-shrink:0!important;max-height:100%!important;padding-right:2px!important}.main-layout-container>section,.contentArea{flex:1!important;min-width:0!important;height:100%!important;overflow-y:auto!important;padding-right:4px!important}}.barcode-laser-beam{position:absolute;top:15%;left:5%;width:90%;height:3px;background:linear-gradient(90deg,#10b98100,#34d399,#10b98100);box-shadow:0 0 15px #10b981,0 0 5px #34d399;border-radius:50%;pointer-events:none;z-index:10;animation:laserScanMove 2s infinite ease-in-out}@keyframes laserScanMove{0%{top:15%;opacity:.9}50%{top:80%;opacity:1}to{top:15%;opacity:.9}}#reader-camera-scanner-viewport video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}#reader-camera-scanner-viewport canvas{display:none!important}@media (max-width: 768px){body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-header{padding:.5rem .75rem!important}button,input,select,textarea{font-size:15px!important}.modal-dialog,.modal-content,[role=dialog]{max-width:96vw!important;margin:.5rem auto!important;border-radius:16px!important}.table-responsive,table{-webkit-overflow-scrolling:touch}#reader-camera-scanner-viewport{min-height:220px!important}}