:root{color-scheme:light;--page:#f3f7f7;--surface:#ffffff;--border:#d7e3e3;--petrol:#0f4f59;--teal:#11727f;--text:#183134;--muted:#667f82;--shadow:0 24px 60px rgba(15,79,89,0.12);--radius:24px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#e8f0f0 0,var(--page) 26%,var(--page) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{padding:32px 24px;background:linear-gradient(180deg,var(--petrol) 0,var(--teal) 100%);color:#f8ffff}.sidebar nav{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.sidebar-link{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08)}.main{padding:32px;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field input{width:100%;border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:white}.button{border:0;border-radius:999px;padding:14px 18px;background:var(--petrol);color:white;cursor:pointer}.muted{color:var(--muted)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px}}