:root { color-scheme: light; --ink:#19221f; --muted:#6f7c76; --paper:#f4f1e9; --panel:#fffdf8; --line:#d8ded7; --accent:#177b68; --accent-dark:#0d594d; --shadow:0 18px 50px rgba(28,49,42,.10); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 80% 0%, #dcefe7 0, transparent 34rem), var(--paper); font-family: Georgia, 'Times New Roman', serif; }
button, input { font:inherit; }
.view { min-height:100vh; padding:28px; }
.login-view { display:grid; place-items:center; }
.panel { background:rgba(255,253,248,.88); border:1px solid rgba(216,222,215,.9); box-shadow:var(--shadow); border-radius:22px; }
.login-panel { width:min(430px,100%); padding:44px; }
.eyebrow { margin:0 0 14px; color:var(--accent); font:700 12px/1.2 Arial,sans-serif; letter-spacing:.18em; }
h1 { margin:0; font-size:clamp(32px,5vw,54px); line-height:1; letter-spacing:-.04em; }
.muted { color:var(--muted); line-height:1.6; }
form { display:grid; gap:16px; margin-top:28px; }
label { display:grid; gap:8px; font:600 13px Arial,sans-serif; }
input { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background:#fff; outline:none; }
input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(23,123,104,.12); }
button { border:0; border-radius:10px; padding:13px 18px; color:white; background:var(--accent); cursor:pointer; font:700 13px Arial,sans-serif; }
button:hover { background:var(--accent-dark); }
.error { min-height:18px; margin:0; color:#b43d31; font:13px Arial,sans-serif; }
.home-view { width:min(1100px,100%); margin:0 auto; }
.topbar { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:40px 0 28px; }
.topbar h1 { font-size:clamp(34px,6vw,68px); }
.account { display:flex; align-items:center; gap:12px; font:13px Arial,sans-serif; }
.quiet { padding:9px 12px; color:var(--accent-dark); background:transparent; border:1px solid var(--line); }
.status { display:flex; gap:10px; align-items:center; padding:15px 18px; font:13px Arial,sans-serif; }
.status-dot { width:9px; height:9px; border-radius:50%; background:#37a76f; box-shadow:0 0 0 5px rgba(55,167,111,.12); }
.module-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; margin-top:22px; }
.module { display:flex; min-height:190px; flex-direction:column; justify-content:space-between; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:18px; box-shadow:0 10px 26px rgba(28,49,42,.06); }
.module h2 { margin:0 0 10px; font-size:25px; }
.module p { color:var(--muted); line-height:1.6; }
.module a { align-self:flex-start; color:var(--accent-dark); font:700 13px Arial,sans-serif; text-decoration:none; }
@media (max-width:600px) { .view { padding:18px; } .login-panel { padding:30px 24px; } .topbar { align-items:start; flex-direction:column; } }