:root{
  --bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#6b7280;
  --line:#e6eaf0;--brand:#5b5ce2;--brand-dark:#4849c9;--brand-soft:#eeeeff;
  --danger:#dc2626;--danger-soft:#fff1f2;--success:#16a34a;--success-soft:#ecfdf3;
  --warning:#d97706;--nav:#111827;--nav-hover:#1f2937;--radius:14px;--shadow:0 8px 28px rgba(15,23,42,.06)
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-width:320px}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}
.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-left,.topbar-actions,.brand,.account-menu{display:flex;align-items:center}.topbar-left{gap:12px}.brand{gap:11px;color:var(--text)}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--brand),#7c3aed);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 6px 16px rgba(91,92,226,.28)}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy b{font-size:15px}.brand-copy small{font-size:10px;color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.topbar-actions{gap:12px}.balance-pill{background:var(--brand-soft);border:1px solid #dedfff;border-radius:11px;padding:8px 13px;display:flex;flex-direction:column;line-height:1.1}.balance-pill span{font-size:10px;text-transform:uppercase;color:#7475b8;font-weight:700}.balance-pill strong{font-size:14px;color:#3435a5;margin-top:3px}.icon-button{position:relative;width:40px;height:40px;padding:0;margin:0;background:#fff;color:#4b5563;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center}.icon-button:hover{background:var(--surface-soft);color:var(--brand)}.notification-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid #fff}.account-menu{gap:10px;padding-left:3px}.avatar{width:39px;height:39px;border-radius:11px;background:#eef2ff;color:#4338ca;display:grid;place-items:center;font-weight:800}.account-copy{display:flex;flex-direction:column}.account-copy b{font-size:13px}.account-copy span{font-size:11px;color:var(--muted);margin-top:2px}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;margin:0}.menu-toggle span{display:block;height:2px;background:#374151;margin:4px 0;border-radius:3px}
.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:var(--nav);color:#fff;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;z-index:40}.sidebar-scroll{overflow:auto;padding:16px 11px;flex:1}.nav-group{margin-bottom:18px}.nav-title{padding:7px 12px;color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.sidebar a{display:flex;align-items:center;gap:11px;color:#aeb7c5;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:520;margin:2px 0;transition:.15s ease}.sidebar a:hover{background:var(--nav-hover);color:#fff}.sidebar a.active{background:linear-gradient(90deg,var(--brand),#6d5ce7);color:#fff;box-shadow:0 7px 17px rgba(91,92,226,.22)}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar a.active .nav-icon{stroke-width:2}.sidebar-footer{margin:0 11px 14px;padding:12px;border:1px solid #293446;border-radius:11px;display:flex;align-items:center;gap:10px;background:#172033}.sidebar-footer .status-dot{width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.sidebar-footer div{display:flex;flex-direction:column}.sidebar-footer b{font-size:11px}.sidebar-footer small{font-size:10px;color:#7d8aa0;margin-top:2px}.sidebar-backdrop{display:none}
.content{padding:26px 28px;min-width:0}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.page-head h1{font-size:25px;line-height:1.2;margin:2px 0 0;letter-spacing:-.025em}.eyebrow{margin:0;color:var(--brand);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.page-date{color:var(--muted);font-size:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 11px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2,.card h3{letter-spacing:-.015em}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{font-size:28px;line-height:1.1;font-weight:800;margin-top:8px;letter-spacing:-.035em}.muted{color:var(--muted);font-size:12px}.card>.muted:first-child{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.grid>.card{position:relative;overflow:hidden}.grid>.card:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-20px;top:-20px;background:var(--brand-soft)}
input,select,textarea,button{width:100%;padding:11px 12px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:var(--text);margin:5px 0 12px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#9b9cf0;box-shadow:0 0 0 3px rgba(91,92,226,.10)}textarea{min-height:105px;resize:vertical}label{font-size:12px;font-weight:650;color:#374151}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:#fff;border:0;font-weight:700;cursor:pointer;text-align:center}.button{padding:10px 13px;border-radius:9px}.button.secondary{background:#334155}.button.danger,button.btn-danger{background:var(--danger)}button:hover,.button:hover{background:var(--brand-dark);color:#fff}.inline{display:flex;gap:8px;align-items:center}.inline>*{margin:0}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;border:1px solid transparent;font-size:13px}.success,.ok{background:var(--success-soft);color:#166534;border-color:#bbf7d0}.error,.err{background:var(--danger-soft);color:#991b1b;border-color:#fecdd3}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eef2f7;font-size:11px;font-weight:700;color:#475569}
.table{overflow:visible}.table-shell{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#fff}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}th{background:#f8fafc;color:#64748b;text-transform:uppercase;letter-spacing:.045em;font-size:10px;font-weight:800;position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.hub-card h3{margin:0 0 7px}.hub-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hub-links a{padding:7px 9px;background:var(--brand-soft);color:#4f46e5;border-radius:8px;font-size:12px;font-weight:650}.health-good{color:var(--success)}.health-bad{color:var(--danger)}
.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.settings-tabs{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:3px}.settings-tabs a{padding:10px 12px;border-radius:8px;text-decoration:none;color:#334155}.settings-tabs a:hover,.settings-tabs a.active{background:var(--brand-soft);color:#4f46e5;font-weight:700}.settings-content{margin:0}.section-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-wide{grid-column:1/-1}.field label>small,.switch-row small{display:block;color:#94a3b8;font-weight:400;font-size:11px;margin-top:2px}.switch-row{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;min-height:70px}.switch-row input{width:auto;margin-top:4px}.sticky-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);border-top:1px solid var(--line);padding:14px 0 2px;margin-top:18px}.codebox{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow:auto}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.menu-toggle{display:block}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;top:72px;bottom:0;width:260px;height:auto;transition:left .2s}.nav-open .sidebar{left:0}.sidebar-backdrop{display:block;position:fixed;inset:72px 0 0;background:rgba(15,23,42,.4);z-index:35;opacity:0;visibility:hidden;transition:.2s}.nav-open .sidebar-backdrop{opacity:1;visibility:visible}.content{padding:18px}.account-copy{display:none}}
@media(max-width:650px){.grid,.grid.two,.hub-grid,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.content{padding:13px}.card{padding:14px}.page-head{align-items:flex-start}.page-head h1{font-size:22px}.page-date{display:none}.topbar{padding:0 12px}.balance-pill{display:none}.brand-copy small{display:none}.settings-layout{grid-template-columns:1fr}.settings-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V24 dashboard */
.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#4f46e5,#7c3aed);box-shadow:0 14px 34px rgba(79,70,229,.22)}.welcome-card h2{margin:3px 0 5px;font-size:27px}.welcome-card p{margin:0;color:rgba(255,255,255,.78);font-size:13px}.welcome-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:rgba(255,255,255,.72)}.quick-actions{display:flex;gap:9px;flex:none}.quick-actions .button{background:#fff;color:#4338ca}.quick-actions .button.secondary{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);color:#fff}.metric-card{display:flex;align-items:center;gap:14px;min-height:118px}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand);font-size:20px;font-weight:900}.metric-card .stat{font-size:25px;margin-top:4px}.metric-card small{display:block;margin-top:5px;color:#94a3b8;font-size:10px}.admin-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#111827;border-radius:14px;padding:5px;margin-bottom:16px;color:#fff}.admin-strip>div{padding:13px 16px;border-right:1px solid #273244;display:flex;flex-direction:column}.admin-strip>div:last-child{border-right:0}.admin-strip span{font-size:10px;color:#8793a6;text-transform:uppercase;letter-spacing:.07em}.admin-strip b{margin-top:4px;font-size:17px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card-heading h3{margin:0}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-heading>a{font-size:12px;font-weight:700}.recent-orders{min-width:0}.cell-subtitle{max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-size:10px;margin-top:3px}.status-badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#eef2f7;color:#475569;font-size:10px;font-weight:800;text-transform:capitalize}.status-completed{background:#ecfdf3;color:#15803d}.status-pending,.status-queued{background:#fff7ed;color:#c2410c}.status-processing,.status-in-progress{background:#eff6ff;color:#1d4ed8}.status-canceled,.status-failed{background:#fff1f2;color:#be123c}.status-partial{background:#fefce8;color:#a16207}.announcement-card>span,.help-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:900}.announcement-card h3,.help-card h3{margin:7px 0 8px;font-size:16px}.announcement-card p,.help-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.help-card a{display:inline-block;margin-top:13px;font-size:12px;font-weight:800}.empty-state{padding:34px 12px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state b{font-size:15px}.empty-state span{font-size:12px;color:var(--muted);margin:5px 0 15px}.empty-state .button{width:auto}
@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.dashboard-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-strip{grid-template-columns:repeat(2,1fr)}.admin-strip>div:nth-child(2){border-right:0}}
@media(max-width:650px){.welcome-card{align-items:flex-start;flex-direction:column;padding:20px}.quick-actions{width:100%}.quick-actions .button{flex:1}.dashboard-layout>aside{grid-template-columns:1fr}.admin-strip{grid-template-columns:1fr}.admin-strip>div{border-right:0;border-bottom:1px solid #273244}.admin-strip>div:last-child{border-bottom:0}.metric-card{min-height:auto}}

/* V28 Perfect-style New Order */
.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.order-card{padding:22px}.order-step{display:flex;align-items:center;gap:11px;margin-bottom:12px}.order-step.second{margin-top:25px}.order-step>span{width:29px;height:29px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.order-step>div{display:flex;flex-direction:column}.order-step b{font-size:14px}.order-step small{font-size:11px;color:var(--muted);margin-top:2px}.service-picker{position:relative}.service-picker-trigger{display:flex;justify-content:space-between;background:#fff;color:var(--text);border:1px solid #d8dee8;font-weight:650;text-align:left}.service-picker-trigger:hover{background:#fff;color:var(--text);border-color:#9b9cf0}.service-picker-menu{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% - 5px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 50px rgba(15,23,42,.16);padding:10px;max-height:430px}.service-picker-menu.open{display:block}.service-search-row{display:grid;grid-template-columns:1fr 44px;gap:8px}.service-search-row input,.service-search-row button{margin:0 0 8px}.service-search-row button{background:#f1f5f9;color:#64748b;font-size:18px}.service-search-row button.active{background:#fff7ed;color:#f59e0b}.service-options{overflow:auto;max-height:355px}.service-group{padding:9px 9px 6px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;position:sticky;top:0;background:#fff;z-index:1}.service-option{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fff;color:var(--text);border:0;border-radius:8px;padding:10px;margin:0 0 2px}.service-option:hover,.service-option.selected{background:var(--brand-soft);color:#312e81}.service-option span{display:flex;flex-direction:column;min-width:0}.service-option b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-option small{font-size:10px;color:#7c8799;margin-top:3px}.service-option em{font-style:normal;color:var(--brand);margin-left:10px}.order-fields{grid-template-columns:1fr 1fr}.order-fields input{margin-bottom:3px}.field>small{font-size:10px;color:#94a3b8}.charge-box{height:42px;border:1px solid #d8dee8;background:#f8fafc;border-radius:9px;margin-top:5px;padding:11px 12px;font-weight:850;color:#4338ca}.advanced-toggle{margin:14px 0 4px;padding:11px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.advanced-toggle label{display:flex;align-items:center;gap:8px}.advanced-toggle input{width:auto;margin:0}.drip-fields{grid-template-columns:1fr 1fr}.place-order-button{margin-top:16px;min-height:48px;display:flex;justify-content:space-between;padding:0 16px}.place-order-button small{color:rgba(255,255,255,.8);font-weight:700}.place-order-button:disabled{opacity:.55;cursor:not-allowed}.order-summary{position:sticky;top:90px}.summary-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:900}.service-summary-card h3{margin:7px 0 4px;font-size:17px}.service-summary-card>p{margin:0 0 14px;color:var(--muted);font-size:12px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.summary-grid>div{padding:11px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column}.summary-grid small{font-size:9px;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.summary-grid b{font-size:11px;margin-top:4px}.service-description{font-size:12px;line-height:1.7;white-space:pre-line;max-height:320px;overflow:auto}.description-empty{color:#94a3b8}.order-notice{background:#fffbeb;border-color:#fde68a}.order-notice b{color:#92400e}.order-notice p{margin:7px 0 0;color:#a16207;font-size:11px;line-height:1.6}
@media(max-width:1050px){.order-layout{grid-template-columns:1fr}.order-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-summary .order-notice{grid-column:1/-1}}
@media(max-width:650px){.order-card{padding:14px}.order-fields,.drip-fields,.summary-grid,.order-summary{grid-template-columns:1fr}.order-summary .order-notice{grid-column:auto}.service-picker-menu{position:fixed;left:10px;right:10px;top:90px;max-height:70vh}.service-options{max-height:calc(70vh - 65px)}}
/* V29 Orders Management */
.order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.order-metrics .card{padding:16px;display:flex;flex-direction:column;gap:6px}.order-metrics small{color:var(--muted);font-size:11px}.order-metrics b{font-size:22px}.order-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.order-tabs a{white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:11px;font-weight:750}.order-tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.order-tabs span{margin-left:4px;opacity:.75}.order-filter-card{padding:12px;margin-bottom:12px}.order-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto auto auto;gap:8px;align-items:center}.order-filter-grid input,.order-filter-grid select,.order-filter-grid button,.order-filter-grid .button{margin:0}.bulk-order-bar{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:12px}.bulk-order-bar select{max-width:220px;margin:0}.bulk-order-bar button{margin:0}.bulk-order-bar .mini{margin-left:auto}.orders-table{min-width:1250px}.orders-table th{white-space:nowrap}.orders-table td{vertical-align:top}.orders-table input[type=checkbox]{width:auto;margin:2px}.button.compact{padding:7px 10px;font-size:10px}.error-text{color:#dc2626}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100;display:grid;place-items:center;padding:20px}.order-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.modal-head h2{margin:3px 0 0}.modal-close{font-size:28px;color:var(--muted);line-height:1}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-grid>div{padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:5px}.detail-grid small{color:var(--muted)}.detail-link{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:9px;word-break:break-all}.detail-update{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-update label{font-size:11px;font-weight:700}.detail-update .wide{grid-column:1/-1}.detail-update textarea{min-height:90px}.inline-admin-form{display:flex;gap:6px;align-items:center;min-width:360px}.inline-admin-form select,.inline-admin-form input,.inline-admin-form button{margin:0}.inline-admin-form input{min-width:140px}
@media(max-width:1100px){.order-filter-grid{grid-template-columns:1fr 1fr 1fr}.order-metrics{grid-template-columns:1fr 1fr}.bulk-order-bar{flex-wrap:wrap}.bulk-order-bar .mini{width:100%;margin-left:0}}
@media(max-width:650px){.order-metrics,.detail-grid,.detail-update,.order-filter-grid{grid-template-columns:1fr}.detail-update .wide{grid-column:auto}.order-modal{padding:14px}.inline-admin-form{min-width:300px}.order-tabs{margin-right:-14px}.bulk-order-bar select{max-width:none;width:100%}}
/* V30 Settings Center */
.v30-settings{align-items:start}.v30-settings .settings-tabs{position:sticky;top:76px}.v30-settings .settings-tabs a{border:1px solid transparent;border-radius:9px;font-weight:600}.v30-settings .settings-tabs a.active{background:#eef0ff;border-color:#5b55e7;color:#27216d;box-shadow:inset 3px 0 #5b55e7}.builder{border:1px solid #dfe3ec;border-radius:12px;padding:14px;margin-bottom:16px;background:#fafbff}.builder summary{cursor:pointer;font-weight:800;color:#514bd9;margin-bottom:12px}.settings-list{border:1px solid #dfe3ec;border-radius:12px;overflow:hidden}.settings-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e7e9ef;background:#fff}.settings-row:last-child{border-bottom:0}.settings-row small{display:block;color:#778196;margin-top:3px}.settings-row .grow{flex:1}.drag{font-size:18px;color:#697386}.category-row{background:#f7f8fc}.child-row{padding-left:34px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-danger{background:#dc3545!important;color:#fff!important}@media(max-width:900px){.two-col{grid-template-columns:1fr}.v30-settings .settings-tabs{position:static}}


/* V33 Maximum Perfect-inspired admin theme — original implementation */
:root{--topbar-h:64px;--sidebar-w:226px;--panel-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.05)}
html[data-accent="blue"]{--brand:#2d8bc3;--brand-dark:#2175a7;--brand-soft:#eaf6fd}
html[data-accent="violet"]{--brand:#5b5ce2;--brand-dark:#4849c9;--brand-soft:#eeeeff}
html[data-accent="emerald"]{--brand:#159a75;--brand-dark:#0f7d60;--brand-soft:#e9fbf5}
html[data-theme="dark"]{--bg:#11151d;--surface:#1a202b;--surface-soft:#202735;--text:#eef2f7;--muted:#9aa5b4;--line:#2d3543;--nav:#151a23;--nav-hover:#222a37;--brand-soft:rgba(91,92,226,.18);color-scheme:dark}
html[data-theme="dark"] body,html[data-theme="dark"] .topbar,html[data-theme="dark"] .card,html[data-theme="dark"] .table-shell,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .page-date,html[data-theme="dark"] .icon-button,html[data-theme="dark"] th{background:var(--surface);color:var(--text)}
.panel-v33{background:var(--bg)}
.panel-v33 .topbar{height:var(--topbar-h);padding:0 18px;box-shadow:0 1px 0 var(--line);border-bottom:0}
.panel-v33 .brand-mark{width:34px;height:34px;border-radius:8px}.panel-v33 .brand-copy small{display:none}.panel-v33 .brand-copy b{font-size:16px}
.panel-v33 .menu-toggle{display:flex;flex-direction:column;justify-content:center;width:38px;height:38px;border:0;background:transparent}.panel-v33 .menu-toggle span{height:3px;margin:2.5px 0;background:#70757d}
.panel-v33 .app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:calc(100vh - var(--topbar-h))}
.panel-v33 .sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));background:#fff;color:#4a4f57;border-right:1px solid var(--line)}
.panel-v33 .sidebar-scroll{padding:10px 0}.panel-v33 .nav-group{margin:0}.panel-v33 .nav-title{display:none}
.panel-v33 .sidebar a{color:#666d76;border-radius:0;padding:11px 20px;margin:0;font-size:13px;font-weight:450;border-left:3px solid transparent}.panel-v33 .sidebar a:hover{background:#f7f8fa;color:#262b33}.panel-v33 .sidebar a.active{background:#f3f4f6;color:#252a31;box-shadow:none;border-left-color:var(--brand);font-weight:650}.panel-v33 .sidebar a .nav-icon{display:none}.panel-v33 .sidebar-footer{display:none}
.panel-v33 .content{padding:20px 22px}.panel-v33 .page-head{margin-bottom:14px}.panel-v33 .page-head h1{font-size:21px;font-weight:500}.panel-v33 .eyebrow{display:none}.panel-v33 .page-date{border-radius:3px;padding:6px 9px}
.panel-v33 .card{border-radius:4px;box-shadow:none;border-color:#dfe3e8;padding:15px;margin-bottom:12px}.panel-v33 input,.panel-v33 select,.panel-v33 textarea{border-radius:3px;padding:9px 10px;margin:4px 0 10px}.panel-v33 button,.panel-v33 .button{border-radius:3px;padding:9px 12px;font-weight:500}
.panel-v33 .table-shell{border-radius:3px}.panel-v33 table{min-width:920px}.panel-v33 th,.panel-v33 td{padding:9px 10px;font-size:11px}.panel-v33 th{background:#f7f8fa;text-transform:none;letter-spacing:0;font-size:11px;color:#41464e}.panel-v33 tbody tr:hover{background:#f7fbfe}
.panel-v33 .badge{border-radius:3px;padding:3px 7px}.panel-v33 .badge.active{background:#e9f8ef;color:#21864b}.panel-v33 .badge.inactive{background:#fbecee;color:#b52e3a}
.panel-v33 .topbar-actions{gap:7px}.panel-v33 .balance-pill{border-radius:20px;padding:6px 13px}.panel-v33 .icon-button{border:0;border-radius:50%;width:36px;height:36px;background:transparent}.panel-v33 .account-copy{display:none}.panel-v33 .avatar{border-radius:50%;width:34px;height:34px}
.theme-toggle{font-size:20px;font-weight:700}
/* Services workspace */
.panel-v33 .provider-import-card{border-left:3px solid var(--brand)}
.panel-v33 .service-toolbar{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(130px,1fr)) auto auto;gap:8px;align-items:center}.panel-v33 .service-toolbar>*{margin:0}
.panel-v33 .bulkbar{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:9px;align-items:end}.panel-v33 .bulkbar>*{margin:0}
.panel-v33 .service-table th:nth-child(2),.panel-v33 .service-table td:nth-child(2){width:78px}.panel-v33 .service-row-actions{display:flex;gap:4px;flex-wrap:wrap}.panel-v33 .service-row-actions .button,.panel-v33 .service-row-actions button{width:auto;margin:0;padding:6px 8px;font-size:10px}
.panel-v33 .editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.panel-v33 .editor-grid .wide{grid-column:1/-1}.panel-v33 .toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.panel-v33 .toggle-grid label{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:3px}.panel-v33 .toggle-grid input{width:auto;margin:0}
/* modal-like service editor */
.panel-v33 .service-editor-backdrop{position:fixed;inset:0;background:rgba(32,36,42,.64);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:28px 14px;overflow:auto}
.panel-v33 .service-editor-modal{width:min(760px,100%);background:var(--surface);border-radius:5px;box-shadow:0 20px 70px rgba(0,0,0,.34);padding:0;overflow:hidden}
.panel-v33 .service-editor-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.panel-v33 .service-editor-head h3{margin:0;font-size:18px;font-weight:500}.panel-v33 .service-editor-close{font-size:25px;color:#a5a9af}.panel-v33 .service-editor-body{padding:16px 18px}.panel-v33 .service-editor-actions{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:12px 18px;display:flex;gap:8px}.panel-v33 .service-editor-actions button,.panel-v33 .service-editor-actions .button{width:auto;margin:0}
/* mobile drawer matching reference behavior */
@media(max-width:900px){.panel-v33 .app-shell{grid-template-columns:1fr}.panel-v33 .sidebar{position:fixed;top:var(--topbar-h);left:-100%;width:100%;height:calc(100vh - var(--topbar-h));transition:left .22s ease;z-index:100}.panel-v33.nav-open .sidebar{left:0}.panel-v33 .sidebar-backdrop{display:none}.panel-v33 .sidebar a{padding:14px 30px;font-size:17px}.panel-v33 .topbar{height:72px}.panel-v33 .content{padding:14px}.panel-v33 .service-toolbar{grid-template-columns:1fr 1fr}.panel-v33 .bulkbar{grid-template-columns:1fr 1fr}.panel-v33 .account-menu{display:flex}.panel-v33 .balance-pill{display:flex}}
@media(max-width:650px){.panel-v33 .brand{display:none}.panel-v33 .topbar-actions{margin-left:auto}.panel-v33 .content{padding:12px 10px}.panel-v33 .page-head{display:none}.panel-v33 .card{padding:10px}.panel-v33 .service-toolbar,.panel-v33 .bulkbar{grid-template-columns:1fr}.panel-v33 .provider-import-card .service-toolbar{grid-template-columns:1fr}.panel-v33 .editor-grid,.panel-v33 .toggle-grid{grid-template-columns:1fr}.panel-v33 .editor-grid .wide{grid-column:auto}.panel-v33 .service-editor-backdrop{padding:20px 16px}.panel-v33 .service-editor-modal{max-height:calc(100vh - 40px);overflow:auto}.panel-v33 .service-editor-body{padding:14px}.panel-v33 table{min-width:960px}.panel-v33 th,.panel-v33 td{font-size:12px;padding:10px}.panel-v33 .topbar{padding:0 18px}.panel-v33 .menu-toggle{display:flex}.panel-v33 .theme-toggle{display:grid}}