@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf5ff;background:#050914;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 15%,#09234c55,transparent 35%),#050914}button,input{font:inherit}.splash{height:100vh;display:grid;place-content:center;text-align:center;letter-spacing:.3em;color:#5af}.orb{width:54px;height:54px;border:2px solid #1687ff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:auto auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1200px;margin:auto;padding:60px;gap:90px}.brand .mark,.mark{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#10a4ff,#1454ff);display:grid;place-items:center;font:700 24px Space Grotesk;box-shadow:0 0 35px #1687ff66}.brand p,.dashboard header small,.panel small{color:#448edc;font-size:11px;font-weight:700;letter-spacing:.2em;margin-top:40px}.brand h1{font:600 clamp(48px,6vw,76px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:20px 0}.brand em{font-style:normal;color:#1687ff}.brand>span{display:block;color:#8091aa;font-size:17px;max-width:480px;line-height:1.7}.signal{font-size:10px;letter-spacing:.18em;color:#63758f;margin-top:70px}.signal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24e69a;box-shadow:0 0 12px #24e69a;margin-right:10px}.card{background:linear-gradient(145deg,#101a2b,#0a111e);border:1px solid #22314a;border-radius:24px;padding:45px;box-shadow:0 25px 80px #0008}.card small{color:#258aff;letter-spacing:.17em;font-weight:700}.card h2{font:600 30px Space Grotesk;margin:12px 0 8px}.card header p{color:#71829b;margin:0 0 35px}.card label{display:block;color:#a9b7cc;font-size:12px;font-weight:600;margin:22px 0 8px}.card input,.create input{width:100%;border:1px solid #263650;background:#080e19;color:#eaf4ff;border-radius:9px;padding:15px 16px;outline:none;margin-top:8px}.card input:focus,.create input:focus{border-color:#1687ff;box-shadow:0 0 0 3px #1687ff20}.card button,.create button{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#0875ed,#139dff);color:#fff;font-weight:700;letter-spacing:.08em;padding:16px;margin-top:18px;cursor:pointer;box-shadow:0 10px 30px #0875ed35}.card button b{float:right}.card footer{text-align:center;color:#53637b;font-size:10px;margin-top:25px}.error{color:#ff8795;background:#ff365015;border:1px solid #ff365044;padding:10px;border-radius:8px;margin-top:12px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.shell aside{border-right:1px solid #162238;background:#070c17;padding:28px 22px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center;font:700 14px Space Grotesk;letter-spacing:.05em}.logo .mark{width:34px;height:34px;font-size:16px;border-radius:9px}.logo span{color:#248bff}.shell nav{display:grid;gap:8px;margin-top:70px}.shell nav a{color:#667893;padding:12px;border-radius:8px;font-size:13px}.shell nav .active{color:#52a2ff;background:#11233c;border-left:2px solid #1687ff}.profile{margin-top:auto;border-top:1px solid #17243a;padding-top:22px;display:flex;gap:11px;align-items:center}.profile>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#153157;color:#54aaff}.profile b,.profile small{display:block;font-size:11px}.profile small{color:#53657f;margin-top:4px;letter-spacing:.09em}.dashboard{padding:38px 50px;max-width:1500px;width:100%;margin:auto}.dashboard>header{display:flex;justify-content:space-between;align-items:center}.dashboard header small{margin:0}.dashboard h1{font:600 31px Space Grotesk;margin:8px 0}.ghost,.action{background:transparent;border:1px solid #263650;color:#8ca0ba;border-radius:8px;padding:9px 15px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.metrics article,.panel{background:linear-gradient(140deg,#0d1625,#090f1b);border:1px solid #1b2940;border-radius:13px;padding:24px}.metrics small{display:block;color:#60718a;font-size:10px;letter-spacing:.14em}.metrics strong{display:block;font:600 36px Space Grotesk;margin:10px 0}.metrics i{font-style:normal;color:#667993;font-size:11px}.metrics .green{color:#37d79d}.panel{padding:0;overflow:hidden}.panelhead{padding:24px 27px;border-bottom:1px solid #19263a}.panelhead small{margin:0}.panel h2{font:600 21px Space Grotesk;margin:7px 0 0}.create{display:grid;grid-template-columns:1fr 1fr 190px;gap:12px;padding:20px 27px}.create input,.create button{margin:0;padding:12px}.table{padding:0 27px 20px}.row{display:grid;grid-template-columns:1.5fr 1fr .7fr .5fr;align-items:center;gap:20px;min-height:65px;border-top:1px solid #172338;color:#b9c8da;font-size:12px}.row span b,.row span small{display:block}.row span small{color:#52647d;margin-top:4px}.row.heading{min-height:35px;color:#4d607a;font-size:9px;letter-spacing:.1em}.row code{color:#7190b6}.badge{font-size:9px;font-weight:700;letter-spacing:.08em}.badge.active{color:#35d99b}.badge.suspended{color:#ff7786}.action{font-size:11px;padding:7px 10px}@media(max-width:800px){.login{grid-template-columns:1fr;padding:30px}.brand{display:none}.shell{grid-template-columns:1fr}.shell aside{display:none}.dashboard{padding:25px 16px}.metrics,.create{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row.heading{display:none}}.shell nav button{border:0;text-align:left;background:transparent;color:#667893;padding:12px;border-radius:8px;font-size:13px;cursor:pointer}.shell nav button.active{color:#52a2ff;background:#11233c;border-left:2px solid #1687ff}.metaform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 27px}.metaform label{display:grid;gap:7px;color:#a9b7cc;font-size:12px;font-weight:600}.metaform input{width:100%;border:1px solid #263650;background:#080e19;color:#eaf4ff;border-radius:9px;padding:13px 14px;outline:none}.metaform input:focus{border-color:#1687ff;box-shadow:0 0 0 3px #1687ff20}.metaform small{color:#62809f}.metaactions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.metaactions button{margin:0;width:auto;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;background:linear-gradient(90deg,#0875ed,#139dff);color:#fff;font-weight:700}.metaactions .action{background:transparent;border:1px solid #1687ff;color:#60adff}.metaactions .danger{background:transparent;border:1px solid #71313c;color:#ff8c98}.metaactions button:disabled{opacity:.45;cursor:not-allowed}.metainfo{padding:0 27px 20px;color:#71829b;font-size:12px}.meta-settings .metrics strong{font-size:20px;overflow-wrap:anywhere}.metasummary{padding:28px}.metasummary>p{max-width:720px;color:#91a3ba;line-height:1.65}.metasummary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.metasummary dl div{padding:16px;border:1px solid #1d2d45;border-radius:10px;background:#08101d}.metasummary dt{font-size:10px;letter-spacing:.12em;color:#55708f}.metasummary dd{margin:8px 0 0;color:#d9eaff;overflow-wrap:anywhere}@media(max-width:800px){.metaform{grid-template-columns:1fr}.metaactions{grid-column:1}.metasummary dl{grid-template-columns:1fr}}.toolbar{display:flex;gap:12px;margin:28px 0 18px}.toolbar input,.toolbar select,.toolbar button,.compactform input,.compactform button,.inviteform select,.table select{border:1px solid #263650;background:#080e19;color:#dceaff;border-radius:8px;padding:11px}.toolbar input{flex:1}.toolbar button,.compactform button{background:#087df1;border:0;color:#fff;font-weight:700}.inline{margin:0 27px 20px}.contacts .row{grid-template-columns:36px 1.4fr 1fr .8fr 1fr}.danger{color:#ff7786;margin-left:5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050bd9;display:grid;place-items:center;padding:20px;z-index:20}.contactform{width:min(560px,100%);max-height:92vh;overflow:auto}.contactform textarea,.contactform select,.importcontent textarea{width:100%;border:1px solid #263650;background:#080e19;color:#eaf4ff;border-radius:9px;padding:13px;margin-top:8px}.contactform textarea{min-height:90px}.checks{display:flex;gap:25px;margin-top:18px}.checks label{display:flex;align-items:center;gap:8px;margin:0}.checks input{width:auto;margin:0}.modalactions{display:flex;gap:10px;margin-top:18px}.modalactions button{margin:0}.success,.notice{color:#5ce5b2;background:#20d89115;border:1px solid #20d89144;padding:12px;border-radius:8px;margin-top:14px}.back{display:block;text-align:center;color:#6483a8;margin-top:18px;font-size:12px}.importbox{margin-top:28px}.importcontent{padding:25px}.importcontent p{color:#8293aa}.importcontent>textarea{height:150px}.importcontent>button{background:#087df1;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;margin-top:14px}.summary{display:flex;gap:20px;margin:22px 0;color:#8496ae}.summary b{color:#45dda5}.preview{max-height:300px;overflow:auto;border:1px solid #1d2b42;border-radius:8px}.preview div{padding:10px;border-bottom:1px solid #162338;font-size:12px}.preview .bad{color:#ff8795}.preview small{display:block;color:inherit;margin-top:4px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.compactform{display:flex;gap:8px;padding:20px}.compactform input{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 25px}.chips>span{border:1px solid #1687ff;border-radius:20px;padding:7px 11px;color:#9db6d4;font-size:12px}.chips button{border:0;background:transparent;color:#ff7786;margin-left:8px}.inviteform{grid-template-columns:1.4fr .8fr 190px}.inviteurl{display:flex;align-items:center;gap:10px;margin:0 27px 25px;background:#0a1a2d;padding:12px;border-radius:8px}.inviteurl input{flex:1;background:transparent;border:0;color:#67aaff}.inviteurl button{background:#087df1;color:#fff;border:0;padding:7px 12px;border-radius:6px}.spaced{margin-top:20px}.muted{display:block;color:#61738e;padding:0 27px 20px}@media(max-width:800px){.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.twocol{grid-template-columns:1fr}.contacts .row{grid-template-columns:1fr 1fr}.inviteform{grid-template-columns:1fr}.inviteurl{display:block}.inviteurl input{width:100%;margin:8px 0}.dashboard>header{position:sticky;top:0;background:#050914e8;z-index:5;padding:10px 0}}.phonefield{display:flex;margin-top:8px}.phonefield span{display:flex;align-items:center;white-space:nowrap;background:#111d30;border:1px solid #263650;border-right:0;border-radius:9px 0 0 9px;padding:0 13px;color:#83a3ca}.phonefield input{margin:0!important;border-radius:0 9px 9px 0!important}.contactform [aria-invalid=true]{border-color:#ff6578!important;box-shadow:0 0 0 3px #ff365018}.fielderror{display:block;color:#ff8795;font-size:11px;margin-top:6px}.formsummary{margin-bottom:6px}.organization{border:1px solid #263650;border-radius:10px;margin-top:18px;padding:14px}.organization legend,.fieldlabel{color:#8da7c8;font-size:12px}.multiselect{position:relative;margin-top:12px}.selectedchips,.contactsegments{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.selectedchips>span,.segment{border:1px solid #315172;border-radius:20px;color:#a9c1dd;padding:4px 8px;font-size:11px}.selectedchips button{border:0;background:transparent;color:#ff7786;margin-left:6px}.multioptions{position:absolute;z-index:2;left:0;right:0;background:#0b1525;border:1px solid #263650;border-radius:8px;padding:5px}.multioptions button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#dceaff;padding:8px}.bulkbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#0b1728;border:1px solid #1c3e65;border-radius:10px;padding:12px;margin-bottom:14px}.bulkbar select,.bulkbar button,.compactform select{border:1px solid #263650;background:#080e19;color:#dceaff;border-radius:8px;padding:9px}.bulkbar button{background:#087df1}.bulkbar .ghost{background:transparent}.chipname{color:#9db6d4!important;margin:0!important;padding:0!important}.segmentmembers{grid-column:1/-1}.memberlist{padding:0 20px 20px}.memberlist>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17243a;padding:12px}.memberlist small{display:block;color:#6f84a1;margin-top:3px}.compactform select{flex:1}.uploadbutton{background:#087df1;color:#fff;border-radius:8px;padding:11px;font-weight:700;cursor:pointer}.limits{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.limits span,.readynote{color:#8098b6;background:#0a1525;border:1px solid #1d304a;border-radius:8px;padding:9px;font-size:11px}.mediagrid,.templatecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:20px}.mediagrid article,.templatecards article{display:flex;flex-direction:column;gap:7px;background:#091321;border:1px solid #1b2c45;border-radius:11px;padding:13px;overflow:hidden}.mediagrid img,.mediagrid video,.mediapreview{width:100%;height:130px;object-fit:cover;border:0;border-radius:8px;background:#111e30;color:#7693b7}.storageusage{display:flex;gap:10px;align-items:center;color:#8098b6;margin:0 0 18px;font-size:12px}.storageusage progress{width:min(360px,45vw);accent-color:#1687ff}.mediagrid small,.templatecards small{color:#7187a3}.templatecards code{color:#67aaff}.templateeditor .card{width:min(1050px,100%);max-height:94vh;overflow:auto}.editorgrid{display:grid;grid-template-columns:1.5fr .8fr;gap:25px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editorfields textarea{min-height:120px}.buttonrow{display:grid;grid-template-columns:.8fr 1fr 1.3fr 35px;gap:6px;margin:7px 0}.buttonrow input,.buttonrow select{margin:0!important}.readycheck{display:flex!important;align-items:center;gap:8px}.readycheck input{width:auto!important;margin:0!important}.whatsapppreview{background:#0b1815;border-radius:12px;padding:18px;align-self:start;position:sticky;top:0}.bubble{background:#d9fdd3;color:#15211c;border-radius:10px;padding:13px;margin-top:10px}.bubble p{white-space:pre-wrap}.bubble small{color:#66766d}.bubble button{display:block;width:100%;background:transparent;color:#087df1;border:0;border-top:1px solid #b8d8b4;padding:9px}.mediaholder{height:110px;background:#b9cbc0;display:grid;place-items:center;border-radius:7px}@media(max-width:800px){.editorgrid{grid-template-columns:1fr}.whatsapppreview{position:static}.formrow,.buttonrow{grid-template-columns:1fr}.templateeditor{padding:8px}}