:root{color-scheme:light;--bg: #f3f5f8;--surface: #ffffff;--surface-muted: #eef2f7;--text: #122033;--text-muted: #5c6b80;--border: #d7deea;--primary: #163b65;--primary-hover: #0f2c4c;--accent: #1f6f8b;--danger: #b42318;--success: #067647;--warning: #b54708;--shadow: 0 10px 30px rgba(18, 32, 51, .06);--radius: 12px;--sidebar-width: 248px;--header-height: 64px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:12px;top:-40px;background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px;z-index:20}.skip-link:focus{top:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr}.app-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:13px}.header-brand{display:flex;align-items:center;gap:10px;min-width:0}.header-brand img{height:40px;width:auto}.header-brand-name{font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:14px}.header-session{display:grid;justify-items:end;gap:2px;text-align:right;line-height:1.3}.header-session strong{color:var(--text);font-size:13px}.header-session span{font-size:12px}.menu-toggle{display:none;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 10px;cursor:pointer}.app-sidebar{background:#10243d;color:#e8eef6;padding:20px 14px}.nav-label{margin:0 10px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9db0c7}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.nav-link{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;color:#e8eef6}.nav-link:hover,.nav-link.active{background:#ffffff1a}.nav-hint{margin:18px 10px 0;font-size:12px;color:#8ea0b8;line-height:1.45}.app-main{padding:24px}.page{max-width:1080px}.page h1{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.page p.lead{margin:0;max-width:42rem;font-size:15px;line-height:1.5;color:var(--text-muted)}.page h2{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.page h3{margin:0 0 8px;font-size:15px;font-weight:700}.form-stack{display:grid;gap:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.settings-grid .card{margin-top:0}.card,.table-foundation,.form-foundation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card,.card+.table-foundation,.table-foundation+.form-foundation{margin-top:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.stat span{display:block;color:var(--text-muted);font-size:13px;margin-bottom:6px}.stat strong{font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.status-ok{color:var(--success)}.status-bad{color:var(--danger)}.loader,.error-state,.not-found{display:grid;gap:12px;justify-items:start}.spinner{width:28px;height:28px;border:3px solid #d5deea;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.page-loader{min-height:180px;display:grid;place-items:center;gap:10px}@keyframes spin{to{transform:rotate(360deg)}}.table-foundation table{width:100%;border-collapse:collapse}.table-foundation th,.table-foundation td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:14px}.form-foundation label{display:grid;gap:6px;margin-bottom:12px;font-size:14px}.form-foundation input{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 10px}.backdrop{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.app-sidebar{position:fixed;inset:var(--header-height) auto 0 0;width:min(84vw,280px);transform:translate(-110%);transition:transform .2s ease;z-index:8}.app-sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;inset:var(--header-height) 0 0 0;background:#10243d59;border:0;z-index:7}}@media(max-width:640px){.app-main{padding:16px}.page h1{font-size:24px}}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#8a1c14}.login-shell{width:min(720px,100%);display:grid;gap:16px}.login-shell .sa-login-card{width:100%}.session-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 20px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.session-meta dt{margin:0 0 4px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.session-meta dd{margin:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--text)}.sa-login{min-height:100vh;display:grid;place-items:center;padding:24px}.sa-login-card{width:min(440px,100%);display:grid;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.sa-login-card h1{margin:0;text-align:center}.sa-login-card .lead{margin:0;color:var(--text-muted);text-align:center}.sa-login-card label{display:grid;gap:6px;font-size:14px;font-weight:600}.sa-login-card input{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--surface)}.sa-login-card .btn{width:100%;margin-top:4px}.sa-login-card .btn.login-link-button{display:grid;place-items:center;text-decoration:none}.login-field{display:grid;gap:6px;font-size:14px;font-weight:600}.password-field{display:grid;grid-template-columns:1fr auto;align-items:stretch;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.password-field input{border:0;min-height:42px;border-radius:8px 0 0 8px}.password-toggle{border:0;background:transparent;color:var(--accent);padding:0 12px;cursor:pointer;font-size:13px;font-weight:600}.login-extra{margin:0;text-align:right;font-size:13px}.login-extra a{color:var(--accent)}.login-brand{display:grid;justify-items:center;gap:8px;text-align:center;margin-bottom:4px}.login-brand img{width:min(280px,88%);height:auto}.login-brand-name{margin:0;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;color:var(--text)}.login-brand-name.is-company,.header-brand-name.company-brand-name{text-transform:none;letter-spacing:0}.login-brand-fallback{width:96px;height:96px;font-size:36px}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-error{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:10px 12px}.form-success{color:var(--success);background:#edfcf2;border:1px solid #abefc6;border-radius:8px;padding:10px 12px}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600}.status-active{background:#edfcf2;color:var(--success)}.status-inactive{background:#f2f4f7;color:var(--text-muted)}.status-suspended{background:#fffaeb;color:var(--warning)}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}.filter-row input,.filter-row select{min-width:180px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.filter-bar,.form-grid,.detail-grid,.pagination,.row-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}.filter-bar{margin-bottom:16px}.filter-bar label,.form-grid label{display:grid;gap:6px;min-width:180px;flex:1}.filter-bar input,.filter-bar select,.form-foundation select{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 10px;background:#fff}.row-actions{align-items:center}.row-actions a,.link-button{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.permission-matrix{display:grid;gap:16px;border:1px solid var(--border);border-radius:var(--radius);padding:16px}.permission-module{display:grid;gap:8px}.permission-module h2{margin:0;font-size:1rem}.permission-module label{display:flex;align-items:center;gap:8px}.module-pending{color:var(--muted, #667085);font-weight:400;font-size:.85rem}.empty-state{padding:24px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.pagination{justify-content:flex-end;align-items:center;margin-top:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.detail-grid dt{color:var(--text-muted);font-size:13px}.detail-grid dd{margin:4px 0 0}.dialog-backdrop{position:fixed;inset:0;background:#10243d66;display:grid;place-items:center;z-index:30}.dialog{width:min(440px,calc(100vw - 32px));background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.dialog-actions{justify-content:flex-end;margin-top:16px}.tab-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-button{min-height:36px;padding:0 12px;border:1px solid var(--border);background:var(--surface);border-radius:999px;cursor:pointer}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-section h2,.card h3{margin:0 0 12px;font-size:16px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.field-error,.form-error{color:var(--danger);font-size:13px}.form-success{color:var(--success)}.hint{color:var(--text-muted);font-size:13px}.checkbox-row{display:flex;align-items:center;gap:8px;margin:12px 0}.completeness{list-style:none;padding:0;margin:0;display:grid;gap:6px}.company-hero{display:flex;gap:16px;align-items:center}.company-brand-card{display:flex;gap:16px;align-items:center;margin-bottom:20px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.company-brand-mark{display:flex;align-items:center;gap:12px;min-width:0}.company-brand-name{font-size:16px;font-weight:700;line-height:1.2;color:inherit}.company-brand-mark-sm .company-brand-name{font-size:14px}.logo-frame,.logo-dot{width:56px;height:56px;border-radius:12px;background:var(--surface-muted);display:grid;place-items:center;overflow:hidden;font-weight:700}.logo-dot{width:32px;height:32px;border-radius:8px;font-size:13px}.logo-frame img{width:100%;height:100%;object-fit:cover}.table-responsive{overflow-x:auto}.activity-list{margin:0;padding-left:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.status-draft{background:#f2f4f7;color:var(--text-muted)}.status-complete{background:#ecfdf3;color:var(--success)}.status-trial,.status-scheduled{background:#eef4ff;color:#3451b2}.status-expiring_soon{background:#fff6e5;color:#9a6700}.status-grace_period{background:#fff4e6;color:#b54708}.status-expired,.status-cancelled{background:#fef3f2;color:#b42318}.dialog-wide{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto}.checkbox-row{display:flex;align-items:center;gap:8px;min-width:180px}.full-width{flex:1 1 100%}.muted{color:var(--text-muted);font-size:13px}.dash-page .lead{max-width:42rem}.dash-identity{display:grid;justify-items:end;gap:8px;text-align:right}.dash-kpis .stat{background:var(--surface);box-shadow:var(--shadow)}.dash-kpis .stat small{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.stat-accent{border-color:#c5d4e4;background:linear-gradient(180deg,#f4f8fc,#fff)}.stat-success{border-color:#abefc6}.stat-warning{border-color:#f7d59a}.dash-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dash-grid .card{margin-top:0}.dash-grid h2{margin:0 0 4px;font-size:16px}.dash-span{grid-column:1 / -1}.dash-funnel{margin-bottom:16px}.pipeline-funnel{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pipeline-funnel li{background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;padding:12px 10px;display:grid;gap:4px;text-align:center}.pipeline-count{font-size:22px;font-weight:700;color:var(--primary)}.pipeline-label{font-size:12px;font-weight:600}.pipeline-share{font-size:12px;color:var(--text-muted)}.row-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn-compact{padding:4px 10px;font-size:12px}.btn-call,.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;color:#fff;text-decoration:none;font-size:12px;font-weight:600;border:0}.btn-call{background:#163b65}.btn-whatsapp{background:#128c7e}.action-link,.btn-link{color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.lead-quick-create,.project-create{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;padding:16px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.lead-quick-create p,.project-create>.muted{grid-column:1 / -1;margin:0}.lead-quick-create .btn{justify-self:start}.contact-actions-simple{gap:6px}.contact-actions-simple .btn-call,.contact-actions-simple .btn-whatsapp{min-width:72px}@media(max-width:900px){.pipeline-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart-bars{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.chart-bar-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px}.chart-bar-track{height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.chart-bar-fill{display:block;height:100%;border-radius:999px}.donut-wrap{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;margin-top:12px}.donut-svg{width:160px;height:160px;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:16}.donut-track{stroke:var(--surface-muted)}.donut-segment{stroke-linecap:butt}.donut-total,.donut-total-label{transform:rotate(90deg);transform-origin:80px 80px;fill:var(--text);font-weight:700}.donut-total{font-size:22px}.donut-total-label{font-size:11px;font-weight:600;fill:var(--text-muted)}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:13px}.donut-legend strong{margin-left:auto}.legend-dot{width:10px;height:10px;border-radius:999px}.trend-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;min-height:180px;margin-top:16px}.trend-col{display:grid;justify-items:center;align-content:end;gap:6px;height:180px}.trend-bar{width:100%;max-width:28px;border-radius:8px 8px 0 0;background:var(--primary)}.trend-value,.trend-label{font-size:12px;color:var(--text-muted)}.followup-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.followup-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.followup-list li:last-child{border-bottom:0;padding-bottom:0}@media(max-width:900px){.dash-grid,.settings-grid,.donut-wrap{grid-template-columns:1fr}.dash-identity{justify-items:start;text-align:left}}@media(max-width:700px){.section-head{flex-direction:column}.table-foundation table{min-width:720px}}.print-only{display:none}.handover-sheet{display:grid;gap:20px;padding:8px 0}.handover-head{display:flex;align-items:center;gap:16px}.handover-note{margin:12px 0 0;color:var(--text-muted);font-size:13px}@media print{.app-header,.app-sidebar,.skip-link,.menu-toggle,.no-print,.section-head .row-actions,.section-head .btn,.page>.card,.page>.stat-grid,.page>.dash-grid,.dialog-actions{display:none!important}.print-only{display:block!important}.dialog-backdrop{position:static;background:transparent;display:block}.handover-dialog{width:100%;max-height:none;box-shadow:none;border:0;padding:0}.handover-sheet{color:#10243d}}.sa-shell .nav-link.active .nav-token{background:var(--accent, #1f6f8b)}.sa-shell .nav-text{flex:1;min-width:0;line-height:1.25}.sa-shell .nav-link:hover .nav-token{background:#ffffff29}.sa-shell .filter-bar{align-items:start}.sa-shell .filter-bar .btn{align-self:start;margin-top:22px}.sa-shell .filter-field{display:grid;gap:6px;min-width:180px;flex:1 1 180px}.sa-shell .filter-bar input,.sa-shell .filter-bar select{width:100%;min-width:0;box-sizing:border-box}.sa-shell .table-foundation th,.sa-shell .table-foundation td{vertical-align:middle}.sa-shell .table-foundation th{font-size:12px;font-weight:650;letter-spacing:.03em;text-transform:uppercase}.sa-shell .col-actions{width:168px;min-width:168px}.nowrap{white-space:nowrap}.sa-shell .cell-clip{max-width:240px;overflow-wrap:anywhere}.action-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:148px}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;background:#eef2f6;color:inherit}.btn-action:hover{filter:brightness(.97)}.btn-action:focus-visible,.sa-shell .btn:focus-visible,.sa-shell .filter-bar input:focus-visible,.sa-shell .filter-bar select:focus-visible,.sa-shell .card input:focus-visible,.sa-shell .dialog button:focus-visible{outline:2px solid var(--accent, #1f6f8b);outline-offset:2px}.btn-view{background:#e8f1fb;color:#163b65}.btn-edit{background:#eef4ff;color:#3451b2}.btn-activate{background:#edfcf2;color:#067647}.btn-suspend{background:#fffaeb;color:#b54708;border-color:#fedf89}.btn-deactivate{background:#fef3f2;color:#b42318;border-color:#fecdca}.status-draft{background:#f2f4f7;color:#5c6b80}.status-complete{background:#ecfdf3;color:#067647}.renewal-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.renewal-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid var(--border, #d7deea);border-radius:12px}.renewal-token{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef4ff;color:#3451b2;font-size:13px;font-weight:650;white-space:nowrap}.renewal-token.urgent{background:#fff4e6;color:#b54708}.sa-shell .settings-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:700px){.sa-shell .filter-field{min-width:0;flex-basis:100%}.sa-shell .filter-bar .btn{margin-top:0}.sa-shell .table-foundation table{min-width:0}.sa-shell .settings-actions{justify-content:stretch}.sa-shell .settings-actions .btn{width:100%}}@media(max-width:900px){.sa-shell .app-sidebar:not(.open){visibility:hidden}}.sa-shell{color-scheme:dark;--bg: #0e141c;--surface: #171f2b;--surface-muted: #1e2836;--text: #e7edf5;--text-muted: #9aabbf;--border: #2c3a4d;--primary: #2c3e56;--primary-hover: #3a516c;--accent: #9ec0dc;--danger: #e3b4ae;--success: #b7d7c4;--warning: #e4c9a0;--shadow: none;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.sa-shell .app-header{grid-column:2;grid-row:1;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.sa-shell .app-sidebar{grid-column:1;grid-row:1 / -1;position:sticky;top:0;height:100vh;overflow:auto;background:#0c121a;border-right:1px solid #243044;color:#e7edf5}.sa-shell .app-main{grid-column:2;grid-row:2;min-height:0;overflow:auto;background:var(--bg)}.sa-shell .sidebar-brand{display:grid;gap:8px;margin:0 6px 16px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sa-shell .sidebar-brand .header-brand{display:grid;justify-items:start;gap:8px;min-width:0}.sa-shell .sidebar-brand .header-brand img{height:44px;width:auto;max-width:100%;object-fit:contain;background:#f7f4ef;border-radius:8px;padding:4px 6px}.sa-shell .sidebar-brand .header-brand-name{color:#f4f7fb;font-size:11px;line-height:1.35;white-space:normal}.sa-shell .nav-list{gap:6px}.sa-shell .nav-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:10px;color:#d5e0ec}.sa-shell .nav-link:hover{background:#ffffff0f}.sa-shell .nav-link.active{background:#1c2736;color:#f7f9fc}.sa-shell .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sa-shell .nav-token{width:32px;height:32px;border-radius:8px;background:#ffffff14;display:grid;place-items:center;flex:none}.sa-shell .nav-token svg{width:16px;height:16px}.sa-shell .nav-link:hover .nav-token,.sa-shell .nav-link.active .nav-token{background:#ffffff29}.sa-shell .nav-text{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.25}.sa-shell .page h1,.sa-shell .page h2,.sa-shell .page h3,.sa-shell .card h2,.sa-shell .card h3{color:var(--text)}.sa-shell .card,.sa-shell .table-foundation,.sa-shell .form-foundation,.sa-shell .session-meta,.sa-shell .stat,.sa-shell .stat-accent,.sa-shell .stat-success,.sa-shell .stat-warning,.sa-shell .dash-kpis .stat,.sa-shell .company-brand-card,.sa-shell .renewal-list li,.sa-shell .dialog{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--text)}.sa-shell .table-foundation{overflow-x:auto}.sa-shell .table-foundation table{min-width:720px}.sa-shell .table-foundation th,.sa-shell .table-foundation td,.sa-shell td.audit-detail{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text)}.sa-shell .table-foundation th{font-size:12px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.sa-shell td.audit-detail{background:transparent;border-radius:0;display:table-cell}.sa-shell input,.sa-shell select,.sa-shell textarea,.sa-shell .password-field,.sa-shell .form-foundation input,.sa-shell .filter-bar input,.sa-shell .filter-bar select{background:#101820;color:var(--text);border-color:var(--border)}.sa-shell input::placeholder,.sa-shell textarea::placeholder{color:#8ea0b5}.sa-shell .btn,.sa-shell .btn-primary,.sa-shell .btn-secondary,.sa-shell .btn-danger,.sa-shell .tab-button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #3a4a60;background:#1c2736;color:#e7edf5;font-family:inherit;font-size:14px;font-weight:600;box-shadow:none;filter:none}.sa-shell .btn:hover,.sa-shell .btn-primary:hover,.sa-shell .btn-secondary:hover,.sa-shell .tab-button:hover{background:#2a3a4e;filter:none}.sa-shell .btn-primary,.sa-shell .tab-button.active{background:#243246;color:#f7f9fc;border-color:#6d849c}.sa-shell .btn-danger,.sa-shell .btn-danger:hover{background:#241c22;color:#e7c4c0;border-color:#5a3a3a}.sa-shell .btn-action,.sa-shell .action-bar .btn-view,.sa-shell .action-bar .btn-edit,.sa-shell .action-bar .btn-activate,.sa-shell .action-bar .btn-suspend,.sa-shell .action-bar .btn-deactivate{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:6px 10px;border-radius:8px;border:1px solid #3a4a60;background:#1c2736;color:#e7edf5;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none;filter:none}.sa-shell .btn-action:hover,.sa-shell .action-bar .btn-view:hover,.sa-shell .action-bar .btn-edit:hover,.sa-shell .action-bar .btn-activate:hover{background:#2a3a4e;color:#f7f9fc;filter:none}.sa-shell .btn-suspend,.sa-shell .btn-deactivate,.sa-shell .action-bar .btn-suspend,.sa-shell .action-bar .btn-deactivate{background:#241c22;color:#e7c4c0;border-color:#5a3a3a}.sa-shell .btn-suspend:hover,.sa-shell .btn-deactivate:hover{background:#312428;color:#f3d4d0;filter:none}.sa-shell .status-badge,.sa-shell .status-active,.sa-shell .status-inactive,.sa-shell .status-suspended,.sa-shell .status-draft,.sa-shell .status-complete,.sa-shell .status-trial,.sa-shell .status-scheduled,.sa-shell .status-expiring_soon,.sa-shell .status-grace_period,.sa-shell .status-expired,.sa-shell .status-cancelled,.sa-shell .renewal-token,.sa-shell .renewal-token.urgent{background:#1c2736;color:#d7e2ef;border:1px solid #3a4a60}.sa-shell .status-suspended,.sa-shell .status-expired,.sa-shell .status-cancelled,.sa-shell .renewal-token.urgent{background:#241c22;color:#e7c4c0;border-color:#5a3a3a}.sa-shell .form-error{color:#f3c7c3;background:#2a1c1c;border-color:#5c3a38}.sa-shell .form-success{color:#c9ead6;background:#163024;border-color:#2f5a44}.sa-shell .spinner{border-color:#2c3a4d;border-top-color:#d7e2ef}.sa-shell .menu-toggle{background:#1c2736;color:#e7edf5;border-color:#3a4a60}@media(max-width:900px){.sa-shell{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr}.sa-shell .app-header{grid-column:1;grid-row:1}.sa-shell .app-main{grid-column:1;grid-row:2;overflow:visible}.sa-shell .app-sidebar{grid-column:1;grid-row:auto;position:fixed;inset:var(--header-height) auto 0 0;width:min(84vw,280px);height:auto;transform:translate(-110%);z-index:8}.sa-shell .app-sidebar.open{transform:translate(0);visibility:visible}.sa-shell .app-sidebar:not(.open){visibility:hidden}}.sa-shell .table-foundation td,.sa-shell .table-foundation td.audit-detail{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;font-variant:normal;background:transparent;color:var(--text);border-radius:0;padding:10px 8px;vertical-align:middle;text-align:left}.sa-shell .table-foundation th{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:650;line-height:1.35;letter-spacing:.03em;text-transform:uppercase;padding:10px 8px;vertical-align:middle;text-align:left}.sa-shell .table-foundation td.cell-clip{max-width:280px;overflow-wrap:anywhere;white-space:normal}.sa-shell .col-actions{width:176px;min-width:176px}.sa-shell .action-bar{width:100%}