@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"Cormorant Garamond", "Times New Roman", serif;--bg-page:#eef0f4;--bg-panel:#fff;--bg-muted:#f3f5f8;--border:#e6e9ef;--text:#1b1d21;--text-muted:#5c6370;--accent:#3d8b5a;--accent-soft:#d9f0e3;--accent-dark:#2f6b46;--shadow:0 10px 30px #0f172a0f}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-sans);background:var(--bg-page);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.shell{background:var(--bg-page);min-height:100vh;color:var(--text);grid-template-columns:260px 1fr;display:grid}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;padding:1.5rem 1rem 1rem;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 .5rem 1.25rem;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.brand-tag{color:var(--text-muted);font-size:.75rem}.nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-item{width:100%;color:var(--text-muted);font:inherit;text-align:left;cursor:not-allowed;opacity:.85;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.9rem;display:flex}.nav-item--active{background:var(--bg-muted);color:var(--text);font-weight:600}.badge{background:var(--accent-soft);color:var(--accent-dark);text-align:center;border-radius:999px;min-width:1.4rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);padding-top:.5rem}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.75rem;display:flex}.search{background:var(--bg-muted);border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:.5rem;max-width:520px;padding:.55rem .9rem;display:flex}.search-icon{opacity:.45;font-size:.95rem}.search input{font:inherit;color:var(--text-muted);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.user{align-items:center;gap:.75rem;display:flex}.user-meta{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:grid}.content{max-width:960px;padding:2rem 1.75rem 3rem}.page-head{margin-bottom:1.75rem}.page-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:600}.page-lead{color:var(--text-muted);max-width:52ch;margin:0;font-size:1.02rem;line-height:1.65}.card{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem 1.5rem 1.6rem}.teaser{margin-bottom:1.25rem}.teaser-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.teaser-title{font-family:var(--font-serif);margin:0 0 .6rem;font-size:1.35rem}.teaser-text{color:var(--text-muted);max-width:58ch;margin:0 0 1rem;line-height:1.55}.teaser-pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.35rem .65rem;font-size:.78rem}.pill--accent{background:var(--accent-soft);color:var(--accent-dark);border-color:#0000;font-weight:600}.section-title{margin:0 0 .35rem;font-size:1.05rem}.section-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.section-desc code{background:var(--bg-muted);border-radius:6px;padding:.1rem .35rem;font-size:.82rem}.api-status{color:var(--text-muted);margin:0;font-size:.9rem}.api-status--error{color:#b42318}.forecast-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.forecast-row{background:var(--bg-muted);border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.55rem .65rem;font-size:.88rem;display:grid}.forecast-date{color:var(--text-muted)}.forecast-temp{color:var(--accent-dark);font-weight:700}.forecast-sum{text-align:right;color:var(--text)}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:.5rem}.nav{flex-flow:wrap;width:100%}.sidebar-footer{border-top:none;width:100%;padding-top:0}.forecast-row{text-align:left;grid-template-columns:1fr}.forecast-sum{text-align:left}}