:root{--color-1: #06b6d4;--color-2: #04849a;--color-3: #06b3d0;--color-4: #16d7f8;--color-5: #4ce1fa;--color-6: #83eafb;--bg: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--success: #16a34a;--success-bg: #dcfce7;--warning: #f59e0b;--warning-bg: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--info: #06b6d4;--info-bg: #e0f2fe;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(6, 182, 212, .35);--bg-body: var(--bg);--bg-surface: var(--surface);--border-color: var(--border);--text-main: var(--text);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0b1220;--surface: #111a2e;--surface-raised: #18233c;--border: #1e293b;--border-light: #162035;--text: #e2e8f0;--text-muted: #94a3b8;--text-light: #64748b;--success-bg: rgba(22, 163, 74, .15);--warning-bg: rgba(245, 158, 11, .15);--danger-bg: rgba(220, 38, 38, .15);--info-bg: rgba(6, 182, 212, .15);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(6, 182, 212, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;zoom:80%}@media (max-width: 768px){html{zoom:100%!important}}body{min-height:100vh;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column}html.theme-transitioning,html.theme-transitioning body,html.theme-transitioning .sidebar,html.theme-transitioning .topbar,html.theme-transitioning .card,html.theme-transitioning .table{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)!important}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;line-height:1.25;margin-bottom:.5rem}h1{font-size:1.875rem;letter-spacing:-.025em}h2{font-size:1.5rem;letter-spacing:-.02em}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1rem;color:var(--text)}p.lead{font-size:1.125rem;color:var(--text-muted)}small,.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}a{color:var(--color-1);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-2)}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-primary{color:var(--color-1)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.bg-surface{background-color:var(--surface)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-wrapper{display:flex;min-height:100vh;width:100%}.sidebar-backdrop{display:none}.sidebar{width:260px;background-color:var(--color-2);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform var(--transition-normal);box-shadow:2px 0 10px #0000001a;overflow-y:auto}.sidebar-header{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-close-btn{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;flex-shrink:0}.sidebar-close-btn:hover{background:#ffffff38;transform:scale(1.05)}.sidebar-close-btn:active{transform:scale(.92)}.sidebar-brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;width:100%}.sidebar-logo-img{width:38px;height:38px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .25s ease}.sidebar-brand-link:hover .sidebar-logo-img,.sidebar-header:hover .sidebar-logo-img{transform:scale(1.08)}.sidebar-brand-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-4),var(--color-1));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem;box-shadow:0 4px 10px #00000026}.sidebar-brand-text h2{font-size:1.15rem;color:#fff;margin:0;font-weight:700;letter-spacing:.5px}.sidebar-brand-text span{font-size:.72rem;color:var(--color-6);letter-spacing:.05em;text-transform:uppercase}.sidebar-nav{padding:1rem .75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar-heading{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;font-weight:700;padding:.75rem .75rem .35rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:#ffffffd9;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.nav-link:hover{background:#ffffff1f;color:#fff;transform:translate(3px)}.nav-link.active{background:linear-gradient(90deg,var(--color-1),var(--color-3));color:#fff;font-weight:600;box-shadow:0 4px 12px #06b6d44d}.nav-link svg,.nav-link .icon-svg{width:1.25rem;height:1.25rem;opacity:.9;flex-shrink:0}.nav-dropdown{display:flex;flex-direction:column;margin-bottom:2px}.nav-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;color:#ffffffd9;background:transparent;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.nav-dropdown-toggle:hover{background:#ffffff1f;color:#fff}.nav-dropdown-title{display:flex;align-items:center;gap:.75rem}.nav-dropdown-title svg{width:1.25rem;height:1.25rem;opacity:.9;flex-shrink:0}.dropdown-chevron{width:1rem;height:1rem;transition:transform .25s cubic-bezier(.4,0,.2,1);opacity:.75;flex-shrink:0}.nav-dropdown.open .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown.active-parent>.nav-dropdown-toggle{color:#fff;font-weight:600;background:#06b6d42e;border-left:3px solid var(--color-4)}.nav-submenu{display:flex;flex-direction:column;gap:2px;padding-left:1.25rem;padding-top:0;padding-bottom:0;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .25s ease}.nav-dropdown.open>.nav-submenu{max-height:500px;opacity:1;padding-top:4px;padding-bottom:4px}.submenu-link{display:flex;align-items:center;gap:.65rem;padding:.45rem .75rem;color:#ffffffbf;font-size:.84rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);position:relative}.submenu-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:all var(--transition-fast);flex-shrink:0}.submenu-link:hover{color:#fff;background:#ffffff14;padding-left:.95rem}.submenu-link:hover .submenu-dot{background:var(--color-4);transform:scale(1.3)}.submenu-link.active{color:#fff;background:linear-gradient(90deg,#06b6d459,#04849a26);font-weight:600;border-left:3px solid var(--color-4)}.submenu-link.active .submenu-dot{background:var(--color-4);box-shadow:0 0 6px var(--color-4)}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem;background-color:#0000001a}.sidebar-footer .user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.sidebar-footer .user-info{flex:1;min-width:0}.sidebar-footer .user-name{font-size:.85rem;font-weight:600;color:#fff}.sidebar-footer .user-role{font-size:.72rem;color:var(--color-6)}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-normal)}.topbar{height:60px;background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:90;box-shadow:var(--shadow-xs)}.topbar-left{display:flex;align-items:center;gap:1rem;min-width:0}.mobile-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:50%;padding:0;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.mobile-toggle:hover{background:var(--bg);border-color:var(--color-1);color:var(--color-1)}.topbar-right{display:flex;align-items:center;gap:.75rem}.digital-clock{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-muted);background:var(--bg);padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;gap:.5rem;white-space:nowrap}@media (max-width: 640px){.topbar{height:56px;padding:0 .85rem}.topbar-right{gap:.5rem}.digital-clock{display:flex;font-size:.78rem;padding:.25rem .5rem;gap:.35rem}.digital-clock svg{width:12px;height:12px}}@media (max-width: 380px){.topbar{padding:0 .5rem}.topbar-right{gap:.35rem}.digital-clock{font-size:.72rem;padding:.2rem .35rem}}.page-header{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}@media (min-width: 768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-header-content{display:flex;flex-direction:column;gap:.35rem}.breadcrumb-trail{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.78rem;color:var(--text-muted)}.breadcrumb-trail a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-trail a:hover{color:var(--color-1)}.breadcrumb-separator{color:var(--border);font-size:.75rem;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--color-1);font-weight:600}.page-title-group{display:flex;flex-direction:column;gap:.2rem}.page-heading{font-size:1.45rem;font-weight:800;color:var(--text);margin:0;line-height:1.25;letter-spacing:-.015em}.page-subheading{font-size:.86rem;color:var(--text-muted);margin:0;line-height:1.4}.page-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.content-area{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:1.75rem 1.5rem 3.5rem;box-sizing:border-box}.content-area .content-area{padding:0;max-width:100%;margin:0}.mobile-brand-title{display:none;flex-direction:column;justify-content:center;line-height:1.15}.mobile-brand-name{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-brand-sub{font-size:.58rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.header-logout-btn{display:inline-flex;align-items:center;gap:.4rem}.bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,12px));padding-bottom:max(env(safe-area-inset-bottom,0px),12px);padding-top:4px;background-color:var(--surface);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;box-shadow:0 -4px 16px #00000014;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:.68rem;font-weight:500;flex:1;height:100%;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);padding:2px 2px 4px}.bottom-nav-item svg{width:20px;height:20px;transition:transform var(--transition-fast);flex-shrink:0}.bottom-nav-item:active svg{transform:scale(.9)}.bottom-nav-item.active{color:var(--color-1);font-weight:700}.bottom-nav-item.active svg{color:var(--color-1)}.bottom-dock-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;padding:2px 2px 4px;min-width:0}.bottom-dock-btn{position:relative!important;top:auto!important;flex:0 0 auto;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;aspect-ratio:1 / 1;border-radius:50%!important;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 100%);color:#fff;border:none;box-shadow:0 3px 10px #0ea5e959;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;padding:0;margin:0;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-dock-btn:active{transform:scale(.92);box-shadow:0 2px 6px #0ea5e94d}.bottom-dock-btn svg{width:20px;height:20px;stroke:#fff;flex-shrink:0}.bottom-dock-label{font-size:.68rem;font-weight:600;color:var(--text-muted);line-height:1;margin:0}.bottom-dock-label.active{color:var(--color-1);font-weight:700}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}.mobile-grid-sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;flex-direction:column;justify-content:flex-end;animation:fadeInBackdrop .2s ease}.mobile-grid-sheet{background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);box-shadow:0 -8px 30px #00000040;max-height:82vh;display:flex;flex-direction:column;animation:slideUpSheet .28s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.mobile-grid-drag-handle{width:38px;height:4px;border-radius:99px;background:var(--border);margin:10px auto 4px;opacity:.9}.mobile-grid-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.mobile-grid-title-wrap{display:flex;align-items:center;gap:.65rem}.mobile-grid-title-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0ea5e926,#6366f126);color:var(--color-1);display:flex;align-items:center;justify-content:center}.mobile-grid-title{margin:0;font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.mobile-grid-subtitle{margin:0;font-size:.72rem;color:var(--text-muted)}.mobile-grid-close{background:var(--bg);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.mobile-grid-close:hover{color:var(--text);border-color:var(--text-muted)}.mobile-grid-body{padding:1rem 1.15rem;overflow-y:auto;max-height:calc(82vh - 85px);-webkit-overflow-scrolling:touch}.mobile-grid-section{margin-bottom:1.25rem}.mobile-grid-section:last-child{margin-bottom:.5rem}.mobile-grid-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem;padding-left:.2rem}.mobile-grid-items{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.mobile-grid-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem .35rem;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);gap:.35rem}.mobile-grid-item:active{transform:scale(.95);background:#0ea5e914;border-color:var(--color-1)}.mobile-grid-item.active{border-color:var(--color-1);background:#0ea5e914}.mobile-grid-item-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0ea5e91f,#6366f11f);color:var(--color-1);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.mobile-grid-item:hover .mobile-grid-item-icon{transform:scale(1.08)}.mobile-grid-item-label{font-size:.7rem;font-weight:500;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@media (min-width: 769px) and (max-width: 992px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.active{display:block}.main-wrapper{margin-left:0;width:100%;max-width:100vw}.topbar{padding:0 1rem}.mobile-toggle{display:flex}.content-area{padding:1.25rem 1rem 3.5rem}}@media (max-width: 768px){.sidebar,.sidebar-backdrop,.mobile-toggle{display:none!important}html{max-width:100vw;overflow-x:hidden}body{max-width:100vw;overflow-x:clip;min-height:100vh}.main-wrapper{margin-left:0!important;width:100%!important;max-width:100vw!important;overflow-x:clip!important}.topbar{height:54px!important;padding:0 .85rem!important;position:sticky!important;top:0!important;z-index:90!important}.mobile-brand-title{display:flex!important}.desktop-only{display:none!important}.header-logout-btn{padding:.4rem .5rem!important}.header-logout-btn .logout-label{display:none!important}.bottom-bar{display:flex!important}.content-area{padding:.85rem .75rem calc(115px + env(safe-area-inset-bottom,20px))!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.card,.table-container,.form-container,.page-header,.stat-grid,.grid{max-width:100%!important;box-sizing:border-box!important}.table-responsive,.card-table-wrapper{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.page-heading{font-size:1.2rem}.page-header-actions{width:100%}.page-header-actions>*{flex:1;text-align:center;justify-content:center}.stat-grid,.stat-grid-row,.stat-grid-compact,.grid:has(>.stat-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;margin-bottom:1rem!important;overflow-x:visible!important}.stat-card{padding:.75rem .85rem!important;min-height:78px!important;min-width:0!important;border-radius:var(--radius-md, 12px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;position:relative!important;box-shadow:0 1px 3px #0000000a!important;border:1px solid var(--border)!important;background:var(--surface)!important}.stat-card:before{width:3.5px!important;border-radius:4px 0 0 4px!important}.stat-card .stat-info{width:100%!important;min-width:0!important;padding-right:32px!important}.stat-card .stat-label{font-size:.68rem!important;font-weight:700!important;letter-spacing:.03em!important;margin-bottom:.25rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;color:var(--text-muted)!important}.stat-card .stat-value{font-size:1.22rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.02em!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stat-card .text-xs,.stat-card .stat-info>div.mt-1{font-size:.68rem!important;margin-top:.25rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.stat-card .stat-icon{position:absolute!important;top:.65rem!important;right:.65rem!important;width:28px!important;height:28px!important;border-radius:8px!important;margin-left:0!important;flex-shrink:0!important}.stat-card .stat-icon svg{width:15px!important;height:15px!important}}@media (min-width: 769px){.mobile-brand-title,.bottom-bar,#modal-mobile-menu-grid{display:none!important}.desktop-only{display:flex!important}.mobile-toggle{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);padding:.55rem 1.15rem;font-size:.9rem;line-height:1.35;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #16d7f866}.btn-primary{background-color:var(--color-1);color:#fff;border-color:var(--color-1)}.btn-primary:hover{background-color:var(--color-2);border-color:var(--color-2);color:#fff;box-shadow:0 4px 12px #06b6d459}.btn-secondary,.btn-outline{background-color:transparent;border-color:var(--color-1);color:var(--color-2)}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-outline{color:var(--color-5);border-color:var(--color-3)}.btn-secondary:hover,.btn-outline:hover{background-color:#04849a14;color:var(--color-2)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-outline:hover{background-color:#06b6d433;color:#fff}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c;color:#fff}.btn-outline-danger{background-color:transparent;border-color:var(--danger);color:var(--danger)}.btn-outline-danger:hover{background-color:var(--danger-bg)}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg);color:var(--color-1);border-color:var(--color-1)}.btn-icon.btn-sm{width:32px;height:32px;padding:0;border-radius:var(--radius-md);flex-shrink:0}.btn-icon.btn-danger-hover:hover{color:var(--danger)!important;border-color:var(--danger)!important;background-color:#ef444414!important}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-fast);margin-bottom:1.5rem}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:1.1rem 1.35rem;border-bottom:1px solid var(--border);background-color:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-theme=dark] .card-header{background-color:var(--surface)}.card-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:.5rem}.card-body{padding:1.35rem}.card-footer{padding:.9rem 1.35rem;background-color:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.stat-card{padding:1.25rem 1.35rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#06b6d459}.stat-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--color-1)}.stat-card.stat-accent:before{background:var(--color-4)}.stat-card.stat-success:before{background:var(--success)}.stat-card.stat-warning:before{background:var(--warning)}.stat-card.stat-danger:before{background:var(--danger)}.stat-info{flex:1;min-width:0}.stat-info .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.04em;margin-bottom:.25rem;line-height:1.25}.stat-info .stat-value{font-size:1.55rem;font-weight:800;color:var(--text);line-height:1.15;letter-spacing:-.02em}.stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--info-bg);color:var(--color-1);flex-shrink:0;margin-left:.75rem;transition:transform var(--transition-fast)}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-grid-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 992px){.stat-grid-row{display:flex;overflow-x:auto;padding-bottom:.5rem;gap:.75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.stat-grid-row>.stat-card{min-width:220px;flex:1 0 220px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;text-align:left}.table th{background-color:#04849a0a;color:var(--color-2);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:.8rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}[data-theme=dark] .table th{background-color:#06b6d414;color:var(--color-5);border-bottom:1px solid var(--border)}.table-sticky thead th,.table thead.sticky-top th,.table thead.sticky th{position:sticky;top:0;z-index:5;background-color:var(--border-light, #f1f5f9)!important;color:var(--color-2);border-bottom:2px solid var(--border)!important;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .table-sticky thead th,[data-theme=dark] .table thead.sticky-top th,[data-theme=dark] .table thead.sticky th{background-color:var(--border-light, #162032)!important;color:var(--color-5);box-shadow:0 1px 2px #00000040}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:nth-child(2n){background-color:var(--bg)}.table tbody tr:hover{background-color:#4ce1fa26}[data-theme=dark] .table tbody tr:hover{background-color:#06b6d41f}.col-hide-mobile{display:none!important}@media (min-width: 640px){.col-hide-mobile{display:table-cell!important}}.col-hide-tablet{display:none!important}@media (min-width: 769px){.col-hide-tablet{display:table-cell!important}}.col-hide-laptop{display:none!important}@media (min-width: 1024px){.col-hide-laptop{display:table-cell!important}}.hidden{display:none!important}@media (min-width: 640px){.sm\:table-cell{display:table-cell!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}.sm\:hidden{display:none!important}}@media (min-width: 769px){.md\:table-cell{display:table-cell!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}}@media (min-width: 1024px){.lg\:table-cell{display:table-cell!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}}.table-action-menu{position:relative;display:inline-block;text-align:left}.table-action-dropdown{position:absolute;right:0;top:100%;margin-top:4px;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.35rem 0;z-index:50;display:none}.table-action-dropdown.show{display:block}.table-action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;font-weight:500;color:var(--text);text-decoration:none;transition:background-color var(--transition-fast)}.table-action-item:hover{background:var(--bg);color:var(--color-1)}.table-action-item.text-danger:hover{background:var(--danger-bg);color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);line-height:1.2}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-info{background-color:var(--info-bg);color:var(--info)}.badge-primary{background-color:#04849a1a;color:var(--color-1);font-weight:600}[data-theme=dark] .badge-primary{background-color:#06b6d433;color:var(--color-5)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.form-label .required{color:var(--danger);margin-left:.2rem}.form-control,.form-select,textarea.form-control,.form-input{width:100%;padding:.65rem .9rem;font-size:.92rem;font-family:var(--font-sans);color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus,.form-select:focus,textarea.form-control:focus,.form-input:focus{outline:none;border-color:var(--color-1);box-shadow:0 0 0 3px #06b6d433}.form-control::placeholder{color:var(--text-light)}.form-error{color:var(--danger);font-size:.8rem;margin-top:.35rem}.alert{padding:.9rem 1.15rem;border-radius:var(--radius-md);margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(22,163,74,.3)}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid rgba(220,38,38,.3)}.alert-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.alert-info{background-color:var(--info-bg);color:var(--color-2);border:1px solid rgba(6,182,212,.3)}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1220a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-backdrop.open,.modal-overlay.open{opacity:1;visibility:visible;display:flex!important}.modal-content,.modal-dialog{background-color:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);transition:transform var(--transition-normal)}.modal-content.modal-sm,.modal-dialog.modal-sm{max-width:420px}.modal-content.modal-md,.modal-dialog.modal-md{max-width:560px}.modal-content.modal-lg,.modal-dialog.modal-lg{max-width:760px}.modal-content.modal-xl,.modal-dialog.modal-xl{max-width:980px}.modal-backdrop.open .modal-content,.modal-overlay.open .modal-dialog{transform:scale(1)}.modal-header{padding:1.15rem 1.45rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background-color:var(--surface);flex-shrink:0}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.modal-close:hover{color:var(--danger);background:#dc26261a}[data-theme=dark] .modal-header{background-color:var(--surface)}.modal-body{padding:1.35rem 1.45rem;overflow-y:auto;max-height:calc(88vh - 130px)}.modal-footer{padding:.9rem 1.45rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:.75rem;background-color:var(--bg);flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-col-span-2{grid-column:span 2}}@media (min-width: 1024px){.form-col-span-3{grid-column:span 3}}.form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.filter-bar,.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.25rem;box-shadow:var(--shadow-xs)}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.filter-group .form-control,.filter-group .form-select{height:38px;padding:.35rem .75rem;font-size:.86rem}.toolbar-actions{display:flex;align-items:center;gap:.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{min-height:100px}.stat-value{font-size:clamp(1.25rem,2.2vw,1.65rem);word-break:break-word}.empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{width:60px;height:60px;border-radius:var(--radius-full);background:var(--info-bg);color:var(--color-1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-state-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.empty-state-desc{font-size:.875rem;color:var(--text-muted);max-width:440px;margin-bottom:1.25rem;line-height:1.5}.table-responsive{scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.35) transparent}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:transparent}.table-responsive::-webkit-scrollbar-thumb{background:#06b6d459;border-radius:4px}.table-actions{white-space:nowrap;text-align:right}.pagination-wrapper{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:space-between;width:100%;padding:.25rem 0}@media (min-width: 640px){.pagination-wrapper{flex-direction:row}}.pagination-info{font-size:.8125rem;color:var(--text-muted)}.pagination-list{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}.pagination-item{display:inline-flex}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .65rem;font-size:.8125rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(.disabled):not(.active){background:var(--bg);border-color:var(--color-1);color:var(--color-1)}.pagination-btn.active{background:linear-gradient(135deg,var(--color-1),var(--color-2));color:#fff!important;border-color:transparent;box-shadow:0 2px 6px #06b6d459;cursor:default}.pagination-btn.disabled,.pagination-item.disabled .pagination-btn{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--surface);border-color:var(--border)}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:32px;color:var(--text-muted);font-size:.875rem}nav[role=navigation] svg,.pagination svg,.card-footer svg,.pagination-wrapper svg{width:1rem!important;height:1rem!important;max-width:16px!important;max-height:16px!important;display:inline-block!important;vertical-align:middle!important;flex-shrink:0!important}nav[role=navigation]>div{width:100%}.icon-svg{display:inline-block;vertical-align:middle;flex-shrink:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}@media (min-width: 480px){.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}}@media (min-width: 768px){.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (min-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(5,1fr);gap:1rem}}.quick-action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.15rem .65rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-align:center;box-shadow:var(--shadow-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.quick-action-item:hover{transform:translateY(-2px);border-color:var(--color-1);background:var(--bg);box-shadow:0 6px 14px -3px #06b6d426;color:var(--color-1)}.quick-action-item:active{transform:translateY(0)}.quick-action-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;transition:all .2s ease;flex-shrink:0}.quick-action-icon svg{width:22px;height:22px;stroke-width:1.85}.quick-action-label{font-size:.8125rem;font-weight:600;line-height:1.25;color:var(--text);transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-action-item:hover .quick-action-label{color:var(--color-1)}.quick-action-item:hover .quick-action-icon{transform:scale(1.06)}.quick-action-item .icon-cyan{background:#06b6d41f;color:#06b6d4}.quick-action-item .icon-emerald{background:#10b9811f;color:#10b981}.quick-action-item .icon-blue{background:#3b82f61f;color:#3b82f6}.quick-action-item .icon-amber{background:#f59e0b1f;color:#f59e0b}.quick-action-item .icon-purple{background:#a855f71f;color:#a855f7}.quick-action-item .icon-rose{background:#f43f5e1f;color:#f43f5e}.quick-action-item .icon-indigo{background:#6366f11f;color:#6366f1}.quick-action-item .icon-teal{background:#14b8a61f;color:#14b8a6}.quick-action-item .icon-orange{background:#f973161f;color:#f97316}.quick-action-item .icon-slate{background:#64748b1f;color:#64748b}[data-theme=dark] .quick-action-item:hover{background:#06b6d414;border-color:var(--color-1)}.compact-filter-wrapper{display:block;width:100%;position:relative;background:var(--surface);border-bottom:1px solid var(--border)}.compact-filter-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;width:100%;position:relative}.compact-search-box{position:relative;display:flex;align-items:center;flex:1;min-width:160px}.compact-search-icon{position:absolute;left:.75rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;pointer-events:none}.compact-search-input{width:100%;height:36px;padding:0 .85rem 0 2.25rem;font-size:.84rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease-in-out}.compact-search-input:focus{outline:none;border-color:var(--color-1);background:var(--surface);box-shadow:0 0 0 2px #06b6d42e}.compact-filter-popover-anchor{position:relative;display:inline-flex}.compact-filter-btn{height:36px;padding:0 .85rem;display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.825rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap;-webkit-user-select:none;user-select:none}.compact-filter-btn:hover,.compact-filter-btn.active{border-color:var(--color-1);color:var(--color-1);background:var(--bg)}.compact-filter-btn.has-active{border-color:#06b6d480;background:#06b6d40d}.compact-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-1);color:#fff;font-size:.7rem;font-weight:700;line-height:1}.compact-chevron{transition:transform .15s ease}.compact-filter-btn.active .compact-chevron{transform:rotate(180deg)}.compact-reset-btn{width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .15s ease-in-out}.compact-reset-btn:hover{color:var(--danger);border-color:var(--danger);background:#dc262614;transform:rotate(-45deg)}.compact-filter-popover{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:1050;display:none;flex-direction:column;overflow:hidden;animation:filterFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes filterFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.compact-filter-popover.open{display:flex}.filter-popover-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg)}.filter-popover-close{background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:0}.filter-popover-close:hover{color:var(--danger)}.filter-popover-body{padding:1rem;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.filter-popover-body .form-group{margin-bottom:0}.filter-popover-body .form-label{font-size:.775rem;font-weight:600;color:var(--text);margin-bottom:.25rem;display:block}.filter-popover-body .form-select,.filter-popover-body .form-control{height:34px;font-size:.825rem;padding:.25rem .65rem}.filter-popover-footer{padding:.65rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg)}.compact-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.45rem 1rem;background:var(--bg);border-top:1px dashed var(--border);font-size:.8rem}.chips-title{font-size:.75rem;font-weight:600;color:var(--text-muted)}.chips-list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.775rem;color:var(--text);box-shadow:0 1px 2px #00000008}.filter-chip strong{color:var(--color-1)}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:var(--radius-full);color:var(--text-muted);text-decoration:none;transition:all .1s ease;cursor:pointer}.chip-remove:hover{background:var(--danger-bg);color:var(--danger)}.filter-clear-all{font-size:.75rem;font-weight:600;color:var(--danger);text-decoration:none;margin-left:.25rem;cursor:pointer}.filter-clear-all:hover{text-decoration:underline}@media (max-width: 640px){.compact-filter-toolbar{padding:.5rem .75rem;gap:.35rem}.compact-filter-popover{right:-10px;width:calc(100vw - 32px)}}@media print{html,body{zoom:100%!important}body{background:#fff!important;color:#000!important;font-size:11pt}.sidebar,.topbar,.bottom-bar,.btn,.modal-backdrop,.no-print{display:none!important}.main-wrapper{margin:0!important;padding:0!important}.content-area{padding:0!important}.card{border:none!important;box-shadow:none!important}.card-header{background:transparent!important;border-bottom:2px solid #04849a!important;padding-left:0!important;padding-right:0!important}.table{border:1px solid #000000!important}.table th{background-color:#f1f5f9!important;color:#000!important;border-bottom:1px solid #000000!important}.table td{color:#000!important;border-bottom:1px solid #cccccc!important}.thermal-receipt{width:78mm;margin:0 auto;font-family:monospace;font-size:9pt}}