:root{--ink:#192434;--muted:#788594;--line:#e8edf1;--paper:#fff;--canvas:#f5f7f8;--navy:#132236;--blue:#3668df;--mint:#e2f2ec;--green:#268263;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px var(--font);background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow,.section-label{font-size:10px;letter-spacing:1.55px;font-weight:700;color:#8995a2}.brand-mark{width:38px;height:38px;background:#d6f2e7;color:#14694d;border-radius:13px;display:grid;place-items:center;font:800 25px var(--display);transform:rotate(-5deg)}.brand-mark.small{width:30px;height:30px;border-radius:10px;font-size:20px}.sidebar-brand{display:flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:-.7px}.button{border:0;border-radius:9px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--blue);color:white;box-shadow:0 5px 14px #3668df30}.button-dark{background:var(--navy);color:#fff}.button-light{background:#f3f5f7;color:#354354;border:1px solid var(--line)}.icon-button{border:0;background:transparent;color:#8a96a4;font-size:21px;width:34px;height:34px;border-radius:8px}.icon-button:hover{background:#f2f5f7;color:var(--ink)}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:radial-gradient(ellipse at 20% 20%,#e6f4ee 0,transparent 32%),radial-gradient(ellipse at 80% 80%,#e9efff 0,transparent 34%),#f8fafb}.login-brand{display:flex;align-items:center;gap:11px;font:800 21px var(--display);margin-bottom:38px}.login-card{width:min(440px,100%);background:white;padding:40px;border:1px solid #e9edf0;border-radius:18px;box-shadow:0 24px 65px #20324712}.login-card h1{font:700 32px var(--display);letter-spacing:-1.2px;margin:9px 0}.login-card>p{margin:0 0 28px}.stack{display:grid;gap:14px}label{display:grid;gap:7px;color:#445261;font-size:12px;font-weight:600}input,select,textarea{width:100%;border:1px solid #dfe5e9;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#7e9cec;box-shadow:0 0 0 3px #3668df12}textarea{resize:vertical}.stack button{width:100%;margin-top:4px}.stack button span{margin-left:auto}.divider{display:flex;align-items:center;gap:12px;color:#9aa4ae;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:26px 0 19px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.login-foot{text-align:center;color:#98a2ac;font-size:11px;margin:22px 0 0!important}.login-bottom{position:absolute;bottom:26px;color:#a1aab3;letter-spacing:1.8px;font-size:9px}.oauth-buttons{display:grid;gap:9px}.oauth-button{width:100%;border:1px solid #e4e9ed;background:#fff;padding:12px;border-radius:9px;font-weight:600;color:#364455}.oauth-button:hover{background:#f7f9fa}
.mail-app{height:100vh;min-height:600px;display:grid;grid-template-columns:220px 225px minmax(300px,390px) minmax(360px,1fr);background:white}.mail-sidebar{background:var(--navy);color:#fff;padding:22px 15px 15px;display:flex;flex-direction:column}.mail-sidebar .sidebar-brand{padding:0 7px 32px}.mail-sidebar .sidebar-brand>span{color:#eff5f7}.admin-shortcut{margin-left:auto;color:#a9b7c5}.section-label{color:#8999aa;padding:0 9px 12px}.mailbox-list{display:grid;gap:3px}.mailbox-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;padding:10px;border-radius:8px;color:#c5d0db;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-item:hover,.mailbox-item.active{background:#26374b;color:white}.mail-avatar{width:25px;height:25px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700;background:#d5ede5;color:#267658}.mailbox-item:nth-child(3n) .mail-avatar{background:#e9e7ff;color:#6854ba}.mailbox-item:nth-child(3n+2) .mail-avatar{background:#fce6d7;color:#a76638}.mailbox-name{overflow:hidden;text-overflow:ellipsis;font-size:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #304054;padding:14px 3px 0;display:flex;align-items:center;justify-content:space-between;gap:5px}.account-chip{min-width:0;color:#c3ced9;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{background:transparent;border:0;color:#93a2b2;font-size:11px;padding:7px}.folder-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 13px 15px}.folder-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 22px;color:#8b96a2;font-size:10px;font-weight:700;letter-spacing:1px}.folder-list{display:grid;gap:4px}.folder-item{border:0;background:transparent;text-align:left;color:#687584;padding:10px 11px;border-radius:8px;display:flex;gap:12px;align-items:center}.folder-item span:first-child{font-size:15px;width:15px;color:#8c98a4}.folder-item.active,.folder-item:hover{color:#2656c2;background:#eff3fc}.folder-item b{margin-left:auto;color:#8692a1;font-size:10px}.sync-note{margin-top:auto;color:#95a0aa;font-size:10px;display:flex;align-items:center;gap:7px;padding:8px}.sync-dot{width:6px;height:6px;border-radius:99px;background:#61b896}.message-list-panel{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.list-top{padding:27px 19px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.list-top h2{margin:5px 0 0;font:700 20px var(--display);letter-spacing:-.5px}.list-top .button{padding:10px 12px;font-size:12px}.search-row{margin:0 17px 9px;background:#f5f7f8;border-radius:8px;display:flex;align-items:center;gap:8px;color:#99a3ad;padding:0 10px}.search-row input{border:0;background:transparent;box-shadow:none;padding:9px 0;font-size:12px}.messages{overflow:auto}.message-row{padding:15px 19px;border-top:1px solid #f0f2f4;cursor:pointer;position:relative}.message-row:hover{background:#fafbfd}.message-row.active{background:#f3f6fc}.message-row.unread:before{content:'';position:absolute;left:8px;top:21px;width:6px;height:6px;background:#4771dd;border-radius:50%}.message-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#929da8}.message-sender{font-weight:600;color:#344251;font-size:12px;margin:8px 0 4px}.message-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px}.message-preview{margin-top:5px;color:#8a96a2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-content{padding:34px 20px;text-align:center;color:#9aa4ad;font-size:12px;line-height:1.7}.message-panel{min-width:0;overflow:auto}.empty-message{height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.empty-icon{width:58px;height:58px;border-radius:18px;background:#eff4f2;color:#4f9a7c;display:grid;place-items:center;font-size:23px}.empty-message h2{font:700 20px var(--display);margin:20px 0 7px}.empty-message p{color:#8b96a2;max-width:310px;line-height:1.6;margin:0 0 20px}.message-detail{padding:35px clamp(22px,5vw,70px)}.detail-actions{display:flex;justify-content:space-between;align-items:center;color:#9aa4ad;font-size:11px}.detail-actions button{background:transparent;border:0;color:#657385}.detail-subject{font:700 25px var(--display);letter-spacing:-.7px;margin:30px 0 23px}.detail-from{display:flex;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.sender-avatar{width:38px;height:38px;border-radius:50%;background:#e5edfc;color:#4c68aa;display:grid;place-items:center;font-weight:700}.sender-info strong{display:block;font-size:12px}.sender-info span{color:#929da7;font-size:11px}.detail-body{padding-top:25px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.detail-body iframe{width:100%;height:55vh;border:0}
.admin-app{min-height:100vh;background:#f7f8fa}.admin-header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.admin-header-right{display:flex;gap:17px;align-items:center;color:#687584;font-size:12px}.admin-pill{font:700 9px var(--font);letter-spacing:1px;background:#f0f3f6;color:#748190;border-radius:5px;padding:5px 7px;margin-left:5px}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 68px)}.admin-nav{background:white;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.admin-nav h2{font:700 21px var(--display);margin:10px 0 5px}.admin-nav>p{margin:0 0 26px;font-size:12px;line-height:1.55;color:#8995a1}.admin-nav nav{display:grid;gap:4px}.admin-nav nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:8px;text-align:left;padding:11px;color:#637080;font-size:12px}.admin-nav nav button span{width:17px;font-size:15px;text-align:center}.admin-nav nav button:hover,.admin-nav nav button.active{background:#eff3fb;color:#315fc4;font-weight:600}.admin-nav-foot{margin-top:auto;padding:14px 7px 0;border-top:1px solid var(--line);font:700 12px var(--display)}.admin-nav-foot span{float:right;color:#a0a9b2;font:600 8px var(--font);letter-spacing:1px;padding-top:4px}.admin-content{padding:43px clamp(22px,5vw,68px)}.admin-content-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-content-head h1{font:700 28px var(--display);letter-spacing:-1px;margin:7px 0 4px}.admin-content-head p{margin:0;color:#8a96a2;font-size:12px}.admin-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.data-table th{background:#fafbfc;color:#8994a0;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:13px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 16px;border-bottom:1px solid #f0f2f4;font-size:12px;color:#4a5867}.data-table tr:last-child td{border:0}.data-table td strong{color:#283646}.data-table .subline{font-size:10px;color:#9aa4ad;margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px;color:#308468;font-size:10px}.status:before{content:'';width:6px;height:6px;background:#57b28e;border-radius:50%}.notice{background:#eaf5ef;border:1px solid #d7ebdf;border-radius:8px;color:#307c5d;padding:12px 14px;margin-bottom:16px;font-size:12px}.compose-dialog,.item-dialog{border:0;border-radius:16px;padding:0;width:min(620px,calc(100% - 28px));box-shadow:0 30px 100px #10203438}.compose-dialog::backdrop,.item-dialog::backdrop{background:#12203380;backdrop-filter:blur(3px)}.compose-dialog form,.item-dialog form{padding:27px;display:grid;gap:15px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dialog-head h2{font:700 22px var(--display);margin:5px 0 0}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:7px}.dialog-actions .muted{font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label.wide{grid-column:1/-1}.form-grid label{font-size:11px}.form-grid textarea{min-height:90px}.toast{position:fixed;z-index:20;top:20px;left:50%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:9px;background:#1c2b3d;color:white;box-shadow:0 8px 25px #17243a30;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#9e3e3e}
@media(max-width:1100px){.mail-app{grid-template-columns:190px 190px minmax(280px,350px) minmax(300px,1fr)}.admin-layout{grid-template-columns:220px 1fr}}@media(max-width:850px){.mail-app{grid-template-columns:72px 190px minmax(280px,1fr)}.mail-sidebar{padding:19px 10px}.mail-sidebar .sidebar-brand{padding:0 10px 30px}.mail-sidebar .sidebar-brand>span,.mail-sidebar .section-label,.mailbox-name,.account-chip,.logout-button{display:none}.mailbox-item{justify-content:center;padding:9px}.mail-avatar{width:32px;height:32px}.admin-shortcut{display:none}.message-panel{position:fixed;inset:0 0 0 72px;background:white;z-index:3;display:none}.message-panel.open{display:block}.admin-layout{grid-template-columns:190px 1fr}.admin-nav{padding:25px 12px}.admin-content{padding:30px 22px}}@media(max-width:620px){.login-card{padding:28px}.mail-app{grid-template-columns:60px minmax(145px,35vw) 1fr;min-height:100vh}.mail-sidebar{padding:15px 5px}.mail-sidebar .sidebar-brand{padding:0 9px 25px}.brand-mark.small{width:28px;height:28px}.folder-sidebar{padding:20px 7px 12px}.folder-item{padding:10px 7px;font-size:11px;gap:7px}.folder-head{font-size:8px;padding:0 4px 15px}.list-top{padding:20px 12px 13px}.list-top h2{font-size:17px}.list-top .button{padding:9px}.list-top .button span{display:none}.search-row{margin:0 10px 8px}.message-row{padding:13px 12px}.message-row.unread:before{left:4px}.message-panel{left:60px}.admin-header{padding:0 14px}.admin-header-right{gap:6px}.admin-header-right #admin-name{display:none}.admin-layout{display:block}.admin-nav{padding:16px 12px;border-right:0;border-bottom:1px solid var(--line)}.admin-nav>h2,.admin-nav>p,.admin-nav-foot{display:none}.admin-nav nav{display:flex;overflow:auto}.admin-nav nav button{white-space:nowrap;padding:9px}.admin-nav nav button span{display:none}.admin-content{padding:25px 14px}.admin-content-head{align-items:flex-start}.admin-content-head h1{font-size:23px}.admin-content-head .button{padding:10px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.compose-dialog form,.item-dialog form{padding:21px}.dialog-actions{align-items:flex-end;flex-direction:column-reverse}.dialog-actions .button{width:100%}}