*{box-sizing:border-box}body{margin:0;color:#24344b;background:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 15% 10%,#dce8e5 0,transparent 45%),#f3f4f1;padding:35px 20px}.auth-card{background:#fff;width:min(100%,450px);padding:42px;border:1px solid #e3e7e5;border-radius:16px;box-shadow:0 25px 90px #18394b0d}.brand-mark{width:51px;height:51px;border-radius:12px;background:#183b3c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;position:relative;letter-spacing:-4px;padding-right:5px}.brand-mark span{font-size:20px;color:#90c7ad;margin-left:1px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#64827d;margin:25px 0 12px}.auth-card h1{font-size:26px;letter-spacing:-1px;line-height:1.5;margin:0 0 10px}.muted{color:#7a8590;line-height:1.8}.auth-card form{margin-top:29px}.auth-card label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}.auth-card input{display:block;width:100%;height:46px;border:1px solid #d8dedc;background:#fafcfb;border-radius:7px;margin-top:8px;padding:10px 12px}.auth-card input:focus{border-color:#426f62;outline:2px solid #bed5cc}.primary{background:#245548;color:white;border:0;border-radius:7px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:550}.primary:hover{background:#1a4438}.auth-note{border-top:1px solid #ecefed;margin-top:28px;padding-top:22px;color:#85918c;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;background:#78b395;border-radius:100%}.auth-footer{font-size:11px;color:#8b9691;margin-top:27px;line-height:1.8;text-align:center}.error{color:#a53232;background:#fff0f0;padding:10px;border-radius:5px;line-height:1.7}.workspace{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:#182d31;color:#bcc9c8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:27px 16px 16px}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#f2f5f4;font-size:17px;font-weight:650;margin:0 8px}.brand-mark.small{width:37px;height:37px;background:#33564f;font-size:22px;border-radius:9px}.brand-mark.small span{font-size:15px}.sidebar-brand small{display:block;font-size:10px;letter-spacing:2px;color:#8da6a2;margin-top:5px;font-weight:400}.archive-label{margin:28px 8px 30px;font-size:11px;display:flex;align-items:center;gap:8px;color:#8fa9a3}.sidebar-heading{font-size:10px;color:#78938e;letter-spacing:1px;display:flex;justify-content:space-between;padding:0 10px;margin-bottom:12px}.sidebar-heading span{background:#2b4244;padding:1px 6px;border-radius:4px}.box-filter{border:1px solid #34494b;border-radius:6px;background:#22393c;width:100%;padding:9px 10px;color:#d3dfdb;font-size:11px;margin-bottom:12px}.box-filter::placeholder{color:#829793}.sidebar nav{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#4d6661 transparent}.mailbox{display:flex;width:100%;align-items:center;justify-content:space-between;gap:7px;background:transparent;border:0;color:#adc0ba;padding:10px;border-radius:5px;text-align:left;font-size:10px;margin-bottom:3px}.mailbox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox small{font-size:9px;opacity:.7}.mailbox:hover{background:#243e40}.mailbox.selected{background:#34574f;color:#fff}.sidebar-bottom{border-top:1px solid #324749;padding-top:16px;display:flex;justify-content:space-between;font-size:11px;margin:12px 8px 0}.sidebar-bottom button{background:transparent;border:0;color:#bcc9c8;padding:0}.main{margin-left:260px;min-width:0;flex:1;padding:0 32px}.pill{display:inline-block;font-size:10px;color:#517468;background:#e8efeb;border:1px solid #d6e5dc;padding:6px 9px;border-radius:30px;white-space:nowrap}.toolbar{padding:24px 0 22px}.search-field{background:#fff;border:1px solid #dbe1df;border-radius:8px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 15px}.search-field>span{font-size:25px;color:#78918b}.search-field input{flex:1;min-width:0;border:0;padding:7px;color:#2b413a;font-size:13px;background:transparent}.search-field input:focus{outline:0}.search-field button{background:#245548;color:white;border:0;border-radius:5px;padding:9px 22px;font-size:12px}.filters{display:flex;align-items:center;gap:19px;margin-top:13px;flex-wrap:wrap}.filters label{font-size:10px;color:#818e8c;display:flex;align-items:center;gap:8px}.filters input,.filters select{border:1px solid #e0e5e2;background:#fff;border-radius:5px;padding:7px 8px;color:#657470;font-size:10px;min-width:100px}.filters button{border:0;background:transparent;color:#6e8980;font-size:10px;padding:8px 0}.content-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px}.content-heading h2{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}.content-heading p{font-size:10px;color:#8b9695;margin:0}.pagination{display:flex;align-items:center;gap:12px;font-size:11px}.pagination button{background:#fff;border:1px solid #dfe5e2;border-radius:5px;width:29px;height:28px;color:#557167}.mail-layout{display:grid;grid-template-columns:minmax(280px,40%) minmax(0,1fr);background:white;border:1px solid #e0e5e3;border-radius:10px;overflow:hidden;height:calc(100vh - 240px);min-height:390px}.message-list{overflow:auto;border-right:1px solid #e7ebe8;scrollbar-width:thin}.loading{opacity:.5;pointer-events:none}.message-row{width:100%;display:block;text-align:left;background:#fff;padding:18px 18px 16px;border:0;border-bottom:1px solid #edf0ee;color:#334740}.message-row:hover{background:#f9fbf9}.message-row.active{background:#edf5ef;box-shadow:inset 3px 0 #487e65}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.message-meta>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#7f8c86;max-width:68%}.message-meta time{font-size:9px;color:#89978f;white-space:nowrap}.message-row h3{font-size:12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 4px;font-weight:600}.message-row p{font-size:10px;color:#8d9892;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.message-tags{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:8px;color:#869990}.message-tags>span{background:#f0f3f0;padding:3px 5px;border-radius:3px;overflow:hidden;text-overflow:ellipsis}.message-tags small{font-size:8px;white-space:nowrap}.message-detail{overflow:auto;min-width:0}.detail-placeholder{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#89988e;padding:20px}.envelope{font-size:36px;width:75px;height:75px;border:1px solid #e3eae3;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7faf6;color:#8caa91;margin-bottom:18px}.detail-placeholder h2{font-size:17px;color:#536e5d;margin:0 0 10px;font-weight:500}.detail-placeholder p{font-size:11px;margin:0}.detail-placeholder small{font-size:9px;margin-top:38px;color:#a0aaa3}.mail-view{padding:24px}.detail-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.button{border:1px solid #dbe4de;background:#fff;border-radius:5px;padding:8px 10px;font-size:10px;color:#5b7565;display:inline-block}.mail-view h2{font-size:19px;line-height:1.65;overflow-wrap:anywhere;margin:24px 0 18px}.mail-headers{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;font-size:10px;line-height:1.8;border-bottom:1px solid #e7ece7;padding-bottom:21px}.mail-headers dt{color:#91a094}.mail-headers dd{margin:0;color:#63796a;overflow-wrap:anywhere}.attachments{padding:2px 0 16px;border-bottom:1px solid #e7ece7}.attachments h3{font-size:11px;font-weight:500}.attachments h3 span{color:#9aa89d;margin-left:5px}.attachments a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;margin:6px 0;background:#f5f8f4;border:1px solid #e5ece3;border-radius:5px;font-size:10px;color:#5b795f;overflow-wrap:anywhere}.attachments a small{white-space:nowrap;font-size:9px;color:#8b9d8d}.privacy-note{font-size:9px;color:#9ca79e;margin:18px 0 4px}.mail-body{border:0;width:100%;min-height:550px;background:#fff}.main-footer{display:flex;justify-content:space-between;color:#a1aca6;font-size:9px;padding:15px 0 18px}.empty{text-align:center;padding:45px 18px;color:#91a294;font-size:11px;line-height:1.9}.empty>span{font-size:30px}.empty h3{font-weight:500;font-size:15px;color:#677f6b}.empty .button{margin-top:12px}#notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#263d34;color:white;padding:14px 20px;border-radius:8px;z-index:50;font-size:12px;box-shadow:0 5px 20px #0002}@media(min-width:1600px){.main{padding:0 48px}.sidebar{width:280px}.main{margin-left:280px}.mail-layout{grid-template-columns:minmax(350px,38%) minmax(0,1fr)}}@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px;padding:0 20px}.mail-layout{grid-template-columns:minmax(250px,44%) minmax(0,1fr)}.mail-view{padding:18px}.filters{gap:10px}}@media(max-width:850px){.sidebar{width:190px;padding:20px 10px 12px}.main{margin-left:190px;padding:0 15px}.sidebar-brand{font-size:14px;gap:8px;margin:0 3px}.archive-label{margin:24px 7px}.mailbox{font-size:9px;padding:9px 6px}.mail-layout{grid-template-columns:1fr;height:auto;min-height:500px}.message-list{max-height:480px;border-right:0;border-bottom:1px solid #e7ebe8}.message-detail{min-height:350px}.mail-view{padding:20px}.toolbar{padding:18px 0}.content-heading h2{font-size:13px}.main-footer{gap:15px;line-height:1.7}.main-footer span{white-space:nowrap}.filters input,.filters select{min-width:100px}}@media(max-width:560px){.sidebar{position:relative;width:100%;height:auto;padding:17px}.workspace{display:block}.sidebar-brand{font-size:16px}.archive-label{position:absolute;right:17px;top:9px;font-size:9px}.sidebar-heading{margin-top:21px}.box-filter{margin-bottom:9px}#mailbox-list{max-height:140px}.mailbox{font-size:10px}.sidebar-bottom{margin-top:8px;padding-top:11px}.main{margin-left:0;padding:0 17px}.filters{gap:10px}.filters label:first-child{width:100%}.filters label:first-child select{flex:1}.filters input{min-width:112px;max-width:125px}.mail-layout{min-height:420px}.message-list{max-height:470px}.message-row{padding:17px}.auth-card{padding:31px 26px}.auth-card h1{font-size:23px}.main-footer{font-size:8px}.content-heading{align-items:flex-end}.mail-view{padding:19px}.mail-headers{grid-template-columns:42px minmax(0,1fr)}.mail-body{min-height:550px}}