@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Work+Sans:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-primary: #001e40;--color-on-primary: #ffffff;--color-primary-container: #003366;--color-on-primary-container: #799dd6;--color-inverse-primary: #a7c8ff;--color-surface-tint: #3a5f94;--color-secondary: #994700;--color-on-secondary: #ffffff;--color-secondary-container: #fb7800;--color-on-secondary-container: #592600;--color-brand-strip: #001e40;--color-on-brand-strip: #ffffff;--color-surface: #f9f9fc;--color-surface-dim: #dadadc;--color-surface-bright: #f9f9fc;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f3f3f6;--color-surface-container: #eeeef0;--color-surface-container-high: #e8e8ea;--color-surface-container-highest: #e2e2e5;--color-on-surface: #1a1c1e;--color-on-surface-variant: #43474f;--color-outline: #737780;--color-outline-variant: #c3c6d1;--color-background: #f9f9fc;--color-on-background: #1a1c1e;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-foreground: #1a1c1e;--color-card: #ffffff;--color-card-foreground: #1a1c1e;--color-popover: #ffffff;--color-popover-foreground: #1a1c1e;--color-muted: #eeeef0;--color-muted-foreground: #43474f;--color-border: #c3c6d1;--color-input: #c3c6d1;--color-ring: #001e40;--color-destructive: #ba1a1a;--color-destructive-foreground: #ffffff;--color-accent: #fb7800;--color-accent-foreground: #ffffff;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-headline: "Work Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-headline-xl: 40px;--text-headline-xl--line-height: 48px;--text-headline-xl--font-weight: 700;--text-headline-lg: 32px;--text-headline-lg--line-height: 40px;--text-headline-lg--font-weight: 700;--text-headline-md: 24px;--text-headline-md--line-height: 32px;--text-headline-md--font-weight: 600;--text-body-lg: 18px;--text-body-lg--line-height: 28px;--text-body-lg--font-weight: 400;--text-body-md: 16px;--text-body-md--line-height: 24px;--text-body-md--font-weight: 400;--text-body-sm: 14px;--text-body-sm--line-height: 20px;--text-body-sm--font-weight: 400;--text-label-bold: 14px;--text-label-bold--line-height: 16px;--text-label-bold--font-weight: 600;--text-label-sm: 12px;--text-label-sm--line-height: 16px;--text-label-sm--font-weight: 500;--radius-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--primary: var(--color-primary);--primary-light: var(--color-primary-container);--primary-dark: var(--color-on-primary-container);--accent: var(--color-secondary);--danger: var(--color-error);--warning: #fb7800;--bg: var(--color-background);--surface: var(--color-surface-container-lowest);--surface2: var(--color-surface-container-low);--border: var(--color-outline-variant);--text: var(--color-on-surface);--text-muted: var(--color-on-surface-variant);--text-light: var(--color-outline);--shadow: 0 2px 16px rgba(0, 30, 64, .08);--shadow-lg: 0 8px 40px rgba(0, 30, 64, .14);--border-radius: var(--radius-sm)}[data-theme=dark]{--color-primary: #a7c8ff;--color-on-primary: #00305f;--color-primary-container: #1f477b;--color-on-primary-container: #d5e3ff;--color-inverse-primary: #001e40;--color-surface-tint: #a7c8ff;--color-secondary: #ffb68b;--color-on-secondary: #4f1f00;--color-secondary-container: #fb7800;--color-on-secondary-container: #ffdbc8;--color-brand-strip: #001e40;--color-on-brand-strip: #ffffff;--color-surface: #111315;--color-surface-dim: #0b0d0f;--color-surface-bright: #2a2c2f;--color-surface-container-lowest: #0a0c0e;--color-surface-container-low: #1a1c1e;--color-surface-container: #1e2022;--color-surface-container-high: #292b2d;--color-surface-container-highest: #34363a;--color-on-surface: #e3e3e6;--color-on-surface-variant: #c3c6d1;--color-outline: #8d9199;--color-outline-variant: #43474f;--color-background: #111315;--color-on-background: #e3e3e6;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--color-foreground: #e3e3e6;--color-card: #1e2022;--color-card-foreground: #e3e3e6;--color-popover: #1e2022;--color-popover-foreground: #e3e3e6;--color-muted: #292b2d;--color-muted-foreground: #c3c6d1;--color-border: #43474f;--color-input: #43474f;--color-ring: #a7c8ff;--color-destructive: #ffb4ab;--color-destructive-foreground: #690005;--color-accent: #fb7800;--color-accent-foreground: #ffffff;--shadow: 0 2px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.btn{padding:9px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-body);display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-primary{background:var(--primary);color:var(--color-on-primary)}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 92%,var(--color-on-primary));transform:translateY(-1px);box-shadow:0 4px 16px #001e4059}[data-theme=dark] .btn-primary:hover{background:color-mix(in srgb,var(--primary) 86%,var(--color-on-primary));box-shadow:0 4px 16px #00000080}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.88}.input{width:100%;padding:9px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text);font-family:var(--font-body);outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--surface2) inset!important;-webkit-text-fill-color:var(--text)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=month],[data-theme=dark] input[type=week]{color-scheme:dark}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600}.input-error{border-color:var(--danger)!important;outline-color:var(--danger)}.field-error{color:var(--danger);font-size:.75rem;margin-top:.25rem;line-height:1.4}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}.sort-th-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toast-create{background:#00336626!important;color:var(--color-primary-container)!important;border:1px solid var(--color-primary-container)!important}.toast-edit,.toast-success{background:#fb780026!important;color:var(--color-secondary-container)!important;border:1px solid var(--color-secondary-container)!important}.toast-delete{background:#ff444426!important;color:#f44!important;border:1px solid #ff4444!important}[data-theme=dark] .toast-create{background:#0363!important}[data-theme=dark] .toast-edit,[data-theme=dark] .toast-success{background:#fb780033!important}[data-theme=dark] .toast-delete{background:#f443!important}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;transition:all .2s ease}.chip:hover{transform:translateY(-1px)}.chip-blue{background:#001e401f;color:var(--primary)}.chip-green{background:#fb78001f;color:var(--accent)}.chip-red{background:#ff44441f;color:var(--danger)}.chip-gray{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.chip-yellow{background:#ffaa001f;color:var(--warning)}.chip-purple{background:#7c3aed1f;color:#7c3aed}.chip-indigo{background:#4338ca1f;color:#4338ca}.chip-cyan{background:#00bcd41f;color:#0891b2}.chip-emerald{background:#10b9811f;color:#059669}.chip-pink{background:#ec48991f;color:#db2777}.chip-brown{background:#78716c1f;color:#57534e}.chip-orange{background:#f973161f;color:#f97316}table{width:100%;border-collapse:collapse}.chip-slate{background:#64748b1f;color:#475569}.chip-sky{background:#0ea5e91f;color:#0284c7}.chip-lime{background:#84cc161f;color:#65a30d}.chip-rose{background:#f43f5e1f;color:#e11d48}.chip-violet{background:#8b5cf61f;color:#8b5cf6}.chip-gold{background:#eab30826;color:#ca8a04}th{padding:10px 20px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:var(--surface2)}td{padding:12px 20px;font-size:13px;border-top:1px solid var(--border)}tr:hover td{background:var(--surface2)}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title,h1,h2,h3,h4,h5,h6{font-size:clamp(1.2rem,4vw,22px);font-weight:700}.breadcrumb{font-size:12px;color:var(--text-muted);margin-top:2px}.breadcrumb span{color:var(--primary)}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s,transform .2s;cursor:default}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-change{font-size:11px;margin-top:6px}.stat-change.up{color:var(--accent)}.stat-change.down{color:var(--danger)}.stat-change.neutral{color:var(--text-muted)}.content-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}.permissions-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.permissions-grid{grid-template-columns:repeat(2,1fr)}}.activity-item{padding:14px 20px;display:flex;gap:12px;border-top:1px solid var(--border)}.activity-item:first-child{border-top:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-text{font-size:12.5px;line-height:1.5}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:8px;margin:1px 8px;cursor:pointer;color:var(--text-muted);font-size:13.5px;font-weight:500;transition:all .18s;white-space:nowrap;overflow:hidden;position:relative;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.nav-item:hover{background:var(--surface2);color:var(--text)}}.nav-item.active{background:linear-gradient(135deg,#001e401f,#fb78000f);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 3px 3px 0}.dropdown-menu{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:300;min-width:240px;overflow:hidden;animation:ddFadeIn .15s ease}@keyframes ddFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dd-header{padding:14px 16px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.dd-item{padding:11px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;transition:background .15s;color:var(--text);text-decoration:none}.dd-item:hover{background:var(--surface2)}.dd-item.active{color:var(--primary)}.dd-divider{height:1px;background:var(--border)}.dd-item-icon{width:28px;height:28px;border-radius:7px;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-bg{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:auto}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg)}.mobile-close-btn{display:none!important}.search-overlay{position:fixed;inset:0;z-index:999;background:var(--bg);display:flex;flex-direction:column;padding:16px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.search-overlay.open{opacity:1;transform:translateY(0);pointer-events:auto}.floating-search-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:998;border:none;cursor:pointer;display:none}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface);z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}.mobile-drawer .nav-item{padding:12px 16px}.hamburger-btn{display:none;background:none;border:none;width:36px;height:36px;cursor:pointer;position:relative;z-index:1002;align-items:center;justify-content:center}.hamburger-line{display:block;width:20px;height:2px;background-color:var(--text-muted);transition:all .3s ease;position:relative;border-radius:2px}.hamburger-line:before,.hamburger-line:after{content:"";position:absolute;width:20px;height:2px;background-color:var(--text-muted);transition:all .3s ease;border-radius:2px;left:0}.hamburger-line:before{top:-6px}.hamburger-line:after{top:6px}.hamburger-btn.open .hamburger-line{background-color:transparent}.hamburger-btn.open .hamburger-line:before{top:0;transform:rotate(45deg)}.hamburger-btn.open .hamburger-line:after{top:0;transform:rotate(-45deg)}.app-main{margin-left:var(--sidebar-width, 240px);margin-top:60px;transition:margin-left .3s;height:calc(100vh - 60px);overflow-y:auto;padding:24px}@media(min-width:480px){.auth-card{border-radius:20px}}@media(min-width:768px){.app-main{padding:24px}}@media(min-width:1024px){.app-main{padding:28px 32px}}@media(min-width:1280px){.app-main{padding:32px}}@media(max-width:767px){body{font-size:14px}.desktop-only{display:none!important}.mobile-close-btn{display:flex!important}.floating-search-btn,.hamburger-btn{display:flex}.btn,.input,.nav-item,.dd-item,select,a,button{min-height:44px}.auth-card,.card,.container{max-width:100%!important;width:100%!important}.app-main{margin-left:0!important;padding:24px 16px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px}.page-header>div:last-child{flex-wrap:wrap;width:100%}.topnav-brand{min-width:auto!important}.brand-text{display:none!important}.company-switcher-container{display:block!important;max-width:160px}.company-switcher-container>div>span:nth-of-type(1){display:inline-block;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-container{width:280px!important;z-index:1001!important;transform:translate(-100%)!important;top:0!important;bottom:0!important;box-shadow:var(--shadow-lg)}.sidebar-container.mobile-open{transform:translate(0)!important}.sidebar-container .nav-item{padding:12px 16px!important}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}