@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');
:root{--bg:#030303;--panel:#101010;--panel2:#151515;--line:#372020;--red:#e3262e;--red2:#8d0d12;--green:#3ee85a;--text:#f4f4f4;--muted:#a9a9a9;--yellow:#ffc447;--purple:#9b76ff;}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#000;color:var(--text);font-family:Rajdhani,Arial,sans-serif;font-size:16px}.bg-noise{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(226,38,46,.14),transparent 30%),radial-gradient(circle at 80% 0,rgba(140,0,0,.14),transparent 35%),linear-gradient(180deg,#060606,#020202);z-index:-2}.bg-noise:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);opacity:.45}
.hero{height:146px;position:relative;overflow:hidden;border-bottom:1px solid rgba(227,38,46,.55);box-shadow:0 10px 40px rgba(0,0,0,.7);display:flex;align-items:center;padding:0 34px;background:linear-gradient(90deg,#030303,#080808 55%,#030303)}.hero-eyes{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.86;filter:drop-shadow(0 0 18px rgba(225,0,0,.32))}.brand{position:relative;z-index:2;width:36%;padding-left:115px}.title{display:flex;align-items:center;font-size:43px;font-weight:700;letter-spacing:1px;text-shadow:0 0 12px rgba(0,0,0,.9)}.title img{width:45px;height:45px;margin:0 0 -5px -1px;filter:drop-shadow(0 0 10px var(--red))}.subtitle{color:var(--red);font-size:22px;letter-spacing:7px;margin-top:4px}.quote{position:relative;z-index:2;flex:1;text-align:center;font-style:italic;color:#e7e7e7;font-size:20px;text-shadow:0 2px 8px #000}.userbox{position:relative;z-index:2;width:210px;text-align:right}.userbox span{display:block;color:#eee}.userbox strong{display:block;color:var(--red);font-size:25px;letter-spacing:2px}.userbox a{color:#aaa;text-decoration:none}.wrap{max-width:1840px;margin:0 auto;padding:22px 28px 28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:24px}.stat{height:128px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 0 30px rgba(255,255,255,.02),0 16px 38px rgba(0,0,0,.35);display:flex;align-items:center;gap:20px;padding:22px}.stat-ico{width:72px;height:72px;border:4px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:36px;color:var(--red);box-shadow:0 0 22px rgba(227,38,46,.35)}.stat h3{margin:0;color:#aaa;text-transform:uppercase;font-size:18px}.stat strong{font-size:36px;line-height:1.1}.stat p{margin:4px 0 0;color:#888}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel{border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(5,5,5,.97));box-shadow:0 18px 45px rgba(0,0,0,.45),inset 0 0 60px rgba(227,38,46,.025);overflow:hidden}.panel-head{height:60px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px;padding:0 20px}.panel-head h2{margin:0;text-transform:uppercase;font-size:24px;letter-spacing:.8px}.cloud{color:var(--red);filter:drop-shadow(0 0 10px rgba(227,38,46,.7));font-size:24px}.panel-head button{margin-left:auto;background:#1d1d1d;color:#eee;border:1px solid #3a3a3a;border-radius:7px;padding:8px 14px;cursor:pointer}.accounts{padding:14px}.account{position:relative;display:grid;grid-template-columns:110px 1.1fr .8fr 1.2fr 1fr 148px;gap:18px;align-items:center;min-height:176px;margin-bottom:14px;padding:20px 18px;border:1px solid rgba(255,255,255,.13);border-left:5px solid #444;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.018));}.account.online{border-left-color:var(--green)}.account.offline{border-left-color:#ff3131}.account.error{border-left-color:#ff4040}.avatar{position:relative;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#080808;box-shadow:0 0 0 2px var(--red),0 0 30px rgba(227,38,46,.5)}.avatar img{width:78px;height:78px;object-fit:contain}.avatar span{position:absolute;right:5px;bottom:8px;width:18px;height:18px;border-radius:50%;background:#666;border:3px solid #090909}.online .avatar span{background:var(--green);box-shadow:0 0 13px var(--green)}.offline .avatar span{background:#ff3131;box-shadow:0 0 13px #ff3131}.error .avatar span{background:#ff3c3c;box-shadow:0 0 13px #ff3c3c}.identity h3{margin:0 0 8px;color:var(--red);font-size:29px}.chan{margin:0 0 12px;color:#d9d9d9}.identity em{color:#aaa;font-size:15px}.service label,.last label,.config label{display:block;color:#aaa;text-transform:uppercase;font-size:14px}.service b{display:block;margin:5px 0 15px}.status.online{color:var(--green)}.status.error,.status.failed{color:#ff4242}.status.offline{color:#ff3131}.account.pending{opacity:.78;filter:saturate(.7)}.service small{color:#ddd;word-break:break-all}.last p{margin:5px 0 0;color:#eee;font-size:15px}.config textarea{width:100%;height:45px;resize:vertical}.config input,.config textarea{background:#050505;border:1px solid #3b3b3b;color:#fff;border-radius:6px;padding:7px;font-family:inherit}.duo{display:grid;grid-template-columns:1fr 90px;gap:7px;margin-top:7px}.save{margin-top:7px;background:#222;color:#fff;border:1px solid #444;border-radius:6px;padding:6px 12px}.actions{display:flex;flex-direction:column;gap:9px}.actions button{border:0;border-radius:7px;padding:12px;color:#fff;font-weight:700;font-family:inherit;cursor:pointer;background:linear-gradient(#252525,#151515);border:1px solid rgba(255,255,255,.1)}.actions .start{background:linear-gradient(#1c8f36,#0b551d)}.actions .stop{background:linear-gradient(#d8222b,#7e090d)}.logs{height:560px;overflow:auto;padding:14px 18px;font-size:15px}.logline{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:7px 0;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.logline span{color:#999}.logline code{font-family:Rajdhani,monospace;color:#d4d4d4}.logline.ok code,.logline.ok span{color:var(--green)}.logline.err code,.logline.err span{color:#ff4c4c}.logline.auth code{color:var(--purple)}.logline.pong code{color:var(--yellow)}.empty{padding:28px;color:#999}.login-body{display:grid;place-items:center;min-height:100vh}.login-shell{text-align:center;width:min(430px,92vw)}.login-emblem{width:150px;filter:drop-shadow(0 0 28px var(--red))}.login-shell h1{font-size:48px;margin:8px 0 0}.login-shell p{color:var(--red);letter-spacing:5px}.login-card{margin-top:22px;padding:26px;border:1px solid rgba(227,38,46,.55);border-radius:14px;background:linear-gradient(180deg,#141414,#060606);box-shadow:0 0 60px rgba(227,38,46,.18)}.login-card label{display:block;text-align:left;color:#aaa;margin:12px 0 5px}.login-card input{width:100%;background:#050505;border:1px solid #333;color:#fff;border-radius:8px;padding:12px}.login-card button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:8px;background:linear-gradient(#e3262e,#7f080d);color:white;font-weight:700;font-size:17px}.login-error{background:#451116;border:1px solid #e3262e;padding:10px;border-radius:8px;margin-top:10px}
@media(max-width:1300px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.account{grid-template-columns:90px 1fr 1fr}.config,.actions{grid-column:auto}.brand{padding-left:20px;width:auto}.quote{display:none}}@media(max-width:760px){.hero{height:120px;padding:0 14px}.hero-eyes{opacity:.35}.title{font-size:29px}.subtitle{font-size:14px;letter-spacing:4px}.userbox{display:none}.stats{grid-template-columns:1fr}.account{grid-template-columns:1fr;text-align:left}.avatar{margin:auto}.logs{height:430px}.logline{grid-template-columns:1fr}.wrap{padding:14px}}
/* Ajouts V1 finale : création/édition de comptes, sans changer le thème principal */
.top-actions{display:flex;gap:12px;justify-content:flex-end;margin:-6px 0 18px}.add-account-btn,.ghost-btn{background:linear-gradient(#e3262e,#7f080d);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:11px 18px;font-family:inherit;font-weight:700;letter-spacing:.4px;cursor:pointer;box-shadow:0 0 24px rgba(227,38,46,.18)}.ghost-btn{background:linear-gradient(#242424,#101010);color:#ddd}.actions .danger{background:linear-gradient(#3a1114,#160608);border-color:rgba(227,38,46,.45);color:#ffb6b6}.secret-box{margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;background:rgba(0,0,0,.18)}.secret-box summary{cursor:pointer;color:#e3262e;font-weight:700;margin-bottom:8px}.secret-box label{margin-top:7px}.secret-box input{width:100%;margin-top:3px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;z-index:50;padding:20px}.modal.hidden{display:none}.modal-card{position:relative;width:min(860px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(227,38,46,.62);border-radius:16px;background:linear-gradient(180deg,#151515,#050505);box-shadow:0 0 80px rgba(227,38,46,.22),inset 0 0 70px rgba(227,38,46,.04);padding:26px}.modal-card h2{margin:0;color:#fff;font-size:34px;text-transform:uppercase}.modal-card p{color:#aaa}.modal-card code{color:#ff6d73}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#fff;font-size:36px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block;color:#aaa;text-transform:uppercase;font-size:14px}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;margin-top:5px;background:#050505;border:1px solid #343434;color:#fff;border-radius:8px;padding:11px;font-family:inherit}.form-grid textarea{height:76px;resize:vertical}.modal-actions{display:flex;gap:12px;margin-top:18px}.result{margin-top:14px;color:#bbb}.result.ok{color:#3ee85a}.result.error{color:#ff4c4c}.flash{position:fixed;right:22px;bottom:22px;z-index:80;background:linear-gradient(#1b6d2c,#063a14);border:1px solid rgba(62,232,90,.6);color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 0 35px rgba(62,232,90,.22);opacity:0;transform:translateY(12px);transition:.22s}.flash.show{opacity:1;transform:translateY(0)}.account.pending{border-left-color:var(--yellow)}.pending .avatar span{background:var(--yellow);box-shadow:0 0 13px var(--yellow)}.status.pending{color:var(--yellow)}
@media(max-width:760px){.top-actions{justify-content:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.modal-card{padding:20px}.modal-card h2{font-size:26px}}

/* Token help page */
.help-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.token-hero .quote{max-width:360px}.token-wrap{padding-bottom:50px}.token-intro{margin-bottom:22px}.token-intro p{color:#cfcfd6;line-height:1.7;margin:0 0 12px}.warning-box{border:1px solid rgba(217,16,47,.42);background:linear-gradient(135deg,rgba(217,16,47,.16),rgba(0,0,0,.24));padding:14px 16px;border-radius:14px;color:#eee;box-shadow:inset 0 0 20px rgba(217,16,47,.08)}.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.token-card{position:relative;background:linear-gradient(145deg,rgba(22,22,29,.98),rgba(8,8,12,.98));border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--red);border-radius:22px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.45), inset 0 0 24px rgba(217,16,47,.04);overflow:hidden}.token-card:before{content:"";position:absolute;right:-46px;top:-46px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(217,16,47,.22),transparent 68%);pointer-events:none}.wide-token{grid-column:1/-1}.step{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(217,16,47,.55);background:radial-gradient(circle,rgba(217,16,47,.35),rgba(10,10,14,.98));box-shadow:0 0 24px rgba(217,16,47,.25);font-family:var(--font-title);letter-spacing:1px;color:#fff;margin-bottom:12px}.token-card h3{font-family:var(--font-title);font-size:24px;letter-spacing:1px;margin:0 0 10px;color:#fff}.token-card p,.token-card li{color:#c9c9d2;line-height:1.65}.token-card ul{margin:8px 0 12px;padding-left:20px}.token-card code{color:#fff;background:rgba(217,16,47,.16);border:1px solid rgba(217,16,47,.18);border-radius:7px;padding:2px 6px}.code-row{display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}.code-row code{background:transparent;border:0;flex:1}.code-row button,.code-block button{border:1px solid rgba(217,16,47,.55);background:linear-gradient(#2b0a10,#0b0507);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.code-block{position:relative;margin:12px 0;background:#07070b;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.code-block button{position:absolute;right:10px;top:10px;z-index:2}.code-block pre{margin:0;padding:48px 16px 16px;white-space:pre-wrap;word-break:break-word;color:#e8e8ef;font-size:14px;line-height:1.55}.error-list{display:grid;gap:12px}.error-list div{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.22)}.error-list b{color:#ff4c4c}.error-list span{color:#cfcfd6}
@media(max-width:900px){.token-grid{grid-template-columns:1fr}.error-list div{grid-template-columns:1fr}.token-hero .quote{display:none}}