@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f5f5;background:#080a0b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 60% 45% at 80% 0%,rgba(75,86,90,.13),transparent 70%),#080a0b}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{outline:none}button:disabled{opacity:.55;cursor:wait}.glass{background:linear-gradient(145deg,#222628b8,#111415c7);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px #ffffff0b,0 20px 55px #00000029;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:0;border-left:0;border-top:0;border-bottom:0;z-index:20;padding:31px 17px 18px}.brand{display:flex;align-items:center;gap:12px;padding:1px 14px 53px}.brand-mark{height:41px;width:41px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;font:800 24px Manrope,sans-serif;letter-spacing:-3px;background:linear-gradient(145deg,#34393b,#171a1b);box-shadow:inset 0 1px 1px #ffffff1f}.brand-mark span,.title-dot{color:#aebbbc}.brand strong{font:800 16px Manrope,sans-serif;display:block;letter-spacing:-.5px}.brand small{font-size:9px;letter-spacing:2.4px;color:#9aa2a3}.nav-group-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#929b9c}.nav-group-label{padding:0 15px;margin-bottom:15px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;color:#a2aaab;border:1px solid transparent;padding:12px 14px;border-radius:11px;font-weight:600;font-size:13px}.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item.active{color:#fff;background:#ffffff17;border-color:#ffffff14}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#c3d5d5;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:10px;padding:13px 8px;border-top:1px solid rgba(255,255,255,.08)}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#2c3536;color:#d9ebeb;font-weight:700;flex:none}.avatar.small{width:29px;height:29px;font-size:11px}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:10px;color:#8f9798;max-width:150px;overflow:hidden;text-overflow:ellipsis}.logout{padding-top:11px;padding-bottom:11px}.main-area{margin-left:254px;min-width:0;flex:1}.topbar{height:69px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#7e898a;font-size:11px;letter-spacing:1px;font-weight:700}.breadcrumb strong{color:#dce1e1;letter-spacing:0;font-size:12px}.topbar-right{display:flex;align-items:center;gap:11px;color:#a2aaaa;font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:#a1b9b7;box-shadow:0 0 0 3px #a1b9b71f}.topbar-right .avatar{margin-left:16px}.content{max-width:1460px;margin:auto;padding:38px 43px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 30px}.page-heading h1{font:800 clamp(29px,3vw,40px)/1.12 Manrope,sans-serif;letter-spacing:-1.8px;margin:9px 0 8px}.page-heading p{margin:0;color:#9fa8a9;font-size:13px}.heading-actions{display:flex;align-items:center;gap:10px}.primary,.secondary,.ghost{border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:12px;white-space:nowrap}.primary{border:1px solid #d7e1e0;color:#0d1313;background:#d7e1e0;box-shadow:0 6px 24px #cadedc1a}.primary:hover{background:#fff}.secondary{border:1px solid rgba(255,255,255,.13);color:#e4eaea;background:#fff1}.secondary:hover{background:#ffffff1c}.ghost{background:transparent;border:0;color:#ddd}.month-input{width:150px;height:41px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#202526;color:#e7eeee;color-scheme:dark;font-size:12px}.test-banner,.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:25px;border:1px solid rgba(190,211,209,.18);border-radius:11px;background:#bdd3d112;color:#c6d3d3;font-size:12px}.test-banner strong{text-transform:uppercase;letter-spacing:.6px;font-size:11px}.test-banner span{color:#aab6b6}.alert{background:#c9828217;border-color:#c9828233;color:#e7b0b0}.alert button{margin-left:auto;background:transparent;border:0;color:inherit}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}.metric{min-height:145px;padding:21px 22px;border-radius:15px;display:flex;flex-direction:column}.metric.main{background:linear-gradient(135deg,#414f4fd1,#1b2223d6);border-color:#c5dfdb2e}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#acb5b5;font-size:12px}.metric-head svg{color:#aababb}.metric strong{font:800 clamp(23px,2.5vw,31px) Manrope,sans-serif;letter-spacing:-1.3px;margin-top:20px}.metric small{font-size:11px;color:#879192;margin-top:4px}.panel{border-radius:16px;padding:24px;margin-bottom:20px}.section-title,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2,.toolbar h2,.panel h2{font:750 18px Manrope,sans-serif;letter-spacing:-.5px;margin:6px 0 0}.text-button{background:transparent;border:0;color:#dbe8e7;font-weight:700;font-size:12px;display:flex;align-items:center;gap:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th{color:#879193;font-size:10px;font-weight:700;letter-spacing:1.35px;padding:13px;border-bottom:1px solid rgba(255,255,255,.08)}td{padding:17px 13px;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px;color:#b3bdbd;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff05}td strong{color:#edf0f0;font-weight:700}.cell-sub{display:block;color:#717d7e;font-size:10px;margin-top:5px}.subtle{color:#899596}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.1px;background:#96a2a21f;color:#bbc5c5;border:1px solid rgba(150,162,162,.12)}.badge.paid,.badge.read,.badge.delivered{background:#8fb5a61f;color:#b5d4c7;border-color:#8fb5a62e}.badge.pending,.badge.queued,.badge.sending{background:#beb5971c;color:#d1c9aa}.badge.overdue,.badge.failed{background:#c282821c;color:#e0aaaa}.badge.claimed{background:#a2b1c421;color:#c5d4e0}.badge.cancelled{color:#8d9899}.badge.promised{background:#a9a0c21f;color:#c9c1dc}.row-actions{display:flex;gap:13px;align-items:center}.row-actions button,.name-link{border:0;background:transparent;color:#c8dad9;padding:0;font-size:11px;font-weight:700;white-space:nowrap}.row-actions button:hover,.name-link:hover{text-decoration:underline}.row-actions .danger-text{color:#cfaaaa}.name-link{color:#edf0f0;font-size:12px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 20px;color:#8e999a;gap:8px;text-align:center;font-size:12px}.empty strong{color:#d6dddd;font-size:14px}.empty-icon{height:50px;width:50px;display:grid;place-items:center;background:#ffffff0d;border-radius:15px;margin-bottom:7px}.searchbox{display:flex;align-items:center;gap:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 12px;color:#899596;min-width:280px}.searchbox input{background:transparent;border:0;color:#f1f4f4;height:40px;width:100%;font-size:12px}.toolbar select,.template-card select{background:#202526;color:#d2dada;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;font-size:12px}.count{font-size:11px;color:#8e999a}.tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.09);gap:22px;margin-bottom:23px}.tabs button{background:transparent;border:0;color:#899596;padding:0 0 13px;font-size:13px;font-weight:700}.tabs button.active{color:#e5eeee;border-bottom:2px solid #d3e2e0}.info-line{display:flex;gap:9px;align-items:center;color:#aab7b6;font-size:12px;margin-bottom:21px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-card{border-radius:15px;padding:22px}.template-top{display:flex;align-items:center;justify-content:space-between}.template-icon,.settings-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#c0d6d31a;color:#c9ddda}.template-card h3{font:750 17px Manrope,sans-serif;margin:18px 0}.template-card label,.panel label,.modal label,.login-card label{display:block;font-size:11px;color:#a7b2b2;font-weight:700;margin-bottom:14px}.template-card input,.template-card textarea,.panel input:not([type=checkbox]),.modal input:not([type=checkbox]),.modal textarea,.login-card input{width:100%;display:block;margin-top:7px;background:#05080957;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:11px 12px;color:#e9eeee;font-size:12px}.template-card textarea,.modal textarea{min-height:80px;resize:vertical}.template-footer{display:flex;justify-content:space-between;align-items:center}.template-footer label{margin:0}.template-card select{margin-top:10px;width:100%}.toggle-line{display:flex!important;align-items:center;gap:9px!important;color:#d3dada!important}.toggle-line input{accent-color:#c5d6d3}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid .panel{margin:0}.settings-grid .panel h2{margin:18px 0 7px}.settings-grid .panel p{font-size:12px;color:#899596;margin:0 0 21px}.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:40;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:17px;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font:750 20px Manrope,sans-serif;margin:0}.icon-button{background:transparent;border:0;color:#a5b0b0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid .wide{grid-column:1/-1}.hint{font-size:11px;color:#8e9c9c;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions.spread{justify-content:space-between}.toast{position:fixed;right:25px;bottom:25px;z-index:50;display:flex;align-items:center;gap:10px;background:#dbe7e5;color:#101716;padding:13px 17px;border-radius:11px;box-shadow:0 20px 40px #0000004d;font-size:12px;font-weight:700}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px;position:relative;overflow:hidden}.login-glow{position:absolute;width:750px;height:750px;border-radius:50%;background:radial-gradient(circle,rgba(139,167,163,.15),transparent 65%);top:-300px;right:-130px}.login-card{position:relative;width:min(430px,100%);border-radius:22px;padding:38px}.login-card .brand-mark{margin-bottom:32px}.login-card h1{font:800 30px Manrope,sans-serif;letter-spacing:-1.4px;margin:9px 0 6px}.login-card p{color:#9aa6a6;font-size:13px;margin:0 0 30px}.login-card label{margin-bottom:17px}.login-card input{height:44px}.full{width:100%;height:45px;justify-content:space-between;margin-top:8px}.login-foot{text-align:center;color:#758182;font-size:10px;margin-top:25px}.form-error{color:#e7b0b0;font-size:12px;margin:4px 0}.boot{min-height:100vh;display:grid;place-items:center;color:#bdc9c9;font-size:13px}.mobile-menu{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:30px 26px 60px}.topbar{padding:0 26px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:245px}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:flex}.topbar{padding:0 18px}.breadcrumb{margin-right:auto}.topbar-right{font-size:0}.topbar-right .avatar{margin-left:0}.content{padding:26px 16px 50px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.metrics{gap:10px}.metric{min-height:125px;padding:16px}.metric strong{font-size:21px}.panel{padding:16px}.template-grid,.settings-grid{grid-template-columns:1fr}.searchbox{min-width:0;flex:1}.section-title h2{font-size:15px}.test-banner{align-items:flex-start;flex-wrap:wrap}}@media(max-width:430px){.metrics{grid-template-columns:1fr 1fr}.metric-head{font-size:10px}.metric strong{font-size:18px}.metric small{font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:18px;color:#9fa8a9;font-size:11px}.pager .secondary{padding:8px 11px}