:root{--navy:#0b1830;--ink:#172033;--muted:#697386;--line:#e3e8f1;--bg:#f5f7fb;--blue:#2368e8;--purple:#6d4aff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{transition:.15s ease}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-brand{background:radial-gradient(circle at 20% 10%,#193b70 0,transparent 34%),linear-gradient(145deg,#071427,#0b1e3d);color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#4a8fff,#69e2ff);display:grid;place-items:center;margin-bottom:50px;box-shadow:0 15px 45px #0e9be955}.brand-mark svg{width:28px}.login-brand h1{font-size:clamp(48px,6vw,84px);line-height:.94;letter-spacing:-.06em;margin:15px 0 28px}.login-brand>p:last-child{max-width:450px;color:#b8c5dc;font-size:18px;line-height:1.7}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.16em;color:#3972db}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(430px,100%)}.login-card h2{font-size:38px;letter-spacing:-.04em;margin:8px 0}.muted{color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:24px 0 7px}.field input,.field textarea,.filters input,.filters select,.login-card input,.recipient-input textarea{display:block;width:100%;border:1px solid #ccd4e1;border-radius:10px;padding:13px 14px;margin-top:8px;outline:none;background:#fff}.field input:focus,.field textarea:focus,.login-card input:focus,textarea:focus{border-color:#3575e5;box-shadow:0 0 0 3px #3575e51c}.primary,.secondary,.upload{border:0;border-radius:9px;padding:12px 17px;font-weight:750;display:inline-flex;gap:9px;align-items:center;justify-content:center}.primary{background:#1e61dd;color:#fff}.primary:hover{background:#174dac}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary,.upload{background:#fff;color:#23314d;border:1px solid var(--line)}.full{width:100%;margin-top:26px}.secure-note{text-align:center;color:#8a93a4;font-size:12px}.alert{padding:12px;border-radius:8px;background:#eaf2ff;color:#184ea6}.alert.error{background:#fff0f0;color:#a62d2d}.mobile-logo{display:none}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.app-shell aside{position:fixed;width:250px;inset:0 auto 0 0;background:#0a172d;color:#fff;padding:27px 18px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;padding:0 10px 30px}.logo span{width:36px;height:36px;background:#2e69da;border-radius:10px;display:grid;place-items:center}.logo small{display:block;color:#7d8ba3;font-size:11px;letter-spacing:.15em}.logo svg{width:18px}.app-shell nav{display:grid;grid-gap:7px}.app-shell nav a,.logout{display:flex;gap:12px;align-items:center;color:#9fabc0;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px;font-weight:650}.app-shell nav a svg,.logout svg{width:18px}.app-shell nav a.active,.app-shell nav a:hover{background:#14294b;color:#fff}.logout{margin-top:auto;background:transparent;border:0;width:100%}.app-main{grid-column:2}.app-main>header{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 4vw;color:#59657a;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#20b775;margin-right:8px}.page{padding:clamp(28px,4vw,64px);max-width:1440px;margin:auto}.page-title{margin-bottom:35px}.page-title.compact{margin-bottom:22px}.page-title h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.045em;margin:9px 0}.page-title>p:last-child{color:var(--muted);font-size:16px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px}.brand-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;position:relative;overflow:hidden;box-shadow:0 7px 24px #13264d0a}.brand-card:before{content:"";position:absolute;inset:0 0 auto;height:5px}.brand-card.jarvis:before{background:linear-gradient(90deg,#0dc7e8,#caa24a)}.brand-card.eduplay:before{background:linear-gradient(90deg,#4b7bea,#784bdf,#3bbf88)}.brand-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.jarvis .brand-icon{background:#e9f9fd;color:#05819a}.eduplay .brand-icon{background:#f0eefe;color:#6948d0}.configured{position:absolute;top:34px;right:27px;color:#269164;font-size:11px;font-weight:750;display:flex;gap:5px;align-items:center}.configured svg{width:15px}.brand-card h2{font-size:27px;margin:27px 0 14px}.brand-card h2 small{font-size:14px;display:block;color:#607089;margin-top:2px}.brand-card>p{color:var(--muted);line-height:1.65;min-height:52px}.domain{border-top:1px solid var(--line);padding:18px 0;color:#56647b;font-size:13px}.brand-action{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#fff;background:#101f39;border-radius:9px;padding:13px 16px;font-weight:750}.brand-action svg{width:18px}.eduplay .brand-action{background:#6241c8}.safety{display:flex;gap:14px;align-items:center;margin-top:25px;padding:19px 23px;border:1px solid #dce5f2;border-radius:13px;background:#edf4ff}.safety svg{color:#2e69da}.safety p{margin:3px 0;color:#607089;font-size:13px}.steps{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;margin-bottom:24px}.steps button{flex:1 1;border:0;background:transparent;padding:10px;color:#7b8596;font-size:13px;font-weight:700}.steps button span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf0f5;margin-right:7px}.steps button.active{color:#1c57ba}.steps button.active span{background:#1f63dc;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(340px,.93fr);grid-gap:24px;gap:24px;align-items:start}.confirm-card,.editor,.recipients{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.segment{display:flex;background:#f1f3f7;padding:4px;border-radius:10px}.segment button{flex:1 1;border:0;background:transparent;padding:10px;border-radius:7px;font-weight:750}.segment .active.edu{background:#fff;color:#6241c8;box-shadow:0 2px 8px #00000012}.segment .active.jar{background:#0b2039;color:#fff}.locked{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;background:#f6f8fb;border:1px solid var(--line);padding:13px;border-radius:9px;margin-top:17px}.locked small,.locked strong{display:block}.locked small{color:#7a8494;margin-bottom:5px}.locked strong{font-size:12px}.field{position:relative}.field textarea{min-height:110px;resize:vertical;line-height:1.5}.field small{float:right;color:#8a93a4;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.editor>.primary{float:right;margin-top:20px}.editor>.secondary{margin-top:20px}.mail-preview{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:-webkit-sticky;position:sticky;top:85px}.mail-meta{display:grid;grid-gap:4px;gap:4px;padding:15px 19px;border-bottom:1px solid var(--line);font-size:12px}.mail-meta small{color:#697386}.mail-head{padding:26px;color:#fff;background:#303b8f}.mail-preview.jarvis .mail-head{background:#071a2f}.mail-head h2{font-size:23px;margin:12px 0 0}.mail-body{padding:25px;font-family:Arial,sans-serif;font-size:14px;line-height:1.55}.mail-body p{white-space:pre-line}.mail-body>a{display:block;width:max-content;margin:24px auto 9px;background:#6d4aff;color:#fff;padding:12px 18px;border-radius:7px;font-weight:700}.jarvis .mail-body>a{background:#0ea5e9}.mail-body>u{display:block;text-align:center;color:#5b48c7}.jarvis .mail-body>u{color:#087e99}.mail-body .closing{margin-top:25px}.mail-body small{display:block;color:#727b8c;margin-top:15px}.recipients{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.recipient-input textarea{min-height:170px;resize:vertical}.row{display:flex;gap:10px}.upload{margin:0}.upload input{display:none}.recipient-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.list-head{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f8f9fb}.list-head h3{font-size:14px;margin:0}.list-head span{background:#dce8ff;color:#2460c5;padding:2px 7px;border-radius:10px}.list-head button,.recipient button{border:0;background:transparent;color:#748095;display:flex;align-items:center;gap:5px;font-size:12px}.list-head svg,.recipient svg{width:15px}.recipient{display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--line)}.recipient small,.recipient strong{display:block}.recipient strong{font-size:13px}.recipient small{color:#7c8697;margin-top:2px}.empty{text-align:center;padding:45px;color:#8791a2}.recipients>.primary{grid-column:2;justify-self:end}.preview-tools{display:flex;justify-content:space-between;margin-bottom:17px}.preview-tools>div{background:#fff;border:1px solid var(--line);padding:4px;border-radius:9px}.preview-tools>div button{border:0;background:transparent;padding:8px 12px;border-radius:6px;color:#667085}.preview-tools>div button.active{background:#e8effc;color:#1f5dca}.preview-tools svg{width:16px;vertical-align:middle}.email-frame{max-width:680px;margin:auto;transition:.2s}.email-frame.mobile{max-width:390px}.email-frame .mail-preview{position:static}.confirmation{max-width:730px;margin:auto}.confirm-card{text-align:center}.confirm-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8f8f0;color:#19935f}.confirm-card dl{text-align:left;border:1px solid var(--line);border-radius:10px;overflow:hidden}.confirm-card dl div{display:grid;grid-template-columns:170px 1fr;padding:12px 15px;border-bottom:1px solid var(--line)}.confirm-card dl div:last-child{border:0}.confirm-card dt{color:#778195}.confirm-card dd{margin:0;font-weight:650}.warning{text-align:left;background:#fff6df;color:#79580b;padding:14px;border-radius:9px}.check{text-align:left;display:flex;gap:9px;line-height:1.5}.check input{margin-top:3px}.confirm-actions{display:flex;justify-content:center;gap:10px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.filters label{margin:0;position:relative}.filters label svg{position:absolute;left:13px;top:20px;width:16px;color:#8992a2}.filters label input{padding-left:38px}.filters input,.filters select{margin:0}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}th{color:#657086;background:#f8f9fb}.pill{padding:4px 8px;border-radius:20px;background:#edf0f5}.pill.sent{background:#e4f7ed;color:#167c4c}.pill.partial{background:#fff2d8;color:#8a6200}.pill.failed{background:#ffe7e7;color:#9a2525}.empty.large{display:grid;place-items:center;padding:70px}.empty.large svg{width:34px}.empty.large p{margin:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.config-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.config-card:last-child{grid-column:1/-1}.config-card h2{margin:0 0 18px}.config-card>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.config-card span{color:#758094}.config-card strong{display:flex;align-items:center;gap:5px;text-align:right}.config-card strong svg{width:16px;color:#259765}@media(max-width:900px){.app-shell{display:block}.app-shell aside{position:fixed;z-index:10;inset:auto 0 0;width:auto;height:68px;padding:8px;background:#0a172df7}.logo,.logout{display:none}.app-shell nav{display:flex;justify-content:space-around}.app-shell nav a{display:grid;grid-gap:1px;gap:1px;place-items:center;padding:5px 10px;font-size:10px}.app-main{padding-bottom:68px}.app-main>header{justify-content:space-between}.app-main>header .mobile-logo{display:flex;align-items:center;gap:6px;font-weight:800;color:#12203a}.brand-grid,.workspace{grid-template-columns:1fr}.mail-preview{position:static}.recipients{grid-template-columns:1fr}.recipients>.primary{grid-column:1}.filters{grid-template-columns:1fr 1fr}.steps button{font-size:0}.steps button span{font-size:12px}.settings-grid{grid-template-columns:1fr}.config-card:last-child{grid-column:auto}}@media(max-width:620px){.login{display:block;background:linear-gradient(#0b1e3d 0 180px,#fff 180px)}.login-brand{display:none}.login-panel{min-height:100vh;padding:22px}.login-card{background:#fff;padding:25px 20px;border-radius:18px;box-shadow:0 20px 50px #08152f3d}.login-card .mobile-logo{display:flex;gap:8px;align-items:center;color:#1b56bc;font-weight:800;margin-bottom:35px}.page{padding:25px 16px}.page-title h1{font-size:32px}.brand-grid{gap:15px}.brand-card{padding:24px 20px}.configured{position:static;margin-top:16px}.locked,.two{grid-template-columns:1fr}.editor,.recipient-input,.recipients{padding:18px}.confirm-actions,.row{display:grid}.preview-tools{align-items:center}.confirm-card{padding:18px}.confirm-card dl div{gap:3px}.confirm-card dl div,.filters{grid-template-columns:1fr}.steps{position:-webkit-sticky;position:sticky;top:0;z-index:5}.app-main>header{padding:0 16px}}.app-shell nav{display:flex;flex:1 1;min-height:0;flex-direction:column;gap:7px}@media(max-width:900px){.app-shell aside{height:calc(68px + env(safe-area-inset-bottom));max-height:100dvh;padding:8px 6px max(8px,env(safe-area-inset-bottom));overflow-y:auto}.app-shell .logo{display:none}.app-shell nav{display:flex;min-height:44px;flex-direction:row;justify-content:space-around;gap:0}.app-shell nav .logout,.app-shell nav a{display:grid;flex:1 1;min-width:0;place-items:center;grid-gap:1px;gap:1px;margin:0;padding:5px 2px;font-size:10px;line-height:1.1;text-align:center}.app-shell nav .logout svg,.app-shell nav a svg{width:18px;height:18px}.app-main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}