:root {
  --ink:#16231f; --muted:#6b7c76; --line:#d9e2de; --surface:#fff; --canvas:#f4f7f5;
  --forest:#123f36; --forest-2:#1d594d; --mint:#e8f2ee; --accent:#ef684b; --accent-dark:#c84a31;
  --warning:#fff2d6; --danger:#a83c2d; --success:#1b725d; --shadow:0 12px 34px rgba(24,62,52,.08);
  --radius:22px; --sidebar:278px;
}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}
body{margin:0;min-height:100vh;background:var(--canvas)}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.15rem,5vw,4rem);line-height:1.02;letter-spacing:-.035em;margin-bottom:.55rem}
h2{font-size:1.25rem;margin-bottom:.35rem}
.muted{color:var(--muted)}
.eyebrow{font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#688279;margin-bottom:.65rem}
.boot-screen,.setup-page{min-height:100vh;display:grid;place-content:center;text-align:center;background:var(--forest);color:white}
.boot-screen .brand-mark{margin:auto}
.brand-mark{width:48px;height:48px;border-radius:15px;background:var(--accent);color:white;display:grid;place-items:center;font:700 1.65rem Georgia,serif;box-shadow:0 8px 18px rgba(0,0,0,.1)}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,520px) 1fr;background:var(--forest)}
.auth-side{padding:clamp(2rem,6vw,6rem);color:white;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 15%,#28695b 0,transparent 34%),var(--forest)}
.auth-side h1{max-width:680px}.auth-side p{max-width:560px;color:#c7d9d3;font-size:1.08rem;line-height:1.65}
.auth-panel{display:grid;place-items:center;padding:1.5rem;background:var(--canvas);border-radius:34px 0 0 34px}
.auth-card{width:min(100%,460px);background:white;padding:clamp(1.6rem,4vw,2.5rem);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);text-align:left}
.setup-page{padding:1.25rem}.setup-page .auth-card{margin:auto}
.stack{display:grid;gap:1rem}
label{display:grid;gap:.42rem;font-weight:700;font-size:.9rem}
input,select,textarea{width:100%;min-height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:.76rem .9rem;color:var(--ink);outline:none;transition:.18s}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px rgba(29,89,77,.11)}
.button{border:0;border-radius:13px;min-height:48px;padding:.72rem 1.15rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}
.button.primary{background:var(--accent);color:white}.button.primary:hover{background:var(--accent-dark)}
.button.soft{background:var(--mint);color:var(--forest)}.button.danger{background:#fff0ed;color:var(--danger)}
.button.small{min-height:38px;padding:.45rem .75rem;font-size:.85rem}
.notice{padding:.85rem 1rem;border-radius:13px;margin-bottom:1rem;font-size:.92rem}.notice.error{background:#fff0ed;color:var(--danger)}.notice.success{background:#e7f4ef;color:var(--success)}
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--forest);color:#d8e7e2;padding:28px 22px;display:flex;flex-direction:column;z-index:30}
.brand{display:flex;gap:12px;align-items:center;padding:8px}.brand strong{display:block;color:white}.brand small{color:#a9c3ba}
.nav{display:grid;gap:8px;margin-top:52px}.nav button{border:0;background:transparent;color:#c5d7d1;text-align:left;padding:14px 16px;border-radius:14px;font-weight:750;display:flex;align-items:center;gap:12px;position:relative}.nav button:hover,.nav button.active{background:white;color:var(--forest)}
.nav-icon{width:22px;text-align:center}.badge{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;font-size:.75rem}
.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding:22px 8px 0}.sidebar-user strong{display:block;color:white}.sidebar-user small{display:block;margin:.3rem 0;color:#a9c3ba}.logout{color:#ffd1c6;background:none;border:0;padding:8px 0;text-decoration:underline}
.main{grid-column:2;min-width:0}.topbar{height:82px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,56px);position:sticky;top:0;z-index:20}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:white;position:relative}.icon-button .badge{position:absolute;right:-7px;top:-7px}.menu-button{display:none}.content{padding:clamp(28px,5vw,64px);max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.page-head p{margin:0;color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:22px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.stat,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{padding:25px}.stat small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:750;font-size:.75rem}.stat strong{display:block;font-size:1.8rem;margin-top:.6rem}.card{padding:clamp(18px,3vw,30px)}
.split{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.card-head p{margin:0;color:var(--muted)}
.location-search{position:relative}.suggestions{list-style:none;margin:6px 0 0;padding:6px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);position:absolute;z-index:5;width:100%;max-height:220px;overflow:auto}.suggestions button{width:100%;border:0;background:white;text-align:left;padding:.7rem;border-radius:8px}.suggestions button:hover{background:var(--mint)}
.time-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.time-pair span{font-size:1.25rem;font-weight:800;color:var(--muted)}.time-pair select{text-align:center;font-weight:750}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1px solid #cfe0d9;background:var(--mint);color:var(--forest);border-radius:999px;padding:8px 10px;display:flex;gap:8px;align-items:center}.chip button{border:0;background:none;color:var(--danger);font-weight:900;padding:0}
.list{display:grid;gap:12px}.list-row{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:center;background:#fbfcfb}.list-row-main{min-width:0;flex:1}.list-row strong{display:block}.list-row p{margin:.25rem 0 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-tile{width:56px;min-width:56px;border-radius:14px;background:var(--mint);padding:8px;text-align:center;color:var(--forest);font-weight:850}.date-tile small{display:block;font-size:.65rem}.row-actions{display:flex;gap:8px}.empty{border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:var(--muted)}
.period-box{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.period-box label{min-width:230px}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;background:var(--warning);color:#805700}.status-pill.success{background:#e1f2ec;color:var(--success)}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:var(--ink);color:white;padding:13px 17px;border-radius:13px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}
.mobile-overlay{display:none}.skeleton{height:120px;border-radius:var(--radius);background:linear-gradient(90deg,#e9efec 25%,#f7f9f8 50%,#e9efec 75%);background-size:200% 100%;animation:loading 1.2s infinite}@keyframes loading{to{background-position:-200% 0}}
@media(max-width:980px){
  :root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:.22s}.shell.menu-open .sidebar{transform:none}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(9,31,26,.42);z-index:25;opacity:0;pointer-events:none;transition:.2s}.shell.menu-open .mobile-overlay{opacity:1;pointer-events:auto}.main{grid-column:1/-1}.menu-button{display:grid;place-items:center}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.topbar{height:70px}.content{padding:28px 18px 92px}.auth-layout{grid-template-columns:1fr}.auth-side{display:none}.auth-panel{border-radius:0;min-height:100vh}.form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  h1{font-size:2.35rem}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr;gap:12px}.stat{padding:19px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.card{border-radius:18px;padding:18px}.list-row{align-items:flex-start;flex-wrap:wrap}.row-actions{width:100%}.row-actions .button{flex:1}.topbar{padding:0 16px}.topbar-title{font-size:.9rem}.period-box{display:grid}.period-box label{min-width:0}.button{width:100%}.nav .button{width:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}