@import url('/fonts.css');
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242331;background:#f6f6fa;font-synthesis:none;--purple:#7751e8;--muted:#838291;--border:#e9e8f0;--ink:#171620;--green:#1b9273}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--purple);text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}p{line-height:1.6}small{font-size:12px;color:var(--muted)}.loading{padding:80px;text-align:center}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#121219;color:#b2b0c1;padding:34px 20px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:28px;font-weight:760;letter-spacing:4px}.brand img{width:46px;height:32px}.brand small{letter-spacing:2px;color:#8b879d;font-size:9px;font-weight:500;display:block;margin-top:4px}.sidebar .brand{margin-left:13px;margin-bottom:34px}.shop-pill{border:1px solid #2c2b38;border-radius:10px;padding:13px 10px;display:flex;align-items:center;gap:10px;margin-bottom:30px}.shop-pill strong{font-size:12px;color:#eeeef5;display:block;margin-bottom:3px}.shop-pill small{font-size:10px}.shop-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#322944;color:#bda5ff}.nav-label{font-size:9px;letter-spacing:1.7px;color:#716d85;margin:6px 15px 13px}.nav{display:grid;gap:5px}.nav a{color:#9895aa;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:8px;font-size:12px;font-weight:500}.nav a:hover{background:#24212f;color:white}.nav a.active{background:#7960e826;color:#b7a2ff}.nav a.active:after{content:'';width:5px;height:5px;border-radius:50%;background:#aa8eff;margin-left:auto}.ico{width:19px;height:19px;display:inline-block;flex-shrink:0;vertical-align:middle}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection{border:1px solid #2b2937;border-radius:10px;padding:15px;font-size:11px;line-height:1.8;color:#d2cfe0}.connection small{font-size:10px;display:block;margin-left:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d49c49;margin-right:7px}.dot.green{background:#45c299}.powered{text-align:center;font-size:9px;color:#615d72;margin-top:20px;letter-spacing:1px}.main{grid-column:2;min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px}.breadcrumb{font-size:12px;color:#93909f}.breadcrumb b{font-weight:500;color:#484452}.top-actions{display:flex;align-items:center;gap:17px}.top-actions .line{height:28px;width:1px;background:var(--border)}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eee8fc;color:#7751d5;font-size:12px;font-weight:700}.user-info strong{display:block;font-size:11px}.user-info small{font-size:10px}.icon-btn{background:none;color:#928b9f;padding:7px}.page{padding:33px 38px 35px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{text-transform:uppercase;font-size:9px;font-weight:650;letter-spacing:2px;color:#9386b0;margin-bottom:8px}.subtitle{font-size:12px;color:var(--muted);margin-top:8px}.btn{border-radius:8px;background:var(--purple);color:white;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 8px #7751e818}.btn:hover{background:#6842d5}.btn.secondary{border:1px solid var(--border);background:white;color:#555064;box-shadow:none}.btn.ghost{background:#f2edff;color:var(--purple);box-shadow:none}.btn.danger{background:#fff0f0;color:#be4960;box-shadow:none}.btn.small{padding:8px 11px;font-size:11px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:20px 21px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#797584;font-size:11px}.stat-icon{padding:9px;border-radius:9px;background:#f3efff;color:#9070e4}.stat:nth-child(2) .stat-icon{background:#e9f7f4;color:#49a48f}.stat:nth-child(3) .stat-icon{background:#eaf3fc;color:#6498d0}.stat:nth-child(4) .stat-icon{background:#fff6e9;color:#ce9b4c}.stat-number{font-size:29px;letter-spacing:-1px;font-weight:650;margin:12px 0 10px}.stat-note{font-size:10px;color:#9892a4;display:flex;align-items:center;gap:5px}.stat-note b{font-weight:500;color:#459881}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:22px;margin-bottom:23px}.card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-body{padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px 0}.card-head p{font-size:10px;color:var(--muted);margin-top:6px}.card-head h2{font-size:14px}.chart-wrap{padding:20px 20px 8px;min-height:230px}.chart{width:100%;height:230px}.chart text{font-size:10px;fill:#9d96aa}.chart line{stroke:#f0edf5;stroke-dasharray:3 5}.legend{display:flex;gap:7px;align-items:center;font-size:10px;color:#92899d;white-space:nowrap}.legend:before{content:'';width:7px;height:7px;border-radius:2px;background:#9b7ae9}.remarketing{background:linear-gradient(125deg,#251c3e,#181825);color:white;padding:25px;border:1px solid #302547;display:flex;flex-direction:column;min-height:300px;position:relative}.remarketing:after{content:'∞';position:absolute;right:8px;bottom:-24px;font-size:150px;font-weight:700;color:#ffffff04;pointer-events:none}.remarketing .eyebrow{color:#aa8cec;font-size:8px}.remarketing h2{font-size:21px;line-height:1.35;margin:12px 0 10px;letter-spacing:-.5px}.remarketing p{font-size:11px;color:#a8a0ba;max-width:270px}.remarketing-metrics{display:flex;gap:30px;margin:24px 0}.remarketing-metrics strong{font-size:24px;color:#c9b4ff;display:block;margin-bottom:3px}.remarketing-metrics span{font-size:9px;color:#a29ab2}.remarketing .btn{font-size:11px;align-self:flex-start;background:#ffffff10;border:1px solid #ffffff20;margin-top:auto;z-index:1}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#a6a0b0;font-weight:550;background:#fcfbfd;padding:13px 23px;border-bottom:1px solid var(--border)}.table td{font-size:11px;padding:16px 23px;border-bottom:1px solid #f2eff6;color:#665f75}.table tr:last-child td{border-bottom:0}.table td strong{font-weight:550;color:#393044}.table td small{display:block;margin-top:4px;font-size:10px}.table-card .card-head{padding-bottom:22px}.person{display:flex;align-items:center;gap:10px}.mini-avatar{width:31px;height:31px;border-radius:9px;background:#f1edf9;color:#a28fc3;display:grid;place-items:center;font-size:10px;font-weight:600}.plate{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1px}.badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:550;background:#f0ecfb;color:#9372c3}.badge.green{background:#eaf7f1;color:#439578}.badge.amber{background:#fff5e5;color:#bf963b}.badge.red{background:#fcedf0;color:#bd6883}.badge.gray{background:#f1f0f4;color:#8d859b}.service-line{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:11px;color:#796f89}.service-line strong{color:#44374f;font-weight:500}.progress{height:5px;background:#f3eff9;border-radius:5px;margin-top:10px;overflow:hidden}.progress svg{width:100%;height:5px;display:block}.footer-note{font-size:10px;color:#aba4b5;display:flex;justify-content:space-between;gap:10px;margin-top:27px}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid var(--border)}.search{max-width:340px;position:relative;flex:1}.search input{width:100%;padding:11px 13px;font-size:12px}.muted{color:var(--muted)}.empty{text-align:center;padding:55px 25px;color:#96909f;font-size:13px}.empty .ico{width:35px;height:35px;margin-bottom:15px;color:#ac97d5}.empty p{margin:8px auto 20px;max-width:360px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.campaign{padding:23px;display:flex;flex-direction:column;gap:16px}.campaign .kind{font-size:10px;color:#94849f}.campaign-message{font-size:12px;color:#82798c;line-height:1.8;white-space:pre-line;background:#faf8fd;padding:16px;border-radius:8px;flex:1}.campaign-footer{display:flex;justify-content:space-between;align-items:center}.notice{border-radius:9px;padding:14px 17px;background:#f0ebfd;color:#7d66ac;font-size:12px;line-height:1.7;margin-bottom:22px}.notice.amber{background:#fff6e6;color:#aa8651}.demo-banner{padding:8px 38px;font-size:10px;color:#988366;background:#fff7e9;border-bottom:1px solid #f6ebd9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label,.field>span{font-size:11px;font-weight:550;color:#71657f}.field input,.field select,.field textarea,input,select,textarea{border:1px solid #e2dce9;border-radius:7px;background:white;padding:11px 12px;color:#3e3449;font-size:12px;min-width:0}.field textarea{resize:vertical;min-height:125px;line-height:1.7}.field small{font-size:10px;line-height:1.5}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#7c718a}.check input{accent-color:var(--purple);margin-top:4px}.check-grid{display:flex;gap:14px;flex-wrap:wrap}.form-section{padding:24px}.form-section+.form-section{border-top:1px solid var(--border)}.form-section h2{margin-bottom:8px;font-size:15px}.form-section>p{font-size:11px;color:var(--muted);margin-bottom:22px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.preview{background:#edece6;border-radius:12px;padding:23px;min-height:180px}.preview-label{font-size:10px;color:#999284;margin-bottom:14px}.bubble{padding:14px 16px;background:#d9f7cc;border-radius:0 10px 10px 10px;box-shadow:0 1px 2px #00000010;white-space:pre-line;font-size:12px;line-height:1.8;color:#415340;max-width:340px}.error{color:#bd4566;font-size:12px;margin:10px 0;line-height:1.5}.success{color:#258d6c;font-size:12px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:24px;align-items:start}.summary-list{display:grid;gap:18px;font-size:12px;color:#8b7b99;padding-top:20px}.summary-list strong{display:block;font-size:11px;color:#55455f;margin-bottom:4px}.qr{display:block;max-width:260px;width:100%;margin:20px auto;border:12px solid white;border-radius:8px}.center{text-align:center}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.login-art{background:radial-gradient(ellipse at 10% 110%,#514074 0,transparent 55%),radial-gradient(ellipse at 90% 0,#213947 0,transparent 50%),#121219;color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'∞';font-size:480px;line-height:1;color:#ffffff04;position:absolute;right:-30px;top:100px;transform:rotate(-20deg);pointer-events:none}.login-art h1{font-size:49px;line-height:1.15;letter-spacing:-2px;max-width:440px;position:relative;z-index:1}.login-art h1 em{font-style:normal;color:#b6a1ee}.login-art p{margin-top:24px;color:#a29bb0;font-size:14px;max-width:350px}.login-art footer{font-size:11px;color:#777086;letter-spacing:1px}.login-panel{display:grid;place-items:center;padding:45px}.login-box{width:100%;max-width:360px}.login-box h2{font-size:27px}.login-box .field{margin-top:20px}.login-box .btn{width:100%;margin-top:25px}.login-box>p{font-size:13px;color:var(--muted);margin-top:12px}.login-demo{font-size:11px!important;border-top:1px solid var(--border);padding-top:20px;line-height:1.8}.public-page{min-height:100vh;background:#f7f5fa;padding:35px 20px}.public-brand{justify-content:center;color:#25202f;margin-bottom:25px}.public-card{max-width:580px;margin:auto}.public-card .card-body{padding:32px}.public-card h1{font-size:23px;margin-bottom:10px}.public-card .subtitle{margin-bottom:28px}.honeypot{display:none}.mobile-menu{display:none}.mobile-overlay{display:none}#toast{position:fixed;bottom:24px;right:25px;max-width:400px;background:#292031;color:white;border-radius:10px;padding:15px 20px;font-size:12px;box-shadow:0 8px 40px #0002;z-index:100;display:none}#toast.show{display:block}dialog{border:0;border-radius:16px;padding:0;max-width:650px;width:calc(100% - 30px);max-height:90vh;box-shadow:0 30px 100px #100c3a33;color:var(--ink)}dialog::backdrop{background:#100e2666;backdrop-filter:blur(3px)}.modal-head{padding:24px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:19px}.modal-body{padding:25px 26px}.detail-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 0;font-size:12px;gap:15px}.list-stack{display:grid;gap:13px}.month-select{border-color:var(--border);font-size:11px;padding:9px 11px}.pill{padding:6px 9px;border-radius:5px;background:#f5f2fa;font-size:10px;color:#9785ad}
@media(min-width:1500px){.page{padding:40px 50px}.stat{padding:24px}.chart{height:250px}}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:27px 14px}.page{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:17px 15px}.stat-number{font-size:25px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:17px}.table td,.table th{padding-left:16px;padding-right:16px}.grid-3{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.login-art{padding:45px}.login-art h1{font-size:40px}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{grid-column:1}.mobile-menu{display:block}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#0005;z-index:9}.topbar{height:65px;padding:0 20px}.breadcrumb{margin-right:auto}.page{padding:25px 20px}.dashboard-grid{grid-template-columns:1fr}.remarketing{min-height:260px}.stats{grid-template-columns:repeat(2,1fr)}.user-info{display:none}.top-actions{gap:7px}.top-actions .line{display:none}.login-art{display:none}.login{grid-template-columns:1fr}.login-panel{padding:28px}.demo-banner{padding:8px 20px}.grid-2{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:23px}.page-head{align-items:flex-start;gap:12px}.page-head .btn{font-size:10px;padding:10px;white-space:nowrap}.page-head .btn .ico{display:none}.page{padding:23px 15px}.stats{gap:10px}.stat{padding:15px 13px}.stat-number{font-size:24px}.stat-top{font-size:10px}.stat-icon{padding:6px}.stat-icon .ico{width:16px;height:16px}.stat-note{font-size:9px}.grid-3,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card-head{padding:20px 18px 0}.toolbar{padding:15px}.card-body{padding:18px}.form-section{padding:20px}.footer-note{flex-direction:column}.chart-wrap{padding:10px}.month-select{max-width:110px}.public-card .card-body{padding:23px}.check-grid{gap:10px}.modal-body{padding:22px}.topbar .badge{display:none}}