:root{--bg: #f8fafc;--bg-card: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #0ea5e9;--primary-hover: #0284c7;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06);--font: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:1rem 0;flex-shrink:0}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav a{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;color:var(--text);text-decoration:none;font-size:.9375rem}.sidebar-nav a:hover{background:var(--bg);text-decoration:none}.sidebar-nav a.active{background:#0ea5e914;color:var(--primary);font-weight:500}.main-content{flex:1;padding:1.5rem 2rem;overflow-x:auto}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.25rem}.page-title{margin-bottom:1.5rem;color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;font-family:inherit;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:.9375rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);width:100%;max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e926}label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.25rem}.form-group{margin-bottom:1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--bg)}.badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-neutral{background:var(--bg);color:var(--text-muted)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0f9ff 0%,var(--bg) 100%)}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 12px #0000000f}.login-card h1{text-align:center;margin-bottom:.5rem}.login-card .subtitle{text-align:center;color:var(--text-muted);font-size:.9375rem;margin-bottom:1.5rem}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}