:root{--clr-primary: #4f46e5;--clr-primary-h: #4338ca;--clr-surface: #ffffff;--clr-bg: #f5f6f8;--clr-border: #e5e7eb;--clr-text: #111827;--clr-muted: #6b7280;--clr-danger: #ef4444;--clr-success: #10b981;--clr-warning: #f59e0b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-w: 220px;--sidebar-collapsed: 52px;--btn-h: 36px;--topbar-h: 56px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app-shell{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-w);padding:calc(var(--topbar-h) + 24px) 24px 24px;transition:margin-left .2s}.sidebar-collapsed+.main-content{margin-left:var(--sidebar-collapsed)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--clr-surface);border-right:1px solid var(--clr-border);display:flex;flex-direction:column;z-index:100;transition:width .2s;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--clr-border);font-weight:700;font-size:15px;color:var(--clr-primary);white-space:nowrap;overflow:hidden}.sidebar-logo img{width:28px;height:28px;border-radius:var(--radius-sm);flex-shrink:0}.sidebar-logo-fallback{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--clr-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-md);margin:1px 6px;color:var(--clr-muted);text-decoration:none;font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{background:#eef2ff;color:var(--clr-primary)}.nav-label{transition:opacity .15s}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.sidebar-collapse-btn{height:40px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;border-top:1px solid var(--clr-border);cursor:pointer;color:var(--clr-muted)}.sidebar-collapse-btn:hover{color:var(--clr-primary)}.topbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--topbar-h);background:var(--clr-surface);border-bottom:1px solid var(--clr-border);display:flex;align-items:center;padding:0 20px;z-index:99;gap:12px;transition:left .2s}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--btn-h);padding:0 14px;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn-primary{background:var(--clr-primary);color:#fff}.btn-primary:hover{background:var(--clr-primary-h)}.btn-secondary{background:var(--clr-bg);color:var(--clr-text);border:1px solid var(--clr-border)}.btn-secondary:hover{background:var(--clr-border)}.btn-danger{background:var(--clr-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input{height:var(--btn-h);padding:0 10px;border:1px solid var(--clr-border);border-radius:var(--radius-md);font-family:inherit;font-size:13.5px;color:var(--clr-text);background:var(--clr-surface);width:100%;outline:none}.input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #4f46e51a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--clr-border);font-size:13.5px}th{font-weight:600;background:var(--clr-bg);color:var(--clr-muted)}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600}.badge-green{background:#d1fae5;color:#059669}.badge-yellow{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-gray{background:#f3f4f6;color:#4b5563}