:root{--brand-black: #0b0b0b;--brand-ink: #1a1a1a;--brand-amber: #ffb520;--brand-amber-dark: #e09a10;--brand-amber-soft: #fff6e5;--brand-white: #ffffff;--surface: #f7f7f5;--card: #ffffff;--border: #e6e4df;--muted: #5c5c5c;--danger: #b00020;--danger-bg: #ffe7ea;--danger-border: #ffc1ca;--ok-bg: #e7f7ed;--ok-fg: #17633b;--blocked-bg: #fde8e8;--blocked-fg: #9b1c1c;--inactive-bg: #efefef;--inactive-fg: #4a4a4a;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--brand-ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0;background:var(--surface)}.page{max-width:1280px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-20px -20px 20px;padding:12px 20px;background:var(--brand-white);color:var(--brand-ink);border-bottom:3px solid var(--brand-amber);box-shadow:0 2px 10px #0000000a}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{height:40px;width:auto;display:block;border-radius:6px}.brand-text h1{margin:0;font-size:18px;font-weight:700;color:var(--brand-ink)}.brand-text p{margin:2px 0 0;font-size:13px;color:var(--muted)}.topbar .logout-btn{background:var(--brand-amber);color:var(--brand-black);border:0}.topbar .logout-btn:hover{background:var(--brand-amber-dark)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 8px 20px #0000000a}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(255,181,32,.18),transparent 40%),var(--surface)}.login-card{width:min(460px,100%);margin:0}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;padding:18px 16px;border-radius:10px;background:var(--brand-white);border:1px solid var(--border);border-bottom:3px solid var(--brand-amber)}.login-brand img{height:48px;width:auto;border-radius:6px}.login-brand p{margin:0;color:var(--muted);font-size:14px}.login-card h1{margin:0 0 8px;text-align:center}.login-card>p{text-align:center;color:var(--muted)}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.stat h3{margin:0;font-size:13px;color:var(--muted);font-weight:600}.stat p{font-size:28px;font-weight:700;margin:8px 0 0;color:var(--brand-ink)}.layout-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.section-block{margin-bottom:16px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header h2{margin:0}.create-client-bar{margin-bottom:12px}.create-form{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.select-hint{margin:8px 0 16px}.log-list-tall{max-height:480px}tr{cursor:pointer}.form-grid{display:grid;gap:10px}label{display:grid;gap:6px;font-size:14px}input,textarea,button{border-radius:8px;border:1px solid var(--border);padding:10px;font-size:14px;font-family:inherit}textarea{resize:vertical;min-height:96px;line-height:1.4}input:focus,textarea:focus{outline:2px solid rgba(255,181,32,.45);border-color:var(--brand-amber)}button{background:var(--brand-amber);color:var(--brand-black);border:0;cursor:pointer;font-weight:700}button:hover{background:var(--brand-amber-dark)}button:disabled{opacity:.6;cursor:not-allowed}.danger-btn{background:#b42318;color:#fff}.danger-btn:hover{background:#912018}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:8px;text-align:left}th{font-size:13px;color:var(--muted);font-weight:700}.selected-row{background:var(--brand-amber-soft)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.form-inline{display:grid;gap:8px;grid-template-columns:140px 1fr auto}.notice{background:var(--brand-amber-soft);border:1px solid #f0d08a;padding:8px;border-radius:8px}.error{color:var(--danger)}.error-banner{background:var(--danger-bg);color:#8d1127;border:1px solid var(--danger-border);padding:10px;border-radius:8px;margin-bottom:12px}.log-list{max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px}.log-item{border-bottom:1px solid var(--border);padding:8px 0}.muted{color:var(--muted);font-size:13px}.link-button{margin-top:0}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;vertical-align:middle}.status-active{background:var(--ok-bg);color:var(--ok-fg)}.status-blocked{background:var(--blocked-bg);color:var(--blocked-fg)}.status-inactive{background:var(--inactive-bg);color:var(--inactive-fg)}.charts-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.chart-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fffaf0}.chart-card h3{margin:0 0 8px;font-size:14px}.chart-card-wide{grid-column:1 / -1}.chart-wrap{width:100%;min-height:220px}.chart-range .range-btn{background:transparent;color:var(--brand-ink);border:1px solid var(--border);font-weight:600}.chart-range .range-active{background:var(--brand-amber);color:var(--brand-black)}@media (max-width: 980px){.layout-grid,.form-inline,.charts-grid{grid-template-columns:1fr}.brand-logo{height:28px}.brand-text h1{font-size:16px}}