@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#060b18;--bg2:#0b1224;--panel:#101a30;--panel2:#101b35;--border:rgba(158,179,224,.13);--txt:#eef3ff;--muted:#93a3c2;--violet:#8358fa;--violet2:#ba76fe;--cyan:#4ddfe8;--green:#39cfaf;--red:#fa647f;--radius:19px;--shadow:0 18px 70px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);margin:0;font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Outfit',sans-serif}p{line-height:1.75;color:var(--muted)}.content-width{max-width:1260px;width:calc(100% - 72px);margin:0 auto}.bg-spark{position:absolute;pointer-events:none;border-radius:100%;filter:blur(100px);opacity:.35;z-index:-1}.bg-one{top:-230px;right:-200px;width:700px;height:650px;background:#48228c}.bg-two{top:560px;left:-380px;width:670px;height:620px;background:#075b8a;opacity:.15}.grid-glow{position:absolute;top:0;left:0;width:100%;height:950px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 20%,#060b18 100%),linear-gradient(90deg,transparent 49.4%,rgba(94,112,170,.045) 50%,transparent 50.6%),linear-gradient(0deg,transparent 49.4%,rgba(94,112,170,.045) 50%,transparent 50.6%);background-size:auto,48px 48px,48px 48px}.topbar{height:90px;border-bottom:1px solid rgba(151,171,232,.09);background:rgba(6,11,24,.74);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1260px)/2),36px);gap:25px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-family:'Outfit';font-weight:900;letter-spacing:1.3px;font-size:19px;line-height:1}.brand b{color:#ab92ff}.brand small{display:block;font-family:'DM Sans';font-size:9px;color:#7a8eae;letter-spacing:3.5px;margin-top:7px;font-weight:700}.brand-mark{background:linear-gradient(140deg,#b78bff,#5841b9);height:43px;width:43px;display:grid;place-items:center;border-radius:13px;box-shadow:0 0 25px #7950e055}.brand-mark i{font-size:21px}.navlinks{display:flex;gap:38px}.navlinks a{color:#a8b7ce;font-size:13px;font-weight:700;transition:color .2s}.navlinks a:hover{color:white}.header-actions{display:flex;align-items:center;gap:12px}.user-chip{font-size:12px;color:#b9c6dd}.user-chip i{margin-right:7px;color:var(--violet2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;padding:12px 21px;border:1px solid transparent;font-size:13px;letter-spacing:.15px;font-weight:800;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#7855ec,#9970fa);color:#fff;box-shadow:0 10px 38px #7855ec55}.btn-primary:hover{box-shadow:0 15px 45px #7855ec95}.btn-outline{border-color:rgba(170,185,239,.22);background:rgba(255,255,255,.035)}.btn-outline:hover{border-color:var(--violet2);background:#282345}.btn-small{padding:11px 16px;font-size:12px}.btn-large{padding:17px 25px;font-size:14px}.iconlink{padding:10px;color:var(--muted)}.mobile-menu{display:none;background:none;color:#fff;border:0;font-size:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#bd9aff;font-weight:900}.eyebrow i{margin-right:9px}.pulse-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#41eab1;box-shadow:0 0 0 5px #41eab118,0 0 19px #41eab1aa;vertical-align:middle;margin-right:11px;animation:pulse 2.2s infinite}.live-dot{height:6px;width:6px;box-shadow:0 0 15px #41eab1}.hero{min-height:685px;padding-top:100px;padding-bottom:80px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(54px,5.3vw,80px);line-height:1.07;letter-spacing:-3px;font-weight:900;margin:25px 0}.gradient-text{background:linear-gradient(110deg,#ad8aff 15%,#76d7ef 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:16px;max-width:555px}.cta-group{display:flex;gap:14px;flex-wrap:wrap;margin:31px 0}.hero-trust{display:flex;flex-wrap:wrap;gap:20px;color:#8494b6;font-size:11px;font-weight:700;margin-top:40px}.hero-trust i{color:var(--cyan);margin-right:5px}.hero-art{position:relative;min-height:550px;display:grid;place-items:center}.orb{position:absolute;border-radius:100%;filter:blur(35px);pointer-events:none}.orb-a{width:300px;height:300px;background:#855afa50;top:7%;right:13%;animation:float 7s ease-in-out infinite}.orb-b{width:220px;height:220px;background:#1ab4d044;bottom:8%;left:6%;animation:float 9s ease-in-out infinite reverse}.glass-preview{position:relative;width:min(450px,98%);border:1px solid rgba(181,188,239,.22);padding:26px;border-radius:24px;background:linear-gradient(145deg,#15203ada,#0c1329f3);box-shadow:0 20px 100px #0008,0 0 55px #765cff16;transform:rotate(-4deg);animation:cardIn 1s ease both,hoverCard 8s ease-in-out infinite 1s;z-index:1}.preview-top{display:flex;justify-content:space-between;color:#adb9d2;font-size:11px;letter-spacing:1.4px;font-weight:900}.preview-top i{color:#a5b1c7}.security-ring{height:245px;display:grid;place-items:center;position:relative;margin:10px}.security-ring:before,.security-ring:after{content:'';position:absolute;width:217px;height:217px;border-radius:50%;border:1px solid #7f68ef55}.security-ring:before{border-top:2px solid #8f75ff;animation:rotate 11s linear infinite}.security-ring:after{width:177px;height:177px;border:1px dashed #4ad2e488;animation:rotate 22s linear infinite reverse}.ring-inner{height:142px;width:142px;border-radius:50%;background:radial-gradient(circle,#52388077,#161a3a 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 50px #7a64ff44}.ring-inner i{font-size:48px;color:#a391ff;filter:drop-shadow(0 0 15px #a391ff70)}.ring-inner strong{margin-top:9px;color:#69e6ca;font-size:12px;letter-spacing:2px}.ring-inner small{font-size:8px;color:#c1c6e5;letter-spacing:1px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-grid div{padding:14px 17px;border:1px solid #7180bd2b;background:#fff1;border-radius:13px;display:flex;flex-direction:column;gap:6px}.preview-grid div i{color:#ab94ff;font-size:16px}.preview-grid div span{color:#94a4c3;font-size:10px}.preview-grid div b{font-size:12px;color:#e2ebff}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:15px 19px;border-radius:13px;border:1px solid #c0c3fd44;background:#18223de8;box-shadow:0 20px 40px #0005;font-size:12px;font-weight:800;animation:float 6s ease-in-out infinite}.float-card small{display:block;color:#94a6bc;font-size:10px;margin-top:5px;font-weight:500}.float-card i{font-size:24px;color:var(--green)}.float-top{right:-9px;top:85px}.float-bottom{left:0;bottom:70px;animation-delay:1s}.float-bottom i{color:#a88fff}.stat-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c1425ab}.stat-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.stat-flex>div{display:flex;align-items:center;gap:12px}.stat-flex i{color:var(--violet2);font-size:19px}.stat-flex strong{font-family:Outfit;font-size:25px}.stat-flex span{font-size:11px;color:#9aa8bf}.section{padding-top:110px;padding-bottom:70px}.section-heading{text-align:center;margin-bottom:49px}.section-heading h2,.split-panel h2{font-size:clamp(33px,3.8vw,51px);letter-spacing:-1.7px;margin:16px 0 12px;line-height:1.12}.section-heading p{max-width:560px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-card{background:linear-gradient(155deg,#121d34,#0d1425);border:1px solid var(--border);padding:31px;border-radius:18px;min-height:270px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-9px);border-color:#956fff77;box-shadow:0 22px 45px #0005}.feature-icon{height:56px;width:56px;border-radius:15px;display:grid;place-items:center;background:#8666fa24;border:1px solid #b8a1ff22;color:#b699ff;font-size:23px;margin-bottom:23px}.feature-card h3{font-size:19px;margin-bottom:10px}.feature-card p{font-size:13px}.card-detail{display:block;margin-top:25px;color:#51d6b7;font-size:11px;font-weight:800}.card-detail i{margin-right:5px}.split-panel{background:linear-gradient(120deg,#182247,#121b33 72%);border:1px solid #7c79c13c;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 70px;align-items:center;overflow:hidden}.split-panel p{max-width:470px;margin:20px 0 25px}.architecture-graph{display:flex;flex-direction:column;align-items:center;gap:0}.arch-box{border:1px solid #7f81b14e;background:linear-gradient(130deg,#1b2b4f,#101a30);width:250px;padding:17px 26px;border-radius:14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px #0003}.arch-box i{color:#b59cfd;font-size:22px}.arch-box strong{font-size:11px}.arch-box span{color:#8799b9;font-size:9px;margin-left:auto}.arch-line{height:55px;border-left:1px dashed #bfa7ff66;margin-left:-165px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4px}.arch-line i{position:absolute;left:-9px;top:13px;background:#1d2946;color:#7fdbed;padding:4px;border-radius:50%;font-size:10px}.arch-line span{white-space:nowrap;transform:translateX(46px);font-size:9px;color:#9cabce}.faq{max-width:760px;margin:auto}.faq details{background:linear-gradient(135deg,#121d33,#0f1729);border:1px solid var(--border);padding:21px 27px;border-radius:15px;margin-bottom:12px}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary i{color:#9e89ed;transition:transform .2s}.faq details[open] summary i{transform:rotate(180deg)}.faq p{margin:16px 0 0;font-size:13px}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:48px 55px;margin-top:30px;margin-bottom:80px;border-radius:20px;background:linear-gradient(100deg,#3f2e82,#1b2450 72%);border:1px solid #9675db60}.bottom-cta h2{font-size:35px;line-height:1.1;letter-spacing:-1px;margin-top:12px;margin-bottom:0}.footer{border-top:1px solid var(--border);background:#070e1b}.footer-inner{min-height:95px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#8794af}.brand-mini{font-weight:900;color:#c9d4f0;letter-spacing:1px}.brand-mini i{color:#a58eff}.brand-mini small{margin-left:7px;font-weight:400;color:#7788a6}.footer a{color:#b8c6e0}
/* Dashboard */
.workspace{padding-top:60px;padding-bottom:100px;min-height:70vh}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:12px 0 28px}.workspace-head h1{font-size:clamp(32px,4.5vw,53px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0}.workspace-head p{font-size:13px;margin-bottom:0}.status-panel{display:flex;align-items:center;gap:15px;background:#121e34;border:1px solid var(--border);border-radius:14px;padding:16px 24px;min-width:260px;font-size:12px;font-weight:700}.status-panel>i{font-size:23px;color:#9f8cff}.status-panel small{color:#8597b4;font-weight:400}.dash-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:28px 0 46px}.metric-card{display:flex;flex-direction:column;align-items:flex-start;padding:25px;background:#111b2f;border:1px solid var(--border);border-radius:18px}.metric-icon{height:40px;width:40px;background:#8061fa20;border-radius:11px;display:grid;place-items:center;color:#a891ff;margin-bottom:14px}.metric-card strong{font-size:29px;font-family:Outfit;letter-spacing:-1px}.metric-card span{font-size:12px;color:#9baac1}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-heading h2,.panel h2{font-size:21px}.panel-heading h2 i,.panel h2 i{color:#a690ff;margin-right:8px}.panel-heading>span{font-size:12px;color:#98a7c0}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.server-card{background:linear-gradient(120deg,#141f35,#101a2d);border:1px solid var(--border);padding:25px;border-radius:17px;display:flex;gap:16px;align-items:center;transition:transform .2s,border-color .2s}.server-card:hover{transform:translateY(-4px);border-color:#997bf088}.server-avatar{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#5439bd,#886cff);display:grid;place-items:center;font-size:24px;flex-shrink:0}.server-info{flex:1;min-width:0}.server-info h3{font-size:17px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-info small{font-size:10px;color:#8798b4}.server-meta{display:flex;gap:17px;margin-top:14px;flex-wrap:wrap;font-size:11px;color:#9faec6}.online-tag{color:#54e1b9!important}.online-tag i{font-size:8px}.offline-tag{color:#e1ba78}.server-card>i{color:#9883e8;font-size:15px}.empty-state{text-align:center;padding:65px 30px;border:1px dashed #8290b64a;border-radius:18px;grid-column:1/-1}.empty-state>i{font-size:35px;color:#9076eb;margin-bottom:14px}.empty-state h3{font-size:19px}.empty-state p{max-width:480px;margin:auto;font-size:12px}.back-link{display:inline-block;color:#9faad0;font-size:12px;margin-bottom:23px}.back-link i{margin-right:10px}.tabbar{display:flex;gap:5px;padding:7px;border:1px solid var(--border);background:#10192c;border-radius:15px;overflow-x:auto;margin-bottom:23px}.tab{background:none;border:0;border-radius:9px;color:#98a8c1;padding:12px 17px;font-size:12px;white-space:nowrap;font-weight:800}.tab i{margin-right:8px}.tab.active,.tab:hover{background:linear-gradient(100deg,#6043a2,#7656cf);color:#fff}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeUp .34s ease both}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:29px;background:linear-gradient(145deg,#131e34,#0f1728);border:1px solid var(--border);border-radius:18px;margin-bottom:20px;box-shadow:0 16px 40px #0001}.panel h2{margin-bottom:9px}.panel-desc{font-size:12px;margin-bottom:24px}.field-label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}select,input[type=text],input:not([type]){width:100%;border:1px solid #7184a344;background:#0a1326;color:#f5f7ff;border-radius:10px;padding:13px 14px;outline:none}select:focus,input:focus{border-color:#957afa}select{appearance:auto;margin-bottom:22px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--border);cursor:pointer;gap:20px}.toggle-row span{font-size:13px;font-weight:800}.toggle-row span>i{color:#a996ff;margin-right:8px}.toggle-row small{display:block;color:#8898b1;font-size:11px;font-weight:400;margin-top:6px}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{display:block;position:relative;background:#3d4660;width:44px;height:25px;flex-shrink:0;border-radius:25px;transition:background .2s}.switch:after{content:'';position:absolute;top:4px;left:4px;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.switch{background:#8260ff}.toggle-row input:checked+.switch:after{transform:translateX(19px)}.panel form>.btn{margin-top:22px}.system-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--border);font-size:12px;font-weight:700}.system-row i{width:27px;color:#ac92ff}.system-row span{margin-left:auto;color:#8e9cb6;font-size:10px}.chip{display:inline-block;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;white-space:nowrap}.chip-muted{background:#9ea6bd20;color:#aab7d0}.chip-warning{background:#f8a45520;color:#f0b76d}.chip-ok{background:#37ce9a24;color:#6be7bb}.table-scroll{overflow-x:auto}.panel table{width:100%;border-collapse:collapse;font-size:12px}.panel thead{border-bottom:1px solid #8c9abd41}.panel th{text-align:left;color:#97a7c2;font-weight:800;padding:13px 10px}.panel td{padding:15px 10px;border-bottom:1px solid #91a2c012;max-width:300px;overflow-wrap:anywhere;vertical-align:middle}.panel td small{display:block;font-size:10px;color:#8292ad;margin-top:4px}.panel td.empty-row{text-align:center;padding:36px;color:#93a3c1}.table-btn{background:#6d5b9528;border:1px solid #a698ee33;color:#c1b3f8;border-radius:8px;font-size:12px;padding:7px 10px;white-space:nowrap}.table-btn.red{color:#ff96ad;background:#e0476730}.table-btn.green{color:#8df7d1;background:#2bb18e2a}.inline-form{display:flex;gap:5px}.staff-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:15px;margin-bottom:24px}.staff-form label{font-size:12px;color:#adbbd2}.staff-form input,.staff-form select{display:block;margin-top:8px;margin-bottom:0}.staff-form .btn{margin-top:0!important}.notice{padding:15px 20px;border-radius:12px;margin:0 0 20px;background:#1a43374b;border:1px solid #59d9a055;color:#78eec3;font-size:13px}.error-panel>.panel{text-align:center;padding:70px 20px}.error-panel>.panel>i{font-size:49px;color:#f0979b;margin-bottom:24px}.error-panel>.panel p{max-width:600px;margin:0 auto 25px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{box-shadow:0 0 0 9px #41eab100,0 0 15px #41eab1aa}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-22px)}}@keyframes hoverCard{50%{transform:rotate(-2deg) translateY(-15px)}}@keyframes cardIn{from{opacity:0;transform:translateY(30px) rotate(-4deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1060px){.topbar{padding:0 22px}.navlinks{gap:16px}.hero{grid-template-columns:1fr 1fr}.float-top{right:0}.float-bottom{left:0}.stat-flex{flex-wrap:wrap}.stat-flex>div{width:45%}.staff-form{grid-template-columns:1fr 1fr}.staff-form .btn{grid-column:1/-1}}@media(max-width:780px){.content-width{width:calc(100% - 36px)}.topbar{height:72px;padding:0 18px;gap:10px}.brand{font-size:14px;gap:8px}.brand-mark{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:2px}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#0e162a;border-bottom:1px solid var(--border);padding:22px;flex-direction:column}.navlinks.open{display:flex}.mobile-menu{display:block;order:3}.user-chip{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;gap:35px}.hero h1{font-size:52px}.hero-art{min-height:490px}.float-card{font-size:10px}.feature-grid{grid-template-columns:1fr 1fr}.split-panel{grid-template-columns:1fr;padding:38px;gap:35px}.bottom-cta{padding:36px;gap:20px}.bottom-cta h2{font-size:27px}.footer-inner{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.dash-stat-row{grid-template-columns:1fr 1fr}.server-grid,.settings-grid{grid-template-columns:1fr}.workspace-head{flex-direction:column;align-items:flex-start}.tab{padding:11px}.panel{padding:22px}}@media(max-width:520px){.navlinks{top:72px}.header-actions .btn{font-size:10px;padding:10px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{min-height:400px}.glass-preview{width:90%;padding:18px}.security-ring{height:190px}.security-ring:before{width:180px;height:180px}.security-ring:after{width:145px;height:145px}.ring-inner{width:120px;height:120px}.preview-grid div{padding:10px}.float-card{display:none}.stat-flex>div{width:100%}.feature-grid{grid-template-columns:1fr}.section{padding-top:74px;padding-bottom:35px}.bottom-cta{flex-direction:column;align-items:flex-start}.dash-stat-row{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:16px}.metric-card strong{font-size:23px}.status-panel{min-width:0}.staff-form{grid-template-columns:1fr}.user-chip{display:none}.brand b{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* V17.1 DESIGN REFRESH */
:root{--radius:8px;--shadow:0 18px 60px rgba(0,0,0,.22)}
.topbar{background:rgba(7,12,25,.86)}
.brand-mark,.btn,.btn-outline,.btn-primary,.btn-small,.btn-large,.status-panel,.metric-card,.server-card,.empty-state,.tabbar,.tab,.panel,.table-btn,.notice,select,input[type=text],input:not([type]),.feature-card,.feature-icon,.float-card,.glass-preview,.preview-grid div,.bottom-cta,.faq details,.server-avatar,.split-panel,.arch-box{border-radius:8px!important}
.btn{padding:13px 22px;letter-spacing:.1px;box-shadow:none}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#795bfa,#9f78ff);box-shadow:0 10px 28px rgba(121,91,250,.28)}
.btn-outline{background:rgba(255,255,255,.02);border-color:rgba(179,194,232,.20)}
.feature-card,.metric-card,.panel,.server-card,.status-panel,.split-panel,.bottom-cta,.stat-strip,.faq details{box-shadow:0 16px 40px rgba(0,0,0,.14)}
.feature-card:hover,.server-card:hover{transform:translateY(-4px)}
.glass-preview{transform:none;animation:none;background:linear-gradient(145deg,rgba(21,31,54,.95),rgba(13,19,36,.98));border-color:rgba(176,188,224,.18)}
.preview-grid div{background:rgba(255,255,255,.03)}
.float-card{animation:none}
.split-panel{padding:56px 58px;gap:40px;background:linear-gradient(135deg,#162242,#101829 72%);border-color:rgba(159,172,223,.18)}
.split-panel-simple{grid-template-columns:1.05fr .95fr}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefit-item{display:flex;align-items:flex-start;gap:14px;padding:18px 18px;border:1px solid rgba(158,179,224,.13);background:rgba(255,255,255,.03);border-radius:8px}
.benefit-item i{font-size:18px;color:#b494ff;width:22px;margin-top:2px}
.benefit-item strong{display:block;font-size:14px;color:#eef3ff;margin-bottom:5px}
.benefit-item span{display:block;color:#9cadc9;font-size:12px;line-height:1.65}
.bottom-cta{border-radius:8px;background:linear-gradient(100deg,#312760,#172345 72%)}
.faq details summary,.panel h2,.section-heading h2,.split-panel h2{letter-spacing:-1px}
@media(max-width:780px){.split-panel-simple{grid-template-columns:1fr}.benefit-list{grid-template-columns:1fr}}

/* V18: tableau de bord complet, grille carrée, navigation persistante */
.control-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:22px;margin-top:28px}
.control-sidebar{position:sticky;top:105px;background:#101a2e;border:1px solid var(--border);border-radius:7px;padding:20px 11px;max-height:calc(100vh - 115px);overflow-y:auto}
.sidebar-label{font-size:10px;font-weight:900;letter-spacing:2px;color:#9c85f4;padding:5px 12px 15px}
.control-sidebar .tabbar{display:flex;flex-direction:column;border:0;background:transparent;padding:0;gap:3px;margin:0;overflow:visible}
.control-sidebar .tab{display:flex;align-items:center;text-align:left;width:100%;padding:13px 12px;font-size:12px;font-weight:750;border-radius:6px;border:1px solid transparent;transition:background .2s,color .2s}
.control-sidebar .tab i{font-size:15px;width:22px;min-width:22px;margin:0 10px 0 0}
.control-sidebar .tab.active{background:linear-gradient(100deg,rgba(135,97,255,.23),rgba(105,74,190,.11));border-color:rgba(164,139,255,.25);color:#e0d6ff}
.control-sidebar .tab:hover:not(.active){background:#ffffff09}
.sidebar-hint{border-top:1px solid var(--border);margin:19px 10px 2px;padding-top:15px;color:#8798b7;font-size:10px;line-height:1.8}
.sidebar-hint i{color:#a48cff;margin-right:4px}
.control-body{min-width:0}.control-body .tab-pane{min-height:320px}.control-body .panel{border-radius:7px}
.panel-featured{background:linear-gradient(125deg,#1c2650 0%,#101b32 78%);padding:34px}
.panel-featured h2{font-size:clamp(26px,3vw,37px);margin:16px 0}
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}
.quick-link{text-align:left;background:rgba(6,12,26,.5);border:1px solid #9c9cb43a;border-radius:7px;padding:21px 16px;color:#f2f4ff;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;gap:10px;transition:transform .2s,border-color .2s}
.quick-link:hover{transform:translateY(-3px);border-color:#9b86fb}.quick-link i:first-child{font-size:21px;color:#aa93ff}.quick-link b{font-size:13px}.quick-link small{font-size:11px;color:#9aabc8;line-height:1.3}.quick-link i:last-child{margin-left:auto;color:#b8a6ff}
.overview-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview-two .panel{min-width:0}
.event-mini{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:11px 0}.event-mini>i{color:#af99ff}.event-mini b{display:block;font-size:12px;font-weight:750}.event-mini small{display:block;margin-top:5px;color:#8399b8;font-size:10px}.empty-hint{font-size:12px}.text-action{background:none;border:none;color:#b6a5ff;padding:14px 0 0;font-size:12px;font-weight:800}
.security-banner{border:1px solid #66d6ab42;background:#46c59a10;padding:21px;display:flex;align-items:center;gap:17px;margin:20px 0 26px;border-radius:6px}.security-banner>i{font-size:28px;color:#5cdbb7}.security-banner strong{font-size:16px;display:block}.security-banner small{color:#9cb0c8;display:block;margin-top:5px}.security-banner.is-warning{border-color:#ebb76c55;background:#bf7e2f1b}.security-banner.is-warning>i{color:#f3b86b}
.action-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-box{padding:20px;border:1px solid var(--border);background:#0b1428;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px}.action-box select{width:100%;margin:0}.action-box .btn{white-space:normal}.action-box p{font-size:12px;margin:0}.helper-note{margin-top:20px;padding:15px;background:#7156a518;border-left:2px solid #9776ef;color:#abbbd2;font-size:12px;line-height:1.6}.helper-note i{color:#ae91ff;margin-right:8px}
.premium-showcase{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#36255c,#1b2243);border:1px solid #a68bf43a;padding:27px;margin:20px 0 22px;border-radius:6px}.premium-showcase>i{font-size:36px;color:#cbb3ff}.premium-showcase small{font-size:10px;letter-spacing:1.7px;color:#b5a5e7}.premium-showcase h3{font-size:29px;margin:6px 0}.premium-showcase p{margin:0;font-size:12px}.premium-benefits{margin-bottom:30px}.divider-wide{height:1px;background:var(--border);margin:27px 0}.warn-form{grid-template-columns:1fr auto;align-items:end}.warn-form .btn{white-space:normal}
.event-list{max-height:750px;overflow-y:auto;padding-right:3px}.event-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.event-icon{width:38px;height:38px;background:#9d85f122;border-radius:5px;display:grid;place-items:center;color:#b69aff;flex-shrink:0}.event-row strong{font-size:13px}.event-row p{margin:6px 0;overflow-wrap:anywhere;font-size:12px;white-space:pre-wrap}.event-row small{font-size:10px;color:#8197b6}
@media(max-width:1100px){.control-layout{grid-template-columns:205px minmax(0,1fr)}.quick-links{grid-template-columns:1fr 1fr}.overview-two{grid-template-columns:1fr}.benefit-list{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.control-layout{display:flex;flex-direction:column}.control-sidebar{position:static;width:100%;max-height:none}.control-sidebar .tabbar{display:grid;grid-template-columns:1fr 1fr}.sidebar-hint{display:none}.control-body{width:100%}.action-boxes,.benefit-list{grid-template-columns:1fr}.control-sidebar .tab{white-space:normal}}
@media(max-width:480px){.control-sidebar .tabbar{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr 1fr}.quick-link{min-height:115px;padding:13px}.control-body .panel{padding:18px}.control-sidebar .tab{padding:9px}.premium-showcase{flex-direction:column;align-items:flex-start}}

.record-link{color:#bdaaff;text-decoration:underline;text-underline-offset:3px}.ticket-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;background:#080f1e;padding:20px;border:1px solid var(--border);border-radius:6px;max-height:850px;overflow-y:auto}