:root{--ink:#182033;--muted:#758097;--line:#e5e9f1;--canvas:#f5f7fb;--paper:#fff;--navy:#11192c;--purple:#6754dc;--purple-dark:#5140c0;--blue:#1f79d4;--green:#159667;--red:#c73f3f}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.brand{color:var(--ink);align-items:center;gap:12px;font-size:21px;display:flex}.brand>span{color:#fff;background:linear-gradient(145deg,#8d79f2,#5a49c9);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 10px 24px #5846c442}.brand--dark{color:#fff;font-size:20px}.brand--dark>span{width:36px;height:36px}.login-shell{background:#fff;grid-template-columns:minmax(440px,.84fr) minmax(540px,1.16fr);min-height:100vh;display:grid}.login-card{flex-direction:column;min-height:100vh;padding:7vh 11%;display:flex}.login-copy{margin-top:12vh}.login-copy>small,.connect-page section>small{color:var(--purple);letter-spacing:.15em;font-size:11px;font-weight:800}.login-copy h1{letter-spacing:-.06em;margin:18px 0 0;font-size:clamp(45px,4.4vw,70px);line-height:1.02}.login-copy p{color:#6e788d;max-width:560px;margin:24px 0 0;font-size:16px;line-height:1.7}.login-form{gap:16px;max-width:520px;margin-top:38px;display:grid}.login-form label>span{color:#81899a;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.login-form input{width:100%;height:52px;color:var(--ink);background:#fbfcfe;border:1px solid #dfe3eb;border-radius:11px;outline:0;padding:0 15px;font-size:14px;transition:all .16s}.login-form input:focus{background:#fff;border-color:#8b7ce7;box-shadow:0 0 0 4px #efedff}.login-form button{color:#fff;background:linear-gradient(135deg,#705ce4,#5845c9);border:0;border-radius:11px;justify-content:space-between;align-items:center;height:53px;padding:0 18px;font-size:13px;font-weight:750;display:flex;box-shadow:0 14px 32px #5c48cd40}.login-form button:disabled{opacity:.65}.form-error{color:var(--red);margin:-5px 0 0;font-size:12px}.login-note{color:#9aa2b0;margin-top:auto;font-size:10px}.login-visual{background:radial-gradient(circle at 85% 5%,#6c53dc42,#0000 32%),radial-gradient(circle at 5% 95%,#1f79d42e,#0000 30%),#11192c;place-items:center;padding:40px;display:grid;position:relative;overflow:hidden}.login-visual:before{content:"";border:1px solid #ffffff0d;border-radius:36px;position:absolute;inset:7%}.visual-card{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:23px;width:min(590px,80%);padding:22px;position:relative;box-shadow:0 38px 90px #02071359}.visual-card>small{color:#8d98ad;letter-spacing:.13em;font-size:10px;font-weight:750}.visual-mail{background:#ffffff13;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-height:76px;margin-top:17px;padding:14px;display:grid}.visual-mail i,.connect-logo{color:#fff;background:linear-gradient(145deg,#2f8be8,#1469bf);place-items:center;font-style:normal;font-weight:800;display:grid}.visual-mail i{border-radius:11px;width:44px;height:44px}.visual-mail p,.visual-safe p{margin:0}.visual-mail strong,.visual-mail span{display:block}.visual-mail strong{font-size:12px}.visual-mail span{color:#8f9aaf;margin-top:5px;font-size:10px}.visual-mail b{color:#38c986;font-size:15px}.visual-otp{background:#6b55dc1f;border:1px solid #8470eb4d;border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;margin-top:14px;padding:19px;display:grid}.visual-otp i{color:#202639;background:#f4b744;border-radius:11px;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:24px;font-weight:800;display:grid}.visual-otp p{margin:0}.visual-otp p span{color:#a1aabd;font-size:10px;display:block}.visual-otp p strong{letter-spacing:.09em;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;display:block}.visual-otp em{color:#aaa0f1;font-family:ui-monospace,monospace;font-size:12px;font-style:normal}.visual-safe{color:#919caf;align-items:center;gap:11px;margin-top:15px;padding:13px;display:flex}.visual-safe>span{color:#79d8ab;background:#2faf731f;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.visual-safe strong,.visual-safe small{display:block}.visual-safe strong{color:#c8cfda;font-size:10px}.visual-safe small{margin-top:4px;font-size:9px}.admin-shell{min-height:100vh;display:flex}.sidebar{z-index:10;color:#dce2ef;background:radial-gradient(circle at 5% 0, #6a52db3d, transparent 28%), var(--navy);flex-direction:column;width:270px;padding:30px 22px 24px;display:flex;position:fixed;inset:0 auto 0 0}.mode-pill{color:#afa3f5;letter-spacing:.13em;background:#7159de17;border:1px solid #8974ea33;border-radius:9px;margin-top:39px;padding:10px 12px;font-size:10px;font-weight:800}.sidebar nav{gap:7px;margin-top:18px;display:grid}.sidebar nav a{color:#99a4b8;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:0 13px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#755fdc33;box-shadow:inset 3px 0 #7c69e6}.sidebar nav a>span{color:#b2bbcb;width:22px;font-size:17px}.sidebar nav a>b{color:#dfdaff;background:#7760dd4d;border-radius:99px;place-items:center;min-width:24px;height:22px;margin-left:auto;font-size:10px;display:grid}.sidebar-spacer{flex:1}.privacy-card{background:#ffffff0b;border:1px solid #ffffff16;border-radius:14px;gap:11px;padding:15px;display:flex}.privacy-card>span{color:#85ddb2;background:#2cb47421;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.privacy-card p{margin:0}.privacy-card strong,.privacy-card small{display:block}.privacy-card strong{color:#e5e9f2;font-size:11px}.privacy-card small{color:#818da2;margin-top:5px;font-size:9px;line-height:1.55}.logout-button{color:#aab4c5;background:0 0;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:45px;margin-top:12px;padding:0 14px;font-size:11px;display:flex}.logout-button:hover{color:#fff;background:#ffffff0d}.admin-main{width:calc(100% - 270px);min-width:0;margin-left:270px}.topbar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:20px 38px;display:flex}.topbar>div>small,.hero>div>small,.panel-heading>div>small,.section-copy p>small{color:#858ea1;letter-spacing:.13em;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:5px 0 0;font-size:27px}.owner-chip{align-items:center;gap:10px;display:flex}.owner-chip>span{color:#fff;background:#5e51a7;border-radius:11px;place-items:center;width:41px;height:41px;font-size:11px;font-weight:800;display:grid}.owner-chip p{margin:0}.owner-chip strong,.owner-chip small{display:block}.owner-chip strong{font-size:11px}.owner-chip small{color:#9098a8;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:3px;font-size:9px;overflow:hidden}.content{padding:33px 38px 46px}.hero{grid-template-columns:1fr minmax(320px,.54fr);align-items:end;gap:26px;padding:7px 5px 35px;display:grid}.hero h2{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(36px,4vw,57px);line-height:1.03}.hero>div>p{color:#717b90;max-width:680px;margin:20px 0 0;font-size:14px;line-height:1.7}.health{background:linear-gradient(135deg,#fbfaff,#f0edff);border:1px solid #ddd8fa;border-radius:16px;align-items:center;gap:15px;min-height:118px;padding:19px;display:flex}.health>i{background:#fff;border:1px solid #d2cbf6;border-radius:50%;flex:none;place-items:center;width:53px;height:53px;display:grid}.health>i span{background:#31b67b;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 8px #31b67b1f}.health p{margin:0}.health p small,.health p strong,.health p em{display:block}.health p small{color:#8a84a8;letter-spacing:.12em;font-size:9px;font-weight:800}.health p strong{margin-top:7px;font-size:14px}.health p em{color:#8a91a1;margin-top:5px;font-size:10px;font-style:normal}.rule-card{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:1fr minmax(430px,.8fr);align-items:center;gap:28px;padding:25px 27px;display:grid;box-shadow:0 8px 30px #161f3109}.section-copy{align-items:center;gap:16px;display:flex}.section-copy>span{width:43px;height:43px;color:var(--purple);background:#efedff;border-radius:12px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.section-copy p{margin:0}.section-copy p strong,.section-copy p em{display:block}.section-copy p strong{margin-top:5px;font-size:17px}.section-copy p em{color:#8b93a3;margin-top:6px;font-size:10px;font-style:normal}.rule-card form label>span{color:#8f97a7;letter-spacing:.1em;margin-bottom:7px;font-size:9px;font-weight:780;display:block}.rule-card form label>div{background:#fbfcfd;border:1px solid #dddfe8;border-radius:10px;height:47px;display:flex;overflow:hidden}.rule-card form label>div i{width:43px;color:var(--purple);place-items:center;font-style:normal;font-weight:750;display:grid}.rule-card input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.rule-card button{color:#fff;background:var(--purple);border:0;min-width:105px;font-size:11px;font-weight:750}.rule-card label>small{color:#868e9e;margin-top:8px;font-size:9px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:19px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:14px;min-height:112px;padding:18px;display:flex}.stats article>i{border-radius:12px;flex:none;place-items:center;width:45px;height:45px;font-style:normal;font-weight:800;display:grid}.stats article>i.blue{color:#2875c7;background:#e9f2ff}.stats article>i.green{color:#178c61;background:#e6f7ef}.stats article>i.amber{color:#aa731d;background:#fff2d9}.stats p{margin:0}.stats p small,.stats p strong,.stats p span{display:block}.stats p small{color:#8f96a6;letter-spacing:.09em;font-size:9px;font-weight:780}.stats p strong{margin-top:6px;font-size:25px}.stats p span{color:#9199a8;margin-top:3px;font-size:9px}.dashboard-grid{grid-template-columns:minmax(660px,1.5fr) minmax(360px,.72fr);align-items:start;gap:20px;margin-top:19px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 10px 34px #19223309}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:106px;padding:21px 23px;display:flex}.panel-heading h3{letter-spacing:-.035em;margin:6px 0 0;font-size:20px}.panel-heading p{color:#8b94a4;margin:6px 0 0;font-size:10px}.microsoft-button{color:#fff;white-space:nowrap;background:#1877cf;border:0;border-radius:10px;align-items:center;gap:9px;min-height:47px;padding:0 16px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.microsoft-button:hover{background:#1069bc}.microsoft-button>span{font-size:16px}.connect-strip{background:#f4f1ff;border-bottom:1px solid #ded9fa;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;min-height:88px;padding:15px 22px;display:grid}.connect-strip>span{width:41px;height:41px;color:var(--purple);background:#fff;border-radius:11px;place-items:center;display:grid}.connect-strip p{min-width:0;margin:0}.connect-strip p small,.connect-strip p strong,.connect-strip p em{display:block}.connect-strip p small{color:#8077ad;letter-spacing:.1em;font-size:9px;font-weight:800}.connect-strip p strong{color:#4f43b0;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.connect-strip p em{color:#9992b5;margin-top:4px;font-size:9px;font-style:normal}.connect-strip button{color:#5e50be;background:#fff;border:1px solid #d3cdf5;border-radius:8px;height:37px;padding:0 13px;font-size:10px;font-weight:700}.mailbox-row{color:#768096;border-bottom:1px solid #eaedf2;grid-template-columns:minmax(260px,1fr) 100px 110px 102px;align-items:center;gap:14px;min-height:83px;padding:12px 22px;font-size:10px;display:grid}.mailbox-row.head{color:#9ba2b0;letter-spacing:.09em;background:#fafbfc;min-height:42px;font-size:8px;font-weight:800}.mailbox-name{align-items:center;gap:12px;min-width:0;display:flex}.mailbox-name>i{color:#246fc1;background:#e7f1ff;border-radius:11px;flex:none;place-items:center;width:41px;height:41px;font-style:normal;font-weight:800;display:grid}.mailbox-name p{min-width:0;margin:0}.mailbox-name strong,.mailbox-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mailbox-name strong{color:var(--ink);font-size:12px}.mailbox-name small{color:#9aa1af;margin-top:5px;font-size:9px}.status{color:var(--green);font-weight:700}.status.error{color:var(--red)}.mailbox-row>button{color:#bd3e3e;background:snow;border:1px solid #f0caca;border-radius:8px;height:35px;font-size:9px;font-weight:700}.mailbox-row>button:hover{background:#fff1f1}.panel-note{color:#8992a2;background:#fafbfc;align-items:flex-start;gap:10px;padding:13px 20px;font-size:9px;line-height:1.55;display:flex}.panel-note>span{width:20px;height:20px;color:var(--purple);background:#efedff;border-radius:6px;flex:none;place-items:center;display:grid}.panel-note p{margin:3px 0 0}.otp-panel .panel-heading{min-height:106px}.refresh-button{color:#566176;background:#fff;border:1px solid #dcdfea;border-radius:8px;height:38px;padding:0 12px;font-size:9px;font-weight:700}.refresh-button:disabled{opacity:.6}.otp-list article{border-bottom:1px solid #eaedf2;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:99px;padding:14px 18px;display:grid}.otp-meta{align-items:center;gap:10px;min-width:0;display:flex}.otp-meta>i{color:#242a38;background:#f5b944;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:22px;font-weight:800;display:grid}.otp-meta p{min-width:0;margin:0}.otp-meta strong,.otp-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.otp-meta strong{font-size:10px}.otp-meta small{color:#949dac;max-width:180px;margin-top:5px;font-size:8px}.otp-list article>button{min-width:115px;color:var(--purple-dark);background:#f7f5ff;border:1px solid #dfdaf9;border-radius:10px;padding:10px 12px}.otp-list article>button strong,.otp-list article>button small{display:block}.otp-list article>button strong{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px}.otp-list article>button small{color:#9b93c1;margin-top:4px;font-size:7px}.empty{text-align:center;padding:48px 20px}.empty>span{color:#3378c0;background:#e9f2ff;border-radius:13px;place-items:center;width:49px;height:49px;margin:0 auto;font-weight:800;display:grid}.empty h4{margin:14px 0 0;font-size:13px}.empty p{color:#949cab;margin:7px 0 0;font-size:10px}.otp-empty>span{color:#a16e1d;background:#fff2d9}.toast{z-index:50;color:#fff;background:#172034;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:0 17px;font-size:11px;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 48px #0f172747}.toast>span{color:#80e0b2;background:#35b57a24;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.connect-page{background:radial-gradient(circle at top right, #efecff, transparent 36%), var(--canvas);place-items:center;min-height:100vh;padding:30px;display:grid}.connect-page section{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(620px,100%);padding:37px;box-shadow:0 24px 70px #141d2f1a}.connect-logo{border-radius:15px;width:58px;height:58px;margin-top:42px;font-size:21px}.connect-page section>small{margin-top:24px;display:block}.connect-page h1{letter-spacing:-.05em;margin:11px 0 0;font-size:38px}.connect-page section>p{color:#758095;margin:14px 0 0;font-size:13px;line-height:1.7}.connect-button{justify-content:flex-start;width:100%;min-height:53px;margin-top:27px;padding:0 18px;font-size:12px}.connect-button b{margin-left:auto}.scope-note{background:#f6fcf9;border:1px solid #dceee5;border-radius:11px;gap:11px;margin-top:16px;padding:14px;display:flex}.scope-note>span{width:25px;height:25px;color:var(--green);background:#e4f7ee;border-radius:8px;flex:none;place-items:center;display:grid}.scope-note p{margin:0}.scope-note strong,.scope-note small{display:block}.scope-note strong{font-size:10px}.scope-note small{color:#7e8f86;margin-top:5px;font-size:9px;line-height:1.5}.back-link{color:#7466ca;margin-top:22px;font-size:10px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:1180px){.dashboard-grid,.rule-card,.hero{grid-template-columns:1fr}}@media (max-width:880px){.login-shell{grid-template-columns:1fr}.login-card{min-height:100vh;padding:45px 8%}.login-copy{margin-top:11vh}.login-visual{display:none}.sidebar{width:100%;min-height:auto;padding:18px;position:static}.sidebar nav,.privacy-card,.sidebar-spacer{display:none}.mode-pill{margin:18px 0 0}.logout-button{width:110px;margin:0;position:absolute;top:18px;right:18px}.admin-shell{display:block}.admin-main{width:100%;margin:0}.content,.topbar{padding-left:20px;padding-right:20px}.stats{grid-template-columns:1fr}.mailbox-row{grid-template-columns:1fr auto}.mailbox-row.head,.mailbox-row>span:nth-child(2),.mailbox-row>span:nth-child(3){display:none}}@media (max-width:560px){.topbar{align-items:flex-start}.owner-chip p{display:none}.content{padding:24px 14px 35px}.hero h2{font-size:38px}.rule-card{padding:20px}.rule-card form label>div{flex-wrap:wrap;height:auto}.rule-card input{height:47px}.rule-card button{width:100%;height:43px}.panel-heading{flex-direction:column;align-items:flex-start}.microsoft-button{justify-content:center;width:100%}.connect-strip{grid-template-columns:38px 1fr}.connect-strip button{grid-column:1/-1}.otp-list article{grid-template-columns:1fr}.otp-list article>button{width:100%}}