:root{--bg-main:#fff;--bg-sidebar:#fafafa;--bg-card:#fff;--bg-card-hover:#f4f4f5;--bg-input:#fff;--border-color:#e4e4e7;--border-focus:#09090b;--text-main:#09090b;--text-muted:#52525b;--text-dim:#71717a;--primary:#09090b;--primary-hover:#27272a;--success:#166534;--success-bg:#f0fdf4;--warning:#854d0e;--warning-bg:#fefce8;--danger:#991b1b;--danger-bg:#fef2f2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", Consolas, Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:1px;outline:2px solid var(--border-focus)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:40;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:16px 20px;display:flex}.brand-badge{background:var(--primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.brand-title{color:var(--text-main);font-size:15px;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;padding:14px 10px 4px;font-size:11px;font-weight:700}.nav-link{color:var(--text-muted);border-radius:4px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:background-color .1s,color .1s;display:flex}.nav-link:hover{color:var(--text-main);background-color:#f4f4f5}.nav-link.active{color:#fff;background-color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.user-snippet{align-items:center;gap:8px;display:flex}.avatar{color:#09090b;border:1px solid var(--border-color);background:#f4f4f5;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-meta-name{color:var(--text-main);font-size:12.5px;font-weight:600}.user-meta-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.main-wrapper{background-color:var(--bg-main);flex-direction:column;flex:1;min-height:100vh;margin-left:250px;display:flex}.topbar{border-bottom:1px solid var(--border-color);z-index:30;background-color:#fff;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-main);font-size:15px;font-weight:600}.topbar-actions{align-items:center;gap:14px;display:flex}.content-area{flex:1;padding:20px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;padding:16px;box-shadow:0 1px 2px #00000008}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.card-title{color:var(--text-main);font-size:14px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008}.stat-icon-box{color:#09090b;border:1px solid var(--border-color);background-color:#f4f4f5;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-value{color:var(--text-main);font-size:20px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:11.5px;font-weight:500}.table-responsive{width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.table th{color:#52525b;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color);background-color:#fafafa;padding:10px 12px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:11px 12px}.table tr:hover td{background-color:#fafafa}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid #bbf7d0}.badge-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid #fef08a}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.badge-neutral{color:#3f3f46;background-color:#f4f4f5;border:1px solid #e4e4e7}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background-color .1s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{color:var(--text-main);border-color:var(--border-color);background-color:#fff}.btn-secondary:hover{background-color:#f4f4f5}.btn-danger{color:#fff;background-color:#dc2626;border-color:#dc2626}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:4px 8px;font-size:11.5px}.form-group{margin-bottom:14px}.form-label{color:#3f3f46;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-control{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:4px;outline:none;padding:8px 10px;font-size:13px}.form-control:focus{border-color:var(--border-focus)}.mono-box{font-family:var(--font-mono);border:1px solid var(--border-color);color:#09090b;word-break:break-all;background:#f4f4f5;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;font-weight:500;display:flex}.modal-overlay{z-index:100;background-color:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:500px;padding:20px;box-shadow:0 4px 16px #00000014}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.modal-title{color:var(--text-main);font-size:15px;font-weight:600}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding-top:12px;display:flex}.auth-wrapper{background-color:#fafafa;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:380px;padding:26px;box-shadow:0 1px 3px #0000000d}.auth-header{text-align:center;margin-bottom:20px}.auth-header h1{color:var(--text-main);margin-top:8px;font-size:18px;font-weight:700}.auth-header p{color:var(--text-muted);margin-top:2px;font-size:12.5px}