*{box-sizing:border-box}body{margin:0;font:14px/1.6 Inter,Segoe UI,Arial,sans-serif;background:#f6f7fb;color:#212638}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #8490ff}button{cursor:pointer;border:1px solid #dfe3ed;background:white;color:#39435a;padding:9px 15px;border-radius:7px;font-weight:600;font-size:12px}button:hover{background:#eef0fa}button:disabled{opacity:.5;cursor:wait}input,textarea,select{border:1px solid #d9deea;border-radius:7px;padding:11px 12px;background:white;color:#20263a;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:#6674e8}label{display:block;font-size:12px;font-weight:600;margin:18px 0}label input,label textarea,label select{margin-top:7px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.5px;line-height:1.35}p{color:#778299}.primary{background:#5867e9;border-color:#5867e9;color:white}.primary:hover{background:#4755cf}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand img{border-radius:9px}.brand b{font-weight:400;color:#bbc4f7}.brand small{display:block;font-size:8px;color:#8e9cba;letter-spacing:1.7px;font-weight:500}.eyebrow,.nav-label{font-size:9px;letter-spacing:2px;font-weight:700;color:#8795b2}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.welcome{padding:55px 11%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 90%,#34458a 0,transparent 65%),#10182c;color:white}.welcome>.eyebrow{margin-top:20vh}.welcome h1{font-size:clamp(32px,4vw,60px);line-height:1.12;margin:22px 0;letter-spacing:-2px}.welcome p{max-width:380px;font-size:15px;color:#adb8d2}.footnote{margin-top:auto;padding-top:65px;font-size:9px;color:#8c99b7;letter-spacing:2px}.login-side{display:grid;place-items:center;padding:35px}.login-card{max-width:390px;width:100%}.login-card h2{font-size:28px;margin:12px 0}.login-card>p{font-size:13px;margin-bottom:32px}.login-card .primary{width:100%;display:flex;justify-content:space-between;padding:13px 16px;margin-top:28px}.login-card .fine{font-size:11px;margin-top:24px;line-height:1.8}.layout{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#121a2c;color:#d2d8e8;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.compose{margin:35px 0 27px;width:100%;padding:12px}.sidebar .nav-label{margin:0 12px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-bottom>button{display:flex;gap:14px;align-items:center;border:0;background:transparent;color:#9faec9;text-align:left;padding:12px 15px;font-size:13px;font-weight:500}.sidebar nav button span{font-size:18px;width:18px}.sidebar nav button.active{background:#29345c;color:#e1e5ff}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#202b44}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%;font-size:12px}.identity{display:flex;align-items:center;gap:10px;border-top:1px solid #2b354a;padding-top:22px;margin-top:17px;font-size:11px;overflow-wrap:anywhere}.identity small{display:block;font-size:8px;letter-spacing:1px;color:#8798b7}.avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#344371;border-radius:50%;font-weight:bold}.workspace{flex:1;min-width:0}.toolbar{height:115px;padding:25px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e5ee;background:#fff}.toolbar form{display:flex;gap:8px}.toolbar input{width:240px;background:#f6f7fb}.mail-grid{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 115px)}.message-list{border-right:1px solid #e1e5ee;background:#fff}.message{display:block;width:100%;padding:23px 22px;border:0;border-bottom:1px solid #ecedf3;border-radius:0;text-align:left;font-weight:400}.message>div{display:flex;justify-content:space-between;gap:10px}.message strong{font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message time{font-size:10px;color:#8e98ab;white-space:nowrap}.message h3{font-size:13px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message.unread{background:#f1f3ff;border-left:3px solid #6975e9}.message.unread strong,.message.unread h3{font-weight:750}.viewer{padding:25px 30px;background:#fafbfe;min-width:0}.empty{padding:80px 25px;text-align:center;color:#8794ad}.empty>span{font-size:50px;color:#aab4d2}.empty h2{font-size:17px;margin:15px 0 8px;color:#63718c}.empty p{font-size:12px}.message-actions{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:23px;border-bottom:1px solid #e1e5ee}.message-actions button{font-size:10px;padding:7px 10px}.message-heading{padding:25px 0}.message-heading h2{font-size:25px;margin-bottom:17px;overflow-wrap:anywhere}.message-heading p{display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.message-heading b{color:#35415a}.message-heading small{display:block;color:#8390a7;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.attachment-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.attachment-list a{display:block;border:1px solid #dfe3ee;padding:10px;border-radius:7px;color:#5063b4;text-decoration:none;font-size:12px;overflow-wrap:anywhere}.attachment-list small{display:block;color:#8c96ab}.reader-tabs{display:flex;gap:8px;margin:16px 0}#message-body{width:100%;min-height:300px;border:1px solid #e4e7ef;background:white;border-radius:8px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.75 Segoe UI,Arial,sans-serif}iframe#message-body{height:500px;padding:0}.fine{font-size:11px;color:#8b96a9}.single{padding:30px;max-width:1500px}.compose-form,.settings-card{background:white;border:1px solid #e1e5ee;border-radius:12px;padding:28px}.compose-form{max-width:1000px}.compose-top,.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.compose-top{border-bottom:1px solid #e5e8ef;padding-bottom:20px;font-size:12px;color:#7d88a0}.compose-top b{color:#465571}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-fields label{margin-bottom:0}.compose-form textarea{resize:vertical}.compose-footer{justify-content:flex-start;margin-top:24px}.compose-form details{margin:15px 0}.compose-form summary{cursor:pointer;font-size:12px;color:#7887a1}.file-label{border:1px dashed #cbd2e4;border-radius:7px;padding:15px;color:#8490a8}#draft-files{font-size:12px;color:#6173aa;display:flex;gap:10px;flex-wrap:wrap}.settings-card{max-width:560px}.settings-card>p{font-size:13px;margin-top:12px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.settings-card .primary{margin-top:10px}.tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#ecf0fb;color:#697bc4;font-size:9px;letter-spacing:1px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.admin-heading h2{margin:7px 0}.admin-heading p{font-size:12px}.table-scroll{overflow:auto;border:1px solid #e1e5ee;border-radius:10px;background:white}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8996ac;background:#fafbfe}td,th{padding:15px 18px;border-bottom:1px solid #ecedf3}td{white-space:nowrap}#admin-form .settings-card{margin-top:25px}.username{display:flex;align-items:center;gap:10px}.username span{color:#8794aa}.audit-toggle{margin:25px 0}.pagination{display:flex;justify-content:space-between;padding:15px}.banner-note{background:#fff2d7;padding:15px;border-radius:7px;font-size:12px;color:#805f25}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#202c47;color:white;border:1px solid #53617c;box-shadow:0 12px 30px #0002;border-radius:9px;padding:14px 22px;z-index:99;display:none}#notice.visible{display:block}.loading{padding:60px;text-align:center}@media(max-width:1200px){.sidebar{width:210px;padding:25px 15px}.mail-grid{grid-template-columns:290px 1fr}.toolbar{padding:22px}.viewer{padding:22px}.toolbar input{width:190px}}@media(max-width:900px){.mail-grid{grid-template-columns:1fr}.viewer{display:none}.viewer.open{display:block}.mail-grid:has(.viewer.open) .message-list{display:none}.sidebar{width:185px}.brand{font-size:20px}.brand img{width:34px;height:34px}.identity{font-size:10px}.toolbar form input{width:150px}}@media(max-width:600px){.login-layout{display:block}.welcome{padding:30px}.welcome>.eyebrow,.welcome h1,.welcome p,.footnote{display:none}.login-side{padding:35px 25px}.layout{display:block}.sidebar{position:static;width:auto;height:auto;padding:16px}.sidebar .brand small,.sidebar>.nav-label,.identity,.sidebar-bottom{display:none}.sidebar .compose{position:absolute;right:16px;top:18px;margin:0;width:auto;padding:9px 14px}.sidebar nav{display:flex;overflow:auto;margin-top:20px}.sidebar nav button{padding:8px 11px;white-space:nowrap;font-size:11px;gap:5px}.sidebar nav button span{font-size:14px;width:14px}.sidebar-bottom{display:flex;gap:3px;margin-top:8px}.sidebar-bottom>button{width:auto;padding:6px 9px;font-size:10px}.toolbar{height:auto;padding:20px 16px;gap:12px;flex-wrap:wrap}.toolbar h1{font-size:24px}.toolbar form{flex:1;min-width:200px}.toolbar input{flex:1;width:100px}.single{padding:16px}.compose-form,.settings-card{padding:19px}.two-fields{gap:12px}.admin-heading{align-items:flex-start}.admin-heading .primary{font-size:10px}.viewer{padding:18px}.message-actions{gap:5px}.message-heading h2{font-size:22px}}