:root{
  --green-900:#163b35;--green-800:#1f594f;--green-700:#2d6b60;--green-100:#e7f1ee;--green-50:#f4faf8;
  --cream:#fbfaf6;--ink:#24332f;--muted:#77837f;--line:#e8ece9;--gold:#d49a3a;--blue:#6d83b9;--coral:#c97860;

  --print-primary:#1f594f;--print-secondary:#2d6b60;--print-accent:#eaf4ef;
  --print-casual-primary:#4a7c6f;--print-casual-secondary:#5d8f81;--print-casual-accent:#f0f5f2;
  --print-ceria-primary:#e8845a;--print-ceria-secondary:#f0a07a;--print-ceria-accent:#fdf6f0;
}
*{box-sizing:border-box}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.font-display{font-family:'Fraunces',serif}
.app-shell{width:100%;min-height:100dvh;display:flex}
.sidebar{width:260px;background:#163b35;color:#fff;min-height:100dvh;display:flex;flex-direction:column;padding:22px 18px;position:fixed;inset:0 auto 0 0;z-index:30;transition:.25s ease}
.main-area{margin-left:260px;width:calc(100% - 260px);min-height:100dvh;background:#f7f8f5}
.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;color:#d9e8e4;transition:.2s;text-align:left;font-size:14px;cursor:pointer;border:none;background:none;font-family:inherit}
.nav-link:hover,.nav-link.active{background:#24564e;color:white}
.nav-link.active{box-shadow:inset 3px 0 0 #a7d8c9}
.soft-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px rgba(35,55,48,.04)}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.focus-ring:focus-visible{outline:3px solid rgba(45,107,96,.25);outline-offset:2px}
.mobile-overlay{display:none}
.toast{position:fixed;right:24px;bottom:24px;background:#163b35;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:80}
.toast.show{opacity:1;transform:translateY(0)}
.auth-tab.active,.subtab.active{background:#1f594f!important;color:#fff!important;border-color:#1f594f!important}
.field-error{border-color:#d87863!important;background:#fff9f7!important}
.page{display:none}.page.active{display:block}
.mini-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500}
.table-row:hover{background:#fafcfb}
.modal{display:none;position:fixed;inset:0;background:rgba(18,38,33,.35);z-index:60;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.modal.show{display:flex}
.modal .soft-card{max-height:90vh;overflow-y:auto}
.score-cell{width:34px;height:34px;border-radius:10px;border:1px solid #dfe7e3;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7c76;cursor:pointer;transition:.2s}
.score-cell.active{background:#1f594f;color:#fff;border-color:#1f594f}
.settings-panel,.print-panel{display:none}.settings-panel.active,.print-panel.active{display:block}
@keyframes spin{to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
@media(max-width:980px){
  .sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}
  .main-area{margin-left:0;width:100%}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:20}
}