:root { color-scheme: dark; --bg:#080c18; --sidebar:#070a14; --surface:#101725; --surface-2:#141c2e; --surface-3:#182238; --border:rgba(148,163,184,.11); --border-strong:rgba(148,163,184,.2); --text:#f4f7fb; --muted:#8f9bb2; --muted-2:#657189; --violet:#7c5cff; --violet-bright:#9178ff; --blue:#4d8dff; --green:#35d39a; --orange:#f6a83b; --red:#ff6174; --radius:16px; --shadow:0 18px 50px rgba(0,0,0,.16); --sidebar-w:248px; }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--bg); }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; } button { color:inherit; } a { color:inherit; text-decoration:none; } .icon { display:inline-block; flex:0 0 auto; }
.app-shell { min-height:100vh; }
.sidebar { position:fixed; inset:0 auto 0 0; z-index:30; display:flex; width:var(--sidebar-w); flex-direction:column; padding:28px 20px 18px; border-right:1px solid var(--border); background:var(--sidebar); }
.brand { display:flex; align-items:center; gap:12px; padding:0 9px; }
.brand-mark { position:relative; display:inline-flex; width:33px; height:33px; align-items:center; justify-content:center; gap:2px; border-radius:10px; background:linear-gradient(145deg,#8b6aff,#5266f8); box-shadow:0 8px 22px rgba(105,86,255,.3); }
.brand-mark i { display:block; width:3px; border-radius:3px; background:white; }.brand-mark i:nth-child(1){height:9px;opacity:.8}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px;opacity:.85}
.brand b { display:block; font-family:Manrope,Inter,sans-serif; font-size:16px; letter-spacing:-.02em; }.brand small { display:block; margin-top:1px; color:var(--muted-2); font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.side-nav { display:grid; gap:6px; margin-top:46px; }.nav-item { position:relative; display:flex; height:44px; align-items:center; gap:13px; padding:0 13px; border:1px solid transparent; border-radius:12px; color:#778299; font-weight:500; transition:.18s ease; }.nav-item:hover { background:rgba(255,255,255,.035); color:#c7d0e2; }.nav-item.active { border-color:rgba(124,92,255,.14); background:linear-gradient(90deg,rgba(124,92,255,.15),rgba(124,92,255,.055)); color:#bfb3ff; }.nav-item.active::before { position:absolute; left:-21px; width:3px; height:22px; border-radius:0 4px 4px 0; background:var(--violet-bright); content:''; box-shadow:0 0 14px rgba(145,120,255,.55); }
.sidebar-foot { display:grid; gap:12px; margin-top:auto; }.workspace-switch { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; width:100%; padding:11px; border:1px solid var(--border); border-radius:13px; background:#0c111e; text-align:left; cursor:pointer; }.workspace-switch:hover{border-color:rgba(124,92,255,.35)}.workspace-switch b,.admin-card b{display:block;font-size:12px}.workspace-switch small,.admin-card small{display:block;margin-top:3px;color:var(--muted-2);font-size:10px}.workspace-switch>.icon{color:var(--muted-2)}
.avatar { display:inline-grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:linear-gradient(145deg,#28324b,#161d30); color:#dce3f2; font-size:10px; font-weight:700; }.avatar-client{background:linear-gradient(145deg,#684cea,#3f55d7);color:white}.admin-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px}.admin-card button{border:0;background:transparent;color:var(--muted-2);cursor:pointer}
.workspace { min-height:100vh; margin-left:var(--sidebar-w); }.topbar{position:sticky;top:0;z-index:20;display:flex;height:74px;align-items:center;gap:20px;padding:0 clamp(24px,4vw,54px);border-bottom:1px solid var(--border);background:rgba(8,12,24,.86);backdrop-filter:blur(16px)}
.global-search{display:flex;width:min(540px,46vw);height:40px;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:rgba(16,23,37,.78);color:var(--muted-2)}.global-search:focus-within{border-color:rgba(124,92,255,.48);box-shadow:0 0 0 3px rgba(124,92,255,.09)}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.global-search input::placeholder{color:#667187}.global-search kbd{padding:3px 6px;border:1px solid var(--border);border-radius:5px;color:#68748c;font-size:9px}
.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#7654f6,#5e65f6);color:white;box-shadow:0 8px 24px rgba(94,86,246,.24)}.btn-primary:hover{background:linear-gradient(135deg,#8565ff,#6c74ff)}.btn-soft{border-color:var(--border);background:#161e30;color:#d9dfeb}.btn-soft:hover{border-color:rgba(124,92,255,.32);background:#1a2439}.icon-btn{position:relative;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.notification-btn>span{position:absolute;top:8px;right:8px;width:6px;height:6px;border:2px solid var(--surface);border-radius:50%;background:var(--red)}.top-avatar,.mobile-brand{display:none}
.content{width:min(1220px,calc(100% - 64px));margin:0 auto;padding:42px 0 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{margin:4px 0 7px;font-family:Manrope,Inter,sans-serif;font-size:clamp(25px,2.3vw,32px);line-height:1.2;letter-spacing:-.035em}.page-head h1 span{font-size:.72em}.page-head p{margin:0;color:var(--muted)}.eyebrow{color:#6d7991!important;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.live-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(53,211,154,.16);border-radius:999px;background:rgba(53,211,154,.055);color:#70dcb5;font-size:10px;font-weight:600}.live-pill>span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(53,211,154,.7)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{position:relative;display:grid;grid-template-columns:auto 1fr;min-height:150px;gap:15px;padding:21px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(19,27,45,.96),rgba(14,20,34,.98));box-shadow:var(--shadow)}.metric-card::after{position:absolute;top:-60px;right:-45px;width:140px;height:140px;border-radius:50%;content:'';filter:blur(3px);opacity:.1}.metric-danger::after{background:var(--red)}.metric-warning::after{background:var(--orange)}.metric-success::after{background:var(--green)}.metric-icon,.type-icon{display:inline-grid;place-items:center;border-radius:11px}.metric-icon{width:39px;height:39px}.metric-danger .metric-icon{background:rgba(255,97,116,.1);color:var(--red)}.metric-warning .metric-icon{background:rgba(246,168,59,.1);color:var(--orange)}.metric-success .metric-icon{background:rgba(53,211,154,.1);color:var(--green)}.metric-card p{margin:1px 0 7px;color:var(--muted);font-size:11px;font-weight:500}.metric-card strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:25px;letter-spacing:-.035em}.metric-card small{display:block;margin-top:5px;color:var(--muted-2);font-size:10px}.metric-card>a{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:3px;color:#7f8aa2;font-size:10px;font-weight:600}.metric-card>a:hover{color:#bbb1ff}
.panel{margin-top:20px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(16,23,37,.72);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 16px}.panel-head h2{margin:4px 0 0;font-family:Manrope,Inter,sans-serif;font-size:17px}.section-kicker{color:#746aa8;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.count-pill{padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:#121a2a;color:var(--muted-2);font-size:9px}.todo-list{padding:0 10px}.todo-row{display:grid;grid-template-columns:auto minmax(210px,1fr) minmax(135px,.55fr) auto;align-items:center;gap:15px;min-height:76px;padding:10px 12px;border-top:1px solid var(--border)}.type-icon{width:36px;height:36px}.type-icon.orange{background:rgba(246,168,59,.09);color:var(--orange)}.type-icon.red{background:rgba(255,97,116,.09);color:var(--red)}.type-icon.violet{background:rgba(124,92,255,.1);color:#9b87ff}.todo-main span,.todo-main strong,.todo-main small{display:block}.todo-type{margin-bottom:3px;color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.todo-main strong{font-size:12px}.todo-main small{margin-top:3px;color:var(--muted);font-size:10px}.todo-state{display:grid;justify-items:start;gap:6px}.todo-state small{color:var(--muted-2);font-size:9px}.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:600}.badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-green{background:rgba(53,211,154,.09);color:#55d8aa}.badge-orange{background:rgba(246,168,59,.09);color:#f2b352}.badge-red{background:rgba(255,97,116,.09);color:#ff7181}.badge-violet{background:rgba(124,92,255,.1);color:#9a88ff}.panel-link{display:flex;align-items:center;justify-content:center;gap:4px;margin:2px 10px 10px;padding:13px;border-top:1px solid var(--border);color:#7f8ba2;font-size:10px;font-weight:600}.panel-link:hover{color:#b7adff}
.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:10px;pointer-events:none}.toast{display:flex;width:min(350px,calc(100vw - 32px));align-items:flex-start;gap:11px;padding:14px;transform:translateY(16px);border:1px solid rgba(53,211,154,.18);border-radius:13px;background:#121a29;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transition:.22s ease}.toast.show{transform:translateY(0);opacity:1}.toast-check{display:inline-grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:8px;background:rgba(53,211,154,.1);color:var(--green)}.toast strong{display:block;font-size:11px}.toast p{margin:4px 0 0;color:var(--muted);font-size:10px}
@media(max-width:900px){:root{--sidebar-w:80px}.sidebar{width:var(--sidebar-w);padding-inline:13px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-item span,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active::before{left:-14px}.global-search{width:min(420px,48vw)}.content{width:min(100% - 40px,1100px)}.todo-row{grid-template-columns:auto minmax(180px,1fr) minmax(120px,.45fr) auto}}
@media(max-width:680px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:64px;padding:0 16px}.mobile-brand{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:0;background:transparent}.mobile-brand .brand-mark{width:31px;height:31px}.global-search{width:auto;flex:1}.global-search input::placeholder{color:transparent}.global-search kbd,.top-avatar{display:none}.top-actions{margin-left:0}.top-actions .btn{width:38px;padding:0}.top-actions .btn span{display:none}.notification-btn{display:none}.content{width:calc(100% - 28px);padding:28px 0 42px}.page-head{align-items:flex-start}.live-pill{display:none}.metrics{grid-template-columns:1fr}.metric-card{min-height:135px}.todo-row{grid-template-columns:auto 1fr auto;gap:11px;padding:14px 8px}.todo-state{grid-column:2;grid-row:2}.todo-row>.btn{grid-column:3;grid-row:1/span 2}.todo-main small{line-height:1.45}.toast-stack{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Shared application primitives */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5b31c9;outline-offset:3px}
button[disabled]{cursor:not-allowed;opacity:.42}.page-actions{display:flex;align-items:center;gap:10px}.wave{font-size:.72em}.desktop-only{display:inline-flex}.strong-link,.link-button{padding:0;border:0;background:transparent;color:#f1f4fa;text-align:left;cursor:pointer}.strong-link:hover,.link-button:hover{color:#a899ff}.small-link{display:flex;align-items:center;gap:3px;color:#8290aa;font-size:10px;font-weight:600}.small-link:hover{color:#b7adff}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#7c89a2;font-size:11px;font-weight:600}.back-link:hover{color:#c0b5ff}.danger-text{color:var(--red)!important}.muted-note{color:var(--muted);font-size:11px;line-height:1.6}.full-btn{width:100%}.btn-large{min-height:46px}.btn-danger{background:#d94f61;color:white}.btn-danger:hover{background:#eb5a6d}.btn-danger-ghost{border-color:rgba(255,97,116,.15);background:rgba(255,97,116,.055);color:#ff7b8a}.btn-danger-ghost:hover{background:rgba(255,97,116,.1)}
.list-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.list-toolbar>span{color:var(--muted-2);font-size:10px}.list-toolbar.split{align-items:center}.list-search{display:flex;width:min(380px,100%);min-height:40px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:rgba(16,23,37,.72);color:var(--muted-2)}.list-search.full{width:100%}.list-search:focus-within{border-color:rgba(124,92,255,.42);box-shadow:0 0 0 3px rgba(124,92,255,.08)}.list-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.filter-pills{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#0d1422}.filter-pills button{min-height:30px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#7e8aa2;font-size:10px;font-weight:600;cursor:pointer}.filter-pills button.active{background:#1a2337;color:#e5e9f2;box-shadow:0 3px 10px rgba(0,0,0,.15)}.client-filters{width:fit-content;margin-bottom:18px}
.table-wrap{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(16,23,37,.68);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse}.data-table th{height:42px;padding:0 15px;border-bottom:1px solid var(--border);background:rgba(7,11,21,.34);color:#68758c;font-size:9px;font-weight:700;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{height:63px;padding:10px 15px;border-bottom:1px solid var(--border);color:#a9b3c6;font-size:11px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:rgba(255,255,255,.018)}.data-table td>strong,.data-table td a strong{color:#edf1f7}.data-table td small{display:block;margin-top:4px;color:var(--muted-2);font-size:9px}.data-table .btn{min-height:30px;padding:0 10px;font-size:10px}.table-more{width:30px;height:30px;margin-left:auto}.client-cell{display:flex;align-items:center;gap:10px}.client-cell>span:last-child{display:block}.client-cell strong,.client-cell small{display:block}.client-cell small{margin-top:3px;color:var(--muted-2)}
.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;padding:32px;text-align:center}.empty-state>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--muted-2)}.empty-state h3{margin:13px 0 5px;font-size:14px}.empty-state p{max-width:340px;margin:0 0 15px;color:var(--muted);font-size:11px;line-height:1.6}
.entity-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.entity-ident{display:flex;min-width:0;align-items:center;gap:15px}.entity-ident .avatar-lg{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#5b49bf,#26366f);font-size:14px}.entity-ident p{margin:0 0 4px;color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.08em}.entity-ident h1{margin:0;font-family:Manrope,Inter,sans-serif;font-size:24px;letter-spacing:-.03em}.entity-ident span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.entity-head>.badge{margin-left:4px}.entity-actions{display:flex;gap:8px;margin-left:auto}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#101827,#0e1523)}.summary-strip>div{min-height:88px;padding:18px 20px;border-right:1px solid var(--border)}.summary-strip>div:last-child{border-right:0}.summary-strip span,.detail-grid span,.info-grid span{display:block;margin-bottom:7px;color:var(--muted-2);font-size:9px;font-weight:600}.summary-strip strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:18px}.summary-strip small{display:block;margin-top:4px;color:var(--muted-2);font-size:9px}.detail-panel{overflow:hidden}.tabs{display:flex;align-items:center;gap:4px;padding:0 18px;border-bottom:1px solid var(--border)}.tabs button{position:relative;min-height:52px;padding:0 12px;border:0;background:transparent;color:#75819a;font-size:10px;font-weight:600;cursor:pointer}.tabs button::after{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:3px 3px 0 0;background:var(--violet-bright);content:'';opacity:0}.tabs button.active{color:#c6bbff}.tabs button.active::after{opacity:1}.tabs-roomy{gap:12px}.tabs-roomy button{min-height:58px;font-size:11px}.tabs button>span{margin-left:5px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.045);font-size:8px}.tab-content{padding:20px}.tab-content.no-pad-top{padding:0}.stack-list{display:grid}.stack-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px solid var(--border)}.stack-list article:last-child{border-bottom:0}.stack-list strong,.stack-list small{display:block}.stack-list small{margin-top:4px;color:var(--muted);font-size:9px}.product-icon{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid rgba(124,92,255,.12);border-radius:12px;background:rgba(124,92,255,.09);color:#9d8cff}.product-icon.large{width:48px;height:48px;border-radius:14px}.product-icon.xl{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,rgba(124,92,255,.18),rgba(77,141,255,.1));box-shadow:0 10px 30px rgba(44,31,115,.2)}.info-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}.info-grid>div,.detail-grid>div{min-height:76px;padding:17px;background:#101827}.info-grid strong,.detail-grid strong{font-size:11px}.span-2{grid-column:span 2}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.detail-card,.action-card{margin-top:0;padding:22px}.detail-card-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.detail-card-head span:not(.product-icon){color:var(--muted-2);font-size:9px}.detail-card-head h2{margin:3px 0;font-size:20px}.detail-card-head p{margin:0;color:var(--muted);font-size:10px}.action-card h2{margin:0 0 7px;font-size:15px}.action-card>p{margin:0 0 18px;color:var(--muted);font-size:10px;line-height:1.6}.action-stack{display:grid;gap:8px}.action-stack .btn{width:100%}
/* Forms and overlays */
.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(2,4,10,.76);backdrop-filter:blur(8px);animation:fade-in .16s ease}.modal{width:min(470px,100%);max-height:min(780px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border-strong);border-radius:17px;background:#0e1523;box-shadow:0 28px 90px rgba(0,0,0,.5);animation:modal-in .2s ease}.modal-wide{width:min(720px,100%)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);background:rgba(14,21,35,.94);backdrop-filter:blur(12px)}.modal-head p{margin:0 0 4px;color:#7569b1;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.modal-head h2{margin:0;font-family:Manrope,Inter,sans-serif;font-size:17px}.modal-head .icon-btn{width:31px;height:31px}.modal-body{padding:20px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.modal-actions.wrap{flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field>span{color:#909bb0;font-size:9px;font-weight:600}.field>span b{color:var(--violet-bright)}.field input,.field select,.field textarea{width:100%;min-height:41px;padding:10px 11px;border:1px solid var(--border-strong);border-radius:10px;outline:0;background:#0a111e;color:#e8ecf4;font-size:11px;resize:vertical}.field textarea{line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(124,92,255,.58);box-shadow:0 0 0 3px rgba(124,92,255,.08)}.confirm-copy{display:grid;justify-items:center;padding:6px 10px 12px;text-align:center}.confirm-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;background:rgba(124,92,255,.1);color:#9d8dff}.confirm-icon.danger{background:rgba(255,97,116,.09);color:var(--red)}.confirm-copy p{max-width:380px;margin:14px 0 0;color:#9aa6bb;font-size:11px;line-height:1.7}.menu-actions{display:grid;gap:7px}.menu-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:11px;border:1px solid var(--border);border-radius:11px;background:#111927;color:inherit;text-align:left;cursor:pointer}.menu-action:hover{border-color:rgba(124,92,255,.28);background:#151e2f}.menu-action>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(124,92,255,.09);color:#9c89ff}.menu-action strong,.menu-action small{display:block}.menu-action strong{font-size:11px}.menu-action small{margin-top:3px;color:var(--muted-2);font-size:9px}.menu-action>.icon{color:var(--muted-2)}.menu-action.danger strong,.menu-action.danger>span{color:var(--red)}.menu-action.danger>span{background:rgba(255,97,116,.07)}.success-state{display:grid;justify-items:center;padding:5px 15px 18px;text-align:center}.success-state>span{display:grid;width:57px;height:57px;place-items:center;border:1px solid rgba(53,211,154,.14);border-radius:18px;background:rgba(53,211,154,.09);color:var(--green)}.success-state h3{margin:14px 0 5px;font-size:17px}.success-state p{max-width:430px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.success-state.compact{padding-top:12px}.created-refs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.created-refs p{margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:#0a111e;text-align:center}.created-refs span,.created-refs strong{display:block}.created-refs span{margin-bottom:5px;color:var(--muted-2);font-size:8px}.created-refs strong{font-size:10px}.invoice-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.invoice-brand>div strong,.invoice-brand>div small{display:block}.invoice-brand>div small{margin-top:3px;color:var(--muted-2);font-size:9px}.invoice-brand>.badge{margin-left:auto}.amount-breakdown{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:11px;background:#0a111e}.amount-breakdown p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:6px 1px;color:var(--muted);font-size:10px}.amount-breakdown p b{color:#dce2ed}.amount-breakdown .total{margin-top:7px;padding-top:12px;border-top:1px solid var(--border);font-size:12px}.amount-breakdown .total b{font-family:Manrope,Inter,sans-serif;font-size:16px;color:white}.history-box{margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:11px}.history-box h3{margin:0 0 7px;font-size:10px}.history-box p{display:flex;justify-content:space-between;margin:0;padding:6px 0;border-top:1px solid var(--border);font-size:9px}.history-box small{color:var(--muted-2)}.service-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.service-modal-head h3{margin:0;font-size:14px}.service-modal-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.service-modal-head>.badge{margin-left:auto}.role-choice{display:grid;gap:9px}.choice-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#111927}.choice-card:hover{border-color:rgba(124,92,255,.3)}.choice-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:rgba(124,92,255,.1);color:#9b88ff}.choice-card strong,.choice-card p{display:block;margin:0}.choice-card p{margin-top:4px;color:var(--muted);font-size:9px}.choice-card>.icon{color:var(--muted-2)}
.search-popover{position:absolute;top:60px;left:clamp(24px,4vw,54px);z-index:40;display:none;width:min(540px,calc(100vw - 32px));padding:9px;border:1px solid var(--border-strong);border-radius:13px;background:#0e1625;box-shadow:0 22px 60px rgba(0,0,0,.45)}.search-popover.open{display:block}.search-popover>p{margin:4px 7px 8px;color:var(--muted-2);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-popover>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:9px}.search-popover>a:hover{background:#172034}.search-popover>a>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:rgba(124,92,255,.09);color:#9d8cff}.search-popover strong,.search-popover small{display:block}.search-popover strong{font-size:10px}.search-popover small{margin-top:3px;color:var(--muted);font-size:8px}.search-popover em{color:var(--muted-2);font-size:8px;font-style:normal}.search-empty{padding:22px;color:var(--muted);font-size:10px;text-align:center}.notification-list{display:grid;gap:5px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:11px;border-radius:10px}.notification-item:hover{background:#141d2e}.notification-dot{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#44506a}.notification-item.unread .notification-dot{background:var(--violet-bright);box-shadow:0 0 8px rgba(145,120,255,.6)}.notification-item strong{display:block;font-size:10px}.notification-item p{margin:4px 0;color:var(--muted);font-size:9px;line-height:1.45}.notification-item small{color:var(--muted-2);font-size:8px}
/* Order creation */
.order-builder{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.order-steps{display:grid;gap:14px}.builder-step{padding:20px;border:1px solid var(--border);border-radius:15px;background:rgba(16,23,37,.72)}.step-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.step-title>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(124,92,255,.15);border-radius:9px;background:rgba(124,92,255,.09);color:#ad9dff;font-size:10px;font-weight:700}.step-title h2,.step-title p{margin:0}.step-title h2{font-size:14px}.step-title p{margin-top:4px;color:var(--muted);font-size:9px}.step-title em{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--green);font-size:8px;font-style:normal}.choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.choice-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:10px;background:#0d1422;color:inherit;text-align:left;cursor:pointer}.choice-row:hover,.choice-row.selected{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.07)}.choice-row strong,.choice-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-row strong{font-size:10px}.choice-row small{margin-top:3px;color:var(--muted-2);font-size:8px}.choice-row>.icon{color:var(--green)}.text-action{display:inline-flex;align-items:center;gap:5px;margin-top:11px;padding:5px;border:0;background:transparent;color:#9583f6;font-size:9px;font-weight:600;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-choice{position:relative;display:flex;min-height:130px;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:12px;background:#0d1422;color:inherit;text-align:left;cursor:pointer}.product-choice:hover,.product-choice.selected{border-color:rgba(124,92,255,.4);background:linear-gradient(145deg,rgba(124,92,255,.1),rgba(13,20,34,.9))}.product-choice strong{margin-top:12px;font-size:10px}.product-choice small{margin-top:5px;color:var(--muted-2);font-size:8px;line-height:1.5}.product-choice>i{position:absolute;top:10px;right:10px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--violet);color:white}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.offer-card{display:flex;min-height:178px;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid var(--border);border-radius:12px;background:#0d1422;color:inherit;text-align:left;cursor:pointer}.offer-card:hover,.offer-card.selected{border-color:rgba(124,92,255,.42);background:linear-gradient(145deg,rgba(124,92,255,.1),rgba(13,20,34,.9));box-shadow:inset 0 0 0 1px rgba(124,92,255,.08)}.offer-card>span{color:#aca0e7;font-size:9px;font-weight:700;text-transform:uppercase}.offer-card>strong{margin-top:10px;font-family:Manrope,Inter,sans-serif;font-size:17px}.offer-card>strong small{color:var(--muted);font-family:Inter,sans-serif;font-size:8px;font-weight:500}.offer-card ul{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.offer-card li{display:flex;align-items:center;gap:5px;color:#8995aa;font-size:8px}.offer-card li .icon{color:var(--green)}.options-list{margin-top:17px}.options-list h3{margin:0 0 8px;font-size:10px}.options-list>label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border);cursor:pointer}.options-list input{position:absolute;opacity:0}.check-ui{display:grid;width:19px;height:19px;place-items:center;border:1px solid var(--border-strong);border-radius:6px;color:transparent}.options-list input:checked+.check-ui{border-color:var(--violet);background:var(--violet);color:white}.options-list strong,.options-list small{display:block}.options-list strong{font-size:9px}.options-list small{margin-top:3px;color:var(--muted-2);font-size:8px}.options-list b{color:#aab4c6;font-size:8px}.modal-options{display:block}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.period-grid button{display:grid;min-height:55px;place-items:center;padding:8px;border:1px solid var(--border);border-radius:10px;background:#0d1422;color:#9aa5b8;font-size:10px;cursor:pointer}.period-grid button small{color:var(--green);font-size:7px}.period-grid button.selected{border-color:rgba(124,92,255,.46);background:rgba(124,92,255,.1);color:#cec5ff}.order-summary{position:sticky;top:94px;padding:20px;border:1px solid rgba(124,92,255,.15);border-radius:15px;background:linear-gradient(155deg,#141c2e,#0e1523);box-shadow:var(--shadow)}.order-summary h2{margin:4px 0 0;font-size:17px}.order-summary dl{margin:18px 0}.order-summary dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--border);font-size:9px}.order-summary dt{color:var(--muted-2)}.order-summary dd{margin:0;color:#dce2ed;text-align:right}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:var(--muted-2);font-size:7px}
/* Settings */
.settings-form{display:grid;gap:18px}.settings-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.settings-copy{padding:10px 0}.settings-copy h2{margin:12px 0 5px;font-size:14px}.settings-copy p{max-width:190px;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.settings-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:rgba(124,92,255,.09);color:#9b88ff}.settings-card{padding:19px;border:1px solid var(--border);border-radius:14px;background:rgba(16,23,37,.72)}.toggle-list{display:grid;padding:7px 17px}.toggle-list label{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer}.toggle-list label:last-child{border-bottom:0}.provider-logo{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;font-weight:700}.provider-logo.stripe{background:#635bff;color:white}.provider-logo.bank{background:rgba(53,211,154,.1);color:var(--green)}.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:10px}.toggle-list small{margin-top:3px;color:var(--muted-2);font-size:8px}.toggle-list input{position:absolute;opacity:0}.toggle-list i{position:relative;width:34px;height:19px;border-radius:999px;background:#242d40}.toggle-list i::after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#79859b;content:'';transition:.18s}.toggle-list input:checked+i{background:var(--violet)}.toggle-list input:checked+i::after{transform:translateX(15px);background:white}.template-list{display:grid;gap:12px}.settings-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}
/* Client portal */
.role-client .nav-item.active{background:linear-gradient(90deg,rgba(77,141,255,.16),rgba(77,141,255,.05));color:#9fc1ff}.role-client .nav-item.active::before{background:var(--blue);box-shadow:0 0 14px rgba(77,141,255,.5)}.client-top-title b,.client-top-title small{display:block}.client-top-title b{font-size:11px}.client-top-title small{margin-top:3px;color:var(--muted-2);font-size:8px}.client-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-metrics article{display:flex;align-items:center;gap:12px;min-height:92px;padding:17px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#121a2a,#0e1523)}.client-metrics strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:18px}.client-metrics p{margin:5px 0 0;color:var(--muted);font-size:9px}.metric-icon.client-violet{background:rgba(124,92,255,.1);color:#9c8aff}.metric-icon.client-orange{background:rgba(246,168,59,.09);color:var(--orange)}.metric-icon.client-blue{background:rgba(77,141,255,.1);color:#70a4ff}.metric-icon.client-green{background:rgba(53,211,154,.09);color:var(--green)}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:18px}.client-services-panel,.recent-invoices{overflow:hidden}.service-rows{display:grid;padding:0 10px 10px}.service-rows>a{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;min-height:70px;padding:9px 10px;border-top:1px solid var(--border)}.service-rows>a:hover{background:rgba(255,255,255,.018)}.service-rows strong,.service-rows small,.service-rows div>span{display:block}.service-rows small{margin-top:4px;color:var(--muted-2);font-size:8px}.service-rows div:nth-child(3){text-align:right}.service-rows div:nth-child(3)>span{font-size:9px}.service-rows>.icon{color:var(--muted-2)}.recent-invoices>div:last-of-type{display:grid;padding:0 12px}.recent-invoices>div>button{display:flex;align-items:center;justify-content:space-between;padding:10px 1px;border:0;border-top:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}.recent-invoices button strong,.recent-invoices button small{display:block}.recent-invoices button small{margin-top:3px;color:var(--muted-2);font-size:8px}.recent-invoices button>span:last-child{display:grid;justify-items:end;gap:4px}.recent-invoices button b{font-size:9px}.recent-invoices>.btn{width:calc(100% - 24px);margin:8px 12px 12px}.client-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:18px}.recent-tickets{overflow:hidden}.recent-tickets>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:calc(100% - 20px);margin:0 10px;padding:10px;border:0;border-top:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}.recent-tickets strong,.recent-tickets small{display:block}.recent-tickets small{margin-top:4px;color:var(--muted-2);font-size:8px}.help-card{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:12px;margin-top:20px;padding:19px;border:1px solid rgba(77,141,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(77,141,255,.1),rgba(124,92,255,.055))}.help-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(77,141,255,.12);color:#73a7ff}.help-card h2{margin:0;font-size:13px}.help-card p{margin:4px 0 0;color:var(--muted);font-size:8px}.help-card .btn{grid-column:1/span 2;width:100%}.service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{padding:19px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#121a2a,#0e1523);box-shadow:var(--shadow)}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.service-card h2{margin:5px 0 4px;font-size:15px}.service-card>p{margin:0;color:var(--muted);font-size:9px}.service-price{display:flex;align-items:baseline;gap:4px;margin-top:18px}.service-price strong{font-family:Manrope,Inter,sans-serif;font-size:22px}.service-price span{color:var(--muted-2);font-size:8px}.service-due{display:flex;justify-content:space-between;margin:15px 0;padding-top:12px;border-top:1px solid var(--border);font-size:8px}.service-due span{color:var(--muted-2)}.service-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.service-detail-head .entity-ident h1{font-size:22px}.service-summary{margin-bottom:18px}.service-summary .badge{margin-top:2px}.service-layout{grid-template-columns:minmax(0,1fr) 260px}.service-layout .detail-panel{margin-top:0}.subscription-summary{margin-top:0;padding:20px}.subscription-summary h2{margin:5px 0 15px;font-size:19px}.subscription-summary dl{margin:0 0 15px}.subscription-summary dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:9px}.subscription-summary dt{color:var(--muted)}.subscription-summary dd{margin:0;font-weight:600}.subscription-summary dl>.total{padding-top:12px;font-size:11px}.subscription-summary>.text-action{display:flex;justify-content:center;width:100%;margin-top:8px}.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-cards article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:11px;background:#0d1422}.resource-cards article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(77,141,255,.09);color:#6da1ff}.resource-cards strong,.resource-cards small{display:block}.resource-cards strong{font-size:10px}.resource-cards small{margin-top:4px;color:var(--muted-2);font-size:8px}.usage-list{display:grid;gap:15px}.usage-list>div{display:grid;grid-template-columns:1fr auto;gap:10px}.usage-list b,.usage-list small{display:block}.usage-list b{font-size:10px}.usage-list small{margin-top:4px;color:var(--muted-2);font-size:8px}.usage-list>div>strong{font-size:10px}.usage-list i{grid-column:1/span 2;height:6px;overflow:hidden;border-radius:999px;background:#222c40}.usage-list em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--blue))}.settings-shortcuts{display:grid}.settings-shortcuts button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 4px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}.settings-shortcuts button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(124,92,255,.08);color:#9b88ff}.settings-shortcuts strong,.settings-shortcuts small{display:block}.settings-shortcuts strong{font-size:10px}.settings-shortcuts small{margin-top:4px;color:var(--muted-2);font-size:8px}.timeline{display:grid}.timeline article{position:relative;display:flex;gap:12px;padding:0 0 20px 3px}.timeline article::before{position:absolute;top:8px;bottom:-5px;left:6px;width:1px;background:var(--border-strong);content:''}.timeline article:last-child::before{display:none}.timeline article>span{position:relative;z-index:1;width:7px;height:7px;margin-top:4px;border:2px solid #19233a;border-radius:50%;background:var(--violet-bright);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.timeline strong,.timeline small{display:block}.timeline strong{font-size:10px}.timeline small{margin-top:4px;color:var(--muted-2);font-size:8px}
.client-invoice-list{display:grid;gap:8px}.client-invoice-list article{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(16,23,37,.72)}.invoice-file{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:rgba(77,141,255,.09);color:#70a4ff}.client-invoice-list strong,.client-invoice-list small{display:block}.client-invoice-list small{margin-top:4px;color:var(--muted-2);font-size:8px}.invoice-amount{font-family:Manrope,Inter,sans-serif;font-size:12px}.client-invoice-list .icon-btn{width:31px;height:31px}.client-invoice-list .btn{min-height:31px}.ticket-list{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(16,23,37,.72)}.ticket-list-head,.ticket-list>button{display:grid;grid-template-columns:minmax(230px,1fr) 115px 100px 30px;align-items:center;gap:12px}.ticket-list-head{min-height:40px;padding:0 15px;border-bottom:1px solid var(--border);background:#0d1422;color:var(--muted-2);font-size:8px;font-weight:700;text-transform:uppercase}.ticket-list>button{width:100%;min-height:64px;padding:10px 15px;border:0;border-bottom:1px solid var(--border);background:transparent;color:#aab5c8;text-align:left;cursor:pointer}.ticket-list>button:last-child{border-bottom:0}.ticket-list>button:hover{background:rgba(255,255,255,.018)}.ticket-subject{display:flex;align-items:center;gap:10px}.ticket-subject>i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.ticket-subject .priority-haute{background:var(--red)}.ticket-subject .priority-basse{background:var(--green)}.ticket-subject strong,.ticket-subject small{display:block}.ticket-subject strong{color:#e4e9f1;font-size:10px}.ticket-subject small{margin-top:4px;color:var(--muted-2);font-size:8px}.upload-field{position:relative;display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed var(--border-strong);border-radius:11px;background:#0a111e;color:var(--muted-2);cursor:pointer}.upload-field strong,.upload-field small{display:block}.upload-field strong{color:#aeb8ca;font-size:9px}.upload-field small{margin-top:3px;font-size:8px}.upload-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.ticket-meta{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--muted-2);font-size:8px}.conversation{display:grid;gap:12px}.conversation article{display:flex;align-items:flex-start;gap:10px}.conversation article>div{padding:12px;border:1px solid var(--border);border-radius:0 12px 12px 12px;background:#111927}.conversation article.support-reply{flex-direction:row-reverse}.conversation article.support-reply>div{border-color:rgba(124,92,255,.15);border-radius:12px 0 12px 12px;background:rgba(124,92,255,.07)}.conversation strong,.conversation small{display:block}.conversation strong{font-size:9px}.conversation small{margin-top:3px;color:var(--muted-2);font-size:7px}.conversation p{margin:9px 0 0;color:#aeb7c8;font-size:9px;line-height:1.6}.account-panel{overflow:hidden}.account-form{max-width:720px}.form-footer{display:flex;justify-content:flex-end}.payment-card{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:25px}.credit-card{position:relative;display:flex;aspect-ratio:1.62;flex-direction:column;padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:radial-gradient(circle at 20% 20%,rgba(124,92,255,.34),transparent 40%),linear-gradient(145deg,#242e55,#111931);box-shadow:0 20px 50px rgba(0,0,0,.3)}.credit-card>span{font-weight:700}.credit-card>i{position:absolute;top:20px;right:20px;font-size:12px;font-weight:700;font-style:italic}.credit-card>strong{margin-top:auto;font-family:Manrope,Inter,sans-serif;font-size:16px;letter-spacing:.08em}.credit-card>small{margin-top:8px;color:#aab5ca;font-size:8px}.payment-card>div:last-child h2{margin:5px 0 7px;font-size:16px}.payment-card>div:last-child p{max-width:360px;margin:0 0 15px;color:var(--muted);font-size:9px;line-height:1.6}.billing-address{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;margin-top:20px;padding:15px;border:1px solid var(--border);border-radius:12px}.billing-address>span,.security-list article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:rgba(124,92,255,.08);color:#9b88ff}.billing-address strong{font-size:10px}.billing-address p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.security-list{display:grid}.security-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--border)}.security-list article:last-child{border-bottom:0}.security-list strong{font-size:10px}.security-list p{margin:4px 0 0;color:var(--muted-2);font-size:8px}
.account-menu-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#0d1422}.account-menu-card>div{display:grid;gap:4px}.account-menu-card strong{font-size:12px}.account-menu-card small{color:var(--muted);font-size:9px}.bottom-nav{display:none}
.product-cell{display:flex;align-items:center;gap:11px}.product-cell strong,.product-cell small{display:block}.product-cell small{margin-top:4px;color:var(--muted-2);font-size:8px}.catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.catalog-summary article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:13px;background:rgba(16,23,37,.72)}.catalog-summary article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:rgba(124,92,255,.09);color:#9e8dff}.catalog-summary strong,.catalog-summary small{display:block}.catalog-summary strong{font:700 18px Manrope,Inter,sans-serif}.catalog-summary small{margin-top:3px;color:var(--muted);font-size:8px}.product-editor{display:grid;gap:15px}.product-form-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:0;padding:21px}.product-form-copy{display:flex;align-items:flex-start;gap:11px}.product-form-copy h2{margin:2px 0 5px;font-size:14px}.product-form-copy p{max-width:180px;margin:0;color:var(--muted);font-size:9px;line-height:1.55}.inline-checks{display:flex;flex-wrap:wrap;gap:8px}.inline-checks label{display:flex;min-height:34px;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:#0a111e;color:#aab4c6;font-size:8px;cursor:pointer}.inline-checks input{accent-color:var(--violet)}.product-form-actions{display:flex;justify-content:flex-end;gap:9px}.product-entity .entity-ident>div{max-width:660px}.product-offers-panel{overflow:hidden}.catalog-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 20px 20px}.catalog-offer{display:flex;min-height:285px;flex-direction:column;padding:15px;border:1px solid var(--border);border-radius:13px;background:#0d1422}.catalog-offer.is-archived{opacity:.62}.catalog-offer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.catalog-offer-head span{color:#756aa8;font-size:8px;font-weight:700;text-transform:uppercase}.catalog-offer h3{margin:5px 0 0;font-size:15px}.catalog-prices{display:grid;gap:6px;margin:15px 0}.catalog-prices p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:#0a111e}.catalog-prices span{color:var(--muted-2);font-size:8px}.catalog-prices strong{font-size:10px}.catalog-offer ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.catalog-offer li{display:flex;align-items:center;gap:5px;color:#929db1;font-size:8px}.catalog-offer li .icon{color:var(--green)}.catalog-offer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px}.catalog-offer-actions .text-action{margin:0}.choice-toggle{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#0a111e;cursor:pointer}.choice-toggle>input{position:absolute;opacity:0}.choice-toggle>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--border-strong);border-radius:6px;color:transparent}.choice-toggle>input:checked+span{border-color:var(--violet);background:var(--violet);color:white}.choice-toggle strong,.choice-toggle small{display:block}.choice-toggle strong{font-size:9px}.choice-toggle small{margin-top:3px;color:var(--muted-2);font-size:8px}.period-grid button:disabled{cursor:not-allowed;opacity:.35}.bottom-nav.six-items{grid-template-columns:repeat(6,1fr)}
@media(max-width:1100px){.catalog-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.product-form-section{grid-template-columns:1fr}.product-form-copy p{max-width:none}}
@media(max-width:680px){.catalog-summary,.catalog-offer-grid{grid-template-columns:1fr}.catalog-offer-grid{padding:0 13px 13px}.product-form-section{padding:15px}.product-form-actions{position:sticky;bottom:65px;z-index:5;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(10,16,28,.95)}.bottom-nav.six-items a span{font-size:6px}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{transform:translateY(8px) scale(.985);opacity:0}to{transform:none;opacity:1}}
@media(max-width:680px){.data-table tr{width:calc(100% - 16px)!important}}

@media(max-width:1100px){.client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-grid,.client-bottom-grid{grid-template-columns:1fr}.help-card{margin-top:0}.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-builder{grid-template-columns:minmax(0,1fr) 270px}.settings-section{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:900px){.detail-layout,.service-layout{grid-template-columns:1fr}.action-card,.subscription-summary{margin-top:0}.order-builder{grid-template-columns:1fr}.order-summary{position:static}.settings-section{grid-template-columns:1fr}.settings-copy{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding-bottom:0}.settings-copy .settings-icon{grid-row:1/span 2}.settings-copy h2{margin:2px 0}.settings-copy p{max-width:none}.payment-card{grid-template-columns:250px 1fr}.data-table th,.data-table td{padding-inline:11px}.page-head{align-items:flex-start}}
@media(max-width:680px){body{padding-bottom:66px}.topbar{gap:10px}.client-top-title{display:none}.desktop-only{display:none}.top-actions .notification-btn{display:grid}.top-actions .notification-btn+ .top-avatar{display:none}.page-actions{width:100%;margin-top:8px}.page-actions .btn{width:100%}.page-head{display:block;margin-bottom:22px}.page-head h1{font-size:24px}.page-head>div:last-child:not(:first-child){margin-top:12px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:5px 6px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(7,10,20,.94);backdrop-filter:blur(16px)}.bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:9px;color:#67748b}.bottom-nav a span{max-width:100%;overflow:hidden;font-size:7px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a.active{background:rgba(124,92,255,.1);color:#a996ff}.role-client .bottom-nav a.active{background:rgba(77,141,255,.1);color:#83b0ff}.metrics,.client-metrics{grid-template-columns:1fr}.client-metrics article{min-height:78px}.list-toolbar,.list-toolbar.split{display:grid;align-items:stretch}.list-search{width:100%}.filter-pills{max-width:100%;overflow-x:auto}.filter-pills button{white-space:nowrap}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.entity-head{display:grid;grid-template-columns:1fr auto}.entity-head>.badge{grid-column:2;grid-row:1}.entity-actions{grid-column:1/span 2;width:100%;margin-left:0}.entity-actions>.btn:first-child{flex:1}.entity-ident h1{font-size:20px}.detail-panel{margin-top:14px}.tabs{overflow-x:auto;padding-inline:8px}.tabs button{white-space:nowrap}.tab-content{padding:14px}.info-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.stack-list article{grid-template-columns:auto 1fr auto}.stack-list article>.badge{grid-column:2}.stack-list article>.btn{grid-column:3;grid-row:1/span 2}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tr{margin:8px;border:1px solid var(--border);border-radius:11px;background:#0d1422}.data-table td{display:grid;grid-template-columns:105px 1fr;align-items:center;height:auto;min-height:42px;padding:9px 11px;border-bottom:1px solid var(--border);white-space:normal}.data-table td::before{color:var(--muted-2);font-size:8px;font-weight:700;content:attr(data-label);text-transform:uppercase}.data-table td:last-child{border-bottom:0}.data-table td:not([data-label]){display:flex;justify-content:flex-end}.data-table .table-more{margin-left:auto}.table-wrap{padding:0 1px}.form-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal,.modal-wide{width:100%;max-height:91vh;border-radius:18px 18px 0 0}.modal-body{padding:16px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1}.created-refs{grid-template-columns:1fr}.choice-list,.product-grid,.offer-grid,.period-grid{grid-template-columns:1fr}.product-choice{min-height:110px}.offer-card{min-height:150px}.order-summary{padding:17px}.settings-card{padding:14px}.settings-actions{position:sticky;bottom:65px;z-index:5;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(10,16,28,.94)}.service-card-grid{grid-template-columns:1fr}.service-rows>a{grid-template-columns:auto 1fr auto}.service-rows>a>div:nth-child(3){grid-column:2;text-align:left}.service-rows>a>.badge{grid-column:3;grid-row:1}.service-rows>a>.icon{grid-column:3;grid-row:2}.recent-invoices{margin-top:0}.client-bottom-grid{margin-top:18px}.client-dashboard-grid{gap:14px}.service-detail-head{display:block}.service-detail-head>.btn{width:100%;margin-top:16px}.service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-cards{grid-template-columns:1fr}.client-invoice-list article{grid-template-columns:auto 1fr auto}.client-invoice-list .invoice-amount{grid-column:2}.client-invoice-list .badge{grid-column:3;grid-row:1}.client-invoice-list article>.icon-btn{grid-column:3}.client-invoice-list article>.btn{grid-column:1/span 3;width:100%}.ticket-list-head{display:none}.ticket-list>button{grid-template-columns:1fr auto;gap:8px}.ticket-list>button>span:nth-child(2){grid-column:1;color:var(--muted-2);font-size:8px}.ticket-list>button>.badge{grid-column:2;grid-row:1}.ticket-list>button>.icon{grid-column:2;grid-row:2}.payment-card{grid-template-columns:1fr}.credit-card{max-width:320px}.billing-address,.security-list article{grid-template-columns:auto 1fr}.billing-address .btn,.security-list .btn{grid-column:2}.scroll-tabs{padding-bottom:1px}.search-popover{top:55px;left:14px}.toast-stack{bottom:78px}.todo-row{grid-template-columns:auto 1fr auto}.todo-state{grid-column:2}.todo-row>.btn{grid-column:3;grid-row:1/span 2}}
@media(max-width:680px){.bottom-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:9px;background:transparent;color:#67748b;font:inherit;cursor:pointer}.bottom-nav button span{max-width:100%;overflow:hidden;font-size:7px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{background:rgba(124,92,255,.1);color:#a996ff}}

/* Functional local workflows */
.support-queue{margin-top:18px}
.avatar-button{padding:0;border:0;font:inherit;cursor:pointer}.notice-banner{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(124,92,255,.2);border-radius:11px;background:rgba(124,92,255,.07);color:#aeb8ca;font-size:9px;line-height:1.5}.notice-banner strong{color:#ece9ff;white-space:nowrap}.notice-banner span{flex:1}.notice-banner.warning{border-color:rgba(246,168,59,.22);background:rgba(246,168,59,.07)}.notice-banner.warning strong{color:#ffc56e}.notice-banner.danger{border-color:rgba(255,97,116,.22);background:rgba(255,97,116,.07)}.notice-banner.danger strong{color:#ff8997}.notice-banner.info{border-color:rgba(77,141,255,.22);background:rgba(77,141,255,.07)}.notice-banner.info strong{color:#8db6ff}.notice-banner .btn{margin-left:auto}.pending-copy{color:var(--orange);font-size:8px;font-weight:600}.credit-hint{margin:12px 0 0;padding:10px;border:1px solid rgba(53,211,154,.18);border-radius:9px;background:rgba(53,211,154,.06);color:#85e6c2;font-size:9px}.payment-flow{display:grid;gap:15px}.payment-total{display:grid;justify-items:center;padding:16px;border:1px solid var(--border);border-radius:12px;background:#0a111e}.payment-total span,.payment-total small{color:var(--muted);font-size:9px}.payment-total strong{margin:5px 0;font:700 25px Manrope,Inter,sans-serif}.payment-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-choices label{position:relative;cursor:pointer}.payment-choices input{position:absolute;opacity:0}.payment-choices label>span{display:grid;min-height:110px;align-content:center;justify-items:center;gap:6px;padding:12px;border:1px solid var(--border);border-radius:11px;background:#0d1422;text-align:center}.payment-choices input:checked+span{border-color:rgba(124,92,255,.55);background:rgba(124,92,255,.1);box-shadow:inset 0 0 0 1px rgba(124,92,255,.12)}.payment-choices b{font-size:10px}.payment-choices small{color:var(--muted-2);font-size:8px}.toggle-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#0d1422;cursor:pointer}.toggle-row input{accent-color:var(--violet)}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:9px}.toggle-row small{margin-top:3px;color:var(--muted-2);font-size:8px}.manager-console{display:grid;gap:15px}.manager-console-head{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:11px;background:#0a111e}.manager-console-head>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:rgba(53,211,154,.08);color:var(--green)}.manager-console-head>div{flex:1}.manager-console-head strong,.manager-console-head small{display:block}.manager-console-head strong{font-size:11px}.manager-console-head small{margin-top:4px;color:var(--muted-2);font-size:8px}.attachment-pill{display:flex;align-items:center;gap:9px;width:fit-content;margin:0 0 14px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:#0a111e;color:inherit;text-align:left;cursor:pointer}.attachment-pill.static{cursor:default}.attachment-pill strong,.attachment-pill small{display:block}.attachment-pill strong{font-size:9px}.attachment-pill small{margin-top:3px;color:var(--muted-2);font-size:7px}.twofa-demo{display:grid;justify-items:center;margin-bottom:14px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#0a111e;text-align:center}.twofa-demo>span{color:#8db6ff}.twofa-demo strong{margin-top:8px;font-size:10px}.twofa-demo b{margin:7px 0;font:700 22px Manrope,Inter,sans-serif;letter-spacing:.16em}.twofa-demo p{max-width:330px;margin:0;color:var(--muted);font-size:8px;line-height:1.5}
@media(max-width:680px){.notice-banner{align-items:flex-start;flex-wrap:wrap}.notice-banner strong{width:100%}.notice-banner .btn{width:100%;margin:2px 0 0}.payment-choices{grid-template-columns:1fr}.payment-choices label>span{min-height:78px}.pending-copy{grid-column:1/span 3}.manager-console-head{align-items:flex-start}.manager-console-head .badge{margin-left:auto}}

/* RadioWay public brand alignment */
:root{
  color-scheme:light;
  --bg:#f7f7f9;
  --sidebar:#030305;
  --surface:#fff;
  --surface-2:#fbfbfe;
  --surface-3:#f0f0f3;
  --border:#dedee5;
  --border-strong:#cfcfd8;
  --text:#09090d;
  --muted:#62626c;
  --muted-2:#6f6f79;
  --violet:#6a3cf4;
  --violet-bright:#6a3cf4;
  --blue:#0868ff;
  --green:#20a866;
  --orange:#cf7b08;
  --red:#df3f5f;
  --radius:20px;
  --shadow:0 18px 48px rgba(24,24,35,.075);
  --brand-gradient:linear-gradient(105deg,#0868ff 0%,#6a3cf4 53%,#ff2c83 100%);
}

html,body{background:var(--bg);color:var(--text)}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.app-shell{position:relative}
.app-shell::before{position:fixed;inset:0 0 auto;z-index:80;height:4px;background:var(--brand-gradient);content:"";pointer-events:none}
.workspace{background:radial-gradient(circle at 20% -4%,rgba(8,104,255,.06),transparent 27%),radial-gradient(circle at 92% 2%,rgba(255,44,131,.05),transparent 25%),var(--bg)}

.sidebar{padding-top:32px;border-right-color:rgba(255,255,255,.08);background:linear-gradient(180deg,#030305 0%,#05060a 100%);color:#fff;color-scheme:dark}
.brand{gap:8px;padding:0 7px}
.brand-mark{display:inline-flex;width:44px;height:35px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:0;background:none;box-shadow:none}
.brand-mark svg{display:block;width:100%;height:100%}
.brand b{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.045em;line-height:1}
.brand small{margin-top:4px;color:#85858f;font-size:8px;font-weight:700;letter-spacing:.14em}
.side-nav{margin-top:42px}
.nav-item{height:46px;border-radius:14px;color:#898993;font-size:13px;font-weight:600}
.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-item.active,.role-client .nav-item.active{border-color:rgba(130,145,255,.18);background:linear-gradient(90deg,rgba(8,104,255,.18),rgba(106,60,244,.17) 55%,rgba(255,44,131,.08));color:#fff}
.nav-item.active::before,.role-client .nav-item.active::before{width:4px;background:var(--brand-gradient);box-shadow:0 0 18px rgba(106,60,244,.62)}
.workspace-switch{border-color:rgba(255,255,255,.1);background:#0c0c10;color:#fff}
.workspace-switch:hover{border-color:rgba(130,145,255,.46);background:#111116}
.workspace-switch small,.admin-card small{color:#777781}
.sidebar .avatar{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,#202029,#101014);color:#fff}
.sidebar .avatar-client{background:var(--brand-gradient)}
.sidebar .admin-card button{color:#85858f}

.topbar{height:78px;border-bottom-color:rgba(255,255,255,.09);background:rgba(3,3,5,.95);color:#fff;box-shadow:0 10px 32px rgba(3,3,5,.12)}
.global-search{height:44px;border-color:rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07);color:#9b9ba5}
.global-search:focus-within{border-color:rgba(130,145,255,.72);box-shadow:0 0 0 4px rgba(106,60,244,.18)}
.global-search input{color:#fff}
.global-search input::placeholder{color:#8e8e98}
.global-search kbd{border-color:rgba(255,255,255,.13);color:#9a9aa3}
.client-top-title b{color:#fff;font-size:12px}
.client-top-title small{color:#8e8e98;font-size:9px}
.topbar .icon-btn{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#b7b7c0}
.topbar .icon-btn:hover{border-color:rgba(130,145,255,.5);background:rgba(255,255,255,.11);color:#fff}
.topbar .notification-btn>span{border-color:#111116;background:#ff2c83}
.topbar .avatar{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,#27272f,#111116);color:#fff}

.content{width:min(1260px,calc(100% - 72px));padding:48px 0 72px}
.page-head{margin-bottom:31px}
.page-head h1,.entity-ident h1{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.048em}
.page-head h1{font-size:clamp(30px,3vw,38px);line-height:1.08}
.page-head p{line-height:1.55}
.eyebrow{display:flex;align-items:center;gap:7px;color:#6a3cf4!important;font-size:10px;font-weight:800;letter-spacing:.08em}
.eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--brand-gradient);content:"";box-shadow:0 0 0 4px rgba(106,60,244,.08)}
.section-kicker{color:#6a3cf4;font-weight:800;letter-spacing:.09em}
.page-head h1,.panel-head h2,.metric-card strong,.client-metrics strong,.summary-strip strong,.offer-card>strong,.service-price strong,.invoice-amount,.catalog-summary strong,.payment-total strong,.twofa-demo b,.amount-breakdown .total b,.modal-head h2,.credit-card>strong{font-family:Inter,"Helvetica Neue",Arial,sans-serif}

.btn{min-height:42px;padding-inline:17px;border-radius:14px;font-size:11px;font-weight:700}
.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 10px 25px rgba(106,60,244,.22)}
.btn-primary:hover{background:var(--brand-gradient);box-shadow:0 13px 28px rgba(106,60,244,.3);filter:brightness(1.06)}
.btn-soft{border-color:#d8d8e0;background:#fff;color:#16161b;box-shadow:0 5px 14px rgba(0,0,0,.08)}
.btn-soft:hover{border-color:#bdbdc8;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.11)}
.btn-large{min-height:50px;padding-inline:24px;border-radius:17px}
.icon-btn{border-color:var(--border);border-radius:13px;background:#fff;color:#686872}
.icon-btn:hover{border-color:#b9b9c5;color:#09090d}
.data-table .btn,.client-invoice-list .btn{min-height:32px;padding-inline:11px;border-radius:10px}
.btn-danger-ghost{color:#c92d4c}

.metric-card,.client-metrics article,.panel,.builder-step,.settings-card,.catalog-summary article,.catalog-offer,.service-card,.client-invoice-list article,.ticket-list,.table-wrap{border-color:#ececf1;background:#fff;box-shadow:var(--shadow)}
.metric-card,.client-metrics article,.service-card{border-radius:20px}
.metric-card{min-height:154px}
.metric-card::before{position:absolute;inset:0 0 auto;height:3px;background:var(--brand-gradient);content:"";opacity:.84}
.metric-card::after{opacity:.055}
.metric-card p{color:var(--muted)}
.metric-card>a,.panel-link,.small-link,.back-link{color:#686872}
.metric-card>a:hover,.panel-link:hover,.small-link:hover,.back-link:hover,.strong-link:hover,.link-button:hover{color:#6a3cf4}
.panel-head h2{font-size:18px;font-weight:700;letter-spacing:-.025em}
.count-pill{border-color:#e4e4ea;background:#f7f7f9;color:#62626c}
.strong-link,.link-button{color:#17171c}
.text-action{color:#6a3cf4}
.live-pill{border-color:rgba(32,168,102,.2);background:rgba(32,168,102,.08);color:#087a49}
.badge-green{background:#e8f8ef;color:#087a49}
.badge-orange{background:#fff3df;color:#9b5b04}
.badge-red{background:#ffedf1;color:#c92d4c}
.badge-violet{background:#f0ebff;color:#5b31c9}

.list-search{border-color:var(--border);border-radius:15px;background:#fff;color:var(--muted)}
.list-search:focus-within{border-color:#8b6af3;box-shadow:0 0 0 4px rgba(106,60,244,.1)}
.filter-pills{border-color:#e3e3e9;border-radius:13px;background:#f1f1f5}
.filter-pills button{color:#666671}
.filter-pills button.active{background:#fff;color:#09090d;box-shadow:0 4px 12px rgba(24,24,35,.08)}
.data-table th{border-bottom-color:var(--border);background:#fafafd;color:#74747e}
.data-table td{color:#4d4d57}
.data-table td>strong,.data-table td a strong{color:#09090d}
.data-table tbody tr:hover,.service-rows>a:hover,.ticket-list>button:hover{background:#fafaff}

.summary-strip{border-color:#e9e9ef;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.summary-strip>div{border-color:var(--border)}
.tabs button{color:#73737d}
.tabs button.active{color:#4e2ab2}
.tabs button::after{height:3px;background:var(--brand-gradient)}
.tabs button>span{background:#f1f1f5}
.product-icon,.metric-icon.client-violet,.settings-icon,.settings-shortcuts button>span,.billing-address>span,.security-list article>span,.catalog-summary article>span{border-color:rgba(106,60,244,.12);background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.1) 55%,rgba(255,44,131,.07));color:#6a3cf4}
.product-icon.xl{background:linear-gradient(145deg,rgba(8,104,255,.13),rgba(106,60,244,.15) 58%,rgba(255,44,131,.08));box-shadow:0 12px 30px rgba(106,60,244,.13)}
.info-grid,.detail-grid{background:var(--border)}
.info-grid>div,.detail-grid>div{background:#fff}
.resource-cards article,.account-menu-card{border-color:var(--border);background:#fbfbfe}
.usage-list i{background:#e8e8ee}
.usage-list em{background:var(--brand-gradient)}
.timeline article>span{border-color:#f7f7f9;background:#6a3cf4}

.field>span{color:#62626c;font-weight:700}
.field input,.field select,.field textarea{min-height:46px;padding:12px 14px;border-color:#dddde8;border-radius:14px;background:#fbfbfe;color:#09090d}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#6a3cf4;box-shadow:0 0 0 4px rgba(106,60,244,.1)}
.inline-checks label,.choice-toggle,.upload-field,.created-refs p,.amount-breakdown,.payment-total,.manager-console-head,.attachment-pill,.twofa-demo{border-color:var(--border);background:#fbfbfe;color:#303039}
.inline-checks label{color:#50505a}
.amount-breakdown p b,.amount-breakdown .total b,.order-summary dd{color:#09090d}
.upload-field strong{color:#35353e}
.conversation article>div{border-color:var(--border);background:#fff}
.conversation article.support-reply>div{border-color:rgba(106,60,244,.16);background:#f5f1ff}
.conversation p{color:#4f4f59}

.modal{border-color:#e2e2e9;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(9,9,13,.24)}
.modal-head{border-bottom-color:#e6e6ec;background:rgba(255,255,255,.94)}
.modal-head p{color:#6a3cf4}
.confirm-copy p{color:#55555f}
.menu-action,.choice-card{border-color:#e4e4ea;background:#fff}
.menu-action:hover,.choice-card:hover{border-color:#c7b9f6;background:#faf8ff}
.search-popover{border-color:#dedee5;background:#fff;box-shadow:0 24px 64px rgba(9,9,13,.2);color:#09090d}
.search-popover>a:hover,.notification-item:hover{background:#f7f7fb}
.notification-dot{background:#b8b8c2}
.toast{border-color:#dcece3;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(9,9,13,.18)}

.choice-row,.product-choice,.offer-card,.period-grid button,.payment-choices label>span,.toggle-row{border-color:#e2e2e8;background:#fff;color:#24242b}
.choice-row:hover,.choice-row.selected,.product-choice:hover,.product-choice.selected,.offer-card:hover,.offer-card.selected,.period-grid button.selected,.payment-choices input:checked+span{border-color:rgba(106,60,244,.45);background:linear-gradient(145deg,rgba(8,104,255,.055),rgba(106,60,244,.075) 56%,rgba(255,44,131,.045));color:#321b75}
.offer-card>span,.catalog-offer-head span{color:#6a3cf4}
.offer-card li,.catalog-offer li,.options-list b{color:#62626c}
.period-grid button{color:#54545e}
.order-summary{border-color:rgba(106,60,244,.18);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(255,44,131,.07),transparent 35%),radial-gradient(circle at 0 0,rgba(8,104,255,.08),transparent 40%),#fff;box-shadow:var(--shadow)}
.catalog-offer{border-radius:18px}
.catalog-prices p{border-color:#e7e7ec;background:#f8f8fb}
.help-card{border-color:rgba(106,60,244,.15);border-radius:20px;background:linear-gradient(135deg,rgba(8,104,255,.08),rgba(106,60,244,.08) 55%,rgba(255,44,131,.055));box-shadow:var(--shadow)}
.help-card>span,.resource-cards article>span,.invoice-file{background:linear-gradient(145deg,rgba(8,104,255,.12),rgba(106,60,244,.11));color:#0868ff}
.ticket-list-head{background:#fafafd;color:#6f6f79}
.ticket-list>button{color:#4d4d57}

/* Priorités support lisibles sans dépendre uniquement de la couleur. */
.ticket-subject>i[class*="priority-"]{display:inline-flex;width:auto;height:auto;align-items:center;gap:5px;border-radius:999px;background:transparent;color:#64646f;font-size:7px;font-style:normal;font-weight:700;white-space:nowrap}
.ticket-subject>i[class*="priority-"]::before{width:6px;height:6px;border-radius:50%;background:var(--blue);content:""}
.ticket-subject>i.priority-haute,.ticket-subject>i.priority-basse,.ticket-subject>i.priority-normale{background:transparent}
.ticket-subject>i.priority-haute::before{background:var(--red)}
.ticket-subject>i.priority-basse::before{background:var(--green)}
.ticket-subject>i.priority-haute::after{content:"Haute"}
.ticket-subject>i.priority-normale::after{content:"Normale"}
.ticket-subject>i.priority-basse::after{content:"Basse"}
.ticket-score{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #e7e3ff;border-radius:12px;background:#f8f6ff;color:#54505f;font-size:9px}
.ticket-score strong{color:#6c48e7;letter-spacing:.02em}
.ticket-subject strong{color:#09090d}

.notice-banner{border-color:rgba(106,60,244,.2);background:#f5f1ff;color:#565660}
.notice-banner strong{color:#4f2bb4}
.notice-banner.warning{border-color:rgba(207,123,8,.22);background:#fff7e9}
.notice-banner.warning strong{color:#925300}
.notice-banner.danger{border-color:rgba(223,63,95,.22);background:#fff0f3}
.notice-banner.danger strong{color:#bd2946}
.notice-banner.info{border-color:rgba(8,104,255,.2);background:#edf5ff}
.notice-banner.info strong{color:#0756d0}
.credit-hint{border-color:rgba(32,168,102,.2);background:#ecf9f2;color:#087a49}

@media(max-width:900px){
  .brand-mark{width:39px;height:32px}
  .content{width:min(100% - 44px,1120px)}
}

@media(max-width:680px){
  body{background:#f7f7f9}
  .topbar{height:68px;padding-inline:14px}
  .mobile-brand{width:40px;height:40px}
  .mobile-brand .brand-mark{width:38px;height:30px}
  .content{width:calc(100% - 28px);padding-top:32px}
  .page-head h1{font-size:28px}
  .bottom-nav{border-top-color:rgba(255,255,255,.1);background:rgba(3,3,5,.96)}
  .bottom-nav a,.bottom-nav button{color:#83838d}
  .bottom-nav a.active,.bottom-nav button.active,.role-client .bottom-nav a.active{background:linear-gradient(135deg,rgba(8,104,255,.2),rgba(106,60,244,.2) 58%,rgba(255,44,131,.12));color:#fff}
  .data-table tr{border-color:#e4e4ea;background:#fff;box-shadow:0 8px 24px rgba(24,24,35,.055)}
  .settings-actions,.product-form-actions{border-color:#dedee5;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(24,24,35,.1)}
  .modal,.modal-wide{border-radius:22px 22px 0 0}
}

/* Product options, document branding and accessibility refinements */
body.modal-open{overflow:hidden}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-mark{position:relative;overflow:hidden}
.brand-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-mark.has-custom-logo svg{visibility:hidden}
.brand-custom-image[hidden]{display:none}
.invoice-brand{min-width:0}
.invoice-brand>div{min-width:0;overflow-wrap:anywhere}
.invoice-brand .brand-mark{width:48px;height:38px}
.product-options-panel{margin-top:22px;overflow:hidden}
.product-options-panel>.panel-head{padding:20px 20px 14px}
.product-options-panel>.panel-head p,.client-credits-panel>.panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}
.product-options-panel .table-wrap{border-width:1px 0 0;border-radius:0;box-shadow:none}
.option-name strong,.option-name small{display:block}
.option-name small{margin-top:4px;color:var(--muted-2);font-size:9px}
.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.danger-icon{color:var(--red)}
.danger-icon[aria-disabled="true"]{cursor:not-allowed;opacity:.45}
.option-product-checks{min-width:0;margin:0;padding:0;border:0}
.option-product-checks legend{margin-bottom:8px;color:var(--muted);font-size:9px;font-weight:700}
.option-product-checks>small,.logo-setting .field>small{display:block;margin-top:8px;color:var(--muted-2);font-size:9px;line-height:1.5}
.field-separator{margin:10px 0 7px;color:var(--muted-2);font-size:9px;font-weight:600;text-transform:none}
.field-label{color:var(--muted);font-size:9px;font-weight:700}
.remove-logo{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:10px;cursor:pointer}
.remove-logo input{width:auto;accent-color:var(--violet)}
.logo-setting{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center}
.settings-logo-preview{display:flex;min-height:92px;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#07070b,#14141c);color:#fff}
.settings-logo-preview .brand-mark{width:54px;height:44px;flex:0 0 auto}
.settings-logo-preview strong,.settings-logo-preview small{display:block}
.settings-logo-preview strong{font-size:11px}
.settings-logo-preview small{margin-top:4px;color:#a7a7b1;font-size:9px;line-height:1.45}
.credit-documents button{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;padding:9px 0;border:0;border-top:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}
.credit-documents button span strong,.credit-documents button span small{display:block}
.credit-documents button span small{margin-top:3px;color:var(--muted);font-size:9px}
.credit-documents button b{font-size:10px}
.client-credits-panel{margin-top:22px;overflow:hidden}
.client-credits-panel>.panel-head{padding:20px}
.client-credit-list{display:grid}
.client-credit-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--border)}
.client-credit-list article>div strong,.client-credit-list article>div small{display:block}
.client-credit-list article>div small{margin-top:4px;color:var(--muted);font-size:9px}
.client-credit-list article>strong{font-size:11px}
.client-product-grid .product-choice>b{margin-top:auto;padding-top:12px;color:#5b31c9;font-size:9px}
.builder-placeholder{margin:0;padding:18px;border:1px dashed var(--border-strong);border-radius:12px;background:#fafafd;color:var(--muted);font-size:10px;line-height:1.55;text-align:center}
.builder-placeholder.compact{margin-top:14px;padding:12px}
.client-order-summary .amount-breakdown .total output{color:#09090d;font:700 16px Inter,"Helvetica Neue",Arial,sans-serif}
.recurring-preview{display:grid;gap:4px;margin:14px 0;padding:12px;border:1px solid rgba(8,104,255,.18);border-radius:12px;background:#f1f7ff}
.recurring-preview span{color:#0756d0;font-size:8px;font-weight:700;text-transform:uppercase}
.recurring-preview strong{color:#152342;font-size:11px}
.recurring-preview small{color:#68758b;font-size:8px}
.checkout-activation-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0;padding:11px;border:1px solid rgba(32,168,102,.18);border-radius:12px;background:#eefaf4;color:#087a49}
.checkout-activation-note>.icon{flex:0 0 auto;margin-top:1px}
.checkout-activation-note strong,.checkout-activation-note small{display:block}
.checkout-activation-note strong{font-size:9px}
.checkout-activation-note small{margin-top:3px;color:#4f6d60;font-size:8px;line-height:1.45}
.client-order-submit{width:100%}
.client-period-grid button small{color:#087a49;font-size:9px}
.client-order-summary .recurring-preview small{color:#4f5e72;font-size:9px}
.client-order-builder .step-title em{color:#087a49;font-size:9px}
.service-change-fieldset{min-width:0;margin:0;padding:0;border:0}
.service-change-offer{position:relative;min-height:160px}
.service-change-options>label{min-height:52px}
.service-change-offer>i{position:absolute;top:12px;right:12px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#5b31c9;color:#fff}
.service-change-offer:has(input:focus-visible){outline:3px solid #5b31c9;outline-offset:3px}
.current-service-config{background:linear-gradient(145deg,#f7f9ff,#fff)}
.current-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}
.current-config-grid>div{min-width:0;padding:12px;background:#fff}
.current-config-grid span,.current-config-grid strong{display:block}
.current-config-grid span{color:var(--muted);font-size:9px}
.current-config-grid strong{margin-top:4px;color:#1b1b22;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.change-price-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.change-price-comparison>div{padding:11px;border:1px solid var(--border);border-radius:11px;background:#fafafd}
.change-price-comparison span,.change-price-comparison strong{display:block}
.change-price-comparison span{color:var(--muted);font-size:8px}
.change-price-comparison strong{margin-top:4px;color:#22222a;font-size:10px}
.service-change-delta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:11px;border-radius:11px;font-size:9px}
.service-change-delta span{font-weight:700;text-transform:uppercase}
.service-change-delta strong{text-align:right}
.service-change-delta.increase{background:#fff5e7;color:#8c5000}
.service-change-delta.decrease{background:#edf9f3;color:#087a49}
.service-change-delta.neutral{background:#f1f3f7;color:#555b66}
.service-change-notice,.pending-plan-banner{flex-wrap:wrap}
.service-change-notice .btn,.pending-plan-banner .btn{min-height:40px}
.pending-plan-banner a.btn{margin-left:auto}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #5b31c9;outline-offset:3px}
.options-list input:focus-visible+.check-ui,.choice-toggle input:focus-visible+span,.toggle-list input:focus-visible+i,.payment-choices input:focus-visible+span{box-shadow:0 0 0 3px #5b31c9}
.upload-field:focus-within{border-color:#5b31c9;box-shadow:0 0 0 3px #5b31c9}
.skip-link{position:fixed;top:10px;left:12px;z-index:200;padding:10px 14px;transform:translateY(-150%);border-radius:10px;background:#09090d;color:#fff;font-weight:700;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.skip-link:focus{transform:none}

@media(max-width:680px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:max(5px,env(safe-area-inset-bottom))}
  .settings-actions,.product-form-actions{bottom:calc(69px + env(safe-area-inset-bottom))}
  .modal-backdrop{padding-bottom:env(safe-area-inset-bottom)}
  .modal,.modal-wide{max-height:calc(91vh - env(safe-area-inset-bottom))}
  .product-options-panel>.panel-head,.client-credits-panel>.panel-head{align-items:flex-start;padding:16px}
  .product-options-panel>.panel-head .btn{white-space:nowrap}
  .logo-setting{grid-template-columns:1fr}
  .settings-logo-preview{min-height:78px}
  .table-actions{width:100%}
  .table-actions .btn{flex:1}
  .invoice-brand{flex-wrap:wrap}
  .invoice-brand>.badge{margin-left:auto}
  .client-credit-list article{grid-template-columns:auto minmax(0,1fr) auto;padding:13px 15px}
  .client-credit-list article>strong{grid-column:2}
  .client-credit-list article>.badge{grid-column:3;grid-row:1}
  .client-credit-list article>.icon-btn{grid-column:3;grid-row:2}
  .client-order-builder .builder-step{padding:16px}
  .client-order-summary{padding-bottom:18px}
  .client-order-summary .client-order-submit{min-height:48px}
  .current-config-grid,.change-price-comparison{grid-template-columns:1fr}
  .service-change-delta{align-items:flex-start;flex-direction:column}
  .service-change-delta strong{text-align:left}
  .service-change-notice .btn,.pending-plan-banner .btn,.pending-plan-banner a.btn{width:100%;margin:2px 0 0}
  .client-invoice-list small,.client-credit-list article>div small,.invoice-brand small,.detail-grid span,.credit-documents button span small{font-size:10px}
  .client-invoice-list .badge,.client-credit-list .badge{font-size:10px}
  .data-table thead{position:absolute!important;display:table-header-group!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
}

@media(max-width:480px){
  .summary-strip,.service-summary{grid-template-columns:1fr}
  .summary-strip>div{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .summary-strip>div:last-child{border-bottom:0!important}
  .product-options-panel>.panel-head{display:grid;gap:12px}
  .product-options-panel>.panel-head .btn{width:100%}
}

@media(max-width:380px){
  .modal-actions{flex-direction:column;align-items:stretch}
  .modal-actions .btn{width:100%}
  .invoice-brand>.badge{width:100%;margin-left:0;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Revenue reporting */
.revenue-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto minmax(190px,auto);align-items:end;gap:16px;margin-top:0;padding:18px 20px}
.revenue-toolbar>div>strong{display:block;margin-top:5px;color:#202028;font-size:11px}
.revenue-toolbar .compact-select{display:grid;align-items:start;gap:6px}
.revenue-toolbar .compact-select select{min-width:112px}
.revenue-toolbar .revenue-product-filter select{min-width:190px}
.revenue-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
.revenue-kpis article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-height:132px;padding:18px;border:1px solid #ececf1;border-radius:19px;background:#fff;box-shadow:var(--shadow)}
.revenue-kpi-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#f0ebff;color:#5b31c9}
.revenue-kpi-icon.subtotal{background:#edf5ff;color:#0868ff}
.revenue-kpi-icon.tax{background:#fff3df;color:#9b5b04}
.revenue-kpi-icon.cash{background:#e8f8ef;color:#087a49}
.revenue-kpi-icon.average{background:#ffedf5;color:#c92d71}
.revenue-kpis p,.revenue-kpis strong,.revenue-kpis small{display:block}
.revenue-kpis p{margin:1px 0 7px;color:var(--muted);font-size:9px;font-weight:700;line-height:1.35}
.revenue-kpis strong{font:800 18px Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap}
.revenue-kpis small{margin-top:7px;color:var(--muted-2);font-size:8px;line-height:1.45}
.revenue-trend.positive{color:#087a49}.revenue-trend.negative{color:#c92d4c}.revenue-trend.neutral{color:var(--muted-2)}
.revenue-chart-panel{overflow:hidden}
.revenue-chart-panel>.panel-head{gap:16px}
.revenue-chart-scroll{overflow-x:auto;padding:0 20px 22px;scrollbar-width:thin}
.revenue-bars{display:grid;grid-template-columns:repeat(12,minmax(62px,1fr));align-items:end;gap:9px;min-width:850px;height:298px;margin:0;padding:8px 0 0;list-style:none;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 65px,#ededf2 66px)}
.revenue-bars li{display:grid;height:100%;grid-template-rows:24px minmax(0,1fr) auto auto;align-items:end;gap:6px;text-align:center}
.revenue-bar-value{align-self:start;color:#55555f;font-size:8px;font-weight:700;white-space:nowrap}
.revenue-bar-track{position:relative;display:block;width:100%;height:100%;min-height:170px}
.revenue-bar-track i{position:absolute;right:9px;bottom:0;left:9px;height:var(--revenue-height);min-height:0;border-radius:9px 9px 3px 3px;background:var(--brand-gradient);box-shadow:0 7px 18px rgba(106,60,244,.15)}
.revenue-bars strong{color:#24242b;font-size:9px}
.revenue-bars small{min-height:20px;color:var(--muted-2);font-size:7px}
.revenue-detail-grid{display:grid;gap:20px}
.revenue-products,.revenue-recent{overflow:hidden}
.revenue-products .table-wrap,.revenue-recent .table-wrap{border-width:1px 0 0;border-radius:0;box-shadow:none}
.revenue-product-cell{display:flex;min-width:180px;align-items:center;gap:10px}
.revenue-product-cell>span:last-child strong,.revenue-product-cell>span:last-child small{display:block}
.revenue-share{display:flex;min-width:150px;align-items:center;gap:9px}
.revenue-share>span{display:block;width:92px;height:6px;overflow:hidden;border-radius:99px;background:#ececf1}
.revenue-share i{display:block;width:var(--revenue-share);height:100%;border-radius:inherit;background:var(--brand-gradient)}
.revenue-share b{min-width:40px;color:#4e2ab2;font-size:9px;text-align:right}
.revenue-method-note{display:flex;align-items:flex-start;gap:7px;margin:15px 2px 0;color:var(--muted-2);font-size:9px;line-height:1.5}
.revenue-method-note .icon{margin-top:1px;color:#087a49}

@media(max-width:1120px){
  .revenue-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  .revenue-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .revenue-toolbar>div{grid-column:1/span 3}
  .revenue-toolbar .compact-select select,.revenue-toolbar .revenue-product-filter select{width:100%;min-width:0}
}

@media(max-width:680px){
  .revenue-toolbar{grid-template-columns:1fr;align-items:stretch;padding:16px}
  .revenue-toolbar>div{grid-column:1}
  .revenue-kpis{grid-template-columns:1fr}
  .revenue-kpis article{min-height:102px}
  .revenue-chart-panel>.panel-head{align-items:flex-start;flex-direction:column}
  .revenue-metric-switch{width:100%}
  .revenue-metric-switch button{flex:1}
  .revenue-chart-scroll{padding-inline:14px}
  .revenue-bars{min-width:790px}
  .revenue-method-note{font-size:8px}
}

/* Guided setup, client finance, support queue and activity ledger */
.notice-banner.success{border-color:rgba(32,168,102,.22);background:#ecf9f2;color:#35604c}
.notice-banner.success strong{color:#087a49}
.setup-callout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 24px;padding:22px;border:1px solid rgba(106,60,244,.18);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(8,104,255,.1),transparent 38%),radial-gradient(circle at 100% 100%,rgba(255,44,131,.08),transparent 34%),#fff;box-shadow:var(--shadow)}
.setup-callout-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;background:var(--brand-gradient);color:#fff;box-shadow:0 12px 28px rgba(106,60,244,.22)}
.setup-callout h2,.setup-overview h2,.setup-step h2,.setup-help h2,.contextual-faq h2{margin:4px 0 5px;font:700 18px Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em}
.setup-callout p,.setup-overview p,.setup-step p,.setup-help p,.contextual-faq>p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.setup-callout progress,.setup-overview progress{display:block;width:100%;height:8px;margin-top:12px;overflow:hidden;border:0;border-radius:99px;background:#e8e8ef;accent-color:#6a3cf4}
.setup-callout progress::-webkit-progress-bar,.setup-overview progress::-webkit-progress-bar{border-radius:99px;background:#e8e8ef}
.setup-callout progress::-webkit-progress-value,.setup-overview progress::-webkit-progress-value{border-radius:99px;background:var(--brand-gradient)}
.setup-callout progress::-moz-progress-bar,.setup-overview progress::-moz-progress-bar{border-radius:99px;background:#6a3cf4}
.setup-overview{display:flex;align-items:center;gap:24px;margin:0 0 22px;padding:22px;border:1px solid rgba(106,60,244,.18);border-radius:20px;background:linear-gradient(135deg,#fff,#f6f2ff);box-shadow:var(--shadow)}
.setup-overview>div{display:flex;min-width:270px;align-items:center;gap:14px}
.setup-overview>progress{flex:1;margin:0}
.setup-score{display:flex;align-items:baseline;color:#5b31c9;font:800 31px Inter,"Helvetica Neue",Arial,sans-serif}
.setup-score small{font-size:14px;color:#8b82a2}
.setup-overview.complete{border-color:rgba(32,168,102,.2);background:linear-gradient(135deg,#fff,#effaf4)}
.setup-overview.complete .setup-score{color:#087a49}
.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px}
.setup-steps{display:grid;gap:14px}
.setup-step{overflow:hidden;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:var(--shadow)}
.setup-step.done{border-color:rgba(32,168,102,.23)}
.setup-step-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}
.setup-step-head h2{font-size:15px}
.setup-step-head p{font-size:9px}
.setup-number{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:#f0ebff;color:#5b31c9;font-size:11px;font-weight:800}
.setup-step.done .setup-number{background:#e8f8ef;color:#087a49}
.setup-values{display:grid;padding:4px 20px}
.setup-values>div{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px 0;border-bottom:1px solid var(--border)}
.setup-values>div:last-child{border-bottom:0}
.setup-values span{color:var(--muted);font-size:9px;font-weight:700}
.setup-values code{min-width:0;color:#25252d;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.setup-values .btn{min-height:36px;padding-inline:11px}
.setup-check{display:flex;min-height:52px;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--border);background:#fafafd;color:#34343d;font-size:10px;font-weight:700;cursor:pointer}
.setup-check input{position:absolute;width:1px;height:1px;opacity:0}
.setup-check .check-ui{display:grid;width:22px;height:22px;place-items:center;border:1px solid #cfcfd9;border-radius:7px;background:#fff;color:transparent}
.setup-check input:checked+.check-ui{border-color:#20a866;background:#20a866;color:#fff}
.setup-check input:focus-visible+.check-ui{outline:3px solid #5b31c9;outline-offset:3px}
.setup-help{position:sticky;top:92px;padding:21px}
.setup-help p{margin-bottom:16px}
.setup-help .btn+.btn{margin-top:8px}
.setup-help>small{display:block;margin-top:14px;color:var(--muted-2);font-size:9px;line-height:1.5}
.setup-service-banner .btn{margin-left:auto}

.billing-client-panel{overflow:hidden}
.finance-history{display:grid;gap:9px}
.finance-history article{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff}
.finance-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#edf5ff;color:#0868ff}
.finance-history article>div:nth-child(2) strong,.finance-history article>div:nth-child(2) small,.finance-history article>div:nth-child(2)>span,.finance-amount strong,.finance-amount small{display:block}
.finance-history article>div:nth-child(2) strong{color:#111117;font-size:11px}
.finance-history article>div:nth-child(2) small,.finance-history article>div:nth-child(2)>span,.finance-amount small{margin-top:4px;color:var(--muted);font-size:9px}
.finance-amount{text-align:right}
.finance-amount strong{font:700 13px Inter,"Helvetica Neue",Arial,sans-serif}

.support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}
.compact-select{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:700}
.compact-select select{min-height:42px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:#25252d;font:inherit}
.support-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px}
.support-queue{overflow:hidden}
.contextual-faq{padding:21px}
.contextual-faq>p{margin-bottom:14px}
.contextual-faq details{border-top:1px solid var(--border)}
.contextual-faq details:last-of-type{border-bottom:1px solid var(--border)}
.contextual-faq summary{position:relative;padding:13px 24px 13px 0;color:#24242b;font-size:10px;font-weight:700;line-height:1.45;cursor:pointer;list-style:none}
.contextual-faq summary::-webkit-details-marker{display:none}
.contextual-faq summary::after{position:absolute;top:13px;right:2px;color:#6a3cf4;content:'+';font-size:16px}
.contextual-faq details[open] summary::after{content:'−'}
.contextual-faq details p{margin:0;padding:0 0 13px;color:var(--muted);font-size:9px;line-height:1.6}
.contextual-faq>small{display:block;margin-top:14px;color:var(--muted-2);font-size:8px;line-height:1.5}
.ticket-modal-tip{padding:13px;border:1px solid rgba(8,104,255,.17);border-radius:12px;background:#edf5ff;color:#36526f}
.ticket-modal-tip strong{display:flex;align-items:center;gap:7px;color:#0756d0;font-size:9px}
.ticket-modal-tip p{margin:6px 0 0;font-size:9px;line-height:1.55}
.ticket-rating{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px;border:1px solid rgba(106,60,244,.17);border-radius:14px;background:#faf8ff}
.ticket-rating>div:first-child{flex:1}
.ticket-rating strong,.ticket-rating small{display:block}
.ticket-rating strong{font-size:10px}
.ticket-rating small{margin-top:4px;color:var(--muted);font-size:8px}
.ticket-rating>div[role="group"]{display:flex;gap:3px}
.ticket-rating button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:9px;background:transparent;color:#c5c5cf;font-size:20px;cursor:pointer}
.ticket-rating button:hover,.ticket-rating button.active{background:#fff3df;color:#e69a19}
.ticket-rating>span{color:#5b31c9;font-size:9px;font-weight:700;white-space:nowrap}
.support-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.support-metrics article{display:flex;align-items:center;gap:13px;min-height:92px;padding:17px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:var(--shadow)}
.support-metrics strong{display:block;font:800 21px Inter,"Helvetica Neue",Arial,sans-serif}
.support-metrics p{margin:4px 0 0;color:var(--muted);font-size:9px}

.activity-timeline{display:grid;gap:0}
.activity-timeline article{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:0 0 15px}
.activity-timeline article:not(:last-child)::before{position:absolute;top:14px;bottom:0;left:5px;width:1px;background:var(--border);content:''}
.activity-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#6a3cf4;box-shadow:0 0 0 1px #cfc7ef}
.activity-dot.client{background:#0868ff}.activity-dot.system{background:#20a866}
.activity-timeline strong,.activity-timeline p,.activity-timeline small{display:block}
.activity-timeline strong{font-size:9px}.activity-timeline p{margin:4px 0;color:#4d4d57;font-size:9px;line-height:1.45}.activity-timeline small{color:var(--muted-2);font-size:8px}
.activity-timeline article>a{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#6a3cf4}
.activity-timeline article>a:hover{background:#f0ebff}
.record-history,.modal-history{margin-top:18px;border-top:1px solid var(--border)}
.record-history>.activity-timeline{padding:0 20px 20px}
.record-history summary,.modal-history summary{padding:14px 0;color:#4f2bb4;font-size:10px;font-weight:700;cursor:pointer}
.activity-toolbar{margin-top:18px}
.activity-ledger{overflow:hidden}
.activity-ledger-head,.activity-ledger>article{display:grid;grid-template-columns:150px 180px minmax(230px,1fr) 150px;align-items:center;gap:14px;padding:12px 17px}
.activity-ledger-head{border-bottom:1px solid var(--border);background:#fafafd;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}
.activity-ledger>article{min-height:68px;border-bottom:1px solid var(--border)}
.activity-ledger>article:last-child{border-bottom:0}
.activity-ledger time{color:var(--muted);font-size:9px}
.activity-ledger b,.activity-ledger small{display:block;min-width:0;overflow-wrap:anywhere}
.activity-ledger b{color:#1c1c23;font-size:10px}.activity-ledger small{margin-top:4px;color:var(--muted-2);font-size:8px;line-height:1.4}
.activity-ledger a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;color:#4f2bb4}
.activity-ledger a small{grid-column:1}
.activity-ledger a .icon{grid-column:2;grid-row:1/span 2}
.backup-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:17px}
.backup-card>div:first-child strong{font-size:11px}.backup-card>div:first-child p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
.restore-form{grid-column:1/span 2;padding-top:14px;border-top:1px solid var(--border)}
.restore-form small{display:block;margin-top:7px;color:var(--muted-2);font-size:8px}

@media(max-width:980px){
  .setup-layout,.support-grid{grid-template-columns:1fr}
  .setup-help{position:static}
  .activity-ledger-head,.activity-ledger>article{grid-template-columns:125px 150px minmax(190px,1fr) 125px}
}

@media(max-width:680px){
  .setup-callout{grid-template-columns:auto minmax(0,1fr);padding:17px}
  .setup-callout>.btn{grid-column:1/span 2;width:100%}
  .setup-overview{display:grid;gap:15px;padding:17px}
  .setup-overview>div{min-width:0}
  .setup-step-head{grid-template-columns:auto minmax(0,1fr) auto;padding:15px}
  .setup-step-head>.product-icon{display:none}
  .setup-step-head>.badge{grid-column:3;grid-row:1}
  .setup-values{padding-inline:15px}
  .setup-values>div{grid-template-columns:1fr auto;gap:7px;padding:13px 0}
  .setup-values>div>span{grid-column:1/span 2}
  .setup-values code{font-size:9px}
  .setup-check{min-height:58px;padding-inline:15px}
  .setup-service-banner .btn{width:100%;margin-left:0}
  .finance-history article{grid-template-columns:auto minmax(0,1fr) auto;padding:13px}
  .finance-amount{grid-column:2;text-align:left}
  .finance-history article>.badge{grid-column:3;grid-row:1}
  .finance-history article>.btn,.finance-history article>.pending-copy{grid-column:1/span 3;width:100%;text-align:center}
  .support-toolbar{display:grid}
  .compact-select{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .compact-select select{width:100%}
  .support-metrics{grid-template-columns:1fr}
  .support-metrics article{min-height:76px}
  .ticket-rating{align-items:flex-start;flex-wrap:wrap}
  .ticket-rating>div:first-child{flex-basis:100%}
  .ticket-rating button{width:42px;height:42px}
  .activity-ledger-head{display:none}
  .activity-ledger>article{grid-template-columns:1fr auto;gap:8px;padding:14px}
  .activity-ledger time{grid-column:1/span 2}
  .activity-ledger>article>span:nth-of-type(2){grid-column:1}
  .activity-ledger>article>a{grid-column:2;grid-row:2/span 2;min-width:105px}
  .backup-card{grid-template-columns:1fr}
  .backup-card>.btn,.restore-form{grid-column:1;width:100%}
}

@media(max-width:420px){
  .setup-callout{grid-template-columns:1fr}
  .setup-callout-icon{width:46px;height:46px}
  .setup-callout>.btn{grid-column:1}
  .setup-step-head{grid-template-columns:auto 1fr}
  .setup-step-head>.badge{grid-column:1/span 2;grid-row:auto;justify-self:start}
  .setup-values>div{grid-template-columns:1fr}
  .setup-values>div>span{grid-column:1}
  .setup-values .btn{width:100%}
  .ticket-rating>div[role="group"]{width:100%;justify-content:space-between}
  .ticket-rating button{flex:1}
}

/* RadioWay Control Surface 2027 */
:root{
  --bg:#f3f5f9;
  --sidebar:#07080c;
  --surface:#fff;
  --surface-2:#f8f9fc;
  --surface-3:#eef1f6;
  --border:#e4e7ee;
  --border-strong:#d4d9e4;
  --text:#11131a;
  --muted:#5f6674;
  --muted-2:#747c8b;
  --violet:#6a3cf4;
  --violet-bright:#7b52ff;
  --blue:#0868ff;
  --green:#15945a;
  --orange:#bd6e00;
  --red:#d93657;
  --radius:24px;
  --shadow:0 1px 2px rgba(16,24,40,.035),0 12px 32px rgba(31,35,48,.065);
  --shadow-elevated:0 2px 4px rgba(16,24,40,.04),0 22px 64px rgba(31,35,48,.11);
  --brand-gradient:linear-gradient(105deg,#0868ff 0%,#6a3cf4 53%,#ff2c83 100%);
  --sidebar-w:272px;
}

html{background:var(--bg);scrollbar-color:#c8ccd6 transparent;scrollbar-width:thin}
body{background:var(--bg);font-size:14px;line-height:1.5;letter-spacing:-.006em;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}
::selection{background:rgba(106,60,244,.18);color:#21134d}
*{scrollbar-color:#c8ccd6 transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#c8ccd6;background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}

.app-shell::before{height:3px;background:var(--brand-gradient);box-shadow:0 1px 14px rgba(106,60,244,.28)}
.workspace{position:relative;min-width:0;background:
  radial-gradient(circle at 15% -8%,rgba(8,104,255,.095),transparent 29%),
  radial-gradient(circle at 88% 0,rgba(255,44,131,.07),transparent 24%),
  var(--bg)}
.workspace::before{position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(74,82,104,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,82,104,.035) 1px,transparent 1px);background-size:36px 36px;content:"";pointer-events:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 72%)}
.content{position:relative;z-index:1;width:min(1380px,calc(100% - 76px));padding:38px 0 78px}

.sidebar{isolation:isolate;width:var(--sidebar-w);padding:24px 18px 20px;overflow-x:hidden;overflow-y:auto;border-right:1px solid rgba(255,255,255,.075);background:
  radial-gradient(circle at 12% 5%,rgba(106,60,244,.22),transparent 24%),
  radial-gradient(circle at 92% 92%,rgba(8,104,255,.12),transparent 30%),
  linear-gradient(180deg,#08090d 0%,#05060a 100%);box-shadow:20px 0 70px rgba(17,19,26,.08)}
.sidebar::after{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;content:"";pointer-events:none;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.brand{gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.brand-mark{width:45px;height:36px}
.brand b{font-family:Manrope,Inter,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.055em}
.brand small{margin-top:5px;color:#9699a5;font-size:9px;letter-spacing:.16em}
.side-nav{gap:5px;margin-top:27px}
.side-nav::before{margin:0 12px 8px;color:#626672;content:"Navigation";font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.role-client .side-nav::before{content:"Espace client"}
.nav-item{height:49px;gap:11px;padding:0 11px;border-radius:15px;color:#9296a2;font-size:13px;font-weight:600;letter-spacing:-.01em}
.nav-item>.icon{width:32px;height:32px;padding:7px;border:1px solid transparent;border-radius:10px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.nav-item:hover{background:rgba(255,255,255,.052);color:#f7f8fb}
.nav-item:hover>.icon{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.05)}
.nav-item.active,.role-client .nav-item.active{border-color:rgba(139,113,255,.2);background:linear-gradient(105deg,rgba(8,104,255,.16),rgba(106,60,244,.2) 53%,rgba(255,44,131,.095));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.14)}
.nav-item.active>.icon,.role-client .nav-item.active>.icon{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.105);color:#fff}
.nav-item.active::before,.role-client .nav-item.active::before{top:50%;right:10px;left:auto;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 16px rgba(137,115,255,.9)}
.sidebar-foot{gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.075)}
.workspace-switch{min-height:58px;padding:10px;border-color:rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.workspace-switch:hover{border-color:rgba(135,112,255,.42);background:rgba(255,255,255,.075)}
.workspace-switch b,.admin-card b{font-size:12px}
.workspace-switch small,.admin-card small{font-size:9px}
.sidebar .avatar{width:36px;height:36px;border-radius:12px}
.admin-card{padding:8px 9px;border-radius:14px}

.topbar{top:14px;height:66px;margin:14px 22px 0;padding:0 12px 0 16px;border:1px solid rgba(255,255,255,.105);border-radius:21px;background:rgba(7,8,12,.92);color:#fff;box-shadow:0 14px 38px rgba(10,12,20,.17),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px) saturate(145%)}
.global-search{width:min(570px,47vw);height:43px;border-color:rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.065);color:#aeb2bf;box-shadow:inset 0 1px 1px rgba(255,255,255,.025)}
.global-search:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.085)}
.global-search:focus-within{border-color:rgba(146,122,255,.72);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(106,60,244,.2)}
.global-search input{font-size:12px}
.global-search kbd{border-color:rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.045);font-size:9px}
.search-popover{top:calc(100% + 10px);left:16px;width:min(570px,calc(100vw - var(--sidebar-w) - 70px));padding:10px;border-color:#e2e5ec;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:var(--shadow-elevated);backdrop-filter:blur(20px)}
.search-popover>a{padding:10px;border-radius:12px}
.search-popover strong{font-size:11px}
.search-popover small,.search-popover em{font-size:9px}
.client-top-title{display:flex;align-items:center;gap:12px}
.client-top-title::before{width:7px;height:7px;border-radius:50%;background:#46df94;content:"";box-shadow:0 0 0 5px rgba(70,223,148,.1),0 0 16px rgba(70,223,148,.5)}
.client-top-title b{font-size:12px}
.client-top-title small{font-size:10px}
.top-actions{gap:9px}
.topbar .btn{min-height:42px;border-radius:13px}
.topbar .btn-soft{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.075);color:#f6f7fb;box-shadow:none}
.topbar .btn-soft:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.12)}
.topbar .icon-btn{width:42px;height:42px;border-color:rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.065);color:#c5c9d3}
.topbar .icon-btn:hover{border-color:rgba(145,121,255,.5);background:rgba(255,255,255,.11);color:#fff}
.topbar .avatar{width:42px;height:42px;border-radius:13px}

.page-head{align-items:flex-end;gap:24px;margin-bottom:30px}
.page-head h1{margin:6px 0 9px;font-family:Manrope,Inter,sans-serif;font-size:clamp(32px,3vw,42px);font-weight:800;line-height:1.04;letter-spacing:-.052em}
.page-head p:not(.eyebrow){max-width:720px;color:#69707e;font-size:13px;line-height:1.6}
.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.13em}
.eyebrow::before{width:8px;height:8px;box-shadow:0 0 0 5px rgba(106,60,244,.08)}
.page-actions{flex-wrap:wrap;justify-content:flex-end}

.btn{min-height:44px;padding-inline:17px;border-radius:14px;font-size:12px;font-weight:700;letter-spacing:-.005em;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease}
.btn-primary{border-color:rgba(255,255,255,.16);background:var(--brand-gradient);box-shadow:0 9px 22px rgba(106,60,244,.22),inset 0 1px rgba(255,255,255,.22)}
.btn-primary:hover{background:var(--brand-gradient);box-shadow:0 13px 30px rgba(106,60,244,.28),inset 0 1px rgba(255,255,255,.22);filter:saturate(1.08)}
.btn-soft{border-color:#dfe3eb;background:rgba(255,255,255,.9);color:#252832;box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 16px rgba(31,35,48,.055)}
.btn-soft:hover{border-color:#cfd4df;background:#fff;box-shadow:0 2px 3px rgba(16,24,40,.04),0 9px 22px rgba(31,35,48,.075)}
.btn-large{min-height:50px;border-radius:16px;font-size:13px}
.icon-btn{width:40px;height:40px;border-color:#e0e4ec;border-radius:13px;background:#fff;color:#656d7b;box-shadow:0 1px 2px rgba(16,24,40,.045)}
.icon-btn:hover{border-color:#cbd1dc;background:#fbfbfd;color:#171923}
.badge{padding:6px 9px;border:1px solid transparent;font-size:10px;font-weight:700}
.badge-green{border-color:#d6f0e1}.badge-orange{border-color:#f7e5c5}.badge-red{border-color:#f7dce2}.badge-violet{border-color:#e4dcff}
.count-pill{padding:6px 9px;border-radius:9px;font-size:10px;font-weight:700}

.panel,.metric-card,.client-metrics article,.support-metrics article,.revenue-kpis article,.builder-step,.settings-card,.catalog-summary article,.catalog-offer,.service-card,.finance-history article,.setup-step,.table-wrap,.ticket-list{border-color:rgba(222,226,235,.88);background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(253,253,255,.97));box-shadow:var(--shadow)}
.panel,.table-wrap,.ticket-list{border-radius:var(--radius)}
.panel-head{padding:23px 24px 18px}
.panel-head h2{font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.035em}
.panel-head p{font-size:11px;line-height:1.55}
.metric-card{min-height:162px;padding:23px;border-radius:22px}
.metric-card::before{top:0;right:auto;left:23px;width:52px;height:4px;border-radius:0 0 99px 99px;opacity:1}
.metric-card::after{top:-70px;right:-45px;width:170px;height:170px;filter:blur(7px);opacity:.07}
.metric-card p{margin-top:2px;font-size:12px;font-weight:600}
.metric-card strong{font-size:30px;font-weight:800}
.metric-card small{font-size:10px}
.metric-card>a{right:20px;bottom:18px;font-size:10px}
.metric-icon,.revenue-kpi-icon,.finance-icon{width:42px;height:42px;border-radius:13px}
.client-metrics{gap:14px}
.client-metrics article{position:relative;min-height:108px;padding:19px;border-radius:20px;overflow:hidden}
.client-metrics article::after{position:absolute;right:-34px;bottom:-48px;width:105px;height:105px;border-radius:50%;background:var(--brand-gradient);content:"";opacity:.035}
.client-metrics strong{font-size:22px;font-weight:800}
.client-metrics p{font-size:10px}
.support-metrics article{min-height:104px;padding:19px;border-radius:20px}
.support-metrics strong{font-size:24px}
.support-metrics p{font-size:10px}

.list-toolbar{margin-bottom:16px}
.list-toolbar>span{font-size:11px}
.list-search{min-height:44px;border-color:#dfe3eb;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(16,24,40,.03)}
.list-search input{font-size:12px}
.filter-pills{gap:4px;padding:5px;border:1px solid #e0e4eb;border-radius:15px;background:#eceff4}
.filter-pills button{min-height:34px;padding:0 12px;border-radius:10px;font-size:10px}
.filter-pills button.active{background:#fff;color:#151720;box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 16px rgba(31,35,48,.07)}
.compact-select{font-size:10px}
.compact-select select{min-height:44px;border-color:#dfe3eb;border-radius:13px;background:#fff;font-size:11px}

.table-wrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.data-table th{height:49px;padding-inline:17px;border-bottom-color:#e4e7ee;background:#f7f8fb;color:#666e7c;font-size:10px;letter-spacing:.07em}
.data-table td{height:68px;padding-inline:17px;border-bottom-color:#e8eaf0;color:#464c58;font-size:12px}
.data-table td>strong,.data-table td a strong{font-size:12px;font-weight:700}
.data-table td small{font-size:10px;line-height:1.45}
.data-table tbody tr:hover{background:linear-gradient(90deg,rgba(8,104,255,.025),rgba(106,60,244,.035),rgba(255,44,131,.02))}
.data-table .btn{min-height:34px;font-size:10px}
.client-cell{gap:11px}
.client-cell .avatar{width:38px;height:38px;border-radius:12px}

.todo-row{min-height:82px;padding:12px 14px}
.todo-type{font-size:9px}
.todo-main strong{font-size:12px}
.todo-main small,.todo-state small{font-size:10px}
.type-icon{width:39px;height:39px;border-radius:12px}
.service-rows{padding:0 12px 12px}
.service-rows>a{min-height:76px;padding:11px 12px;border-radius:14px;transition:background .18s ease,transform .18s ease}
.service-rows strong{font-size:12px}
.service-rows small,.service-rows div:nth-child(3)>span{font-size:10px}
.recent-invoices>div>button,.recent-tickets>button{min-height:58px;border-radius:12px}
.recent-invoices button strong,.recent-tickets strong{font-size:11px}
.recent-invoices button small,.recent-tickets small,.recent-invoices button b{font-size:9px}
.service-card-grid{gap:17px}
.service-card{padding:21px;border-radius:22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card h2{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800}
.service-card>p,.service-due{font-size:10px}
.service-price strong{font-size:25px}
.help-card{border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,44,131,.09),transparent 36%),linear-gradient(135deg,rgba(8,104,255,.1),rgba(106,60,244,.09) 58%,rgba(255,255,255,.86));box-shadow:var(--shadow)}
.help-card h2{font-family:Manrope,Inter,sans-serif;font-size:15px}
.help-card p{font-size:10px}

.builder-step{padding:22px;border-radius:22px}
.step-title{gap:13px;margin-bottom:19px}
.step-title>span{width:36px;height:36px;border-color:rgba(106,60,244,.14);border-radius:12px;background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.12));color:#5b31c9;font-size:11px}
.step-title h2{font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:800}
.step-title p{font-size:10px}
.step-title em{font-size:9px;font-weight:700}
.product-choice,.offer-card,.choice-row,.period-grid button,.choice-toggle,.payment-choices label>span,.toggle-row{border-color:#e0e4ec;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.product-choice{min-height:142px;padding:16px}
.product-choice strong,.choice-row strong{font-size:11px}
.product-choice small,.choice-row small{font-size:9px}
.offer-card{min-height:186px;padding:17px}
.offer-card>strong{font-size:19px}
.offer-card li,.options-list strong{font-size:9px}
.offer-card li,.options-list small,.options-list b{font-size:9px}
.period-grid button{min-height:61px;font-size:11px}
.order-summary{top:100px;padding:22px;border-color:rgba(106,60,244,.16);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(255,44,131,.09),transparent 33%),radial-gradient(circle at 0 0,rgba(8,104,255,.1),transparent 38%),linear-gradient(180deg,#fff,#fbfaff);box-shadow:var(--shadow-elevated)}
.order-summary h2{font-family:Manrope,Inter,sans-serif;font-size:19px}
.order-summary dl>div,.amount-breakdown p{font-size:10px}
.amount-breakdown{padding:14px;border-color:#e1e4eb;border-radius:14px;background:rgba(247,248,252,.82)}
.secure-note{font-size:9px;line-height:1.5}

.field{gap:8px}
.field>span,.field-label{color:#565e6d;font-size:11px;font-weight:700}
.field input,.field select,.field textarea{min-height:48px;padding:12px 14px;border-color:#dfe3eb;border-radius:14px;background:#fbfcfe;color:#141720;font-size:12px;box-shadow:inset 0 1px 2px rgba(16,24,40,.025)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#ccd2de}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#6a3cf4;background:#fff;box-shadow:0 0 0 4px rgba(106,60,244,.11)}
.settings-section{gap:28px}
.settings-card{padding:22px;border-radius:21px}
.settings-copy h2{font-family:Manrope,Inter,sans-serif;font-size:15px}
.settings-copy p{font-size:10px}
.toggle-list label{min-height:62px}
.toggle-list strong{font-size:11px}
.toggle-list small{font-size:9px}
.toggle-list i{width:38px;height:22px;background:#d7dbe4}
.toggle-list i::after{width:16px;height:16px;background:#fff;box-shadow:0 2px 5px rgba(16,24,40,.18)}
.toggle-list input:checked+i::after{transform:translateX(16px)}

.summary-strip{border-color:#e0e4ec;border-radius:22px;background:linear-gradient(180deg,#fff,#fdfdff);box-shadow:var(--shadow)}
.summary-strip>div{min-height:96px;padding:20px 22px}
.summary-strip span,.detail-grid span,.info-grid span{font-size:10px}
.summary-strip strong{font-size:20px}
.tabs{gap:5px;padding-inline:20px}
.tabs button{min-height:56px;padding-inline:13px;font-size:11px}
.tabs button.active{color:#5026bf}
.tab-content{padding:22px}
.info-grid,.detail-grid{border-color:#e3e6ed;border-radius:15px;background:#e3e6ed}
.info-grid>div,.detail-grid>div{min-height:82px;padding:18px;background:#fff}
.info-grid strong,.detail-grid strong{font-size:12px}
.resource-cards article{padding:15px;border-color:#e2e5ec;border-radius:14px;background:#fafbfe}
.resource-cards strong{font-size:11px}
.resource-cards small,.usage-list small,.timeline small{font-size:9px}
.timeline strong,.usage-list b,.usage-list>div>strong{font-size:11px}

.ticket-list{overflow:hidden}
.ticket-list-head{min-height:46px;background:#f7f8fb;font-size:9px}
.ticket-list>button{min-height:72px;padding-inline:17px;border-bottom-color:#e8eaf0;font-size:11px;transition:background .18s ease}
.ticket-subject strong{font-size:11px}
.ticket-subject small{font-size:9px}
.contextual-faq{padding:23px}
.contextual-faq h2{font-family:Manrope,Inter,sans-serif;font-size:19px}
.contextual-faq>p,.contextual-faq summary{font-size:10px}
.contextual-faq details p,.contextual-faq>small{font-size:9px}
.ticket-rating{border-radius:16px}
.ticket-rating button{color:#8f8f9b}
.finance-history{gap:10px}
.finance-history article{min-height:78px;padding:15px;border-radius:17px}
.finance-history article>div:nth-child(2) strong{font-size:11px}
.finance-history article>div:nth-child(2) small,.finance-history article>div:nth-child(2)>span,.finance-amount small{font-size:9px}
.finance-amount strong{font-size:14px}

.revenue-toolbar{gap:18px;padding:21px 22px}
.revenue-toolbar>div>strong{font-size:12px}
.revenue-kpis{gap:14px}
.revenue-kpis article{min-height:142px;padding:20px;border-radius:21px}
.revenue-kpis p{font-size:10px}
.revenue-kpis strong{font-size:clamp(16px,1.5vw,21px)}
.revenue-kpis small{font-size:9px}
.revenue-chart-scroll{padding:0 22px 25px}
.revenue-bars{height:315px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 65px,rgba(118,124,139,.13) 66px)}
.revenue-bar-track i{right:8px;left:8px;border-radius:11px 11px 4px 4px;background:var(--brand-gradient);box-shadow:0 9px 22px rgba(106,60,244,.18);transition:filter .18s ease,transform .18s ease}
.revenue-bar-value,.revenue-bars strong{font-size:9px}
.revenue-bars small{font-size:8px}
.revenue-share>span{height:7px;background:#e8ebf1}
.revenue-share b,.revenue-method-note{font-size:9px}

.setup-callout,.setup-overview{border-radius:24px;box-shadow:var(--shadow)}
.setup-step{border-radius:21px}
.setup-help{top:100px}
.setup-callout p,.setup-overview p,.setup-step p,.setup-help p{font-size:10px}
.activity-ledger{overflow:hidden}
.activity-ledger-head{min-height:47px;background:#f7f8fb;font-size:9px}
.activity-ledger>article{min-height:73px;border-bottom-color:#e8eaf0}
.activity-ledger time,.activity-ledger b,.activity-ledger p{font-size:10px}
.activity-ledger small{font-size:9px}

.modal-backdrop{background:rgba(8,10,17,.63);backdrop-filter:blur(14px) saturate(120%)}
.modal{border-color:rgba(255,255,255,.78);border-radius:25px;background:rgba(255,255,255,.985);box-shadow:0 34px 100px rgba(10,12,20,.28)}
.modal-wide{width:min(760px,100%)}
.modal-head{padding:20px 22px;border-bottom-color:#e6e9ef;background:rgba(255,255,255,.9);backdrop-filter:blur(20px)}
.modal-head p{font-size:9px}
.modal-head h2{font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:800}
.modal-head .icon-btn{width:38px;height:38px}
.modal-body{padding:22px}
.modal-actions{gap:9px;margin-top:22px;padding-top:18px}
.menu-action,.choice-card{min-height:62px;padding:12px;border-color:#e2e5ec;border-radius:15px;background:#fff}
.menu-action strong{font-size:11px}
.menu-action small,.choice-card p{font-size:9px}
.toast{padding:15px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-elevated);backdrop-filter:blur(18px)}
.toast strong{font-size:11px}.toast p{font-size:10px}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #6840f5;outline-offset:3px}
summary:focus-visible{outline:3px solid #6840f5;outline-offset:3px;border-radius:8px}
.sidebar :focus-visible,.topbar :focus-visible,.bottom-nav :focus-visible{outline-color:#a997ff}

@media(pointer:coarse){
  .btn,.icon-btn,.table-more,.filter-pills button,.tabs button,.text-action,.setup-values .btn,.contextual-faq summary{min-height:44px}
  .icon-btn,.table-more{min-width:44px}
}

@media(hover:hover) and (pointer:fine){
  .btn:not([disabled]):hover{transform:translateY(-1px)}
  .metric-card:hover,.client-metrics article:hover,.support-metrics article:hover,.revenue-kpis article:hover,.service-card:hover,.catalog-offer:hover{transform:translateY(-2px);border-color:#d9ddea;box-shadow:var(--shadow-elevated)}
  .metric-card,.client-metrics article,.support-metrics article,.revenue-kpis article,.catalog-offer{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
  .service-rows>a:hover{transform:translateX(2px)}
  .revenue-bars li:hover .revenue-bar-track i{transform:translateY(-2px);filter:saturate(1.14) brightness(1.04)}
}

@media(max-width:1100px){
  .content{width:min(100% - 52px,1220px)}
}

@media(max-width:900px){
  :root{--sidebar-w:88px}
  .sidebar{width:var(--sidebar-w);padding:22px 12px 18px}
  .brand{justify-content:center;padding:9px 6px}
  .brand>span:last-child,.nav-item span,.sidebar-foot,.side-nav::before{display:none}
  .side-nav{margin-top:24px}
  .nav-item{justify-content:center;padding:0}
  .nav-item.active::before,.role-client .nav-item.active::before{right:6px}
  .topbar{margin-inline:16px}
  .global-search{width:min(470px,49vw)}
  .search-popover{width:min(470px,calc(100vw - var(--sidebar-w) - 60px))}
  .content{width:min(100% - 44px,1120px);padding-top:34px}
  .order-summary,.setup-help{top:96px}
}

@media(max-width:680px){
  body{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
  .workspace::before{background-size:28px 28px;opacity:.65}
  .topbar{top:8px;height:60px;margin:8px 10px 0;padding:0 9px;border-radius:18px}
  .mobile-brand{width:40px;height:40px}
  .global-search{height:42px;border-radius:13px}
  .search-popover{top:calc(100% + 8px);left:0;width:calc(100vw - 20px);border-radius:17px}
  .topbar .icon-btn,.topbar .avatar{width:40px;height:40px}
  .top-actions{margin-left:auto}
  .content{width:calc(100% - 24px);padding:30px 0 112px}
  .page-head{margin-bottom:24px}
  .page-head h1{font-size:30px;line-height:1.08}
  .page-head p:not(.eyebrow){font-size:12px}
  .page-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .page-actions .btn{width:100%}
  .panel,.table-wrap,.ticket-list{border-radius:20px}
  .panel-head{align-items:flex-start;padding:19px 18px 15px}
  .panel-head h2{font-size:17px}
  .metric-card{min-height:142px;padding:20px}
  .client-metrics article,.support-metrics article,.revenue-kpis article{min-height:94px;padding:16px}
  .list-toolbar{gap:11px}
  .filter-pills{padding:4px}
  .filter-pills button{min-height:36px}
  .data-table tr{width:calc(100% - 18px);margin:9px;border-color:#e1e5ec;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(31,35,48,.055)}
  .data-table td{grid-template-columns:112px minmax(0,1fr);min-height:50px;padding:10px 12px;font-size:12px}
  .data-table td::before{color:#6f7684;font-size:9px;letter-spacing:.055em}
  .builder-step,.settings-card{padding:17px;border-radius:19px}
  .order-summary{padding:19px;border-radius:21px}
  .tabs{padding-inline:10px}
  .tabs button{min-height:52px}
  .field input,.field select,.field textarea,.compact-select select,.global-search input,.list-search input{font-size:16px}
  .ticket-subject{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px}
  .ticket-subject>span{min-width:0}
  .ticket-list>button>.badge{grid-column:1;grid-row:3;justify-self:start}
  .ticket-list>button>.icon{grid-column:2;grid-row:1/span 3;align-self:center}
  .modal-backdrop{padding:14px 0 0}
  .modal,.modal-wide{max-height:calc(100dvh - env(safe-area-inset-top) - 12px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0}
  .modal-head{padding:17px 18px}
  .modal-body{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
  .bottom-nav{right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:10px;height:68px;padding:5px 7px;border:1px solid rgba(255,255,255,.11);border-radius:21px;background:rgba(7,8,12,.94);box-shadow:0 18px 48px rgba(7,8,12,.27),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px) saturate(140%)}
  .bottom-nav a,.bottom-nav button{min-height:56px;border-radius:15px}
  .bottom-nav a span,.bottom-nav button span{font-size:9px}
  .bottom-nav a.active,.bottom-nav button.active,.role-client .bottom-nav a.active{background:linear-gradient(135deg,rgba(8,104,255,.22),rgba(106,60,244,.24) 53%,rgba(255,44,131,.14));box-shadow:inset 0 1px rgba(255,255,255,.08)}
}

@media(max-width:420px){
  .content{width:calc(100% - 20px)}
  .page-head h1{font-size:28px}
  .btn{padding-inline:14px}
  .summary-strip>div{min-height:86px;padding:17px}
  .data-table td{grid-template-columns:98px minmax(0,1fr)}
  .ticket-list>button{padding-inline:13px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.metric-card,.client-metrics article,.support-metrics article,.revenue-kpis article,.service-card,.catalog-offer,.service-rows>a,.revenue-bar-track i{transform:none!important}
}

/* RadioWay Mission Control — premium refinement */
:root{--layout-max:1380px;--layout-inline:76px;--muted-2:#6d7482}
.role-admin,.role-client{--role-accent:#6a3cf4;--role-gradient:linear-gradient(105deg,#0868ff 0%,#6a3cf4 53%,#ff2c83 100%)}
.workspace{background:radial-gradient(1000px 480px at 78% -220px,rgba(106,60,244,.07),transparent 68%),#f5f6f8}
.role-client .workspace{background:radial-gradient(1000px 480px at 78% -220px,rgba(8,104,255,.075),transparent 68%),#f5f6f8}
.workspace::before{display:none}
.app-shell::before{height:2px;box-shadow:none;opacity:.82}
.topbar,.content{width:min(var(--layout-max),calc(100% - var(--layout-inline)));margin-inline:auto}
.topbar{margin-top:14px}
.app-shell .btn-primary{background:var(--role-gradient);box-shadow:0 10px 24px rgba(106,60,244,.23),inset 0 1px rgba(255,255,255,.24)}
.app-shell .btn-primary:hover{background:var(--role-gradient)}
.role-client .btn-primary{box-shadow:0 10px 24px rgba(106,60,244,.23),inset 0 1px rgba(255,255,255,.24)}

.side-nav{display:flex;flex-direction:column;gap:17px;margin-top:23px}
.side-nav::before{display:none;content:none}
.nav-group{display:grid;gap:4px}
.nav-group-label{padding:0 12px 5px;color:#676b77;font-size:9px;font-weight:800;letter-spacing:.15em;line-height:1;text-transform:uppercase;transition:color .2s ease}
.nav-group:has(.nav-item.active) .nav-group-label{color:#a39bbd}
.nav-item{height:45px}
.role-client .nav-item.active{border-color:rgba(106,60,244,.26);background:linear-gradient(105deg,rgba(8,104,255,.18),rgba(106,60,244,.2) 53%,rgba(255,44,131,.12))}
.brand{position:relative;overflow:hidden}
.brand::after{position:absolute;top:-32px;right:-20px;width:70px;height:70px;border-radius:50%;background:rgba(122,86,255,.22);content:"";filter:blur(18px);pointer-events:none}
.account-card{width:100%;border:1px solid transparent;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.account-card:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}
.account-card-more{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#858a97}
.account-card:hover .account-card-more{background:rgba(255,255,255,.06);color:#fff}

.topbar{gap:13px;padding-left:13px}
.topbar::after{display:none;content:none}
.topbar-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:148px}
.topbar-context-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(157,133,255,.14);border-radius:12px;background:rgba(106,60,244,.16);color:#c7b9ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.role-client .topbar-context-icon{border-color:rgba(106,60,244,.17);background:linear-gradient(145deg,rgba(8,104,255,.16),rgba(106,60,244,.18) 55%,rgba(255,44,131,.1));color:#c7b9ff}
.topbar-context>span:last-child,.topbar-context small,.topbar-context b{display:block;min-width:0}
.topbar-context small{margin-bottom:2px;color:#8f94a1;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.topbar-context b{max-width:108px;overflow:hidden;color:#f8f9fc;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.topbar-divider{width:1px;height:31px;background:rgba(255,255,255,.1)}
.global-search-wrap{position:relative;width:min(570px,100%);min-width:190px;flex:1}
.global-search{width:100%;max-width:none}
.global-search-wrap .search-popover{top:calc(100% + 12px);left:0;width:100%}
.client-top-title{min-width:0;padding:7px 11px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.05)}
.client-top-title b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-top-title small{color:#8f94a1}
.client-top-title.status-disabled::before{background:#ff6685;box-shadow:0 0 0 5px rgba(255,102,133,.1),0 0 16px rgba(255,102,133,.34)}
.client-top-title.status-warning::before{background:#f6a83b;box-shadow:0 0 0 5px rgba(246,168,59,.1),0 0 16px rgba(246,168,59,.3)}
.top-actions{min-width:max-content}

.page-head{position:relative;padding:4px 0 2px}
.page-head h1{font-size:clamp(34px,3.15vw,44px)}
.page-head p:not(.eyebrow){font-size:14px}
.eyebrow{width:fit-content;padding:5px 9px 5px 6px;border:1px solid rgba(106,60,244,.12);border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 1px 2px rgba(16,24,40,.03)}
.role-client .eyebrow{border-color:rgba(106,60,244,.14);color:#5b31c9!important}
.role-client .eyebrow::before{background:var(--role-gradient);box-shadow:0 0 0 5px rgba(106,60,244,.08)}

.metrics{gap:18px}
.role-admin[data-page="dashboard"] .content>.page-head{position:relative;min-height:208px;margin-bottom:-58px;padding:31px 31px 88px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at 84% 10%,rgba(106,60,244,.3),transparent 28%),radial-gradient(circle at 100% 100%,rgba(8,104,255,.18),transparent 34%),linear-gradient(145deg,#181a23,#0c0e14);color:#fff;box-shadow:0 24px 64px rgba(15,18,28,.18)}
.role-admin[data-page="dashboard"] .content>.page-head::after{position:absolute;right:-88px;bottom:-120px;width:390px;height:390px;border:1px solid rgba(255,255,255,.075);border-radius:50%;content:"";box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 104px rgba(255,255,255,.018);pointer-events:none}
.role-admin[data-page="dashboard"] .content>.page-head h1{color:#fff}
.role-admin[data-page="dashboard"] .content>.page-head p:not(.eyebrow){color:#b9bec9}
.role-admin[data-page="dashboard"] .content>.page-head .eyebrow{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#d9dce4!important;box-shadow:none}
.role-admin[data-page="dashboard"] .content>.page-head .live-pill{position:relative;z-index:1;border-color:rgba(67,220,147,.2);background:rgba(67,220,147,.09);color:#83e8b8}
.role-admin[data-page="dashboard"] .content>.metrics{position:relative;z-index:2;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));margin-inline:22px}
.metric-card{--metric-accent:var(--violet)}
.metric-danger{--metric-accent:var(--red)}
.metric-warning{--metric-accent:var(--orange)}
.metric-success{--metric-accent:var(--green)}
.metric-card::before{background:var(--metric-accent)}
.role-admin .metrics .metric-card:first-child{border-color:rgba(217,54,87,.17);background:linear-gradient(180deg,#fff,#fffafb);color:var(--text);box-shadow:var(--shadow-elevated)}
.role-admin .metrics .metric-card:first-child::before{background:var(--metric-accent)}
.role-admin .metrics .metric-card:first-child::after{opacity:.055}
.role-admin .metrics .metric-card:first-child p{color:var(--muted)}
.role-admin .metrics .metric-card:first-child small{color:var(--muted-2)}
.role-admin .metrics .metric-card:first-child>a{color:#8f4155}
.role-admin .metrics .metric-card:first-child>a:hover{color:#c5284a}
.role-admin .metrics .metric-card:first-child .metric-icon{border:0;background:rgba(217,54,87,.1);color:var(--red)}
.metric-card strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.metric-card>a{padding:5px 7px;border-radius:9px}
.metric-card>a:hover{background:rgba(106,60,244,.07)}

.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(430px,.84fr);align-items:start;gap:20px}
.admin-dashboard-grid>.panel{min-width:0;margin-top:20px;overflow:hidden}
.admin-dashboard-grid .support-queue>.ticket-list{border-width:1px 0 0;border-radius:0;box-shadow:none}
.admin-dashboard-grid .ticket-list-head{display:none}
.admin-dashboard-grid .ticket-list>button{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:13px 14px}
.admin-dashboard-grid .ticket-list>button>span:nth-child(2){grid-column:1;color:var(--muted);font-size:10px}
.admin-dashboard-grid .ticket-list>button>.badge{grid-column:1;justify-self:start}
.admin-dashboard-grid .ticket-list>button>.icon{grid-column:2;grid-row:1/span 3;align-self:center}
.admin-dashboard-grid .ticket-subject small{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-dashboard-grid .todo-list{padding-inline:12px}
.panel-link{min-height:47px;font-size:11px}

.revenue-kpis article:first-child{border-color:rgba(106,60,244,.2);background:radial-gradient(circle at 100% 0,rgba(106,60,244,.065),transparent 43%),#fff;color:var(--text);box-shadow:var(--shadow-elevated)}
.revenue-kpis article:first-child p{color:var(--muted)}
.revenue-kpis article:first-child small{color:var(--muted-2)}
.revenue-kpis article:first-child .revenue-trend.positive{color:var(--green)}
.revenue-kpis article:first-child .revenue-trend.negative{color:var(--red)}
.revenue-kpis article:first-child .revenue-kpi-icon{background:rgba(106,60,244,.1);color:#5b31c9;box-shadow:none}

.list-toolbar,.support-toolbar{padding:9px 11px;border:1px solid rgba(222,226,235,.9);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 1px 2px rgba(16,24,40,.025),0 9px 24px rgba(31,35,48,.045);backdrop-filter:blur(12px)}
.list-toolbar .list-search{box-shadow:none}
.support-toolbar .client-filters{margin-bottom:0}
.table-wrap{background:#fff}
.data-table th{height:52px;color:#626a78;font-size:11px}
.data-table td{height:72px;font-size:13px}
.data-table td>strong,.data-table td a strong{font-size:13px}
.data-table td small{font-size:11px}
.data-table tbody tr{position:relative}
.data-table tbody tr[data-href]{cursor:pointer}
.metric-card strong,.client-metrics strong,.summary-strip strong,.invoice-amount,.finance-amount strong,.amount-breakdown b,.data-table,.revenue-kpis strong{font-variant-numeric:tabular-nums}
.support-queue>.ticket-list,.billing-panel .tab-content>.table-wrap,.product-options-panel .table-wrap,.revenue-products .table-wrap,.revenue-recent .table-wrap{border-inline:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none}
.support-queue>.panel-head+.ticket-list{border-top:1px solid var(--border)}

@media(min-width:681px){
  .data-table td[data-label="Prix"],.data-table td[data-label="Prix HT"],.data-table td[data-label="Montant"],.data-table td[data-label="Disponible"],.data-table td[data-label="Encaissé"],.data-table td[data-label="HT"],.data-table td[data-label="TVA"],.data-table td[data-label="TTC"]{text-align:right;white-space:nowrap}
}

.entity-head,.service-detail-head{margin-bottom:0;padding:22px 24px 18px;border:1px solid rgba(222,226,235,.9);border-bottom:0;border-radius:26px 26px 0 0;background:radial-gradient(circle at 100% 0,rgba(106,60,244,.065),transparent 32%),linear-gradient(180deg,#fff,#fdfdff);box-shadow:none}
.role-client .service-detail-head{background:radial-gradient(circle at 100% 0,rgba(8,104,255,.08),transparent 34%),linear-gradient(180deg,#fff,#fdfdff)}
.entity-ident p{font-size:10px}
.entity-ident h1,.service-detail-head .entity-ident h1{font-family:Manrope,Inter,sans-serif;font-size:25px;font-weight:800}
.entity-ident span{font-size:11px}
.entity-head+.summary-strip,.service-detail-head+.summary-strip{margin-top:0;border-top-color:#eef0f4;border-radius:0 0 26px 26px;background:#f8f9fc;box-shadow:var(--shadow-elevated)}
.entity-head+.summary-strip>div,.service-detail-head+.summary-strip>div{background:transparent}

.tabs{gap:5px;padding:7px 9px;border-bottom:1px solid #e8eaf0;background:#f6f7fa}
.tabs button{min-height:43px;padding:0 13px;border:1px solid transparent;border-radius:12px;font-size:12px}
.tabs button::after{display:none}
.tabs button.active{border-color:#e0e3eb;background:#fff;color:#4d25b5;box-shadow:0 1px 2px rgba(16,24,40,.035),0 6px 15px rgba(31,35,48,.06)}
.role-client .tabs button.active{color:#5b31c9}
.tab-content{padding:24px}

.panel-head h2{font-size:20px}
.panel-head .section-kicker{font-size:10px}
.section-kicker{color:var(--role-accent,#6a3cf4)}
.todo-main strong,.service-rows strong{font-size:13px}
.todo-main small,.todo-state small,.service-rows small,.service-rows div:nth-child(3)>span{font-size:11px}
.ticket-subject strong{font-size:12px}
.ticket-subject small{font-size:10px}
.ticket-list>button{font-size:12px}
.field>span,.field-label{font-size:12px}
.field input,.field select,.field textarea{border-color:#cdd2dc;font-size:13px}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#aeb5c1}
.compact-select{font-size:11px}
.compact-select select{border-color:#cdd2dc;font-size:12px}
.list-search input{font-size:13px}
.btn{font-size:13px}
.badge{font-size:10px}
.client-metrics p,.support-metrics p{font-size:11px}
.role-client .client-metrics{gap:0;padding:8px;overflow:hidden;border:1px solid #dfe3eb;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.role-client .client-metrics article{min-height:96px;border:0;border-radius:16px;background:transparent;box-shadow:none}
.role-client .client-metrics article::before{display:none;content:none}
.role-client .client-metrics article::after{background:var(--role-gradient);opacity:.025}
.role-client .client-metrics article+article{border-left:1px solid #e8eaf0}
.service-card>p,.service-due{font-size:11px}
.service-card h2{font-size:18px}
.client-invoice-list{gap:0;overflow:hidden;border:1px solid #dfe3eb;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.client-invoice-list article{min-height:70px;padding:14px 16px;border:0;border-bottom:1px solid #e8eaf0;border-radius:0;background:transparent;box-shadow:none}
.client-invoice-list article:last-child{border-bottom:0}
.billing-client-panel .client-invoice-list{border:0;border-radius:0;box-shadow:none}
.client-invoice-list strong,.client-invoice-list .invoice-amount{font-size:13px}
.client-invoice-list small{font-size:10px}
.conversation article>div{padding:14px 15px;border-radius:4px 17px 17px 17px;box-shadow:0 5px 16px rgba(31,35,48,.045)}
.conversation article.support-reply>div{border-radius:17px 4px 17px 17px}
.conversation strong{font-size:11px}
.conversation small{font-size:9px}
.conversation p{font-size:11px}

.offer-card{position:relative}
.offer-card.is-recommended{border-color:rgba(106,60,244,.34);box-shadow:0 0 0 2px rgba(106,60,244,.08),0 14px 30px rgba(106,60,244,.075)}
.offer-card.is-recommended.selected{border-color:#6a3cf4;box-shadow:0 0 0 3px rgba(106,60,244,.12),0 16px 34px rgba(106,60,244,.1)}
.offer-card.is-recommended>span:first-child{max-width:calc(100% - 86px)}
.offer-card-tag{position:absolute;top:12px;right:12px;padding:5px 8px;border:1px solid #ded5ff;border-radius:999px;background:#f2eeff;color:#5026bf!important;font-size:8px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.catalog-offer.is-default{border-color:rgba(106,60,244,.3);box-shadow:0 0 0 2px rgba(106,60,244,.06),var(--shadow)}

@media(min-width:901px){
  .settings-section{align-items:start;padding-bottom:30px;border-bottom:1px solid rgba(212,217,228,.75)}
  .settings-section:last-of-type{padding-bottom:0;border-bottom:0}
  .settings-copy{position:sticky;top:102px;padding:8px 0 8px 18px;border-left:3px solid #ded5ff}
}

.modal{box-shadow:0 38px 110px rgba(8,10,17,.34)}
.modal-head::after{position:absolute;right:74px;bottom:-1px;width:100px;height:2px;border-radius:99px;background:var(--brand-gradient);content:"";opacity:.75}
.menu-action:hover{transform:translateX(2px)}
.menu-action{transition:transform .18s ease,border-color .18s ease,background .18s ease}

@media(hover:hover) and (pointer:fine){
  .metric-card:hover,.client-metrics article:hover,.support-metrics article:hover,.revenue-kpis article:hover{transform:none;border-color:rgba(222,226,235,.88);box-shadow:var(--shadow)}
  .role-admin .metrics .metric-card:first-child:hover{border-color:rgba(217,54,87,.17);box-shadow:var(--shadow-elevated)}
  .revenue-kpis article:first-child:hover{border-color:rgba(106,60,244,.2);box-shadow:var(--shadow-elevated)}
  .role-client .client-metrics article:hover{border-color:#e8eaf0;background:transparent;box-shadow:none}
}

@media(max-width:1360px){
  .admin-dashboard-grid{grid-template-columns:1fr}
  .admin-dashboard-grid .ticket-subject small{max-width:none}
}

@media(max-width:1100px) and (min-width:681px){
  .role-admin[data-page="dashboard"] .content>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role-admin[data-page="dashboard"] .content>.metrics .metric-card:first-child{grid-column:1/-1}
  .entity-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .entity-head>.badge{grid-column:2;grid-row:1}
  .entity-actions{grid-column:1/-1;justify-content:flex-start;margin-left:0}
  .service-detail-head{flex-wrap:wrap}
  .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summary-strip>div:nth-child(2){border-right:0}
  .summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .role-client .client-metrics article:nth-child(3){border-left:0}
  .role-client .client-metrics article:nth-child(n+3){border-top:1px solid #e8eaf0}
}

@media(max-width:1100px){
  :root{--sidebar-w:88px}
  .sidebar{width:var(--sidebar-w);padding:22px 12px 18px}
  .brand{justify-content:center;padding:9px 6px}
  .brand>span:last-child,.nav-item span,.sidebar-foot,.nav-group-label{display:none}
  .side-nav{gap:3px;margin-top:24px}
  .nav-group{gap:3px}
  .nav-item{height:46px;justify-content:center;padding:0}
  .nav-item.active::before,.role-client .nav-item.active::before{right:6px}
  .top-avatar{display:grid}
}

@media(max-width:1020px) and (min-width:681px){
  .topbar-context{min-width:auto}
  .topbar-context>span:last-child,.topbar-divider{display:none}
  .global-search-wrap{max-width:none}
}

@media(max-width:760px) and (min-width:681px){
  .top-actions .btn{width:44px;padding-inline:0}
  .top-actions .btn span{display:none}
}

@media(max-width:900px){
  :root{--layout-inline:44px}
  .side-nav{gap:7px;margin-top:24px}
  .nav-group{gap:3px}
  .nav-group-label{display:none}
  .nav-item{height:46px}
  .top-avatar{display:grid}
}

@media(max-width:680px){
  body{padding-bottom:0}
  .topbar{width:calc(100% - 20px);margin-top:8px}
  .content{width:calc(100% - 24px)}
  .topbar-context,.topbar-divider,.client-top-title{display:none}
  .global-search-wrap{width:auto;min-width:0;max-width:none;flex:1}
  .global-search-wrap .search-popover{top:calc(100% + 9px);left:-66px;width:calc(100vw - 20px)}
  .admin-dashboard-grid{gap:0}
  .page-head h1{font-size:30px}
  .page-head p:not(.eyebrow){font-size:12px}
  .panel-head h2{font-size:17px}
  .entity-ident h1,.service-detail-head .entity-ident h1{font-size:20px}
  .role-admin[data-page="dashboard"] .content>.page-head{min-height:0;margin-bottom:18px;padding:22px;border-radius:22px}
  .role-admin[data-page="dashboard"] .content>.page-head::after{right:-150px;bottom:-190px;opacity:.7}
  .role-admin[data-page="dashboard"] .content>.metrics{grid-template-columns:1fr;margin-inline:0}
  .role-client .client-metrics{grid-template-columns:1fr;padding:6px;border-radius:20px}
  .role-client .client-metrics article+article{border-top:1px solid #e8eaf0;border-left:0}
  .list-toolbar,.support-toolbar{padding:8px;border-radius:16px}
  .entity-head,.service-detail-head{padding:17px;border-radius:20px 20px 0 0}
  .entity-head+.summary-strip,.service-detail-head+.summary-strip{border-radius:0 0 20px 20px}
  .tabs{padding:6px}
  .tabs button{font-size:11px}
  .data-table td{font-size:12px}
  .field input,.field select,.field textarea,.compact-select select,.global-search input,.list-search input{font-size:16px}
  .client-invoice-list article{padding:13px;border-radius:0}
  .mobile-brand,.top-avatar{min-width:44px;min-height:44px}
}

@media(pointer:coarse){
  .data-table .btn,.client-invoice-list .btn,.topbar .btn{min-height:44px}
}

@media(max-width:420px){
  .page-head h1{font-size:28px}
}

@media(max-height:780px) and (min-width:681px){
  .sidebar{padding-top:19px;padding-bottom:15px}
  .brand{padding-block:7px}
  .side-nav{gap:8px;margin-top:16px}
  .nav-group{gap:2px}
  .nav-group-label{padding-bottom:3px}
  .nav-item{height:40px}
  .nav-item>.icon{width:29px;height:29px;padding:6px}
  .sidebar-foot{padding-top:10px}
  .workspace-switch{min-height:52px}
}

/* RadioWay — Apple-inspired control surface */
:root{
  color-scheme:light;
  --bg:#f5f5f7;
  --sidebar:#f5f5f7;
  --surface:#fff;
  --surface-2:#f5f5f7;
  --surface-3:#e8e8ed;
  --border:rgba(0,0,0,.075);
  --border-strong:rgba(0,0,0,.14);
  --text:#1d1d1f;
  --muted:#6e6e73;
  --muted-2:#86868b;
  --violet:#6a3cf4;
  --violet-bright:#7b52ff;
  --blue:#0868ff;
  --brand-blue:#0868ff;
  --brand-purple:#6a3cf4;
  --brand-pink:#ff2c83;
  --brand-gradient:linear-gradient(105deg,var(--brand-blue) 0%,var(--brand-purple) 53%,var(--brand-pink) 100%);
  --brand-gradient-action:linear-gradient(rgba(9,9,13,.14),rgba(9,9,13,.14)),var(--brand-gradient);
  --green:#248a3d;
  --orange:#c93400;
  --red:#d70015;
  --radius:22px;
  --shadow:0 1px 2px rgba(0,0,0,.025),0 8px 28px rgba(0,0,0,.045);
  --shadow-elevated:0 2px 8px rgba(0,0,0,.055),0 24px 70px rgba(0,0,0,.1);
  --sidebar-w:284px;
  --layout-max:1320px;
  --layout-inline:64px;
}

html,body{background:var(--bg);color:var(--text)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.01em;font-feature-settings:normal}
.page-head h1,.entity-ident h1,.panel-head h2,.metric-card strong,.client-metrics strong,.summary-strip strong,.offer-card>strong,.service-price strong,.invoice-amount,.catalog-summary strong,.payment-total strong,.amount-breakdown .total b,.modal-head h2,.credit-card>strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}
::selection{background:rgba(106,60,244,.2);color:#291160}
.app-shell::before,.workspace::before,.sidebar::after,.brand::after,.topbar::after,.modal-head::after{display:none;content:none}
.workspace{margin-left:var(--sidebar-w);background:radial-gradient(900px 420px at 82% -240px,rgba(106,60,244,.075),transparent 70%),radial-gradient(720px 380px at 8% -240px,rgba(255,44,131,.045),transparent 72%),var(--bg)}
.role-client .workspace{background:radial-gradient(900px 420px at 82% -240px,rgba(8,104,255,.07),transparent 70%),radial-gradient(720px 380px at 8% -240px,rgba(255,44,131,.05),transparent 72%),var(--bg)}

.sidebar{inset:12px auto 12px 12px;width:260px;padding:18px 14px;border:1px solid rgba(0,0,0,.07);border-radius:24px;background:rgba(248,248,250,.86);color:var(--text);box-shadow:0 18px 55px rgba(0,0,0,.07);backdrop-filter:blur(30px) saturate(180%)}
.brand{gap:10px;padding:10px;border:0;border-radius:14px;background:transparent;box-shadow:none;color:var(--text)}
.brand b{color:var(--text);font:700 20px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;letter-spacing:-.045em}
.brand small{margin-top:5px;color:var(--muted-2);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none}
.brand-mark{width:44px;height:35px}
.side-nav{display:flex;gap:17px;margin-top:24px}
.nav-group{gap:3px}
.nav-group-label{padding:0 12px 5px;color:var(--muted-2);font-size:12px;font-weight:600;letter-spacing:-.005em;line-height:1.2;text-transform:none}
.nav-group:has(.nav-item.active) .nav-group-label{color:var(--muted-2)}
.nav-item{height:44px;gap:10px;padding:0 10px;border:0;border-radius:12px;color:#515154;font-size:14px;font-weight:500;letter-spacing:-.01em;box-shadow:none}
.nav-item:hover{background:rgba(118,118,128,.085);color:var(--text)}
.nav-item>.icon{width:30px;height:30px;padding:6px;border:0;border-radius:9px;color:#626266}
.nav-item:hover>.icon{border:0;background:rgba(118,118,128,.08);color:var(--text)}
.nav-item.active,.role-client .nav-item.active{border:0;background:linear-gradient(105deg,rgba(8,104,255,.1),rgba(106,60,244,.12) 53%,rgba(255,44,131,.075));color:#4f25b7;box-shadow:inset 0 0 0 1px rgba(106,60,244,.07)}
.nav-item.active>.icon,.role-client .nav-item.active>.icon{border:0;background:linear-gradient(145deg,rgba(8,104,255,.1),rgba(106,60,244,.12) 55%,rgba(255,44,131,.08));color:#5b31c9}
.nav-item.active::before,.role-client .nav-item.active::before{display:none;content:none}
.sidebar-foot{gap:8px;padding-top:14px;border-top:1px solid rgba(0,0,0,.075)}
.workspace-switch,.account-card{min-height:56px;border:0;border-radius:15px;background:rgba(255,255,255,.65);color:var(--text);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.025)}
.workspace-switch:hover,.account-card:hover{border-color:transparent;background:#fff}
.workspace-switch b,.admin-card b{color:var(--text);font-size:13px;font-weight:600}
.workspace-switch small,.admin-card small{color:var(--muted);font-size:11px}
.workspace-switch>.icon,.account-card-more{color:var(--muted-2)}
.sidebar .avatar{border:0;border-radius:50%;background:#e5e5ea;color:#48484a}
.sidebar .avatar-client{background:var(--brand-gradient-action);color:#fff}
.account-card-more,.account-card:hover .account-card-more{background:transparent;color:var(--muted-2)}

.topbar,.content{width:min(var(--layout-max),calc(100% - var(--layout-inline)));margin-inline:auto}
.topbar{top:12px;height:64px;gap:12px;margin-top:12px;padding:0 10px 0 14px;border:1px solid rgba(0,0,0,.07);border-radius:19px;background:rgba(255,255,255,.78);color:var(--text);box-shadow:0 8px 30px rgba(0,0,0,.055);backdrop-filter:blur(28px) saturate(180%)}
.topbar-context{gap:9px;min-width:150px}
.topbar-context-icon,.role-client .topbar-context-icon{width:36px;height:36px;border:0;border-radius:11px;background:linear-gradient(145deg,rgba(8,104,255,.1),rgba(106,60,244,.12) 55%,rgba(255,44,131,.08));color:#5b31c9;box-shadow:none}
.topbar-context small{margin-bottom:1px;color:var(--muted-2);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
.topbar-context b{max-width:112px;color:var(--text);font-size:14px;font-weight:600}
.topbar-divider{height:28px;background:rgba(0,0,0,.08)}
.global-search-wrap{width:min(560px,100%)}
.global-search{width:100%;max-width:none;height:40px;border:1px solid transparent;border-radius:12px;background:rgba(118,118,128,.105);color:var(--muted);box-shadow:none}
.global-search:hover{border-color:transparent;background:rgba(118,118,128,.14)}
.global-search:focus-within{border-color:#6a3cf4;background:#fff;box-shadow:0 0 0 4px rgba(106,60,244,.14)}
.global-search input{color:var(--text);font-size:14px}
.global-search input::placeholder{color:var(--muted-2)}
.global-search kbd{border:0;border-radius:6px;background:rgba(118,118,128,.12);color:var(--muted);font-size:11px}
.global-search-wrap .search-popover{top:calc(100% + 10px);padding:8px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-elevated);backdrop-filter:blur(28px) saturate(180%)}
.search-popover>a{min-height:52px;border-radius:11px}
.search-popover strong{font-size:13px}.search-popover small,.search-popover em{font-size:12px}
.client-top-title{padding:4px 8px;border:0;background:transparent}
.client-top-title b{color:var(--text);font-size:14px}.client-top-title small{color:var(--muted);font-size:12px}
.top-actions{gap:8px}
.topbar .icon-btn,.topbar .avatar{width:40px;height:40px;border:0;border-radius:50%;background:rgba(118,118,128,.105);color:#515154;box-shadow:none}
.topbar .icon-btn:hover{border:0;background:rgba(118,118,128,.16);color:var(--text)}
.topbar .notification-btn>span{border-color:#f7f7f9;background:#ff3b30}

.content{padding:42px 0 76px}
.page-head{align-items:flex-end;gap:24px;margin-bottom:27px;padding:0}
.page-head h1{margin:5px 0 8px;color:var(--text);font-size:clamp(32px,3vw,40px);font-weight:700;line-height:1.06;letter-spacing:-.045em}
.page-head p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:15px;line-height:1.55}
.eyebrow{gap:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#6a3cf4!important;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.eyebrow::before,.role-client .eyebrow::before{width:6px;height:6px;background:var(--brand-gradient);box-shadow:none}
.section-kicker{color:#6a3cf4;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.live-pill{padding:7px 10px;border-color:rgba(36,138,61,.16);background:rgba(52,199,89,.1);color:#187333;font-size:12px}
.live-pill>span{box-shadow:none}

.app-shell .btn-primary{border:0;background:var(--brand-gradient-action);color:#fff;box-shadow:0 10px 24px rgba(106,60,244,.2)}
.app-shell .btn-primary:hover{background:var(--brand-gradient-action);box-shadow:0 13px 28px rgba(106,60,244,.28);filter:none}
.btn{min-height:42px;padding-inline:16px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;box-shadow:none;transition:background .16s ease,color .16s ease,opacity .16s ease}
.btn:not([disabled]):hover{transform:none}
.btn-soft,.topbar .btn-soft{border:0;background:rgba(118,118,128,.12);color:var(--text);box-shadow:none}
.btn-soft:hover,.topbar .btn-soft:hover{border:0;background:rgba(118,118,128,.18);box-shadow:none}
.icon-btn{border:0;border-radius:50%;background:rgba(118,118,128,.1);color:#515154;box-shadow:none}
.icon-btn:hover{border:0;background:rgba(118,118,128,.17);color:var(--text)}
.btn-danger-ghost{border:0;background:rgba(255,59,48,.09);color:#d70015}
.btn-danger-ghost:hover{background:rgba(255,59,48,.14)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible,summary:focus-visible{outline:3px solid rgba(106,60,244,.76);outline-offset:3px}

.role-admin[data-page="dashboard"] .content>.page-head{min-height:auto;margin-bottom:27px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none}
.role-admin[data-page="dashboard"] .content>.page-head::after{display:none;content:none}
.role-admin[data-page="dashboard"] .content>.page-head h1{color:var(--text)}
.role-admin[data-page="dashboard"] .content>.page-head p:not(.eyebrow){color:var(--muted)}
.role-admin[data-page="dashboard"] .content>.page-head .eyebrow{border:0;background:transparent;color:#6a3cf4!important}
.role-admin[data-page="dashboard"] .content>.page-head .live-pill{border-color:rgba(36,138,61,.16);background:rgba(52,199,89,.1);color:#187333}
.role-admin[data-page="dashboard"] .content>.metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0}
.metrics{gap:16px}
.metric-card,.role-admin .metrics .metric-card:first-child{min-height:150px;padding:22px;border:1px solid var(--border);border-radius:21px;background:#fff;color:var(--text);box-shadow:var(--shadow)}
.metric-card::before,.metric-card::after,.role-admin .metrics .metric-card:first-child::before,.role-admin .metrics .metric-card:first-child::after{display:none;content:none}
.metric-card p,.role-admin .metrics .metric-card:first-child p{margin-top:1px;color:var(--muted);font-size:13px;font-weight:500}
.metric-card strong{font-size:30px;font-weight:700;letter-spacing:-.04em}
.metric-card small,.role-admin .metrics .metric-card:first-child small{color:var(--muted-2);font-size:12px}
.metric-card>a,.role-admin .metrics .metric-card:first-child>a{right:18px;bottom:17px;padding:4px;color:#6a3cf4;font-size:12px}
.metric-card>a:hover,.role-admin .metrics .metric-card:first-child>a:hover{background:transparent;color:#4f25b7}
.metric-icon,.role-admin .metrics .metric-card:first-child .metric-icon{width:42px;height:42px;border:0;border-radius:13px;box-shadow:none}
.metric-danger .metric-icon,.role-admin .metrics .metric-card:first-child .metric-icon{background:rgba(255,59,48,.1);color:#d70015}
.metric-warning .metric-icon{background:rgba(255,159,10,.12);color:#b35a00}
.metric-success .metric-icon{background:rgba(52,199,89,.11);color:#248a3d}

.panel,.builder-step,.settings-card,.catalog-summary article,.catalog-offer,.service-card,.finance-history article,.setup-step,.table-wrap,.ticket-list,.support-metrics article,.revenue-kpis article{border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}
.panel,.table-wrap,.ticket-list{border-radius:22px}
.panel-head{padding:22px 23px 17px}
.panel-head h2{font-size:20px;font-weight:650;letter-spacing:-.025em}
.panel-head p{color:var(--muted);font-size:13px}
.count-pill{padding:5px 9px;border:0;border-radius:999px;background:rgba(118,118,128,.1);color:var(--muted);font-size:12px}
.badge{padding:5px 9px;border:0;font-size:12px;font-weight:600}
.badge-green{background:rgba(52,199,89,.11);color:#187333}.badge-orange{background:rgba(255,159,10,.12);color:#8a4b00}.badge-red{background:rgba(255,59,48,.1);color:#b90012}.badge-violet{background:rgba(88,86,214,.1);color:#4947b8}
.admin-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr);gap:18px}
.admin-dashboard-grid>.panel{margin-top:18px}
.todo-row{min-height:78px;padding:12px 13px;border-top-color:var(--border)}
.todo-type{color:var(--muted-2);font-size:12px;letter-spacing:0;text-transform:none}
.todo-main strong{font-size:14px}.todo-main small,.todo-state small{color:var(--muted);font-size:12px}
.panel-link,.small-link,.back-link{color:#6a3cf4;font-size:13px}
.panel-link:hover,.small-link:hover,.back-link:hover,.strong-link:hover,.link-button:hover{color:#4f25b7}
.type-icon{border-radius:12px}.type-icon.orange{background:rgba(255,159,10,.11);color:#b35a00}.type-icon.red{background:rgba(255,59,48,.09);color:#d70015}.type-icon.violet{background:rgba(88,86,214,.1);color:#5856d6}

.list-toolbar,.support-toolbar{padding:8px 10px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.74);box-shadow:none;backdrop-filter:blur(18px)}
.list-toolbar>span{color:var(--muted);font-size:13px}
.list-search{min-height:42px;border:0;border-radius:11px;background:rgba(118,118,128,.1);box-shadow:none}
.list-search:focus-within{border:0;background:#fff;box-shadow:0 0 0 3px rgba(106,60,244,.15)}
.list-search input{color:var(--text);font-size:14px}
.filter-pills{gap:3px;padding:3px;border:0;border-radius:11px;background:rgba(118,118,128,.12)}
.filter-pills button{min-height:34px;border-radius:8px;color:var(--muted);font-size:13px}
.filter-pills button.active{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.compact-select{color:var(--muted);font-size:13px}.compact-select select{min-height:42px;border:0;border-radius:11px;background:rgba(118,118,128,.1);color:var(--text);font-size:13px}
.table-wrap{overflow:auto;background:#fff}
.data-table th{height:48px;padding-inline:16px;border-bottom-color:var(--border);background:#fbfbfd;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.data-table td{height:66px;padding-inline:16px;border-bottom-color:var(--border);color:#3a3a3c;font-size:14px}
.data-table td>strong,.data-table td a strong{color:var(--text);font-size:14px;font-weight:600}
.data-table td small{color:var(--muted);font-size:12px}
.data-table tbody tr:hover,.service-rows>a:hover,.ticket-list>button:hover{background:#f7f7f9}

.entity-head,.service-detail-head{padding:22px 23px 18px;border-color:var(--border);border-radius:22px 22px 0 0;background:#fff;box-shadow:none}
.role-client .service-detail-head{background:#fff}
.entity-ident p{color:var(--muted-2);font-size:12px;letter-spacing:0}.entity-ident h1,.service-detail-head .entity-ident h1{font-size:25px;font-weight:700}.entity-ident span{color:var(--muted);font-size:13px}
.product-icon,.metric-icon.client-violet,.settings-icon,.settings-shortcuts button>span,.billing-address>span,.security-list article>span,.catalog-summary article>span{border:0;background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.11) 55%,rgba(255,44,131,.07));color:#6a3cf4;box-shadow:none}
.entity-head+.summary-strip,.service-detail-head+.summary-strip,.summary-strip{border-color:var(--border);background:rgba(118,118,128,.055);box-shadow:var(--shadow)}
.summary-strip>div{min-height:94px;border-color:var(--border);background:transparent}
.summary-strip span,.detail-grid span,.info-grid span{color:var(--muted);font-size:12px}.summary-strip strong{font-size:20px;font-weight:650}.summary-strip small{color:var(--muted-2);font-size:12px}
.tabs{gap:3px;padding:5px;border-bottom:1px solid var(--border);background:rgba(118,118,128,.08)}
.tabs button{min-height:40px;padding:0 13px;border:0;border-radius:9px;color:var(--muted);font-size:13px;font-weight:500}
.tabs button::after{display:none;content:none}.tabs button.active,.role-client .tabs button.active{border:0;background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.11)}
.tab-content{padding:22px}
.info-grid,.detail-grid{border-color:var(--border);border-radius:14px;background:var(--border)}
.info-grid>div,.detail-grid>div{background:#fff}.info-grid strong,.detail-grid strong{font-size:14px}

.field{gap:7px}.field>span,.field-label{color:#3a3a3c;font-size:14px;font-weight:500}
.field input,.field select,.field textarea{min-height:46px;padding:12px 13px;border:1px solid transparent;border-radius:12px;background:rgba(118,118,128,.09);color:var(--text);font-size:15px;box-shadow:none}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(0,0,0,.08)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#6a3cf4;background:#fff;box-shadow:0 0 0 4px rgba(106,60,244,.14)}
.product-choice,.offer-card,.choice-row,.period-grid button,.choice-toggle,.payment-choices label>span,.toggle-row{border-color:var(--border);border-radius:14px;background:#fff;box-shadow:none}
.choice-row:hover,.choice-row.selected,.product-choice:hover,.product-choice.selected,.offer-card:hover,.offer-card.selected,.period-grid button.selected,.payment-choices input:checked+span{border-color:rgba(106,60,244,.38);background:linear-gradient(145deg,rgba(8,104,255,.055),rgba(106,60,244,.075) 56%,rgba(255,44,131,.045));color:#421d98}
.offer-card>span,.catalog-offer-head span{color:#6a3cf4;font-size:12px}.offer-card li,.catalog-offer li,.options-list b{color:var(--muted);font-size:12px}
.offer-card.is-recommended,.offer-card.is-recommended.selected,.catalog-offer.is-default{border-color:rgba(106,60,244,.38);box-shadow:0 0 0 2px rgba(106,60,244,.09)}
.offer-card-tag{border:0;background:linear-gradient(105deg,rgba(8,104,255,.11),rgba(106,60,244,.13) 53%,rgba(255,44,131,.09));color:#4f25b7!important;font-size:11px!important;letter-spacing:0;text-transform:none}
.order-summary{border-color:rgba(106,60,244,.18);background:#fff;box-shadow:var(--shadow-elevated)}
.order-summary h2{font-size:20px}.order-summary dl>div,.amount-breakdown p{font-size:13px}.secure-note{font-size:12px}
.amount-breakdown{border-color:var(--border);background:#f7f7f9}

.role-client .client-metrics{padding:7px;border-color:var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.role-client .client-metrics article{min-height:96px;border:0;border-radius:15px;background:transparent;box-shadow:none}
.role-client .client-metrics article::after{display:none;content:none}
.role-client .client-metrics article+article{border-left:1px solid var(--border)}
.client-metrics strong{font-size:22px;font-weight:650}.client-metrics p,.support-metrics p{color:var(--muted);font-size:13px}
.service-card{border-radius:21px}.service-card h2{font-size:18px}.service-card>p,.service-due{color:var(--muted);font-size:13px}.service-price strong{font-size:25px}
.service-rows strong{font-size:14px}.service-rows small,.service-rows div:nth-child(3)>span{color:var(--muted);font-size:12px}
.client-invoice-list{border-color:var(--border);border-radius:18px;background:#fff;box-shadow:none}.client-invoice-list article{border-bottom-color:var(--border);background:transparent}.client-invoice-list strong,.client-invoice-list .invoice-amount{font-size:14px}.client-invoice-list small{font-size:12px}
.ticket-list-head{background:#fbfbfd;color:var(--muted);font-size:12px;text-transform:none}.ticket-list>button{border-bottom-color:var(--border);color:#3a3a3c;font-size:13px}.ticket-subject strong{color:var(--text);font-size:13px}.ticket-subject small{color:var(--muted);font-size:12px}
.conversation article>div{border-color:var(--border);border-radius:5px 17px 17px 17px;background:#f2f2f7;box-shadow:none}.conversation article.support-reply>div{border-color:rgba(106,60,244,.14);border-radius:17px 5px 17px 17px;background:linear-gradient(145deg,rgba(8,104,255,.055),rgba(106,60,244,.075) 56%,rgba(255,44,131,.045))}
.conversation strong{font-size:13px}.conversation small{font-size:12px}.conversation p{color:#3a3a3c;font-size:14px}

.revenue-kpis article:first-child{border-color:var(--border);background:#fff;color:var(--text);box-shadow:var(--shadow)}
.revenue-kpis article:first-child p,.revenue-kpis article:first-child small{color:var(--muted)}
.revenue-kpis article:first-child .revenue-kpi-icon{background:rgba(88,86,214,.1);color:#5856d6}
.revenue-kpis p{font-size:12px}.revenue-kpis strong{font-size:20px}.revenue-kpis small,.revenue-share b,.revenue-method-note{font-size:12px}
.revenue-bar-track i{background:linear-gradient(180deg,#ff2c83 0%,#6a3cf4 53%,#0868ff 100%);box-shadow:none}
.revenue-share i{background:var(--brand-gradient)}
.settings-copy{border-left-color:rgba(106,60,244,.34)}
.settings-copy h2{font-size:17px}.settings-copy p,.toggle-list small{font-size:12px}.toggle-list strong{font-size:14px}.toggle-list i{background:#d1d1d6}.toggle-list input:checked+i{background:#34c759}
.finance-history article>div:nth-child(2) strong,.activity-ledger b,.activity-timeline strong{font-size:13px}.finance-history article>div:nth-child(2) small,.finance-history article>div:nth-child(2)>span,.finance-amount small,.activity-ledger time,.activity-ledger small,.activity-ledger p,.activity-timeline p,.activity-timeline small{font-size:12px}.finance-amount strong{font-size:15px}

.modal-backdrop{background:rgba(0,0,0,.26);backdrop-filter:blur(14px) saturate(120%)}
.modal{border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 30px 100px rgba(0,0,0,.22);backdrop-filter:blur(30px) saturate(180%)}
.modal-head{border-bottom-color:var(--border);background:transparent}.modal-head p{color:#6a3cf4;font-size:12px}.modal-head h2{font-size:21px;font-weight:650}.menu-action,.choice-card{border-color:var(--border);border-radius:14px;background:#fff}.menu-action:hover{transform:none;background:#f5f5f7}.menu-action strong{font-size:14px}.menu-action small,.choice-card p{font-size:12px}
.toast{border-color:rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:var(--shadow-elevated)}

@media(hover:hover) and (pointer:fine){
  .metric-card:hover,.client-metrics article:hover,.support-metrics article:hover,.revenue-kpis article:hover,.service-card:hover,.catalog-offer:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow)}
  .role-client .client-metrics article:hover{background:transparent}
}

@media(max-width:1360px){
  .admin-dashboard-grid{grid-template-columns:1fr}
}

@media(max-width:1100px){
  :root{--sidebar-w:100px;--layout-inline:44px}
  .sidebar{inset:12px auto 12px 12px;width:76px;padding:16px 10px}
  .brand{justify-content:center;padding:8px 4px}
  .brand>span:last-child,.nav-item span,.sidebar-foot,.nav-group-label{display:none}
  .side-nav{gap:4px;margin-top:22px}.nav-group{gap:3px}.nav-item{height:44px;justify-content:center;padding:0}.nav-item>.icon{width:32px;height:32px}
  .top-avatar{display:grid}
  .role-admin[data-page="dashboard"] .content>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role-admin[data-page="dashboard"] .content>.metrics .metric-card:first-child{grid-column:1/-1}
  .entity-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.entity-head>.badge{grid-column:2;grid-row:1}.entity-actions{grid-column:1/-1;justify-content:flex-start;margin-left:0}
  .service-detail-head{flex-wrap:wrap}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .role-client .client-metrics article:nth-child(3){border-left:0}.role-client .client-metrics article:nth-child(n+3){border-top:1px solid var(--border)}
}

@media(max-width:760px) and (min-width:681px){
  .top-actions .btn{width:42px;padding-inline:0}.top-actions .btn span{display:none}
}

@media(max-width:680px){
  body{padding-bottom:0}
  .workspace{margin-left:0;background:var(--bg)}
  .sidebar{display:none}
  .topbar{top:8px;width:calc(100% - 20px);height:58px;margin-top:8px;padding:0 9px;border-radius:17px}
  .mobile-brand{width:42px;height:42px}.mobile-brand .brand-mark{width:38px;height:31px}
  .topbar-context,.topbar-divider,.client-top-title{display:none}
  .global-search-wrap{width:auto;min-width:0;flex:1}.global-search{height:40px}.global-search-wrap .search-popover{top:calc(100% + 9px);left:-64px;width:calc(100vw - 20px)}
  .content{width:calc(100% - 24px);padding:28px 0 112px}
  .page-head{margin-bottom:23px}.page-head h1{font-size:30px}.page-head p:not(.eyebrow){font-size:14px}.panel-head h2{font-size:18px}.entity-ident h1,.service-detail-head .entity-ident h1{font-size:21px}
  .role-admin[data-page="dashboard"] .content>.page-head{margin-bottom:23px;padding:0}.role-admin[data-page="dashboard"] .content>.metrics{grid-template-columns:1fr}
  .metric-card{min-height:136px;padding:19px}.panel,.table-wrap,.ticket-list{border-radius:19px}.panel-head{padding:19px 18px 15px}
  .role-client .client-metrics{grid-template-columns:1fr;padding:6px;border-radius:19px}.role-client .client-metrics article+article{border-top:1px solid var(--border);border-left:0}
  .entity-head,.service-detail-head{padding:18px;border-radius:19px 19px 0 0}.entity-head+.summary-strip,.service-detail-head+.summary-strip{border-radius:0 0 19px 19px}
  .tabs{padding:4px}.tabs button{font-size:13px}.tab-content{padding:18px}
  .data-table tr{border-color:var(--border);background:#fff;box-shadow:none}.data-table td{font-size:14px}.data-table td::before{color:var(--muted);font-size:12px;letter-spacing:0;text-transform:none}
  .field input,.field select,.field textarea,.compact-select select,.global-search input,.list-search input{font-size:16px}
  .bottom-nav{right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:10px;height:68px;padding:5px 7px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:rgba(250,250,252,.88);box-shadow:0 12px 42px rgba(0,0,0,.12);backdrop-filter:blur(28px) saturate(180%)}
  .bottom-nav a,.bottom-nav button{min-height:56px;border-radius:16px;color:var(--muted)}.bottom-nav a span,.bottom-nav button span{font-size:11px}.bottom-nav a.active,.bottom-nav button.active,.role-client .bottom-nav a.active{background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.11) 55%,rgba(255,44,131,.07));color:#5b31c9;box-shadow:none}
  .modal,.modal-wide{border-radius:25px 25px 0 0}
}

@media(pointer:coarse){
  .btn,.icon-btn,.table-more,.filter-pills button,.tabs button,.text-action,.data-table .btn,.client-invoice-list .btn,.topbar .btn{min-height:44px}
}

@media(max-width:420px){
  .page-head h1{font-size:28px}
}

/* Apple material fallbacks and compact-layout guardrails */
.sidebar,.topbar,.global-search-wrap .search-popover,.modal,.modal-head,.toast,.bottom-nav{
  -webkit-backdrop-filter:blur(28px) saturate(180%);
}
.panel-head h2,.summary-strip strong,.client-metrics strong,.modal-head h2{font-weight:600}
.account-menu-card,.created-refs p,.history-box,.payment-total,.manager-console-head,.attachment-pill,.twofa-demo,.catalog-prices p,.upload-field{
  border-color:var(--border);
  background:#fbfbfd;
  color:var(--text);
}
.amount-breakdown p b,.amount-breakdown .total b,.order-summary dd{color:var(--text)}
.invoice-brand>div strong,.service-modal-head h3,.settings-card h2,.product-form-copy h2{color:var(--text)}
.confirm-copy p,.success-state p,.payment-card>div:last-child p{color:var(--muted)}
.menu-action>span,.choice-icon{background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.11) 55%,rgba(255,44,131,.07));color:#6a3cf4}
.choice-card:hover{border-color:rgba(106,60,244,.3);background:#faf8ff}
.notice-banner{color:#3a3a3c}
.notice-banner strong{color:var(--text)}
.notice-banner.warning strong{color:#8a4b00}
.notice-banner.danger strong{color:#b90012}
.notice-banner.info strong{color:#005bdc}
.credit-hint{color:#187333}
.settings-actions,.product-form-actions{background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .sidebar,.topbar,.global-search-wrap .search-popover,.modal,.modal-head,.toast,.bottom-nav,.settings-actions,.product-form-actions{background:#fff}
}

@media(max-width:680px){
  .data-table td{height:auto;min-height:50px}
  .global-search-wrap .search-popover{position:fixed;top:76px;right:10px;left:10px;width:auto}
  .settings-actions,.product-form-actions{bottom:calc(82px + env(safe-area-inset-bottom));border-color:var(--border)}
}

@media(max-width:480px){
  .summary-strip,.service-summary{grid-template-columns:1fr}
  .summary-strip>div{border-right:0}
  .summary-strip>div:not(:last-child){border-bottom:1px solid var(--border)}
}

@media(prefers-contrast:more){
  :root{--border:rgba(0,0,0,.22);--border-strong:rgba(0,0,0,.38)}
  :where(a,button,input,select,textarea,[tabindex]):focus-visible,summary:focus-visible{outline-color:#4f25b7;outline-width:4px}
  .nav-item.active,.role-client .nav-item.active{box-shadow:inset 0 0 0 1px rgba(79,37,183,.48)}
}

/* Appearance switch — Apple dark material */
.theme-toggle{flex:0 0 auto}
.theme-toggle .icon{transition:transform .18s ease}
.theme-toggle:active .icon{transform:scale(.88) rotate(-8deg)}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101012;
  --sidebar:#1c1c1e;
  --surface:#1c1c1e;
  --surface-2:#242426;
  --surface-3:#343437;
  --border:rgba(255,255,255,.105);
  --border-strong:rgba(255,255,255,.18);
  --text:#f5f5f7;
  --muted:#aeaeb2;
  --muted-2:#8e8e93;
  --violet:#c3b2ff;
  --violet-bright:#d1c5ff;
  --blue:#75a9ff;
  --brand-blue:#0868ff;
  --brand-purple:#6a3cf4;
  --brand-pink:#ff2c83;
  --brand-gradient:linear-gradient(105deg,var(--brand-blue) 0%,var(--brand-purple) 53%,var(--brand-pink) 100%);
  --brand-gradient-action:linear-gradient(rgba(9,9,13,.14),rgba(9,9,13,.14)),var(--brand-gradient);
  --green:#30d158;
  --orange:#ff9f0a;
  --red:#ff453a;
  --dark-material:rgba(30,30,32,.86);
  --dark-raised:#2c2c2e;
  --dark-fill:rgba(118,118,128,.22);
  --dark-hover:rgba(118,118,128,.16);
  --shadow:0 1px 2px rgba(0,0,0,.22),0 10px 32px rgba(0,0,0,.2);
  --shadow-elevated:0 3px 12px rgba(0,0,0,.3),0 28px 80px rgba(0,0,0,.38);
}

:root[data-theme="dark"],:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
[data-theme="dark"] ::selection{background:rgba(106,60,244,.38);color:var(--text)}
[data-theme="dark"] .workspace,[data-theme="dark"] .role-client .workspace{background:radial-gradient(900px 420px at 82% -240px,rgba(106,60,244,.17),transparent 70%),radial-gradient(720px 380px at 8% -240px,rgba(255,44,131,.09),transparent 72%),var(--bg)}

[data-theme="dark"] :is(.sidebar,.topbar,.list-toolbar,.support-toolbar,.bottom-nav){border-color:var(--border);background:var(--dark-material)}
[data-theme="dark"] .sidebar{box-shadow:0 20px 60px rgba(0,0,0,.3)}
[data-theme="dark"] :is(.brand,.brand b,.topbar-context b,.client-top-title b){color:var(--text)}
[data-theme="dark"] :is(.nav-item,.nav-item>.icon,.topbar .icon-btn,.topbar .avatar){color:var(--muted)}
[data-theme="dark"] :is(.nav-item:hover,.nav-item:hover>.icon){background:rgba(255,255,255,.065);color:var(--text)}
[data-theme="dark"] :is(.nav-item.active,.role-client .nav-item.active){background:linear-gradient(105deg,rgba(8,104,255,.2),rgba(106,60,244,.25) 53%,rgba(255,44,131,.14));color:#d1c5ff;box-shadow:inset 0 0 0 1px rgba(195,178,255,.12)}
[data-theme="dark"] :is(.nav-item.active>.icon,.role-client .nav-item.active>.icon,.topbar-context-icon,.role-client .topbar-context-icon){background:linear-gradient(145deg,rgba(8,104,255,.2),rgba(106,60,244,.25) 55%,rgba(255,44,131,.15));color:#d1c5ff}
[data-theme="dark"] .sidebar-foot{border-top-color:var(--border)}
[data-theme="dark"] :is(.workspace-switch,.account-card){background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px var(--border),0 1px 2px rgba(0,0,0,.2)}
[data-theme="dark"] :is(.workspace-switch:hover,.account-card:hover){background:rgba(255,255,255,.095)}
[data-theme="dark"] .sidebar .avatar{background:#3a3a3c;color:var(--text)}
[data-theme="dark"] .sidebar .avatar-client{background:var(--brand-gradient-action);color:#fff}
[data-theme="dark"] .topbar-divider{background:var(--border)}
[data-theme="dark"] :is(.topbar .icon-btn,.topbar .avatar){background:var(--dark-fill);color:#d1d1d6}
[data-theme="dark"] .topbar .icon-btn:hover{background:rgba(118,118,128,.32);color:var(--text)}
[data-theme="dark"] .topbar .notification-btn>span{border-color:#242426}

[data-theme="dark"] :is(.global-search,.list-search,.filter-pills,.compact-select select,.field input,.field select,.field textarea){border-color:transparent;background:var(--dark-fill);color:var(--text)}
[data-theme="dark"] :is(.global-search:hover,.btn-soft:hover,.topbar .btn-soft:hover,.icon-btn:hover){background:rgba(118,118,128,.3)}
[data-theme="dark"] :is(.global-search:focus-within,.list-search:focus-within,.field input:focus,.field select:focus,.field textarea:focus){border-color:#b094ff;background:var(--dark-raised);box-shadow:0 0 0 4px rgba(106,60,244,.34)}
[data-theme="dark"] :is(.global-search-wrap .search-popover,.modal,.toast,.settings-actions,.product-form-actions){border-color:var(--border-strong);background:rgba(44,44,46,.97);color:var(--text)}
[data-theme="dark"] :is(.search-popover>a:hover,.notification-item:hover){background:var(--dark-hover)}
[data-theme="dark"] .modal-head{border-bottom-color:var(--border);background:rgba(44,44,46,.94)}
[data-theme="dark"] .modal{box-shadow:0 34px 110px rgba(0,0,0,.52)}

[data-theme="dark"] :is(
  .metric-card,.role-admin .metrics .metric-card:first-child,
  .panel,.builder-step,.settings-card,.catalog-summary article,.catalog-offer,
  .service-card,.finance-history article,.setup-step,.table-wrap,.ticket-list,
  .support-metrics article,.revenue-kpis article,.entity-head,.service-detail-head,
  .info-grid>div,.detail-grid>div,.product-choice,.offer-card,.choice-row,
  .period-grid button,.choice-toggle,.payment-choices label>span,.toggle-row,
  .order-summary,.role-client .client-metrics,.client-invoice-list,
  .menu-action,.choice-card,.setup-callout,.setup-overview,.current-service-config,
  .resource-cards article
){border-color:var(--border);background:var(--surface);color:var(--text)}
[data-theme="dark"] :is(
  .amount-breakdown,.tabs,.conversation article>div,.account-menu-card,.created-refs p,
  .history-box,.payment-total,.manager-console-head,.attachment-pill,.twofa-demo,
  .catalog-prices p,.upload-field,.builder-placeholder,.current-config-grid>div,
  .change-price-comparison>div,.setup-check,.ticket-rating,.ticket-modal-tip,
  .inline-checks label,.ticket-score
){border-color:var(--border);background:var(--surface-2);color:var(--text)}
[data-theme="dark"] :is(.entity-head+.summary-strip,.service-detail-head+.summary-strip,.summary-strip){background:rgba(118,118,128,.12)}
[data-theme="dark"] :is(.filter-pills button.active,.tabs button.active,.role-client .tabs button.active){background:#3a3a3c;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.35)}
[data-theme="dark"] :is(.data-table th,.ticket-list-head,.activity-ledger-head){background:#242426;color:var(--muted)}
[data-theme="dark"] :is(.data-table td,.ticket-list>button){color:#d1d1d6}
[data-theme="dark"] :is(.data-table tbody tr:hover,.service-rows>a:hover,.ticket-list>button:hover,.menu-action:hover,.choice-card:hover){background:var(--dark-hover)}
[data-theme="dark"] :is(.field>span,.field-label,.conversation p,.notice-banner,.current-config-grid strong,.change-price-comparison strong,.setup-values code,.contextual-faq summary,.activity-timeline p,.activity-ledger b,.finance-history article>div:nth-child(2) strong,.revenue-toolbar>div>strong,.revenue-bars strong){color:var(--text)}
[data-theme="dark"] :is(.amount-breakdown p b,.amount-breakdown .total b,.order-summary dd,.client-order-summary .amount-breakdown .total output){color:var(--text)}

[data-theme="dark"] :is(.btn-soft,.topbar .btn-soft,.icon-btn){border-color:transparent;background:var(--dark-fill);color:var(--text);box-shadow:none}
[data-theme="dark"] .app-shell .btn-primary{background:var(--brand-gradient-action);box-shadow:0 12px 28px rgba(106,60,244,.32)}
[data-theme="dark"] .app-shell .btn-primary:hover{background:var(--brand-gradient-action);box-shadow:0 15px 34px rgba(106,60,244,.42);filter:none}
[data-theme="dark"] :is(.panel-link,.small-link,.back-link,.strong-link,.link-button,.metric-card>a,.section-kicker,.record-history summary,.modal-history summary,.activity-ledger a){color:#c3b2ff}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .role-admin[data-page="dashboard"] .eyebrow{color:#c3b2ff!important}
[data-theme="dark"] :is(.product-icon,.metric-icon.client-violet,.settings-icon,.settings-shortcuts button>span,.billing-address>span,.security-list article>span,.catalog-summary article>span,.menu-action>span,.choice-icon){background:linear-gradient(145deg,rgba(8,104,255,.18),rgba(106,60,244,.23) 55%,rgba(255,44,131,.14));color:#cfc3ff}
[data-theme="dark"] :is(.client-product-grid .product-choice>b,.contextual-faq summary::after,.ticket-rating>span){color:#d1c5ff}
[data-theme="dark"] :is(.client-period-grid button small,.client-order-builder .step-title em){color:var(--green)}
[data-theme="dark"] .service-change-offer>i{background:var(--brand-gradient);color:#fff}
[data-theme="dark"] :is(.choice-row:hover,.choice-row.selected,.product-choice:hover,.product-choice.selected,.offer-card:hover,.offer-card.selected,.period-grid button.selected,.payment-choices input:checked+span){border-color:rgba(195,178,255,.44);background:linear-gradient(145deg,rgba(8,104,255,.16),rgba(106,60,244,.21) 56%,rgba(255,44,131,.12));color:#d1c5ff}
[data-theme="dark"] .offer-card-tag{background:linear-gradient(105deg,rgba(8,104,255,.22),rgba(106,60,244,.28) 53%,rgba(255,44,131,.17));color:#d1c5ff!important}
[data-theme="dark"] .conversation article.support-reply>div{border-color:rgba(195,178,255,.22);background:linear-gradient(145deg,rgba(8,104,255,.12),rgba(106,60,244,.17) 56%,rgba(255,44,131,.09))}

[data-theme="dark"] :is(.live-pill,.badge-green,.metric-success .metric-icon,.credit-hint,.notice-banner.success strong,.revenue-trend.positive,.setup-overview.complete .setup-score){color:var(--green)}
[data-theme="dark"] :is(.badge-orange,.metric-warning .metric-icon,.type-icon.orange,.notice-banner.warning strong){color:var(--orange)}
[data-theme="dark"] :is(.badge-red,.metric-danger .metric-icon,.role-admin .metrics .metric-card:first-child .metric-icon,.type-icon.red,.btn-danger-ghost,.notice-banner.danger strong,.revenue-trend.negative){color:var(--red)}
[data-theme="dark"] :is(.badge-violet,.type-icon.violet,.revenue-kpi-icon,.setup-score){color:var(--violet)}
[data-theme="dark"] .badge-green{background:rgba(48,209,88,.15)}
[data-theme="dark"] .badge-orange{background:rgba(255,159,10,.16)}
[data-theme="dark"] .badge-red{background:rgba(255,69,58,.16)}
[data-theme="dark"] .badge-violet{background:rgba(169,165,255,.16)}
[data-theme="dark"] .live-pill{border-color:rgba(48,209,88,.25);background:rgba(48,209,88,.13)}
[data-theme="dark"] :is(.notice-banner,.notice-banner.info){border-color:rgba(117,169,255,.26);background:linear-gradient(145deg,rgba(8,104,255,.13),rgba(106,60,244,.13) 58%,rgba(255,44,131,.07))}
[data-theme="dark"] .notice-banner.warning{border-color:rgba(255,159,10,.25);background:rgba(255,159,10,.12)}
[data-theme="dark"] .notice-banner.danger{border-color:rgba(255,69,58,.25);background:rgba(255,69,58,.12)}
[data-theme="dark"] .notice-banner.success{border-color:rgba(48,209,88,.24);background:rgba(48,209,88,.12);color:var(--text)}
[data-theme="dark"] :is(.recurring-preview,.ticket-modal-tip){border-color:rgba(195,178,255,.24);background:linear-gradient(145deg,rgba(8,104,255,.12),rgba(106,60,244,.15) 58%,rgba(255,44,131,.08))}
[data-theme="dark"] :is(.recurring-preview span,.ticket-modal-tip strong){color:#c3b2ff}
[data-theme="dark"] :is(.recurring-preview strong,.recurring-preview small,.checkout-activation-note small){color:var(--muted)}
[data-theme="dark"] .checkout-activation-note{border-color:rgba(48,209,88,.22);background:rgba(48,209,88,.11);color:var(--green)}
[data-theme="dark"] .service-change-delta.increase{background:rgba(255,159,10,.13);color:var(--orange)}
[data-theme="dark"] .service-change-delta.decrease{background:rgba(48,209,88,.12);color:var(--green)}
[data-theme="dark"] .service-change-delta.neutral{background:var(--dark-fill);color:var(--muted)}
[data-theme="dark"] :is(.revenue-kpi-icon,.setup-number,.finance-icon){background:rgba(169,165,255,.15);color:var(--violet)}
[data-theme="dark"] .revenue-kpi-icon.subtotal{background:rgba(8,104,255,.2);color:#75a9ff}
[data-theme="dark"] .revenue-kpi-icon.tax{background:rgba(255,159,10,.14);color:var(--orange)}
[data-theme="dark"] .revenue-kpi-icon.cash{background:rgba(48,209,88,.14);color:var(--green)}
[data-theme="dark"] .revenue-kpi-icon.average{background:rgba(255,69,58,.14);color:#ff7b72}
[data-theme="dark"] .setup-step.done .setup-number{background:rgba(48,209,88,.14);color:var(--green)}
[data-theme="dark"] :is(.upload-field strong,.ticket-score,.ticket-rating small){color:var(--muted)}
[data-theme="dark"] :is(.ticket-rating button:hover,.ticket-rating button.active){background:rgba(255,159,10,.16);color:#ffb340}

[data-theme="dark"] :is(.revenue-share>span,.usage-list i,.setup-callout progress,.setup-overview progress){background:#343437}
[data-theme="dark"] .setup-callout progress::-webkit-progress-bar,[data-theme="dark"] .setup-overview progress::-webkit-progress-bar{background:#343437}
[data-theme="dark"] .revenue-bars{background:repeating-linear-gradient(to bottom,transparent 0,transparent 65px,rgba(255,255,255,.09) 66px)}
[data-theme="dark"] .revenue-bar-value{color:var(--muted)}
[data-theme="dark"] .revenue-share b{color:#c3b2ff}
[data-theme="dark"] .revenue-bar-track i{background:linear-gradient(180deg,#ff73ad 0%,#c3b2ff 53%,#75a9ff 100%)}
[data-theme="dark"] .revenue-share i{background:linear-gradient(105deg,#75a9ff 0%,#c3b2ff 53%,#ff73ad 100%)}
[data-theme="dark"] .toggle-list i{background:#48484a}
[data-theme="dark"] .toggle-list input:checked+i{background:#30d158}
[data-theme="dark"] .setup-check .check-ui{border-color:#5a5a5f;background:#343437}
[data-theme="dark"] .activity-dot{border-color:var(--surface);box-shadow:0 0 0 1px rgba(169,165,255,.5)}
[data-theme="dark"] .activity-timeline article>a:hover{background:rgba(106,60,244,.22)}
[data-theme="dark"] :where(a,button,input,select,textarea,[tabindex]):focus-visible,
[data-theme="dark"] summary:focus-visible{outline-color:#d1c5ff}
[data-theme="dark"] .usage-list em,
[data-theme="dark"] .setup-callout progress::-webkit-progress-value,
[data-theme="dark"] .setup-overview progress::-webkit-progress-value{background:linear-gradient(105deg,#75a9ff 0%,#c3b2ff 53%,#ff73ad 100%)}
[data-theme="dark"] .setup-callout progress::-moz-progress-bar,
[data-theme="dark"] .setup-overview progress::-moz-progress-bar{background:#c3b2ff}
[data-theme="dark"] .badge-red{color:#ff756d}
[data-theme="dark"] .notice-banner.info strong{color:#75a9ff}
[data-theme="dark"] .metric-icon.client-blue{background:linear-gradient(145deg,rgba(8,104,255,.2),rgba(106,60,244,.23) 55%,rgba(255,44,131,.14));color:#c3b2ff}
[data-theme="dark"] .twofa-demo>span{color:#c3b2ff}

:root:not([data-theme="dark"]) .metric-icon.client-blue{background:linear-gradient(145deg,rgba(8,104,255,.09),rgba(106,60,244,.11) 55%,rgba(255,44,131,.07));color:#5b31c9}
:root:not([data-theme="dark"]) .twofa-demo>span{color:#6a3cf4}

@media(max-width:680px){
  [data-theme="dark"] .data-table tr{border-color:var(--border);background:var(--surface)}
  [data-theme="dark"] .bottom-nav{background:rgba(30,30,32,.9)}
}

@media(prefers-contrast:more){
  :root[data-theme="dark"]{--border:rgba(255,255,255,.24);--border-strong:rgba(255,255,255,.4)}
  :root[data-theme="dark"] :where(a,button,input,select,textarea,[tabindex]):focus-visible,
  :root[data-theme="dark"] summary:focus-visible{outline-color:#d1c5ff}
}