@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#070d18;--surface:#0e1727;--surface2:#121d30;--line:#22304a;--text:#f5f7fb;--muted:#8e9bb1;--purple:#8b5cf6;--violet:#6532de;--green:#2dd4a0;--blue:#4fa3ff;--danger:#fb7185}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh}h1,h2,h3,.brand{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px}.brand>span:last-child>span{color:#9e7bff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#9a73ff,#6634d9);box-shadow:0 0 28px #794be766}.brand-large{font-size:27px}.brand-large .brand-mark{width:43px;height:43px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#9b7bfa;font-weight:700}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#09111f;border-right:1px solid #17243a;padding:30px 20px;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 42px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav>a{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:10px;color:#99a7bc;font-weight:600;font-size:14px}.sidebar nav>a:hover,.sidebar nav>a.active{background:#151e31;color:#fff}.sidebar nav>a.active{box-shadow:inset 3px 0 #895cf5}.sidebar nav i{font-style:normal;font-size:18px;color:#8061da}.sidebar nav small{color:#58667c;font-size:9px;letter-spacing:.16em;margin:27px 14px 8px}.sidebar-user{margin-top:auto;border-top:1px solid #1a263a;padding:20px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:35px;height:35px;border-radius:11px;background:#30245a;color:#ad92ff;display:grid;place-items:center;font-weight:700}.sidebar-user div:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user small{color:var(--muted);font-size:10px;margin-top:2px}.main{margin-left:250px;min-height:100vh;padding:42px clamp(28px,4vw,70px) 70px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topbar h1{font-size:29px;margin:7px 0 5px}.topbar p{margin:0;color:var(--muted)}.live-dot{font-size:12px;color:#80dcc0;background:#0b251f;border:1px solid #17483b;border-radius:99px;padding:8px 12px}.hero-status{min-height:245px;border:1px solid #263454;border-radius:20px;padding:38px 42px;background:radial-gradient(circle at 82% 50%,#251b4d 0,transparent 31%),linear-gradient(130deg,#101a2b,#0b1322);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-status h2{font-size:25px;margin:18px 0 8px}.hero-status p{max-width:590px;color:var(--muted);line-height:1.6;margin:0 0 23px}.status-pill{display:inline-block;width:max-content;padding:6px 10px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#202838;color:#9faabc}.status-pill.online,.status-pill.active{background:#0c352d;color:#53dfb5}.status-pill.error,.status-pill.blocked{background:#3c1720;color:#fb8ba0}.status-pill.waiting_qr{background:#342c12;color:#e9ce68}.btn{border:0;border-radius:10px;padding:12px 17px;color:white;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:15px}.btn.primary{background:linear-gradient(135deg,#8d63f5,#6939dd);box-shadow:0 8px 25px #6437d733}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%}.phone-orbit{position:relative;width:210px;height:170px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #7654c855;border-radius:50%;transform:rotate(-15deg)}.orbit.one{width:185px;height:100px}.orbit.two{width:125px;height:155px;transform:rotate(25deg)}.phone-icon{width:76px;height:76px;border-radius:25px;background:linear-gradient(145deg,#9b71ff,#5d31ca);display:grid;place-items:center;font-size:28px;box-shadow:0 0 55px #8a5cf988;z-index:2}.phone-icon span{position:absolute;margin-top:82px;font-size:9px;letter-spacing:.2em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0}.stats article{border:1px solid #1b2940;background:#0c1524;border-radius:16px;padding:22px;display:flex;gap:17px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.stat-icon.purple{background:#291f4c;color:#a88aff}.stat-icon.green{background:#102f2b;color:#4bd7ae}.stat-icon.blue{background:#122a45;color:#61afff}.stats small,.rule-row small{font-size:9px;letter-spacing:.12em;color:#718097;font-weight:700}.stats strong{display:block;font-family:Manrope;font-size:18px;margin:5px 0 1px}.stats p{font-size:11px;color:var(--muted);margin:0}.content-grid,.connection-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:#0c1524;border:1px solid #1b2940;border-radius:18px;padding:27px}.panel h3{margin:6px 0 20px}.step{display:flex;align-items:center;gap:15px;padding:16px 4px;border-top:1px solid #1b2940}.step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#18233a;color:#8d78c8;font-size:12px}.step.done b{background:#17352e;color:#4bd7ae}.step div{flex:1}.step strong{font-size:13px}.step p{font-size:11px;color:var(--muted);margin:3px 0}.tip{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#362563,transparent 45%),#10182a}.tip-art{font-size:70px;position:absolute;right:25px;top:22px;color:#825ae433}.tip h3{font-size:21px;margin-top:12px;max-width:190px}.tip p{font-size:13px;color:var(--muted);line-height:1.6}.tip a{font-size:12px;color:#a78bfa;font-weight:700}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.auth-copy{padding:65px 8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 70%,#282054,transparent 30%),radial-gradient(circle at 80% 20%,#1a2b4b,transparent 35%)}.auth-copy .brand{position:absolute;top:50px}.auth-copy h1{font-size:clamp(42px,5vw,73px);line-height:1.05;max-width:720px;margin:20px 0}.auth-copy h1 em{font-style:normal;color:#9d78fa}.auth-copy p{color:#9aa7bc;font-size:17px;line-height:1.7;max-width:570px}.auth-proof{margin-top:40px;color:#aab5c6;font-size:13px}.auth-proof span{color:#42dbad;margin-right:8px}.auth-card{background:#0d1625;display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,90px);border-left:1px solid #1d2940}.auth-card h2{font-size:29px;margin:9px 0}.auth-card>p{color:var(--muted);margin:0 0 30px}.mobile-brand{display:none}label{display:block;font-size:12px;color:#aab5c6;font-weight:600;margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:8px;background:#09111e;border:1px solid #27354d;color:white;border-radius:10px;padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8a60ed;box-shadow:0 0 0 3px #8057e51c}label small{display:block;color:var(--muted);margin-top:5px}.security{text-align:center;color:#647289;margin-top:20px}.alert,.notice{border-radius:10px;padding:12px 14px;font-size:12px;margin:0 0 18px}.alert.danger{background:#3a1721;color:#fca2b3;border:1px solid #672235}.notice{background:#101d31;border:1px solid #24334c;color:#98a8bf}.toast{position:fixed;z-index:50;top:20px;right:20px;padding:13px 18px;border-radius:10px;background:#173c31;color:#65e1bb;box-shadow:0 12px 40px #0008}.setup-card{width:min(650px,calc(100% - 32px));margin:7vh auto;background:#0d1726;border:1px solid #24314a;border-radius:20px;padding:40px}.setup-card h1{margin:10px 0 25px}.setup-card .brand{margin-bottom:40px}.form-grid{max-width:680px}.form-panel{max-width:760px}.connection-card{text-align:center;padding:45px}.wa-badge{width:70px;height:70px;border-radius:22px;background:#14372f;color:#48dcb0;display:grid;place-items:center;font-size:30px;margin:0 auto 20px}.connection-card h2{margin-bottom:5px}.connection-card>p{color:var(--muted);line-height:1.6}.connection-card .big-phone{font-size:22px;color:white;font-family:Manrope;font-weight:700}.how-list{list-style:none;padding:0;margin:25px 0}.how-list li{display:flex;gap:13px;align-items:center;margin:17px 0;color:#a7b3c4;font-size:13px}.how-list b{background:#28204a;color:#a98bfa;width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.empty{text-align:center;padding:60px 20px}.empty>span{font-size:40px;color:#8b65ed}.empty h3{margin:15px 0 5px}.empty p{color:var(--muted);margin:0 0 20px}.rule-row{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid #1d2940;padding:18px 0}.rule-row:last-child{border:0}.rule-row>div{flex:1}.rule-row strong{display:block;margin:5px 0}.rule-row p{color:var(--muted);font-size:12px;margin:3px 0;white-space:pre-wrap}.icon-btn,.modal-close{border:0;background:#241820;color:#fb8ba0;border-radius:8px;cursor:pointer;font-size:20px}.icon-btn{width:32px;height:32px}.user-table{overflow:auto}.table-row{min-width:700px;display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr;gap:20px;align-items:center;border-bottom:1px solid #1d2940;padding:15px 8px;font-size:12px}.table-row>span:first-child b,.table-row>span:first-child small{display:block}.table-row>span:first-child small{color:var(--muted);margin-top:3px}.table-head{font-size:9px;color:#6f7d93;letter-spacing:.12em}dialog{border:0;padding:0;background:transparent;color:white}dialog::backdrop{background:#02050bbd;backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(480px,calc(100vw - 30px));background:#101a2a;border:1px solid #293751;border-radius:18px;padding:30px}.modal-card h2{margin:8px 0 25px}.modal-close{position:absolute;right:20px;top:18px;background:transparent;color:#8996aa}.modal-card textarea{resize:vertical}
@media(max-width:900px){.sidebar{width:76px;padding:25px 10px}.sidebar .brand>span:last-child,.sidebar nav a:not(.active) span,.sidebar nav>a{font-size:0}.sidebar .brand{margin:0 auto 40px}.sidebar nav>a{justify-content:center;padding:13px}.sidebar nav i{font-size:19px}.sidebar nav small,.sidebar-user div:nth-child(2),.sidebar-user>a{display:none}.sidebar-user{justify-content:center}.main{margin-left:76px;padding:30px 22px}.stats{grid-template-columns:1fr}.content-grid,.connection-layout{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-copy{display:none}.auth-card{min-height:100vh;border:0}.mobile-brand{display:flex;margin-bottom:50px}}
@media(max-width:600px){.sidebar{position:fixed;inset:auto 0 0;width:auto;height:67px;z-index:20;flex-direction:row;padding:8px 12px;border:0;border-top:1px solid #1d2940}.sidebar>.brand,.sidebar-user,.sidebar nav small{display:none}.sidebar nav{width:100%;flex-direction:row;justify-content:space-around}.sidebar nav>a{padding:10px}.sidebar nav>a.active{box-shadow:none;background:#211a3d}.main{margin:0;padding:25px 16px 90px}.topbar{align-items:flex-start;gap:15px}.topbar h1{font-size:24px}.topbar .btn{padding:10px;font-size:12px}.live-dot{display:none}.hero-status{padding:28px}.phone-orbit{display:none}.stats{gap:10px}.content-grid{gap:12px}.auth-card{padding:32px 22px}.table-panel{padding:14px}.connection-card{padding:30px 20px}}