:root{--page: #f5f7fb;--surface: #ffffff;--surface-alt: #f8fafc;--text: #172033;--muted: #718096;--border: #e7ebf2;--accent: #2878f0;--accent-soft: #eaf2ff;--accent-text: #1b64d8;--success: #19a765;--success-soft: #eaf8f1;--warning: #d78a16;--danger: #d94c4c;--danger-soft: #fff0f0;--nav-h: 64px;--top-h: 56px;font-family:Inter,Segoe UI,San Francisco,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--page)}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text)}.btn{border:0;border-radius:9px;padding:12px 16px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 4px 18px #10000000}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--page)}.login-card{width:100%;max-width:400px;text-align:center}.brand{width:48px;height:48px;border-radius:12px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px;margin:12px 0}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-top:var(--top-h)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:20}.topbar h1{font-size:17px;margin:0}.topbar-sub{font-size:11px;color:var(--muted)}.content{padding:16px;display:flex;flex-direction:column;gap:12px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:20}.nav-item{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;font-weight:600;position:relative}.nav-item.active{color:var(--accent-text);background:var(--accent-soft)}.nav-item .glyph{font-size:18px}.badge{position:absolute;top:6px;right:18%;background:var(--danger);color:#fff;border-radius:8px;font-size:9px;padding:1px 5px;min-width:16px}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.kpi.active{background:var(--accent-soft);border-color:transparent}.kpi .num{font-size:20px;font-weight:700}.kpi .lab{font-size:11px;color:var(--muted)}.list{display:flex;flex-direction:column;gap:8px}.item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:left;width:100%}.item.selected{border-color:var(--accent);background:var(--accent-soft)}.item h3{margin:0 0 4px;font-size:14px}.item .meta{font-size:11px;color:var(--muted)}.pill{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;margin-right:4px}.pill-firm{background:var(--accent-soft);color:var(--accent-text)}.pill-ok{background:var(--success-soft);color:var(--success)}.pill-bad{background:var(--danger-soft);color:var(--danger)}.form{display:flex;flex-direction:column;gap:10px}.form label{font-size:11px;font-weight:500;color:var(--muted);display:flex;flex-direction:column;gap:4px}.form input,.form textarea,.form select{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px 12px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions .btn{flex:1;min-width:110px}.day-nav{display:flex;align-items:center;gap:8px}.day-nav h2{flex:1;text-align:center;font-size:15px;margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5000;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:18px 16px 24px;max-height:90dvh;overflow:auto}.sheet h2{margin:0 0 12px;font-size:18px}.empty{text-align:center;padding:32px 12px;color:var(--muted)}.busy{text-align:center;color:var(--muted);padding:12px}.comment{font-size:13px;padding:8px 0;border-bottom:1px solid var(--border)}.todo-item{display:flex;align-items:flex-start;gap:10px}.todo-item.done .title{color:var(--success)}.todo-item.cancelled .title{text-decoration:line-through;color:var(--danger)}.edge{border-left:4px solid var(--accent)}.edge.done{border-left-color:var(--success)}.edge.cancelled{border-left-color:var(--danger)}@media(prefers-color-scheme:dark){:root{--page: #111827;--surface: #1d2738;--surface-alt: #253247;--text: #f1f5f9;--muted: #a5b2c5;--border: #344258;--accent: #5a9bff;--accent-soft: #253f66;--accent-text: #91baff;--success: #45d18c;--success-soft: #173c30;--danger: #ff7b7b;--danger-soft: #4a282d}}