:root{color:#172033;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;color:#fff;background:#101827}.sidebar h1{margin:0;font-size:1.6rem}.sidebar nav{display:grid;gap:.5rem}.sidebar a{border-radius:.8rem;padding:.8rem 1rem;color:#cbd5e1}.sidebar a.active,.sidebar a:hover{color:#fff;background:#263348}.main-content{padding:2rem}.page,.stack{display:grid;gap:1.25rem}.page-header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.auth-page{display:grid;min-height:100vh;place-items:center;padding:1rem}.auth-page .card{max-width:560px}.eyebrow{margin:0 0 .25rem;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h2,h3{margin:0 0 .75rem}.card{border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem;background:#fff;box-shadow:0 14px 30px #0f172a0f;overflow-x:auto}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{display:block;font-size:2.5rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{display:flex;gap:.5rem}.field{display:grid;gap:.35rem}.field span{font-size:.85rem;font-weight:700}.field input,.field select,.field textarea,.inline-form input{width:100%;border:1px solid #cbd5e1;border-radius:.7rem;padding:.7rem .8rem;background:#fff}.field textarea{resize:vertical}.field small{color:#b91c1c}.field-wide{grid-column:1 / -1}.compact{min-width:220px}.button{border:0;border-radius:.7rem;padding:.7rem 1rem;cursor:pointer;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:#2563eb}.button-secondary{color:#172033;background:#e2e8f0}.button-danger{color:#fff;background:#dc2626}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e2e8f0;padding:.8rem;text-align:left;vertical-align:middle}th{color:#64748b;font-size:.8rem;text-transform:uppercase}.pagination,.user-panel{display:flex;align-items:center;gap:.75rem}.user-panel{margin-top:auto;align-items:stretch;flex-direction:column}.state{margin:0;border-radius:1rem;padding:1rem;background:#eef2ff}.state-error{color:#991b1b;background:#fee2e2}.state-empty{color:#475569;background:#f8fafc}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.metric-grid,.form-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column}}