:root{--bo-bg:#f4f5f7;--bo-surface:#fff;--bo-text:#0f172a;--bo-muted:#64748b;--bo-label:#475569;--bo-border:#e2e8f0;--bo-dark:#1e293b;--bo-dark-hover:#0f172a;--bo-danger:#dc2626;--bo-shadow:0 2px 16px rgba(15,23,42,.08);--bo-shadow-sm:0 1px 3px rgba(15,23,42,.06)}*{box-sizing:border-box}body,html{background:var(--bo-bg);color:var(--bo-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}.bo-page{margin:0 auto;max-width:960px;padding:28px 20px 64px}.bo-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.bo-title{color:var(--bo-text);font-size:22px;font-weight:600;letter-spacing:-.02em}.bo-actions{display:flex;flex-wrap:wrap;gap:8px}.bo-muted{color:var(--bo-muted)}.bo-card{background:var(--bo-surface);border:1px solid var(--bo-border);border-radius:12px;box-shadow:var(--bo-shadow);padding:18px 20px}.bo-card+.bo-card{margin-top:14px}.bo-section{margin-top:16px}.bo-section-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.bo-h3{color:var(--bo-label);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bo-btn{align-items:center;background:var(--bo-surface);border:1.5px solid var(--bo-border);border-radius:8px;color:var(--bo-text);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 14px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap}.bo-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bo-btn--primary{background:var(--bo-dark);border-color:var(--bo-dark);color:#fff}.bo-btn--primary:hover{background:var(--bo-dark-hover);border-color:var(--bo-dark-hover)}.bo-btn--sm{font-size:13px;height:32px;padding:0 11px}.bo-btn--xs{border-radius:7px;font-size:12.5px;height:28px;padding:0 9px}.bo-btn:disabled{cursor:not-allowed;opacity:.5}.bo-btn--logout{color:var(--bo-muted)}.bo-btn--logout:hover{background:#fef2f2;border-color:#fecaca;color:var(--bo-danger)}.bo-input,.bo-select{background:#fff;border:1.5px solid var(--bo-border);border-radius:8px;color:var(--bo-text);font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.bo-input:focus,.bo-select:focus{border-color:var(--bo-dark);box-shadow:0 0 0 3px #1e293b14}.bo-field{display:flex;flex-direction:column;gap:5px}.bo-label{color:var(--bo-label);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bo-table{border-collapse:collapse;width:100%}.bo-table th{border-bottom:1px solid var(--bo-border);color:var(--bo-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:8px 10px;text-align:left;text-transform:uppercase}.bo-table td{border-bottom:1px solid #f1f5f9;padding:11px 10px;vertical-align:middle}.bo-table tr:last-child td{border-bottom:none}.bo-cell-muted{color:var(--bo-muted)}.bo-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:24px;padding:0 10px}.bo-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.bo-badge--on{background:#ecfdf5;color:#059669}.bo-badge--off{background:#f1f5f9;color:#64748b}.bo-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--bo-danger);font-size:13px;padding:10px 12px}.bo-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.bo-modal{background:var(--bo-surface);border-radius:14px;box-shadow:0 12px 40px #0f172a40;display:flex;flex-direction:column;gap:12px;max-width:420px;padding:22px;width:100%}.bo-modal-title{font-size:17px;font-weight:600;letter-spacing:-.01em}.bo-modal-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.bo-hint{color:var(--bo-muted);font-size:12.5px}.bo-center{display:grid;min-height:100vh;padding:16px;place-items:center}.bo-center .bo-card{max-width:380px;padding:32px 30px;width:100%}@media(max-width:640px){.bo-page{padding:18px 14px 48px}.bo-actions{width:100%}.bo-actions .bo-btn{flex:1}}