:root{--mc-color-primary: #2563eb;--mc-color-primary-hover: #1d4ed8;--mc-color-primary-contrast: #ffffff;--mc-color-accent: #0891b2;--mc-color-success: #16a34a;--mc-color-warning: #d97706;--mc-color-danger: #dc2626;--mc-color-primary-subtle: #dbeafe;--mc-color-success-subtle: #dcfce7;--mc-color-warning-subtle: #fef3c7;--mc-color-danger-subtle: #fee2e2;--mc-color-bg: #ffffff;--mc-color-surface: #f8fafc;--mc-color-surface-2: #f1f5f9;--mc-color-border: #e2e8f0;--mc-color-text: #0f172a;--mc-color-text-muted: #64748b;--mc-color-text-inverse: #ffffff;--mc-neutral-50: #f8fafc;--mc-neutral-100: #f1f5f9;--mc-neutral-200: #e2e8f0;--mc-neutral-300: #cbd5e1;--mc-neutral-400: #94a3b8;--mc-neutral-500: #64748b;--mc-neutral-600: #475569;--mc-neutral-700: #334155;--mc-neutral-800: #1e293b;--mc-neutral-900: #0f172a;--mc-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mc-font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--mc-text-2xs: .6875rem;--mc-text-xs: .75rem;--mc-text-sm: .875rem;--mc-text-base: 1rem;--mc-text-lg: 1.125rem;--mc-text-xl: 1.5rem;--mc-text-2xl: 2rem;--mc-weight-regular: 400;--mc-weight-medium: 500;--mc-weight-bold: 700;--mc-leading-normal: 1.5;--mc-leading-tight: 1.25;--mc-space-1: .25rem;--mc-space-2: .5rem;--mc-space-3: .75rem;--mc-space-4: 1rem;--mc-space-6: 1.5rem;--mc-space-8: 2rem;--mc-space-12: 3rem;--mc-radius-sm: 4px;--mc-radius-base: 6px;--mc-radius-md: 8px;--mc-radius-lg: 12px;--mc-radius-xl: 16px;--mc-radius-pill: 999px;--mc-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--mc-shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--mc-shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--mc-ring: 0 0 0 3px var(--mc-color-primary-subtle);--mc-container-max: 1280px;--mc-header-height: 60px;--mc-sidebar-width: 250px;--mc-sidebar-collapsed-width: 64px;--mc-z-modal: 1000;--mc-z-toast: 1100}:root[data-theme=dark]{--mc-color-bg: #0f172a;--mc-color-surface: #1e293b;--mc-color-surface-2: #334155;--mc-color-border: #334155;--mc-color-text: #f1f5f9;--mc-color-text-muted: #94a3b8}*{box-sizing:border-box}body{margin:0;font-family:var(--mc-font-sans);background:var(--mc-color-surface);color:var(--mc-color-text)}.app{display:flex;min-height:100vh}.sidebar{width:var(--mc-sidebar-width);background:var(--mc-neutral-900);color:var(--mc-neutral-200);padding:1.5rem 1rem}.sidebar h1{font-size:var(--mc-text-base);margin:0 0 1.5rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mc-neutral-400)}.sidebar a{display:block;color:var(--mc-neutral-300);text-decoration:none;padding:.4rem .5rem;border-radius:var(--mc-radius-sm);margin-bottom:.2rem}.sidebar a.active,.sidebar a:hover{background:var(--mc-neutral-800);color:var(--mc-color-text-inverse)}.content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:flex-end;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--mc-color-border);background:var(--mc-color-bg)}.topbar .logout{background:var(--mc-color-bg);border:1px solid var(--mc-neutral-300);color:var(--mc-color-text)}.topbar .logout:hover{background:var(--mc-color-surface)}.main{padding:2rem 3rem;max-width:1100px}.main h2{margin-top:0}table{width:100%;border-collapse:collapse;background:var(--mc-color-bg);border-radius:var(--mc-radius-base);overflow:hidden}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--mc-color-border);font-size:var(--mc-text-sm)}th{background:var(--mc-color-surface);color:var(--mc-color-text-muted);font-weight:var(--mc-weight-medium)}button,input{font:inherit}button{padding:.4rem .8rem;border:1px solid var(--mc-neutral-300);background:var(--mc-color-bg);border-radius:var(--mc-radius-sm);cursor:pointer}button.primary{background:var(--mc-color-primary);color:var(--mc-color-primary-contrast);border-color:var(--mc-color-primary)}input{padding:.4rem .6rem;border:1px solid var(--mc-neutral-300);border-radius:var(--mc-radius-sm)}.login{max-width:340px;margin:6rem auto;background:var(--mc-color-bg);padding:2rem;border-radius:var(--mc-radius-md);box-shadow:var(--mc-shadow-md)}.login h1{margin-top:0;font-size:var(--mc-text-lg)}.login label{display:block;margin:.75rem 0 .25rem;font-size:var(--mc-text-sm);color:var(--mc-color-text-muted)}.login input{width:100%}.login button{width:100%;margin-top:1rem}.error{color:var(--mc-color-danger);font-size:var(--mc-text-sm);margin-top:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--mc-z-modal)}.modal{background:var(--mc-color-bg);border-radius:var(--mc-radius-md);padding:1.5rem 1.75rem;max-width:480px;width:calc(100% - 2rem);box-shadow:var(--mc-shadow-lg)}.modal h3{margin:0 0 .75rem;font-size:var(--mc-text-base)}.modal p{margin:0 0 1.25rem;color:var(--mc-color-text-muted);font-size:var(--mc-text-sm);line-height:var(--mc-leading-normal)}.modal .actions{display:flex;justify-content:flex-end;gap:.5rem}.modal button.danger{background:var(--mc-color-danger);color:var(--mc-color-text-inverse);border-color:var(--mc-color-danger)}