.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);display:flex;flex-direction:column;overflow-y:auto;z-index:10;transition:width .2s ease}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.06);min-height:60px}.sidebar-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;border-radius:var(--radius-sm);flex-shrink:0}.sidebar-title{font-weight:600;font-size:.95rem;color:var(--text-sidebar-active);letter-spacing:-.01em;white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{padding:var(--space-1) var(--space-5);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sidebar-muted);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--text-sidebar);font-size:.875rem;text-decoration:none;transition:all .12s;border-left:2px solid transparent;white-space:nowrap;overflow:hidden}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active);text-decoration:none}.sidebar-link.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active);border-left-color:var(--accent)}.sidebar-link-icon{width:18px;text-align:center;flex-shrink:0;font-size:.9rem}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:var(--space-5) var(--space-2)}.sidebar.collapsed .sidebar-link{justify-content:center;padding:var(--space-2);border-left-width:0}.sidebar.collapsed .sidebar-link.active{border-left-width:0;border-radius:var(--radius-sm);margin:0 var(--space-2)}.sidebar.collapsed .sidebar-section{margin-bottom:var(--space-2)}.sidebar.collapsed .sidebar-section+.sidebar-section{padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.04)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-4) var(--space-5)}.sidebar.collapsed .sidebar-footer{padding:var(--space-4) var(--space-2)}.sidebar-user{margin-bottom:var(--space-3)}.sidebar-user-email{font-size:.8rem;color:var(--text-sidebar);word-break:break-all}.sidebar-user-role{font-size:.7rem;color:var(--text-sidebar-muted);text-transform:capitalize;margin-top:2px}.sidebar-footer-actions{display:flex;gap:var(--space-2)}.sidebar-logout{flex:1;padding:var(--space-2);background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-sidebar-muted);font-size:.8rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s}.sidebar-logout:hover{background:#ffffff0d;color:var(--text-sidebar)}.sidebar-collapse-btn{padding:var(--space-2);background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-sidebar-muted);font-size:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;width:32px;display:flex;align-items:center;justify-content:center}.sidebar-collapse-btn:hover{background:#ffffff0d;color:var(--text-sidebar)}.sidebar.collapsed .sidebar-footer-actions{flex-direction:column}.sidebar.collapsed .sidebar-collapse-btn{width:100%}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);min-width:0;transition:margin-left .2s ease}.layout:has(.sidebar.collapsed) .layout-main{margin-left:var(--sidebar-collapsed-width)}.layout-content{padding:var(--space-8);max-width:1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf8;--bg-subtle: #f5f4f1;--bg-muted: #eeedea;--bg-sidebar: #1c1c1c;--bg-sidebar-hover: #2a2a2a;--bg-sidebar-active: #333333;--text: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #999999;--text-sidebar: #d4d4d4;--text-sidebar-muted: #888888;--text-sidebar-active: #ffffff;--accent: #c49b5f;--accent-hover: #b08a50;--accent-subtle: rgba(196, 155, 95, .1);--border: #e5e4e1;--border-subtle: #eeede9;--success: #3d9a50;--warning: #d4a032;--error: #d44032;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--sidebar-width: 240px;--sidebar-collapsed-width: 56px}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;min-height:100vh}#app{min-height:100vh}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:.9em}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}input[type=text],input[type=email],input[type=number],input[type=url],textarea,select{font-family:var(--font);font-size:.9rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:none;transition:border-color .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}button{font-family:var(--font);font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);transition:all .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover:not(:disabled){background:#333}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#c03828}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th{font-weight:500;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;font-weight:500;padding:2px var(--space-2);border-radius:var(--radius-sm)}.badge-success{background:#3d9a501a;color:var(--success)}.badge-warning{background:#d4a0321a;color:var(--warning)}.badge-error{background:#d440321a;color:var(--error)}.badge-muted{background:var(--bg-muted);color:var(--text-secondary)}.row-clickable:hover{background:var(--bg-subtle)}.row-locked{opacity:.6}.link-row{color:var(--text);text-decoration:none}.link-row:hover{color:var(--accent)}.table-empty{text-align:center;color:var(--text-muted);padding:32px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}