:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:0 14px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.primary,.primary{border-color:#0f172a;background:#0f172a;color:#fff}button.ghost{background:transparent}input,select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;padding:0 12px}label{display:grid;gap:7px;color:#475569;font-size:.86rem;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.05}h2{font-size:1.05rem}.center-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-screen{background:linear-gradient(140deg,rgba(56,189,248,.18),transparent 36%),linear-gradient(320deg,rgba(34,197,94,.14),transparent 34%),#f8fafc}.login-panel,.panel,.kpi{border:1px solid #e2e8f0;border-radius:8px;background:#ffffffeb;box-shadow:0 20px 50px #0f172a12}.login-panel{width:min(100%,520px);display:grid;gap:28px;padding:28px}.brand-row{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center}.brand-mark{width:46px;height:46px;border-radius:12px;background:radial-gradient(circle at 50% 32%,#f97316 0 16%,transparent 17%),linear-gradient(135deg,#38bdf8,#22c55e);box-shadow:inset 0 0 0 8px #0f172a}.eyebrow{color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px;display:grid;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.error,.error-banner{color:#b91c1c}.error-banner,.status-banner{border:1px solid #fecaca;border-radius:8px;background:#fff1f2;padding:12px 14px}.status-banner{border-color:#bfdbfe;background:#eff6ff;color:#1e40af;font-weight:700}.tabs,.preset-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tabs button,.preset-row button{white-space:nowrap}.tabs button.active,.preset-row button.active{border-color:#0f172a;background:#0f172a;color:#fff}.panel{padding:18px;display:grid;gap:16px}.setup-grid,.sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setup-panel form,.login-panel form{display:grid;gap:14px}.muted{color:#64748b;line-height:1.5}.filters{gap:14px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{display:grid;gap:8px;padding:16px;min-height:102px}.kpi span{color:#64748b;font-size:.82rem;font-weight:800}.kpi strong{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.05}.primary-kpi{background:#0f172a;color:#fff}.primary-kpi span{color:#bae6fd}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading>span{color:#64748b;font-size:.86rem;font-weight:700}.stacked-chart{height:270px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(34px,1fr);gap:8px;align-items:end;overflow-x:auto;padding:8px 2px 0}.daily-column{height:100%;min-width:34px;display:grid;grid-template-rows:24px 1fr 22px;gap:8px;align-items:end}.daily-value,.daily-label{color:#64748b;font-size:.72rem;font-weight:800;line-height:1.1;text-align:center;white-space:nowrap}.stacked-bar{width:100%;min-height:4px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-self:end;border-radius:6px 6px 0 0;background:#e2e8f0;box-shadow:inset 0 0 0 1px #0f172a14}.stacked-bar.empty{background:repeating-linear-gradient(-45deg,#e2e8f0,#e2e8f0 4px,#f8fafc 4px 8px)}.day-segment{appearance:none;position:relative;display:block;min-height:3px;width:100%;border:0;border-radius:0;padding:0;cursor:default;transition:filter .14s ease,transform .14s ease}.day-segment:last-child{border-radius:6px 6px 0 0}.day-segment:hover,.day-segment:focus-visible{filter:brightness(1.08) saturate(1.15);outline:2px solid #0f172a;outline-offset:2px;transform:scaleX(1.08);z-index:2}.day-segment:hover:after,.day-segment:focus-visible:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:220px;transform:translate(-50%);border-radius:8px;background:#0f172a;color:#fff;padding:7px 9px;font-size:.78rem;font-weight:700;line-height:1.25;white-space:normal;box-shadow:0 12px 28px #0f172a33;pointer-events:none}.group-bars,.group-editor,.jobs,.rules{display:grid;gap:10px}.group-bar,.group-card,.jobs article{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px}.group-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-bar div{display:flex;align-items:center;gap:8px}.swatch{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.group-edit-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:end}.group-edit-row input[type=color]{padding:4px}.rules{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.rules span{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;background:#f1f5f9;padding:8px 10px;color:#334155;font-size:.86rem}.rules button{min-height:28px;width:28px;padding:0}.status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.status-list div{border-radius:8px;background:#f1f5f9;padding:12px}.status-list dt{color:#64748b;font-size:.8rem;font-weight:800}.status-list dd{margin:5px 0 0;font-weight:800}.jobs article{display:grid;gap:5px}.jobs span{color:#64748b}@media(max-width:880px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid,.sync-grid{grid-template-columns:1fr}}@media(max-width:620px){.app-shell{padding:12px}.topbar{align-items:flex-start}.field-row,.status-list{grid-template-columns:1fr}.group-edit-row{grid-template-columns:48px 1fr}.group-edit-row button{grid-column:1 / -1}.stacked-chart{height:230px}}