:root{--bg:#f4f1eb;--surface:#fffdf9;--ink:#17141b;--muted:#746e78;--line:#e4ded7;--violet:#7146ff;--orange:#ff6e31;--green:#45bb80;--blue:#4b93ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}
.auth-body{min-height:100vh;background:#17141b}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-brand{position:relative;overflow:hidden;padding:48px 7vw;color:white;background:radial-gradient(circle at 15% 85%,#ff6e3130,transparent 30%),radial-gradient(circle at 85% 20%,#7146ff55,transparent 35%),#17141b}.auth-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(black,transparent)}.brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em}.brand>span,.mobile-brand span{width:40px;height:40px;border-radius:12px;background:#ff6e31;color:#17141b;display:grid;place-items:center;font:28px Georgia}.auth-copy{position:absolute;z-index:2;left:7vw;right:7vw;top:50%;transform:translateY(-50%)}.auth-copy small,.auth-form>small{font-size:10px;letter-spacing:.16em;color:#8e8592}.auth-copy h1{font:clamp(58px,6vw,88px)/.92 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.auth-copy p{max-width:580px;color:#aaa2ae;line-height:1.7}.auth-channels{position:absolute;z-index:2;left:7vw;bottom:48px;display:flex;gap:8px}.auth-channels i{font-style:normal;font-size:9px;letter-spacing:.1em;border:1px solid #ffffff20;border-radius:999px;padding:8px 12px;color:#aaa2ae}.auth-form-wrap{display:grid;place-items:center;background:var(--bg);padding:32px}.auth-form{width:min(430px,100%)}.mobile-brand{display:none}.auth-form h2{font:42px/1 Georgia,serif;margin:16px 0 10px;letter-spacing:-.03em}.auth-form>p{color:var(--muted);font-size:13px;margin-bottom:35px}.auth-form>label{display:block;font-size:11px;font-weight:800;margin:15px 0}.auth-form input[type=email],.auth-form input[type=password]{width:100%;height:52px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:0 15px;margin-top:7px;font:inherit;outline:0}.auth-form input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7146ff14}.form-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0 22px;font-size:11px}.check{display:flex;align-items:center;gap:7px}.form-row a{color:var(--violet);font-weight:700}.auth-form button{width:100%;height:53px;border:0;border-radius:13px;background:var(--ink);color:white;font-weight:800;cursor:pointer}.auth-form button b{margin-left:10px}.demo-note{margin-top:18px;padding:14px 15px;border-radius:13px;background:#ff6e3110;border:1px solid #ff6e312a}.demo-note b,.demo-note span{display:block}.demo-note b{font-size:10px;color:#ca4e1c}.demo-note span{font-size:10px;color:#827a84;margin-top:3px;line-height:1.5}.auth-form footer{margin-top:28px;color:#8b848d;font-size:10px;text-align:center}.auth-form footer a{color:var(--violet)}
.app-body{background:#f1eee8}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:230px;background:#17141b;color:white;padding:22px 14px;display:flex;flex-direction:column}.side-brand{height:49px;display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:25px;font-size:11px;letter-spacing:.09em}.side-brand span{width:34px;height:34px;border-radius:10px;background:var(--orange);color:#17141b;display:grid;place-items:center;font:25px Georgia}.sidebar nav,.side-bottom{display:flex;flex-direction:column;gap:3px}.sidebar nav a,.side-bottom a{display:flex;align-items:center;gap:11px;height:44px;border-radius:11px;padding:0 11px;color:#98909d;font-size:11px}.sidebar nav a i,.side-bottom a i{width:23px;font-style:normal;font-weight:800}.sidebar nav a:hover,.side-bottom a:hover,.sidebar nav a.active{background:#ffffff0c;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--violet)}.side-bottom{margin-top:auto;border-top:1px solid #ffffff10;padding-top:12px}.app{margin-left:230px}.app-top{height:70px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 28px;background:#f7f4efcc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.side-toggle{display:none;border:0;background:none;font-size:20px}.crumb{font-size:11px;color:#8a838c}.crumb b{color:#39343c}.top-right{margin-left:auto;display:flex;align-items:center;gap:17px}.env{display:flex;gap:7px;align-items:center;font-size:9px;color:#6f6872}.env i{width:7px;height:7px;border-radius:50%;background:var(--green)}.avatar{width:34px;height:34px;border-radius:10px;border:0;background:#e4dbf8;color:#5833cf;font-weight:900}.app main{padding:32px;max-width:1500px;margin:auto}.welcome{display:flex;align-items:end;justify-content:space-between;gap:25px}.welcome small,.panel header small,.quick-grid small{font-size:9px;letter-spacing:.14em;color:#918a93}.welcome h1{font:36px/1.05 Georgia,serif;margin:7px 0}.welcome h1 em{color:var(--violet)}.welcome p{font-size:12px;color:var(--muted)}.primary{height:42px;padding:0 17px;border:0;border-radius:11px;background:var(--violet);color:white;font-weight:800;font-size:11px}.demo-banner{margin:22px 0;padding:13px 15px;border:1px solid #ff6e3130;border-radius:13px;background:#fff4ed;display:flex;gap:13px;align-items:center}.demo-banner b{font-size:10px;color:#c94f1b}.demo-banner span{font-size:10px;color:#847b82}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric-grid article,.panel,.quick-grid article{background:var(--surface);border:1px solid var(--line);border-radius:17px}.metric-grid article{padding:19px}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{font-size:10px;color:#817a83}.metric-grid strong{font-size:25px;margin:13px 0 5px}.metric-grid small{font-size:9px;color:#979098}.metric-grid small.ok{color:#2d9d69}.two-col{display:grid;grid-template-columns:1.6fr .7fr;gap:12px}.panel{padding:20px}.panel header{display:flex;align-items:center;justify-content:space-between}.panel header h2{font-size:14px;margin:4px 0}.panel header a{font-size:9px;color:var(--violet);font-weight:800}.panel select{font-size:9px;border:1px solid var(--line);background:white;border-radius:9px;padding:7px 9px}.fake-chart{height:270px;position:relative;margin-top:10px;overflow:hidden}.grid-lines{position:absolute;inset:0;background:linear-gradient(#ece6df 1px,transparent 1px);background-size:100% 50px}.fake-chart svg{position:absolute;inset:15px 0 35px;width:100%;height:calc(100% - 50px)}.line{fill:none;stroke:var(--violet);stroke-width:3}.area{fill:#7146ff12}.legend{position:absolute;bottom:0;display:flex;gap:15px;font-size:9px;color:#827a84}.legend span{display:flex;gap:5px;align-items:center}.legend i,.health i{width:7px;height:7px;border-radius:50%}.v{background:var(--violet)}.o{background:var(--orange)}.g{background:var(--green)}.b{background:var(--blue)}.health{margin-top:12px}.health>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}.health b{font-size:11px}.health span{font-size:9px;padding:5px 8px;border-radius:999px}.online{background:#e8f7ef;color:#248b59}.pending{background:#f0ece8;color:#766e77}.campaigns{margin-top:12px}.table{margin-top:12px}.tr{display:grid;grid-template-columns:2fr .8fr .8fr 1fr .7fr;align-items:center;gap:10px;min-height:56px;border-top:1px solid var(--line);font-size:10px}.th{color:#958e97;min-height:38px}.tr span b,.tr span small{display:block}.tr span small{color:#9a929b;font-size:8px;margin-top:3px}.tag,.state{font-style:normal;font-size:8px;border-radius:999px;padding:5px 7px}.tag.sms{background:#eee8ff;color:#5933cf}.tag.wa{background:#e9f7ef;color:#248b59}.tag.mail{background:#eaf2ff;color:#3572c8}.state.done{background:#e9f7ef;color:#248b59}.state.run{background:#fff0e8;color:#c65423}.state.sched{background:#eee8ff;color:#5933cf}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.quick-grid article{padding:20px;min-height:180px}.quick-grid h3{font-size:15px;margin:18px 0 8px}.quick-grid p{font-size:10px;line-height:1.6;color:var(--muted)}.quick-grid a{font-size:9px;color:var(--violet);font-weight:800}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px;font-size:11px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app{margin-left:0}.side-toggle{display:block;margin-right:15px}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.app main{padding:20px 13px}.welcome{align-items:flex-start;flex-direction:column}.metric-grid,.quick-grid{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column}.tr{grid-template-columns:1.6fr .8fr .8fr}.tr span:nth-child(4),.tr span:nth-child(5){display:none}.top-right .env{display:none}}