:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-width: 250px;--header-height: 60px;--primary-color: #646cff;--bg-color: #f0f2f5;--surface-color: #ffffff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.admin-layout{display:flex;height:100vh;width:100%;background-color:var(--bg-color)}.sidebar{width:var(--sidebar-width);background-color:#001529;color:#fff;display:flex;flex-direction:column}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li a{display:block;padding:15px 20px;color:#ffffffa6;text-decoration:none;transition:color .3s}.sidebar-nav li a:hover{color:#fff;background-color:#ffffff14}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:var(--header-height);background-color:var(--surface-color);display:flex;align-items:center;padding:0 20px;box-shadow:0 1px 4px #00152914;z-index:10}.content-area{flex:1;padding:24px;overflow-y:auto}.page h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card{background:var(--surface-color);padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-card h3{margin-top:0;font-size:14px;color:#888}.stat-card p{font-size:24px;font-weight:700;margin:10px 0 0}@media (max-width: 768px){.sidebar{display:none}}.table-container{background:var(--surface-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05)}@media (prefers-color-scheme: light){.data-table th,.data-table td{border-bottom:1px solid #eee}}.data-table th{font-weight:600;color:#888;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table tr:last-child td{border-bottom:none}