.connected-loading-root{background:#050506}.connected-loading{width:min(520px,calc(100vw - 40px));margin:auto;text-align:center;color:#f7f7f5}.connected-loading .gate-brand{justify-content:center}.connected-loading>i{display:block;width:46px;height:46px;margin:54px auto 24px;border:2px solid #242426;border-top-color:#f5f5f1;border-radius:50%;animation:connected-spin .8s linear infinite}.connected-loading h2{font-size:25px;margin:0 0 8px}.connected-loading p{color:#7d7d82}@keyframes connected-spin{to{transform:rotate(360deg)}}
.connected-auth .auth-visual{background:radial-gradient(circle at 78% 22%,#242426 0,transparent 30%),linear-gradient(145deg,#050506,#0a0a0b 70%,#111113)}.connected-auth .auth-visual em{color:#a7f3d0;font-style:normal}.connected-auth .server-field{margin-top:4px}.connected-auth .server-field input{font-size:12px;color:#8d8d92}.discord-login{margin-top:10px!important;background:#171719!important;border:1px solid #303034!important;color:#f5f5f2!important}.discord-login:hover{background:#232327!important}
.environment.offline{color:#fbbf24}.environment.offline i{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2420}.connected-offline .workspace:before{content:'MODE HORS CONNEXION · LES MODIFICATIONS SERONT DISPONIBLES APRÈS RECONNEXION';display:block;padding:8px 24px;background:#2b2007;color:#fcd34d;font-size:11px;font-weight:800;letter-spacing:.09em}
.connected-access{margin-top:24px;padding:24px;border:1px solid #252528;border-radius:18px;background:#0c0c0e}.connected-access>header,.connected-settings>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.connected-access header small,.connected-settings header small{font-size:10px;color:#77777d;letter-spacing:.15em;font-weight:800}.connected-access h2,.connected-settings h2{margin:5px 0 0;font-size:23px}.connected-access header button,.connected-settings footer button{border:1px solid #303034;background:#171719;color:#efefec;border-radius:10px;padding:11px 15px;font-weight:700}.connected-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.connected-status-row article{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #222225;border-radius:12px;background:#09090a}.connected-status-row article>i{width:9px;height:9px;border-radius:50%;background:#6b6b70}.connected-status-row article>i.online{background:#22c55e;box-shadow:0 0 0 5px #22c55e18}.connected-status-row span{display:grid;gap:3px}.connected-status-row small{font-size:9px;letter-spacing:.12em;color:#77777d}.connected-status-row strong{font-size:13px}.access-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.access-cards button{display:grid;gap:7px;text-align:left;padding:17px;border:1px solid #26262a;border-radius:12px;background:#111113;color:#f3f3f0;transition:.2s}.access-cards button:hover{transform:translateY(-2px);border-color:#494950;background:#151518}.access-cards small{font-size:9px;letter-spacing:.12em;color:#8b8b91}.access-cards strong{font-size:15px}.access-cards span{font-size:11px;color:#a7f3d0}
.connected-settings{margin:20px 0;padding:24px;border:1px solid #26262a;border-radius:18px;background:#0c0c0e}.connected-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.connected-settings article{display:grid;gap:6px;padding:17px;border:1px solid #232326;border-radius:12px;background:#101012}.connected-settings article small{font-size:9px;color:#77777d;letter-spacing:.12em}.connected-settings article span{font-size:11px;color:#85858b}.connected-settings footer{display:flex;justify-content:flex-end;gap:10px}.connected-settings footer .danger{border-color:#5a2525;color:#fca5a5}.sync-pill{padding:7px 10px;border-radius:999px;background:#242427;color:#8d8d92;font-size:10px;font-weight:800}.sync-pill.online{background:#0d2c1c;color:#86efac}
.connected-admin-health{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.connected-admin-health article{display:grid;gap:7px;padding:17px;border:1px solid #242427;border-radius:14px;background:#0d0d0f}.connected-admin-health small{font-size:9px;letter-spacing:.13em;color:#77777d}.connected-admin-health strong{font-size:25px}
.admin-view .admin-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.admin-view .admin-tabs button{min-width:0}
.connected-admin-panel{margin-top:18px;padding:22px;border:1px solid #242427;border-radius:16px;background:#0c0c0e}.connected-admin-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.connected-admin-panel header small{font-size:9px;letter-spacing:.14em;color:#77777d}.connected-admin-panel h2{margin:5px 0 0;font-size:23px}.connected-admin-panel header>span{font-size:11px;color:#8c8c91}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.finance-kpis article{display:grid;gap:7px;padding:15px;border:1px solid #232326;border-radius:11px;background:#101012}.finance-kpis small{font-size:8px;letter-spacing:.12em;color:#77777d}.finance-kpis strong{font-size:18px}.connected-table{overflow:auto;border:1px solid #222225;border-radius:12px}.connected-row{display:grid;grid-template-columns:1.05fr 1.2fr 1fr .75fr .75fr 1fr;gap:12px;align-items:center;min-width:940px;padding:13px 14px;border-bottom:1px solid #1f1f22}.connected-row:last-child{border-bottom:0}.connected-row.head{background:#131315;color:#77777d;font-size:9px;font-weight:800;letter-spacing:.1em}.connected-row>span{display:grid;gap:3px;font-size:11px}.connected-row small{color:#79797f}.order-state{width:max-content;padding:5px 7px;border-radius:6px;background:#252529;font-size:8px}.order-state.fulfilled,.order-state.paid{background:#0d2c1c;color:#86efac}.order-state.refunded,.order-state.cancelled{background:#351515;color:#fca5a5}.trace-links,.order-actions{display:flex!important;flex-flow:row wrap!important}.trace-links button,.order-actions button,.support-list button{border:1px solid #303034;border-radius:7px;background:#171719;color:#eee;padding:7px 8px;font-size:9px}.order-actions .danger{color:#fca5a5;border-color:#512626}.support-list{display:grid;gap:10px}.support-list article{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid #232326;border-radius:12px;background:#101012}.support-list article>div{display:grid;gap:6px}.support-list p{margin:0;color:#a5a5aa;font-size:12px}.support-list span,.support-list small{color:#77777d;font-size:10px}.support-list aside{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.support-list aside b{font-size:9px;color:#a7f3d0}.server-audit{display:grid}.server-audit article{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #202023}.server-audit i{width:7px;height:7px;border-radius:50%;background:#a7f3d0}.server-audit div{display:grid;gap:3px}.server-audit small,.server-audit time{font-size:10px;color:#77777d}
@media(max-width:1100px){.finance-kpis{grid-template-columns:1fr 1fr}.admin-view .admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.connected-status-row,.connected-admin-health{grid-template-columns:1fr 1fr}.connected-settings>div{grid-template-columns:1fr}.admin-view .admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.connected-status-row,.connected-admin-health,.finance-kpis{grid-template-columns:1fr}.connected-access>header,.connected-settings>header{align-items:flex-start;flex-direction:column}.support-list article{flex-direction:column}.admin-view .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.server-diagnostic{display:flex;align-items:flex-start;gap:10px;min-height:38px;margin:2px 0 4px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#a7acb6;font-size:11px;line-height:1.45;background:rgba(255,255,255,.025)}.server-diagnostic i{flex:0 0 auto;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#d9a441;box-shadow:0 0 12px rgba(217,164,65,.4)}.server-diagnostic.online{color:#bff6dd;border-color:rgba(87,224,159,.24);background:rgba(87,224,159,.055)}.server-diagnostic.online i{background:#57e09f;box-shadow:0 0 12px rgba(87,224,159,.55)}.server-diagnostic.failed{color:#ffb8b8;border-color:rgba(255,102,102,.24);background:rgba(255,102,102,.055)}.server-diagnostic.failed i{background:#ff6666;box-shadow:0 0 12px rgba(255,102,102,.45)}
.connected-failure-root{background:#050607}.connected-failure{width:min(760px,calc(100vw - 48px));margin:auto;padding:56px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,#111315,#090a0b);box-shadow:0 40px 120px rgba(0,0,0,.55)}.connected-failure>small{display:block;margin-top:58px;color:#ff9d7a;letter-spacing:.18em;font-size:10px;font-weight:800}.connected-failure h1{margin:15px 0 18px;font-size:clamp(32px,5vw,58px);line-height:.98;letter-spacing:-.055em}.connected-failure h1 em{color:#8cf1c5;font-style:normal}.connected-failure>p{color:#b6bac2;line-height:1.65;max-width:640px}.connected-failure>div{display:flex;gap:10px;margin:28px 0}.connected-failure button{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#f4f4f2;color:#090a0b;font-weight:800;cursor:pointer}.connected-failure button.secondary{border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff}.connected-failure ol{margin:30px 0 0;padding-left:22px;color:#8f949d;line-height:1.9}
