:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #263449;--text: #e2e8f0;--muted: #94a3b8;--ok: #22c55e;--accent: #38bdf8;--danger: #ef4444;--border: #334155}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.app__header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.app__header h1{margin:0;font-size:28px}.app__subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.brand{display:flex;align-items:center;gap:12px}.brand__logo{font-size:30px;line-height:1}.brand__name{margin:0;font-size:24px}.client-bar{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:13px}.client-bar__item{color:var(--text)}.client-bar__label{color:var(--muted);margin-right:6px}.app__body{display:flex;gap:28px;align-items:flex-start}.sidebar{display:flex;flex-direction:column;gap:4px;min-width:180px;position:sticky;top:20px}.sidebar__item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;border:1px solid transparent}.sidebar__item:hover{background:var(--panel);color:var(--text)}.sidebar__item--active{background:var(--panel);color:var(--text);border-color:var(--border);font-weight:600}.sidebar__icon{font-size:16px}.app__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:40px}@media (max-width: 720px){.app__body{flex-direction:column}.sidebar{flex-direction:row;flex-wrap:wrap;position:static;min-width:0}}.section-title{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.card__label{font-size:13px;color:var(--muted)}.card__value{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.card__value--ok{color:var(--text)}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #22c55e33}.tasks{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tasks th,.tasks td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.tasks th{font-size:13px;color:var(--muted);background:var(--panel-2)}.tasks tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--done{background:#22c55e26;color:var(--ok)}.badge--pending{background:#facc1526;color:#facc15}.task-actions{display:flex;gap:8px}.task-form{display:flex;gap:10px;margin-bottom:16px}.task-form__input{flex:1;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.task-form__input:focus{outline:none;border-color:var(--accent)}.btn{padding:10px 16px;border:none;border-radius:8px;background:var(--accent);color:#0f172a;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn--sm{padding:6px 10px;font-size:12px}.btn--danger{background:var(--danger);color:#fff}.hint{color:var(--muted)}.hint--error{color:var(--danger)}