*{box-sizing:border-box}body{color:#1c2433;background:#f5f7fa;margin:0;font-family:system-ui,-apple-system,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#cbd5e1;background:#0f172a;width:280px;padding:16px}.brand{color:#fff;font-size:18px;font-weight:700}.sidebar hr{border-color:#1e293b}.muted{color:#64748b;font-size:13px}.sidebar .muted{color:#94a3b8}.link{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:4px 0}.customer-list{margin:8px 0;padding:0;list-style:none}.customer-list button{text-align:left;color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;width:100%;padding:8px;display:flex}.customer-list button.active,.customer-list button:hover{background:#1e293b}.content{flex:1;padding:24px 32px}.tabs{gap:8px;margin:12px 0 20px;display:flex}.tabs button{text-transform:capitalize;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 14px}.tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:880px;padding:20px}label{margin:10px 0;font-size:14px;display:block}label.inline{align-items:center;gap:8px;display:flex}input,select,textarea{font:inherit;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px}label.inline input{width:auto}input.unit{width:70px}textarea.code{width:100%;font-family:ui-monospace,monospace;font-size:12px}.row{align-items:center;gap:12px;margin-top:14px;display:flex}button{font:inherit}.row button,.tabs+section button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:9px 16px}.row button:disabled{cursor:not-allowed;background:#94a3b8}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:8px;font-size:14px}.error{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:10px 14px}.new-btn{text-align:left;color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px dashed #475569;border-radius:6px;width:100%;margin-bottom:12px;padding:8px}.new-btn.active,.new-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.danger-zone{border-color:#fecaca}.danger-zone h2{color:#991b1b}button.danger{background:#dc2626!important}button.danger:disabled{cursor:not-allowed;background:#fca5a5!important}