:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--primary:#111827;--accent:#2563eb;--work:#dbeafe;--school:#f3e8ff;--free:#dcfce7;--other:#ffedd5}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.topbar{background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:14px 4%;position:sticky;top:0;z-index:50}.brand{font-weight:800}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:9px 11px;border-radius:10px}.topbar nav a:hover{background:#f3f4f6}.userchip{font-size:13px;background:#f3f4f6;padding:8px 10px;border-radius:999px}.page{max-width:1450px;margin:auto;padding:28px 24px 60px}.hero-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.hero-row h1{margin:0 0 5px}.muted{color:var(--muted);margin:0}.panel{background:#fff;border:1px solid #eef0f3;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(16,24,40,.06);margin-bottom:18px}.panel h2{margin-top:0}.legend-panel{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.legend-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.legend-user{display:inline-flex;align-items:center;gap:6px;font-size:13px}.legend-user i,.who i,.user-name i{width:11px;height:11px;border-radius:50%;display:inline-block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}.day-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;min-height:240px}.day-card.today{outline:2px solid var(--accent)}.day-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.weather{border-radius:12px;padding:9px;background:#f8fafc;margin-bottom:8px;display:grid;gap:4px}.weather>div{display:flex;gap:6px;align-items:center}.weather small{font-size:11px;color:#4b5563}.weather.good{background:#ecfdf5}.weather.ok{background:#fefce8}.weather.bad{background:#fef2f2}.entries{display:grid;gap:6px}.entry{border-left:5px solid var(--user-color);padding:8px;border-radius:10px;font-size:12px}.entry.work{background:var(--work)}.entry.school{background:var(--school)}.entry.free{background:var(--free)}.entry.other{background:var(--other)}.entry.meal{background:#f8fafc}.who{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.who i{background:var(--user-color)}.entry>span{display:block;margin-top:4px;color:#475569}.kind-pill{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.kind-pill.work{background:#bfdbfe}.kind-pill.school{background:#e9d5ff}.kind-pill.free{background:#bbf7d0}.kind-pill.other{background:#fed7aa}.mealpill{background:#e2e8f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px;font-size:13px;font-weight:600}.span2{grid-column:1/-1}input,select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:15px}.btn{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}.btn.primary{background:#111827;color:#fff;border-color:#111827}.checks,.quick{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important;background:#f8fafc;padding:8px 10px;border-radius:10px}.check input{width:auto}.alert-grid{display:flex;flex-wrap:wrap;gap:8px}.alert{padding:10px 12px;border-radius:10px}.alert.warn{background:#fffbeb}.alert.bad{background:#fef2f2}.badge{background:#111827;color:#fff;border-radius:999px;padding:3px 8px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.kpi span{display:block;color:var(--muted);font-size:13px}.kpi b{font-size:26px}.chart-wrap{height:300px}.stat-row,.transaction,.user-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.stat-row small,.transaction small,.user-row small{display:block;color:var(--muted)}.user-name{display:flex;align-items:center;gap:9px}.shop-row{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.shop-row small{display:block;color:var(--muted)}.tick{width:50px;height:50px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;font-size:23px}.done{opacity:.45;text-decoration:line-through}.empty{text-align:center;padding:20px;color:var(--muted)}.auth-wrap{min-height:80vh;display:grid;place-items:center}.auth-card{width:min(420px,100%);background:#fff;padding:28px;border-radius:22px;box-shadow:0 20px 50px rgba(16,24,40,.12)}.auth-card form{display:grid;gap:14px}.auth-card label{display:grid;gap:6px}.narrow{max-width:700px;margin:auto}.upload-box{text-align:center;border:2px dashed #cbd5e1;border-radius:18px;padding:34px;display:grid;gap:14px}.camera-icon{font-size:54px}.rrow{display:grid;grid-template-columns:2fr 1fr 120px;gap:8px;margin-bottom:7px}.ocr{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:12px}.bigbtn{padding:14px 18px;font-size:16px}
@media(max-width:1100px){.calendar{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;padding:10px 14px}.topbar nav{grid-row:2;grid-column:1/-1;overflow:auto}.page{padding:18px 10px}.two-col,.kpis{grid-template-columns:1fr}.calendar{grid-template-columns:1fr}.day-card{min-height:auto}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.hero-row{align-items:flex-start;flex-direction:column}.rrow{grid-template-columns:1fr}.chart-wrap{height:260px}}@media(orientation:landscape) and (max-height:600px){.calendar{grid-template-columns:repeat(4,1fr)}.topbar{position:relative}.chart-wrap{height:220px}}


.share-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.share-row small,.shared-card small{display:block;color:var(--muted);margin-top:3px}
.share-row form{display:flex;gap:7px;align-items:center}
.share-row select{min-width:170px}
.shared-card{background:#f8fafc;border:1px solid #dbe3ee;border-left:4px solid #64748b;border-radius:12px;padding:10px 12px}
@media(max-width:760px){.share-row{grid-template-columns:1fr}.share-row form{flex-direction:column;align-items:stretch}.share-row select{min-width:0}}

.entry.awayday{background:#fee2e2}
.kind-pill.awayday{background:#fecaca;color:#7f1d1d}
.entry-actions{display:flex;justify-content:flex-end;margin-top:5px}
.mini-link{font-size:11px;font-weight:700;color:#334155;background:rgba(255,255,255,.72);padding:3px 7px;border-radius:999px}
.danger-btn{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}