*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#17213b;font:15px/1.55 system-ui,sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:12px 18px;background:#2158ea;color:#fff;font-weight:650;cursor:pointer;min-height:44px}button:hover{background:#1645c0}button:disabled{cursor:not-allowed;opacity:.48}.secondary{background:#edf2ff;color:#234aaf}.secondary:hover{background:#dee7ff}label{display:block;font-size:13px;font-weight:650;margin:18px 0}input,textarea,select{width:100%;display:block;margin-top:7px;border:1px solid #d4dce9;background:#fff;border-radius:9px;padding:12px;color:#17213b}button:focus-visible,input:focus,textarea:focus,select:focus{outline:3px solid #95b6ff;outline-offset:2px}[hidden]{display:none!important}h1{margin:0;font-size:30px;letter-spacing:-.8px;line-height:1.25}h2{font-size:19px;margin:0 0 8px;letter-spacing:-.3px}h3{font-size:16px}p{color:#657086;margin:8px 0 16px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#3563d1;margin:0 0 9px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#111c36;color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{margin-bottom:40px;padding:0 9px}.brand img{width:154px;height:77px;object-fit:contain;background:#fff;border-radius:10px;display:block}.brand span{font-size:12px;color:#a8b7d7;display:block;margin-top:12px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#b6c3de;font-weight:500}nav button.selected{background:#2446a4;color:#fff}nav button:hover{background:#203252}.sidebar-bottom{margin-top:auto;padding:24px 9px 0;display:grid;gap:7px}.sidebar-bottom span{font-size:11px;letter-spacing:2px}.sidebar-bottom small{color:#92a5c8}.sidebar-bottom button{margin-top:15px;background:#21314f}main{padding:30px 40px 70px;min-width:0;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.account{display:grid;text-align:right;gap:6px;font-size:12px}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#e6edff;color:#3455b4;font-size:11px;font-weight:650;width:max-content}.account .badge{margin-left:auto}.muted{background:#f0f2f6;color:#68758b}.notice{padding:13px 17px;border:1px solid #e8d5a2;background:#fffaf0;border-radius:10px;color:#806629;font-size:13px;margin-bottom:30px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading p{margin:0;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metrics article,.panel,.integration{background:#fff;border:1px solid #e2e7f0;border-radius:15px;padding:24px;box-shadow:0 3px 12px #17213b03}.metrics article span{font-size:12px;color:#69768f}.metrics article strong{display:block;font-size:35px;margin:9px 0;line-height:1.2}.metrics small{display:block;color:#8a94a7;font-size:11px}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.panel{margin-bottom:22px}.empty{text-align:center;padding:45px 20px;color:#7d899f;font-size:13px}.empty p{max-width:450px;margin:10px auto}.empty-icon{font-size:48px;color:#a0b9ee}.steps{padding-left:22px;color:#62708a;line-height:2.7}.subtle{font-size:12px;color:#8792a6}.grid,.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px}.integration strong,.integration .state{display:block}.state{font-size:12px;margin:10px 0;color:#b37c20}.integration p{font-size:13px}.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}.flow span{padding:9px 12px;background:#edf2ff;border-radius:8px;font-size:13px}.flow b{color:#a5b1c8}.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.inline{display:flex;align-items:center;gap:12px}.inline input{width:auto;margin:0}.banner-editor{background:#f7f9fc;padding:18px;margin:18px 0;border:1px solid #e1e7f0;border-radius:12px}.banner-editor label{margin:10px 0}.banner-editor button{font-size:12px;padding:7px 12px}hr{border:0;border-top:1px solid #e8edf5;margin:30px 0}.preview-panel{text-align:center}.phone{border:8px solid #17213b;border-radius:35px;background:linear-gradient(160deg,#d7e4ff,#ebedf6);max-width:300px;height:400px;margin:25px auto;padding:25px 15px}.phone-time{font-size:42px;margin:12px 0 35px}.push-preview{background:#ffffffdf;border-radius:15px;padding:15px;text-align:left;overflow-wrap:anywhere}.push-preview span{display:block;font-size:10px;color:#64708a;margin-bottom:8px}.push-preview strong{font-size:14px}.push-preview p{font-size:13px;margin-bottom:0}.phone small{display:block;font-size:10px;margin-top:22px;color:#6c7890}.campaign-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9edf4;padding:16px 0;gap:15px;text-align:left}.campaign-row p{font-size:12px;margin:4px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e4eaf4;font-size:13px}.security-grid article{background:#f7f9fd;padding:20px;border-radius:12px}.security-grid p{font-size:12px;margin-bottom:0}.login-card{max-width:440px;margin:8vh auto;padding:34px;background:#fff;border:1px solid #e1e7f0;border-radius:20px}.login-card img{width:150px;height:80px;object-fit:contain;margin-bottom:22px}.login-card h1{font-size:29px}.login-card p{font-size:13px}.login-card button{width:100%}#status:empty{display:none}#status{position:fixed;bottom:20px;right:25px;max-width:460px;padding:16px 20px;background:#17213b;color:#fff;border-radius:12px;font-size:13px;box-shadow:0 8px 30px #0002;z-index:20}@media(max-width:1100px){main{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px}.brand{margin:0 0 14px;display:flex;align-items:center;gap:15px}.brand img{width:95px;height:45px}.brand span{margin:0}nav{display:flex;overflow:auto;gap:6px}nav button{white-space:nowrap;font-size:12px;padding:10px}.sidebar-bottom{padding:12px 0 0;display:flex;align-items:center;justify-content:space-between}.sidebar-bottom span,.sidebar-bottom small{display:none}.sidebar-bottom button{margin:0;padding:7px 12px;min-height:35px;font-size:12px}main{padding:22px 16px 80px}.account span:first-child{max-width:160px;overflow-wrap:anywhere}h1{font-size:25px}.metrics{gap:10px}.metrics article{padding:16px}.metrics small{font-size:10px}.grid,.security-grid,.form-grid{grid-template-columns:1fr}.panel{padding:20px}.section-heading{align-items:flex-start}.section-heading button{font-size:12px;padding:10px}.login-card{margin:30px 16px}.topbar{align-items:flex-start}#status{left:16px;right:16px;bottom:12px}}
.banner-preview{width:130px;max-height:170px;object-fit:contain;border-radius:10px;background:#f5f7fb}.banner-editor{align-items:start}.campaign-row{gap:12px;flex-wrap:wrap}