:root{--bg:#f4f6f8;--card:#fff;--text:#111827;--muted:#6b7280;--brand:#2563eb;--brand-dark:#1d4ed8;--border:#e5e7eb;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#cfe5f6,#ddeefb 40%,#e9f2f8);background-attachment:fixed;color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:url(/suds.svg) no-repeat 50%/cover;opacity:.85;pointer-events:none;z-index:-1}.container{max-width:480px;margin:0 auto;padding:24px 20px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}h1{font-size:28px;margin:0 0 4px}h2{font-size:18px;margin:0 0 12px}.muted{color:var(--muted)}.center{text-align:center}label{display:block;font-weight:600;font-size:14px;margin:18px 0 6px}input,select,textarea{width:100%;padding:14px;font-size:16px;border:1px solid var(--border);border-radius:12px;background:#fff}textarea{min-height:90px;font-family:inherit;resize:vertical}.btn,button{width:100%;padding:16px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;border:none;border-radius:12px;background:var(--brand);color:#fff;margin-top:18px;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn:active,button:active{background:var(--brand-dark)}.btn[aria-disabled=true],button:disabled{opacity:.6;cursor:default}.btn.secondary,button.secondary{background:#fff;color:var(--brand);border:1px solid var(--brand)}.btn.secondary:active,button.secondary:active{background:#f3f6ff}.btn{display:flex;align-items:center;justify-content:center}.btn-inline{width:auto;margin-top:0;padding:10px 16px;font-size:15px}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.error{color:var(--danger)}.error,.note{margin-top:14px;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.spacer{height:20px}.stat{font-size:34px;font-weight:800;line-height:1.1}.linklike{background:none;color:var(--brand);width:auto;padding:0;margin-top:24px;font-size:14px}.brand-hero{text-align:center;margin-bottom:28px}.brand-hero-img{width:112px;height:112px;object-fit:cover;border-radius:24px;box-shadow:0 6px 18px rgba(37,99,235,.18)}.brand-landing-img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:28px;box-shadow:0 8px 24px rgba(37,99,235,.2)}.brand-name{font-size:30px;margin:14px 0 2px;letter-spacing:-.5px}.brand-bar{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);padding:6px 0 14px;border-bottom:1px solid var(--border);margin-bottom:18px}.brand-bar-img{width:36px;height:36px;object-fit:cover;border-radius:10px}.brand-bar-name{font-weight:800;font-size:18px;letter-spacing:-.3px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav{width:44px;padding:8px 0;margin:0;font-size:20px;background:#fff;color:var(--brand);border:1px solid var(--border);border-radius:10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal-weekdays{margin-bottom:6px}.cal-wd{text-align:center;font-size:12px;color:var(--muted);font-weight:600}.cal-day{position:relative;aspect-ratio:1/1;width:100%;padding:0;margin:0;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:15px;font-weight:600}.cal-day,.cal-day .cal-dot{display:flex;align-items:center;justify-content:center}.cal-day .cal-dot{position:absolute;bottom:4px;right:5px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:#fff;background:var(--brand);border-radius:8px}.cal-sel,.cal-today{border-color:var(--brand)}.cal-sel{background:var(--brand);color:#fff}.cal-sel .cal-dot{background:#fff;color:var(--brand)}.btn-indigo{background:#fafbfd;color:#1d4ed8;border:1px solid #dbe4f0}.btn-teal{background:#d6f6e9;color:#166534;border:1px solid #b2e8d2}.btn-green{background:#f9f7ce;color:#3f6212;border:1px solid #e8e4a8}.btn-amber{background:#fbead0;color:#92400e;border:1px solid #f3d9ae}.btn-grey{background:#ebebeb;color:#4b5563;border:1px solid #d8d8d8}.btn-coral{background:#fbe5da;color:#9a3412;border:1px solid #f4cdba}.btn-amber:active,.btn-coral:active,.btn-green:active,.btn-grey:active,.btn-indigo:active,.btn-teal:active{filter:brightness(.97)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:12px 0}.tile-grid .btn,.tile-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px 12px;margin:0;font-size:17px;font-weight:700;text-decoration:none;min-height:128px;border-radius:22px}.tile-label{text-decoration:underline}.tile-img{height:62px;width:auto;display:block}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 2px 7px;min-height:56px;font-size:11px;font-weight:600;text-decoration:none;color:var(--muted)}.tabbar a.active{color:var(--brand)}.tabbar svg{width:23px;height:23px;display:block}.tabbar .tab-badge{position:absolute;transform:translate(14px,-8px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6;background:var(--border);color:var(--muted)}.badge-warn{background:#fbead0;color:#92400e}.badge-danger{background:#fde2e2;color:#991b1b}.badge-ok{background:#d6f6e9;color:#166534}.empty{text-align:center;padding:26px 20px;border:1px dashed var(--border);border-radius:16px;background:hsla(0,0%,100%,.6)}.empty p{margin:0 0 4px}.skel{background:linear-gradient(90deg,#eef1f4 25%,#e2e7ec 37%,#eef1f4 63%);background-size:400% 100%;border-radius:10px;animation:skel 1.3s ease-in-out infinite}@keyframes skel{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.actions-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.actions-row .btn{margin-top:0}