:root{--admin-bg: oklch(12% .02 250);--admin-sidebar: oklch(14% .02 250);--admin-card: oklch(17% .015 250);--admin-card-hover: oklch(19% .015 250);--admin-border: oklch(25% .015 250);--admin-border-strong: oklch(30% .015 250);--admin-text: oklch(95% .005 250);--admin-text-muted: oklch(88% .006 250);--admin-text-subtle: oklch(78% .006 250);--admin-primary: oklch(45% .08 250);--admin-primary-hover: oklch(50% .09 250);--admin-accent: oklch(58% .18 270);--admin-accent-hover: oklch(64% .18 270);--admin-accent-light: oklch(78% .12 270);--admin-accent-muted: oklch(52% .1 270);--admin-success: oklch(68% .16 160);--admin-warning: oklch(78% .14 75);--admin-error: oklch(65% .18 25);--admin-info: oklch(68% .14 250);--admin-radius-sm: 6px;--admin-radius-md: 8px;--admin-radius-lg: 12px;--admin-radius-xl: 16px;--admin-radius-full: 9999px;--admin-shadow-sm: 0 1px 2px oklch(0% 0 0 / .3);--admin-shadow-md: 0 4px 12px oklch(0% 0 0 / .4);--admin-shadow-lg: 0 8px 24px oklch(0% 0 0 / .5);--admin-shadow-accent: 0 4px 16px oklch(62% .16 270 / .25);--admin-transition: .2s ease;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--admin-bg);color:var(--admin-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.admin-container{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--admin-sidebar);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;z-index:100;transition:width var(--admin-transition),transform var(--admin-transition)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .nav-label,.sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--admin-border);min-height:64px}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--admin-accent) 0%,oklch(45% .18 270) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 8px #445def4d}.logo-text .accent{color:var(--admin-accent-light)}.sidebar-toggle,.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--admin-text-muted);cursor:pointer;border-radius:var(--admin-radius-md);transition:background var(--admin-transition)}.sidebar-toggle:hover{background:var(--admin-border);color:var(--admin-text)}.sidebar-nav{flex:1;padding:1rem .5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;min-height:44px;color:var(--admin-text-muted);border-radius:var(--admin-radius-md);margin-bottom:.25rem;transition:all var(--admin-transition);white-space:nowrap}.nav-item:hover{background:#ffffff0d;color:var(--admin-text)}.nav-item.active{background:var(--admin-accent);color:#fff;box-shadow:var(--admin-shadow-accent)}.sidebar-footer{padding:1rem .5rem;border-top:1px solid var(--admin-border)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--admin-transition);display:flex;flex-direction:column;min-height:100vh}body.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;min-height:var(--topbar-height);background:var(--admin-sidebar);border-bottom:1px solid var(--admin-border);position:sticky;top:0;z-index:50}.mobile-menu-btn{display:none}.page-title{font-size:1.25rem;font-weight:600;flex:1}.topbar-actions{display:flex;align-items:center;gap:1rem}.company-name{color:var(--admin-text-muted);font-size:.875rem}.content-area{flex:1;padding:2rem}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}.sidebar-overlay.active{display:block}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);padding:1.5rem}.admin-grid{display:grid;gap:1.5rem}.admin-grid-4{grid-template-columns:repeat(4,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1200px){.admin-grid-4,.admin-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-grid-4,.admin-grid-3,.admin-grid-2{grid-template-columns:1fr}}.metric-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);padding:1.5rem;transition:border-color var(--admin-transition),box-shadow var(--admin-transition)}.metric-card:hover{background:var(--admin-card-hover);border-color:var(--admin-accent-muted);box-shadow:var(--admin-shadow-md)}.metric-label{font-size:.8125rem;color:var(--admin-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.metric-value{font-size:1.5rem;font-weight:700;color:var(--admin-text);line-height:1.2}.metric-sub{font-size:.75rem;color:var(--admin-text-muted);margin-top:.25rem}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;min-height:44px;font-size:.875rem;font-weight:500;border-radius:var(--admin-radius-md);border:none;cursor:pointer;transition:all var(--admin-transition)}.admin-btn-primary{background:var(--admin-accent);color:#fff;box-shadow:var(--admin-shadow-accent)}.admin-btn-primary:hover{background:var(--admin-accent-hover)}.admin-btn-secondary{background:var(--admin-border);color:var(--admin-text)}.admin-btn-secondary:hover{background:var(--admin-border-strong)}.admin-btn-danger{background:#e8585426;color:var(--admin-error);border:1px solid oklch(65% .18 25 / .3)}.admin-btn-danger:hover{background:#e8585440}.admin-btn-ghost{background:none;color:var(--admin-text-muted)}.admin-btn-ghost:hover{background:#ffffff0d;color:var(--admin-text)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--admin-radius-full)}.status-badge.success{background:#00b4762e;background:oklch(68% .16 160 / .18);color:var(--admin-success)}.status-badge.warning{background:#eba9412e;color:var(--admin-warning)}.status-badge.info{background:#4c9deb2e;color:var(--admin-info)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--admin-border)}.admin-table th{font-weight:600;color:var(--admin-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--admin-bg)}.admin-table tbody tr:hover{background:var(--admin-card-hover)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header-subtitle{color:var(--admin-text-muted);margin:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0}.section-header h3 svg{color:var(--admin-accent)}.view-all-link{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--admin-accent)}.view-all-link:hover{color:var(--admin-accent-light)}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--admin-text-muted)}.error-state{color:var(--admin-error)}.empty-state svg,.error-state svg{margin-bottom:1rem;opacity:.6}.empty-state h3,.error-state h3{font-size:1.25rem;font-weight:600;color:var(--admin-text);margin-bottom:.5rem}.empty-state p,.error-state p{margin-bottom:1.5rem;max-width:400px}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;background:var(--admin-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--admin-text)}.user-email{font-size:.75rem;color:var(--admin-text-muted)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content,body.sidebar-collapsed .main-content{margin-left:0}.sidebar-toggle{display:none}.mobile-menu-btn{display:flex}.topbar{padding:.5rem 1rem}.content-area{padding:1rem}}