:root{--forest:#233d2c;--leaf:#34563d;--cream:#f8f6f0;--card:#fffefb;--line:#ded9cc;--ink:#252a27;--muted:#66706b}
.area-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:8px;padding:.5rem .75rem;font-size:.78rem;font-weight:800;letter-spacing:.03em;background:#ffffff12}
.area-badge:before{content:'▣';font-size:1rem}.area-badge:hover{background:#ffffff22}
.container h1,.container h2{letter-spacing:-.025em}.auth-card,.metrics article,.area-card,.form-card,.table-wrap{border-radius:14px}
button,a,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
.nav a:focus-visible,.link:focus-visible,.area-badge:focus-visible{outline:3px solid #b7d2c3;outline-offset:2px}
@media(max-width:700px){.topbar{align-items:center}.area-badge{width:100%;justify-content:center;order:4;margin:0 0 .65rem}.container{padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}