@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{--font-family: "Inter", ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--bg: #f6f7f9;--surface: #ffffff;--surface-hover: #f3f4f6;--surface-active: #f97316;--surface-sunken: #f9fafb;--text: #111827;--text-inverse: #ffffff;--muted: #6b7280;--border: #e5e7eb;--border-strong: #d1d5db;--accent: #f97316;--accent-hover: #ea580c;--accent-soft: #fff1e7;--success: #059669;--success-soft: #e7f8f0;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #2563eb;--info-soft: #dbeafe;--violet: #7c3aed;--violet-soft: #ede9fe;--teal: #0d9488;--teal-soft: #ccfbf1;--pink: #db2777;--pink-soft: #fce7f3;--overlay: rgba(17, 24, 39, .45);--shadow-dark: transparent;--shadow-light: transparent;--raised-shadow: none;--inset-shadow: none;--overlay-shadow: 0 16px 40px rgba(17, 24, 39, .16), 0 2px 8px rgba(17, 24, 39, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 999px;--transition-speed: .18s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar-width: 236px;--sidebar-collapsed-width: 72px;--topbar-height: 60px;--content-max-width: 1440px;--bottom-nav-height: 60px;--z-sticky: 40;--z-sidebar: 50;--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--focus-ring: 0 0 0 3px var(--accent-soft)}:root[data-theme=dark]{--bg: #0e0f11;--surface: #151619;--surface-hover: #1c1e22;--surface-sunken: #101113;--text: #e8e8ea;--text-inverse: #111827;--muted: #8b8f98;--border: #26282d;--border-strong: #34373d;--accent-soft: rgba(249, 115, 22, .16);--success: #34d399;--success-soft: rgba(16, 185, 129, .16);--warning: #fbbf24;--warning-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .16);--info: #60a5fa;--info-soft: rgba(59, 130, 246, .16);--violet: #a78bfa;--violet-soft: rgba(139, 92, 246, .16);--teal: #2dd4bf;--teal-soft: rgba(20, 184, 166, .16);--pink: #f472b6;--pink-soft: rgba(236, 72, 153, .16);--overlay: rgba(0, 0, 0, .6);--raised-shadow: none;--inset-shadow: none;--overlay-shadow: 0 16px 40px rgba(0, 0, 0, .55);color-scheme:dark}body.dark{--bg: #0e0f11;--surface: #151619;--surface-hover: #1c1e22;--surface-sunken: #101113;--text: #e8e8ea;--text-inverse: #111827;--muted: #8b8f98;--border: #26282d;--border-strong: #34373d;--accent-soft: rgba(249, 115, 22, .16);--success: #34d399;--success-soft: rgba(16, 185, 129, .16);--warning: #fbbf24;--warning-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .16);--info: #60a5fa;--info-soft: rgba(59, 130, 246, .16);--violet: #a78bfa;--violet-soft: rgba(139, 92, 246, .16);--teal: #2dd4bf;--teal-soft: rgba(20, 184, 166, .16);--pink: #f472b6;--pink-soft: rgba(236, 72, 153, .16);--overlay: rgba(0, 0, 0, .6);--raised-shadow: none;--inset-shadow: none;--overlay-shadow: 0 16px 40px rgba(0, 0, 0, .55);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0f11;--surface: #151619;--surface-hover: #1c1e22;--surface-sunken: #101113;--text: #e8e8ea;--text-inverse: #111827;--muted: #8b8f98;--border: #26282d;--border-strong: #34373d;--accent-soft: rgba(249, 115, 22, .16);--success: #34d399;--success-soft: rgba(16, 185, 129, .16);--warning: #fbbf24;--warning-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .16);--info: #60a5fa;--info-soft: rgba(59, 130, 246, .16);--violet: #a78bfa;--violet-soft: rgba(139, 92, 246, .16);--teal: #2dd4bf;--teal-soft: rgba(20, 184, 166, .16);--pink: #f472b6;--pink-soft: rgba(236, 72, 153, .16);--overlay: rgba(0, 0, 0, .6);--raised-shadow: none;--inset-shadow: none;--overlay-shadow: 0 16px 40px rgba(0, 0, 0, .55);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text);font-weight:var(--weight-bold);line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}hr{border:0;border-top:1px solid var(--border);margin:var(--space-4) 0}code,pre,kbd{font-family:var(--font-mono)}kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--inset-shadow);font-size:var(--text-xs)}::selection{background:var(--accent);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-full);background:var(--border);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:-9999px;z-index:var(--z-toast);padding:10px 16px;border-radius:0 0 var(--radius-sm) 0;background:var(--accent);color:var(--text-inverse);font-weight:var(--weight-semibold)}.skip-link:focus{left:0;outline:2px solid var(--text-inverse);outline-offset:-4px}.app-shell{display:flex;min-height:100vh;width:100%}.main-content{min-width:0;flex:1;background:var(--bg);display:flex;flex-direction:column}.page-content{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6);flex:1}.sidebar{display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;width:var(--sidebar-width);height:100vh;padding:24px 16px;background:var(--surface);box-shadow:5px 0 10px var(--shadow-dark),-5px 0 10px var(--shadow-light);transition:width var(--transition-speed) ease,transform var(--transition-speed) ease;z-index:var(--z-sidebar);position:sticky;top:0}.sidebar-hidden{flex-basis:var(--sidebar-collapsed-width);width:var(--sidebar-collapsed-width);padding-inline:12px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:var(--space-6);gap:var(--space-2)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--text);font-size:var(--text-md);font-weight:var(--weight-bold);white-space:nowrap}.sidebar-brand-mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:var(--radius-md);background:var(--accent);color:var(--text-inverse);font-weight:var(--weight-bold);box-shadow:var(--raised-shadow)}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:var(--space-2);overflow-y:auto;overflow-x:hidden}.sidebar-section-label{margin:var(--space-4) 0 var(--space-2) 12px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:12px;border-radius:var(--radius-md);color:var(--muted);white-space:nowrap;transition:background var(--transition-speed),color var(--transition-speed)}.sidebar-link.active{background:var(--surface-active);color:var(--text-inverse);box-shadow:0 2px 4px #f973164d;font-weight:var(--weight-semibold)}.sidebar-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-hidden .sidebar-link{justify-content:center;padding:12px 0}.sidebar-hidden .sidebar-link-label,.sidebar-hidden .sidebar-section-label,.sidebar-hidden .sidebar-user-details{display:none}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding:var(--space-4) var(--space-2) 0;border-top:1px solid var(--border);min-width:0}.sidebar-user-details{min-width:0}.sidebar-user-name{overflow:hidden;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{overflow:hidden;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-overlay{position:fixed;inset:0;background:var(--overlay);z-index:calc(var(--z-sidebar) - 1);animation:fade-in var(--transition-speed) ease}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--topbar-height);padding:var(--space-4) var(--space-6);background:var(--bg)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-search{position:relative;width:100%;max-width:360px}.topbar-search input{padding-left:40px}.topbar-search-icon{position:absolute;top:50%;left:12px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:1px solid var(--surface)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:none;align-items:stretch;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px var(--shadow-dark)}.bottom-nav-link{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) 0;color:var(--muted);font-size:11px;font-weight:var(--weight-medium)}.bottom-nav-link.active{color:var(--accent);font-weight:var(--weight-semibold)}.bottom-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);min-width:0}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs-separator{color:var(--border)}.breadcrumbs-current{color:var(--text);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header-titles{min-width:0}.page-header-title{font-size:var(--text-2xl)}.page-header-description{margin-top:var(--space-2);color:var(--muted);max-width:72ch}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-header h2,.section-header h3{font-size:var(--text-lg)}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-speed) ease;-webkit-user-select:none;user-select:none}.icon-button{position:relative;width:40px;height:40px;padding:0;flex:0 0 40px;box-shadow:var(--raised-shadow)}.button{gap:var(--space-2);min-height:40px;padding:9px 16px;font-weight:var(--weight-medium)}.button-sm{min-height:32px;padding:5px 12px;font-size:var(--text-sm)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--text-inverse)}.button-danger{border-color:var(--danger);background:var(--danger);color:var(--text-inverse)}.button-ghost{border-color:transparent;background:transparent;box-shadow:none}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.button-primary:hover:not(:disabled),.button-danger:hover:not(:disabled){color:var(--text-inverse)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--inset-shadow)}.button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-link{border:0;background:none;box-shadow:none;color:var(--accent);padding:0;min-height:0;cursor:pointer;font-weight:var(--weight-medium)}.button-link:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline;transform:none}.surface,.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--raised-shadow)}.card{padding:var(--space-5)}.card-flush{padding:0;overflow:hidden}.inset{border-radius:var(--radius-md);box-shadow:var(--inset-shadow)}.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{display:block;margin-bottom:0;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field-hint{color:var(--muted);font-size:var(--text-xs)}.field-error{color:var(--danger);font-size:var(--text-xs);font-weight:var(--weight-medium)}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:0;background:var(--surface);color:var(--text);box-shadow:var(--inset-shadow);transition:border-color var(--transition-speed)}textarea{min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-hover);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.badge-accent{border-color:var(--accent);background:#f973161f;color:var(--accent-hover)}.badge-success{border-color:var(--success);background:#10b9811f;color:var(--success)}.badge-warning{border-color:var(--warning);background:#f59e0b1f;color:#b45309}.badge-danger{border-color:var(--danger);background:#ef44441f;color:var(--danger)}.badge-info{border-color:var(--info);background:#3b82f61f;color:var(--info)}:root[data-theme=dark] .badge-warning{color:var(--warning)}.avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none}.avatar-sm{width:32px;height:32px;flex-basis:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;flex-basis:56px;font-size:var(--text-md)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--raised-shadow)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table-state-cell{padding:0!important;background:transparent!important}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);overflow-x:auto}.tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 14px;border:0;background:none;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-speed),background var(--transition-speed)}.tab:hover{color:var(--text);background:var(--surface-hover)}.tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:var(--radius-full);background:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu{min-width:200px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--overlay-shadow);z-index:var(--z-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--text-sm);text-align:left;cursor:pointer}.menu-item:hover,.menu-item[aria-current=true]{background:var(--surface-hover);color:var(--accent)}.menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-item-danger{color:var(--danger)}.menu-separator{height:1px;margin:6px 4px;background:var(--border)}.menu-label{padding:6px 10px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.dropdown-root{position:relative;display:inline-flex}.dropdown-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown)}.dropdown-panel-left{right:auto;left:0}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--overlay);z-index:var(--z-modal);animation:fade-in var(--transition-speed) ease}.modal{width:100%;max-width:520px;max-height:calc(100vh - 2 * var(--space-6));display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--overlay-shadow);animation:modal-in var(--transition-speed) ease}.modal-lg{max-width:760px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:0 var(--space-5) var(--space-5);overflow-y:auto;color:var(--text)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.drawer-backdrop{place-items:stretch;padding:0;justify-content:flex-end}.drawer{max-width:420px;max-height:100vh;height:100vh;border-radius:0;animation:drawer-in var(--transition-speed) ease}.toast-region{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(380px,calc(100vw - 2 * var(--space-5)));z-index:var(--z-toast)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--overlay-shadow);animation:toast-in var(--transition-speed) ease}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toast-description{margin-top:2px;color:var(--muted);font-size:var(--text-sm)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}.loading-screen{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;color:var(--muted)}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-hover) 25%,var(--surface) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center}.empty-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--inset-shadow);color:var(--accent)}.empty-state-title{font-size:var(--text-lg)}.empty-state-description{max-width:48ch;color:var(--muted)}.inline-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-4);font-size:var(--text-sm)}.inline-alert-danger{border-left-color:var(--danger);color:var(--danger)}.inline-alert-success{border-left-color:var(--success)}.inline-alert-warning{border-left-color:var(--warning)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{padding:var(--space-4) var(--space-5)}.stat-card-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.stat-card-value{margin-top:var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.auth-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5)}.auth-card{width:100%;max-width:420px;padding:var(--space-6)}.auth-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-bold)}.auth-brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-md);background:var(--accent);color:var(--text-inverse);font-weight:var(--weight-bold);box-shadow:var(--raised-shadow)}.auth-title{font-size:var(--text-xl)}.auth-subtitle{margin:var(--space-2) 0 var(--space-5);color:var(--muted)}.auth-footer{margin-top:var(--space-4);color:var(--muted);font-size:var(--text-sm);text-align:center}.placeholder-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-visible{transform:translate(0)}.sidebar-hidden{flex-basis:var(--sidebar-width);width:var(--sidebar-width);padding-inline:16px}.sidebar-hidden .sidebar-link{justify-content:flex-start;padding:12px}.sidebar-hidden .sidebar-link-label,.sidebar-hidden .sidebar-section-label,.sidebar-hidden .sidebar-user-details{display:revert}.topbar{padding:var(--space-4) 20px}.page-content{padding:var(--space-5) 20px}}@media(max-width:768px){.bottom-nav{display:flex}.main-content{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.topbar-search{display:none}.toast-region{bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0px));right:var(--space-4);left:var(--space-4);max-width:none}.modal{max-width:none}.drawer{max-width:100%}}@media(max-width:640px){.page-content{padding:20px 16px}.card{padding:18px}.auth-card{padding:var(--space-5)}.topbar{min-height:68px}.table th,.table td{padding:11px 10px}.page-header-actions{width:100%}.page-header-actions .button{flex:1}}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.detail-list{display:grid;gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}.detail-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.detail-item dt{color:var(--muted);font-size:var(--text-sm)}.detail-item dd{margin:0;font-weight:var(--weight-medium);text-align:right}.code-block{display:block;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all}select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background-repeat:no-repeat;background-position:right 12px center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239b9da5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select option{background:var(--surface);color:var(--text)}select:hover:not(:disabled){border-color:var(--muted)}.punch-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.punch-field{min-width:0}.punch-actions{display:flex;gap:var(--space-2);padding-bottom:var(--space-4)}.table-cards{display:none}.record-card{display:block;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--raised-shadow);color:inherit;text-align:left;font:inherit;-webkit-tap-highlight-color:transparent}.record-card-interactive{cursor:pointer}.record-card-interactive:hover,.record-card-interactive:focus-visible{border-color:var(--accent);outline:none}.record-card-interactive:after{content:"View details";display:block;margin-top:10px;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.record-field{display:grid;grid-template-columns:minmax(84px,36%) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:7px 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.record-field:last-of-type{border-bottom:0}.record-field-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.record-field-value{min-width:0;overflow-wrap:anywhere}.record-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.record-card-empty{display:grid;place-items:center}.page-header{margin-bottom:var(--space-5)}.page-header-title{font-size:var(--text-xl);line-height:1.25}.page-header-description{display:none}.section-header{align-items:flex-start}.section-header .muted{font-size:var(--text-xs)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}@media(max-width:768px){.table-wrap{display:none}.table-cards{display:grid;gap:var(--space-3)}}@media(max-width:640px){.page-content{padding:16px;overflow-x:clip}.topbar{min-height:56px;padding:8px 14px;gap:var(--space-2)}.topbar-crumbs{display:none}.page-header{margin-bottom:var(--space-4);gap:var(--space-3)}.page-header-title{font-size:var(--text-lg)}.eyebrow{display:none}.section-header{margin-bottom:var(--space-3)}.section-header .muted{display:none}.card{padding:16px;border-radius:var(--radius-md)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.grid-2,.punch-grid{grid-template-columns:1fr}.punch-actions{padding-bottom:0}.punch-actions .button{flex:1}.record-field{grid-template-columns:minmax(76px,40%) minmax(0,1fr)}.detail-item{align-items:flex-start}}@media(max-width:768px){.table-cards{padding:var(--space-2)}}@media(max-width:640px){.user-menu-name{display:none}.field-hint{font-size:.7rem}.empty-state{padding:var(--space-4) var(--space-2)}}.record-field-spacious{grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:var(--space-4);padding:10px 0;font-size:var(--text-base)}.table tbody tr{-webkit-tap-highlight-color:transparent}.punch-scan{width:100%;margin-bottom:var(--space-2)}.punch-manual{margin:var(--space-2) 0 var(--space-4)}.punch-manual summary{cursor:pointer;color:var(--muted);font-size:var(--text-sm)}.punch-manual[open] summary{margin-bottom:var(--space-3)}.qr-scanner{display:flex;flex-direction:column;gap:var(--space-3)}.qr-scanner-frame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-md);background:#000}.qr-scanner-video{display:block;width:100%;height:100%;object-fit:cover}.qr-scanner-reticle{position:absolute;inset:18%;border:2px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 9999px #00000059;pointer-events:none}.qr-scanner-loading{position:absolute;inset:0;display:grid;place-items:center;background:#00000073}.office-qr{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.office-qr-image{padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.office-qr .code-block{width:100%}.button-icon{width:38px;height:38px;min-width:38px;padding:0;justify-content:center;border-radius:var(--radius-sm)}.button-icon .spinner{margin:0}.page-header-actions{gap:var(--space-2)}.page-header-title{font-weight:var(--weight-semibold);letter-spacing:-.01em}.card{padding:20px}.stat-card{padding:14px 16px}.stat-card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.stat-card-value{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.25}@media(max-width:640px){.card{padding:14px}.button-icon{width:36px;height:36px;min-width:36px}.stat-card{padding:12px 14px}.stat-card-value{font-size:var(--text-lg)}}.page-content{padding:var(--space-5)}.topbar{padding:10px var(--space-5)}.section-header h2,.section-header h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}.empty-state{padding:var(--space-5) var(--space-3)}@media(max-width:640px){.page-content{padding:14px}.topbar{padding:8px 14px}}.sidebar,.topbar,.card,.table-wrap,.button,.icon-button,.bottom-nav,.modal,.drawer,.dropdown-panel,.toast{box-shadow:none}.sidebar{background:var(--surface);border-right:1px solid var(--border)}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-search input{background:var(--surface-sunken);border-color:transparent}.topbar-search input:focus{background:var(--surface)}.sidebar-link{border-radius:var(--radius-sm);color:var(--muted);font-weight:var(--weight-medium)}.sidebar-link:hover{background:var(--surface-hover);color:var(--text)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border)}.bottom-nav-link.active{color:var(--accent)}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:16px 18px}.card-flush{padding:0}.inset{background:var(--surface-sunken);border:1px solid var(--border)}.page-header{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.section-header{padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:12px}.button,.icon-button{border:1px solid var(--border);background:var(--surface);box-shadow:none}.icon-button{width:36px;height:36px;flex-basis:36px}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text);transform:none}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:#fff}.button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){border-color:#b91c1c;background:#b91c1c;color:#fff}.button-ghost{border-color:transparent;background:transparent}.button-ghost:hover:not(:disabled){border-color:transparent;background:var(--surface-hover);color:var(--text)}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:none;box-shadow:none}.button-icon{border-radius:var(--radius-sm)}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.table th,.table td{padding:10px 14px}.table th{background:var(--surface-sunken);color:var(--muted);font-weight:var(--weight-semibold)}.table tbody tr:hover td{background:var(--surface-hover)}.badge{padding:3px 9px;border:0;font-weight:var(--weight-semibold)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.stat-grid{gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:14px 16px}.stat-card-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.stat-card-body{min-width:0}.stat-card-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.stat-card-value{margin-top:2px;color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.3}.stat-card-hint{margin-top:2px;color:var(--muted);font-size:var(--text-xs)}.stat-grid>.stat-card:nth-child(5n+2) .stat-card-icon{background:var(--info-soft);color:var(--info)}.stat-grid>.stat-card:nth-child(5n+3) .stat-card-icon{background:var(--success-soft);color:var(--success)}.stat-grid>.stat-card:nth-child(5n+4) .stat-card-icon{background:var(--violet-soft);color:var(--violet)}.stat-grid>.stat-card:nth-child(5n+5) .stat-card-icon{background:var(--warning-soft);color:var(--warning)}.tabs{border-bottom:1px solid var(--border);gap:var(--space-1)}.tab[aria-selected=true]{color:var(--accent)}.tab[aria-selected=true]:after{background:var(--accent)}.inline-alert{border:0;border-left:3px solid var(--info);background:var(--info-soft)}.inline-alert-danger{border-left-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.inline-alert-success{border-left-color:var(--success);background:var(--success-soft)}.inline-alert-warning{border-left-color:var(--warning);background:var(--warning-soft)}.modal,.drawer,.dropdown-panel,.toast{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--overlay-shadow)}.record-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:none}.record-card-interactive:hover,.record-card-interactive:focus-visible{border-color:var(--accent);background:var(--surface-hover)}.empty-state{background:transparent}.sidebar-link.active,.sidebar-brand-mark{box-shadow:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:0 0 16px;border-radius:4px;accent-color:var(--accent);box-shadow:none;cursor:pointer}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:inline-flex;align-items:center;gap:var(--space-2)}.card:has(.table-wrap):not(:has(.section-header)):not(:has(.checkin-meta)),.card:has(.table-cards):not(:has(.section-header)):not(:has(.checkin-meta)){padding:0;border:0;background:transparent;border-radius:0}.card:has(.table-wrap):not(:has(.section-header)):not(:has(.checkin-meta))>div[style]{padding:0!important}.card:has(.table-wrap):not(:has(.section-header)):not(:has(.checkin-meta))>div[style]:last-child{margin-top:var(--space-3)}.button-icon{width:auto;min-width:38px;height:38px;padding:0 12px;gap:6px}.icon-action-label{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.list-toolbar{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.list-toolbar .field{margin-bottom:0;min-width:170px}.cmdk-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4) var(--space-4);background:#0a0b0d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease}.cmdk-panel{display:flex;flex-direction:column;width:100%;max-width:640px;max-height:72vh;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--overlay-shadow);animation:cmdk-in .18s ease}.cmdk-input-row{display:flex;align-items:center;gap:var(--space-2);padding:12px 16px;border-bottom:1px solid var(--border)}.cmdk-input{flex:1;min-height:0;padding:0;border:0;background:transparent;font-size:var(--text-md);box-shadow:none}.cmdk-input:focus{border:0;box-shadow:none}.cmdk-results{overflow-y:auto;padding:var(--space-2)}.cmdk-group-label{padding:8px 10px 4px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.cmdk-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.cmdk-item:hover,.cmdk-item:focus-visible{background:var(--surface-hover);outline:none}.cmdk-item-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.cmdk-item-title{font-weight:var(--weight-medium)}.cmdk-item-sub{color:var(--muted);font-size:var(--text-xs)}.cmdk-empty{padding:var(--space-5);color:var(--muted);text-align:center}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}.checkin-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.checkin-meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.checkin-meta-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.checkin-meta-value{font-weight:var(--weight-semibold)}.checkin-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.checkin-actions .button-primary{flex:1 1 220px}.checkin-empty{padding:var(--space-2) 0;color:var(--muted);font-size:var(--text-sm)}.fingerprint-status{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);font-size:var(--text-sm)}.fingerprint-status .muted{flex:1 1 260px}.button-link{display:inline-block;color:var(--accent-strong, var(--accent));font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.button-link:hover{text-decoration:underline}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.compliance-day{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm)}.compliance-day-date{color:var(--muted);font-size:var(--text-xs)}.compliance-day-value{font-weight:var(--weight-semibold)}@media(max-width:640px){.button-icon{width:36px;min-width:36px;height:36px;padding:0}.icon-action-label{display:none}.cmdk-backdrop{padding:var(--space-3)}.cmdk-panel{max-height:86vh}}.cmdk-kbd{padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.sidebar{padding:16px 10px}.sidebar-link{padding:8px 10px;font-size:.8125rem}.sidebar-section-label{margin-top:14px;margin-bottom:4px}.sidebar-search{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:4px 0 12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--muted);font-size:.8125rem;font-weight:var(--weight-medium);text-align:left;cursor:pointer}.sidebar-search:hover{border-color:var(--border-strong);color:var(--text)}.sidebar-search-kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-family:var(--font-mono);font-size:.625rem}.sidebar-hidden .sidebar-search{justify-content:center;padding:8px}.sidebar-hidden .sidebar-search-kbd{display:none}.cmdk-backdrop{align-items:stretch;justify-content:flex-end;padding:0}.cmdk-panel{width:100%;max-width:440px;height:100%;max-height:none;border:0;border-left:1px solid var(--border);border-radius:0;animation:cmdk-in-right .22s ease}.cmdk-input-row{padding:16px}.cmdk-results{flex:1}@keyframes cmdk-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media(max-width:640px){.cmdk-panel{max-width:100%}.cmdk-kbd{display:none}}@media(max-width:640px){.page-header{flex-wrap:nowrap;align-items:flex-start}.page-header>div:first-child{flex:1 1 auto;min-width:0}.page-header-actions{flex:0 0 auto;width:auto;margin-left:auto;gap:var(--space-2)}.page-header-actions .button{flex:0 0 auto;width:auto}.icon-action-label{display:inline;font-size:var(--text-xs)}.button-icon{width:auto;min-width:36px;padding:0 10px;gap:6px}}select{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}[data-theme=dark] select{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}