:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b71f3;--blue-600: #2563eb;--blue-700: #1d4ed8;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-500: #e8a838;--green-50: #f0fdf4;--green-100: #dcfce7;--green-600: #2d9d5e;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #e54d42;--bg-root: #f8f6f3;--bg-surface: #ffffff;--bg-hover: #f3f4f6;--bg-active: #eff6ff;--bg-sidebar: #fafaf9;--border: #e5e7eb;--border-light: #f3f4f6;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.03);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--transition: .15s ease;--transition-slow: .25s ease;--sidebar-width: 220px}[data-theme=dark]{--bg-root: #121214;--bg-surface: #1c1c1e;--bg-hover: #2c2c2e;--bg-active: #1a2744;--bg-sidebar: #161618;--border: #2c2c2e;--border-light: #222224;--text-primary: #f0f0f0;--text-secondary: #98989e;--text-muted: #636366;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px rgba(0,0,0,.4);--blue-50: #1a2744;--blue-100: #1e3050;--red-50: #2d1b1b;--red-100: #3d2020;--green-50: #1b2d22;--green-100: #203628;--amber-50: #2d2518;--amber-100: #3d2e18}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);line-height:1.6;transition:background var(--transition-slow),color var(--transition-slow)}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:background var(--transition-slow),border-color var(--transition-slow);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--border-light)}.sidebar-brand-icon{width:28px;height:28px;background:var(--blue-600);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.sidebar-brand-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.sidebar-link.active{background:var(--bg-active);color:var(--blue-600)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-light)}.theme-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:13px;color:var(--text-secondary);cursor:pointer;border:none;background:none;width:100%;transition:all var(--transition)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.main-content{flex:1;min-width:0;padding:var(--space-8) var(--space-10);max-width:1100px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.page-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);transition:background var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-padded{padding:var(--space-5)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;line-height:1.4}.btn:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover{background:var(--blue-700)}.btn-secondary{background:var(--bg-hover);color:var(--text-secondary)}.btn-secondary:hover{background:var(--border);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--red-500)}.btn-danger:hover{background:var(--red-50)}.btn-sm{font-size:12.5px;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:14px;padding:var(--space-3) var(--space-6)}.btn-icon{padding:var(--space-2);border-radius:var(--radius)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary);transition:all var(--transition)}.input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.input::placeholder{color:var(--text-muted)}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #3b71f326}textarea.input{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:13px}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.table-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead{background:var(--bg-hover)}th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light);color:var(--text-primary)}tr:hover td{background:var(--bg-hover)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1.5}.badge-blue{background:var(--blue-50);color:var(--blue-600)}.badge-green{background:var(--green-50);color:var(--green-600)}.badge-red{background:var(--red-50);color:var(--red-500)}.badge-amber{background:var(--amber-50);color:var(--amber-500)}.badge-gray{background:var(--bg-hover);color:var(--text-secondary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:13.5px;line-height:1.5;margin-bottom:var(--space-4)}.alert-error{background:var(--red-50);color:var(--red-500);border:1px solid var(--red-100)}.alert-success{background:var(--green-50);color:var(--green-600);border:1px solid var(--green-100)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--text-muted);font-size:24px}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.empty-state p{font-size:13.5px;color:var(--text-secondary)}.progress-bar{width:100%;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--green-600);transition:width .4s ease}.text-mono{font-family:var(--font-mono)}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:13px}.text-xs{font-size:11.5px}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}