:root{--bg:#080b0f;--panel:#10151b;--panel2:#151b22;--line:#242c35;--text:#eef3f5;--muted:#89959f;--green:#22c56e;--purple:#6c63ff;--danger:#ef5b65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--line);background:#0c1015;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;padding:0 8px 28px}.logo>span,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#25d366,#15984a);font-weight:900}.logo div{display:flex;flex-direction:column}.logo small{color:var(--muted);margin-top:3px}nav{display:grid;gap:7px}.nav,.logout{color:var(--muted);background:transparent;border:0;border-radius:10px;padding:11px 13px;text-align:left}.nav:hover,.nav.active{color:var(--text);background:var(--panel2)}aside form{margin-top:auto}.main{padding:38px clamp(22px,5vw,72px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}h1,h2,p{margin-top:0}h1{font-size:28px;letter-spacing:-.03em;margin-bottom:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--green);margin-bottom:7px}.primary,.meta-button{border:0;color:#fff;background:var(--green);font-weight:750;border-radius:10px;padding:11px 16px}.wide{width:100%;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.stat,.panel{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px;padding:20px}.stat small{color:var(--muted)}.stat b{display:block;font-size:29px;margin-top:8px}.panel{margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase}.badge{padding:5px 9px;border-radius:20px;background:#173324;color:#64dc94;font-size:12px}.badge.attention{background:#382f18;color:#f5c35c}.muted,.fine{color:var(--muted)}.empty{text-align:center;padding:45px;color:var(--muted)}.auth-shell,.connect-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% -20%,#133523 0,transparent 42%),var(--bg)}.auth-card,.connect-card{width:min(100%,410px);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 30px 90px #0008}.auth-card .brand-mark{margin-bottom:22px}.auth-card label{display:grid;gap:7px;margin:17px 0;color:#c8d0d5;font-weight:650}input{width:100%;border:1px solid var(--line);background:#0b0f13;color:var(--text);border-radius:9px;padding:11px 12px;outline:none}input:focus{border-color:var(--green)}.alert{padding:11px;border-radius:9px;margin:14px 0}.danger{background:#38191d;color:#ff9ca3}.connect-head{display:flex;align-items:center;gap:12px}.wa-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-size:20px}.connect-head h1{font-size:19px}.app-summary{display:grid;gap:7px;margin:25px 0 12px;padding:15px;background:#0c1014;border:1px solid var(--line);border-radius:11px}.app-summary span,.app-summary small{color:var(--muted);font-size:12px}.meta-button{width:100%;background:var(--purple)}.steps{list-style:none;padding:15px 17px;margin:12px 0;background:#080a0d;border-radius:11px;counter-reset:steps}.steps li{counter-increment:steps;color:var(--muted);padding:8px 0}.steps li:before{content:counter(steps);display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #58616a;border-radius:50%;margin-right:9px;font-size:10px}.steps .done{color:var(--green)}.steps .done:before{content:'✓';border-color:var(--green)}.fine{font-size:12px;line-height:1.55}.modal-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px}.modal{width:min(100%,480px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.modal label{display:grid;gap:7px;margin:14px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.secondary{background:transparent;border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:9px}.secret{word-break:break-all;background:#07090c;border:1px solid var(--line);padding:12px;border-radius:9px;color:#8de8b2}.skeleton{height:180px;border-radius:15px;background:linear-gradient(90deg,var(--panel),var(--panel2),var(--panel));background-size:200%;animation:p 1.2s infinite}@keyframes p{to{background-position:-200%}}@media(max-width:760px){.layout{display:block}aside{height:auto;position:static;flex-direction:row;align-items:center;padding:12px;overflow:auto}.logo{padding:0 12px 0 0}.logo div{display:none}nav{display:flex}.logout{display:none}.main{padding:24px 16px}.stats{grid-template-columns:1fr 1fr}header{align-items:flex-end}.primary{font-size:12px}}