@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg-deep: #0f0f1a;--bg-base: #161625;--bg-card: #1c1c30;--bg-elevated: #222240;--bg-hover: #282848;--bg-active: #2e2e55;--bg-input: #1a1a2e;--glass: rgba(28,28,48,.85);--text: #e8e8f0;--text-2: #a0a0b8;--text-3: #6a6a82;--accent: #0088ff;--accent-h: #0070dd;--accent-glow: rgba(0,136,255,.15);--green: #22c55e;--red: #ef4444;--yellow: #fbbf24;--border: rgba(255,255,255,.06);--border-2: rgba(255,255,255,.1);--r: 8px;--r-lg: 14px;--shadow: 0 8px 32px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--tr: .18s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100vh;height:100dvh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.app{display:grid;grid-template-columns:230px 360px 1fr;height:100vh;height:100dvh}.app.mobile{grid-template-columns:1fr}.sidebar{background:var(--bg-base);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;z-index:100}.app.mobile .sidebar{position:fixed;left:-280px;top:48px;bottom:0;width:280px;transition:left .3s ease;background:var(--bg-base)}.app.mobile .sidebar.open{left:0;box-shadow:var(--shadow)}.sb-overlay{position:fixed;right:0;bottom:0;left:0;top:48px;background:#00000080;z-index:99}.sbrand{display:flex;align-items:center;gap:12px;padding:0 20px 20px}.bmark{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#6366f1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.sbrand span{font-size:18px;font-weight:700;letter-spacing:-.4px}.btn-compose{margin:0 16px 16px;padding:12px;background:linear-gradient(135deg,var(--accent),#5b8def);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--tr);letter-spacing:-.2px}.btn-compose:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 16px #0088ff4d}.folders{flex:1;overflow-y:auto;padding:0 8px}.fi{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);cursor:pointer;transition:all var(--tr);font-size:13.5px;margin-bottom:2px}.fi:hover{background:var(--bg-hover)}.fi.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.fi-icon{font-size:16px;width:22px;text-align:center}.fi-label{flex:1}.fi-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:22px;text-align:center}.sbottom{padding:12px 16px 0;border-top:1px solid var(--border)}.sbtn{width:100%;padding:8px;background:transparent;border:1px solid var(--border-2);border-radius:var(--r);color:var(--text-2);cursor:pointer;font-size:13px;margin-bottom:10px;transition:all var(--tr);text-align:left}.sbtn:hover{background:var(--bg-hover);color:var(--text)}.ublock{display:flex;align-items:center;gap:8px;margin-bottom:8px}.uavatar{width:28px;height:28px;border-radius:50%;background:var(--accent-glow);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.uemail{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{width:100%;padding:7px;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--text-3);cursor:pointer;font-size:12px;transition:all var(--tr)}.btn-logout:hover{color:var(--red);border-color:var(--red)}.mheader{display:flex;align-items:center;padding:0 12px;height:48px;background:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}.mtitle{flex:1;text-align:center;font-weight:700;font-size:16px}.btn-icon{background:none;border:none;color:var(--text);cursor:pointer;font-size:20px;padding:4px 8px}.list-panel{background:var(--bg-deep);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.lheader{padding:16px 16px 12px}.lh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lh-top h2{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.lcount{font-weight:400;color:var(--text-3);font-size:13px;margin-left:4px}.lcount:before{content:"("}.lcount:after{content:")"}.btn-refresh{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .4s}.btn-refresh.spin{animation:spin .6s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searchbox{position:relative}.searchbox input{width:100%;padding:9px 12px 9px 34px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:13px;outline:none;transition:border var(--tr)}.searchbox input:focus{border-color:var(--accent)}.si{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px}.sc{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px}.elist{flex:1;overflow-y:auto}.lstatus{padding:40px 20px;text-align:center;color:var(--text-3);font-size:14px}.lstatus.empty{opacity:.6}.erow{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--tr)}.erow:hover{background:var(--bg-hover)}.erow.sel{background:var(--accent-glow);border-left:3px solid var(--accent)}.erow.unread{border-left:3px solid var(--accent)}.erow.unread .efrom{font-weight:700;color:#fff}.erow.unread .esubj{color:var(--text);font-weight:500}.star{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-3);padding:2px;flex-shrink:0;margin-top:2px;transition:color var(--tr)}.star.on,.star:hover{color:var(--yellow)}.ebody{flex:1;min-width:0}.etop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.efrom{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.edate{font-size:11px;color:var(--text-3);flex-shrink:0;margin-left:8px}.esubj{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.esnip{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}.pager button{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:4px 14px;border-radius:var(--r);cursor:pointer;font-size:13px}.pager button:disabled{opacity:.3;cursor:default}.rpanel{background:var(--bg-card);overflow-y:auto}.rempty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-3)}.ee{font-size:56px;opacity:.15;margin-bottom:16px}.rempty p{font-size:15px}.reader{height:100%;display:flex;flex-direction:column}.rtoolbar{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.rtoolbar button{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:var(--r);cursor:pointer;font-size:13px;transition:all var(--tr)}.rtoolbar button:hover{background:var(--bg-hover)}.btn-del{border-color:transparent!important}.btn-del:hover{background:#ef444426!important;color:var(--red)!important}.rcontent{flex:1;overflow-y:auto}.rheader{padding:20px 24px;border-bottom:1px solid var(--border)}.rheader h2{font-size:20px;font-weight:700;margin-bottom:16px;line-height:1.3;letter-spacing:-.3px}.rmeta{display:flex;align-items:flex-start;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.minfo{flex:1;min-width:0}.mfrom{font-size:14px;margin-bottom:2px}.mfrom strong{font-weight:600}.memail{color:var(--text-3);font-size:12px;margin-left:6px}.mto,.mcc{font-size:12px;color:var(--text-2)}.mdate{font-size:12px;color:var(--text-3);white-space:nowrap}.rbody{padding:24px;min-height:200px}.html-body{font-size:14px;line-height:1.7;word-break:break-word}.html-body img{max-width:100%;border-radius:6px}.html-body a{color:var(--accent)}.html-body blockquote{border-left:3px solid var(--border-2);padding-left:12px;margin:8px 0;color:var(--text-2)}.text-body{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.no-body{color:var(--text-3);text-align:center;padding:40px}.ratts{padding:16px 24px 24px;border-top:1px solid var(--border)}.ratts-title{font-size:14px;font-weight:600;margin-bottom:12px}.att-grid{display:flex;flex-wrap:wrap;gap:10px}.att-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all var(--tr);min-width:180px;max-width:280px}.att-card:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ac-icon{font-size:24px;flex-shrink:0}.ac-info{display:flex;flex-direction:column;min-width:0;flex:1}.ac-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-size{font-size:11px;color:var(--text-3)}.ac-dl{font-size:16px;flex-shrink:0;opacity:.5}.att-card:hover .ac-dl{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compose-modal{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--r-lg);width:660px;max-width:95vw;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-top h3{font-size:16px;font-weight:600}.modal-top-btns{display:flex;gap:4px}.btn-x{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:all var(--tr)}.btn-x:hover{background:var(--bg-hover);color:var(--text)}.cfields{padding:12px 20px 0}.cf{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cf label{font-size:12px;color:var(--text-3);width:50px;text-align:right;font-weight:500}.cf input{flex:1;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:13px;outline:none;transition:border var(--tr)}.cf input:focus{border-color:var(--accent)}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px}.cbody{flex:1;margin:8px 20px;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;resize:none;outline:none;min-height:200px;line-height:1.6}.cbody:focus{border-color:var(--accent)}.catts{padding:0 20px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.att-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;font-size:12px}.chip-size{color:var(--text-3);font-size:11px}.att-chip button{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:12px}.att-chip button:hover{color:var(--red)}.cfooter{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.btn-primary{padding:9px 22px;background:linear-gradient(135deg,var(--accent),#5b8def);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--tr)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:default;transform:none}.btn-secondary{padding:9px 16px;background:transparent;border:1px solid var(--border-2);border-radius:var(--r);color:var(--text-2);cursor:pointer;font-size:13px;transition:all var(--tr)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text)}.settings-modal{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--r-lg);width:540px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slideUp .25s ease}.stabs{display:flex;border-bottom:1px solid var(--border)}.stabs button{flex:1;padding:12px;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:13px;transition:all var(--tr);border-bottom:2px solid transparent}.stabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.stabs button:hover{color:var(--text)}.scontent{padding:20px;flex:1;overflow-y:auto}.sform{display:flex;flex-direction:column;gap:14px}.ig{display:flex;flex-direction:column;gap:5px}.ig label{font-size:12px;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.ig input,.ig textarea{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:14px;outline:none;transition:border var(--tr);font-family:DM Sans,sans-serif}.ig input:focus,.ig textarea:focus{border-color:var(--accent)}.ig .disabled{opacity:.5;cursor:not-allowed}.hint{font-size:11px;color:var(--text-3)}.sig-editor{resize:vertical;min-height:100px;line-height:1.5}.sig-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:12px}.sig-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sig-preview pre{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-2);white-space:pre-wrap;line-height:1.5}.smsg{margin-top:12px;padding:10px;border-radius:var(--r);font-size:13px;text-align:center}.smsg.ok{background:#22c55e1a;color:var(--green)}.smsg.err{background:#ef44441a;color:var(--red)}.login-container{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);background-image:radial-gradient(ellipse at 30% 20%,rgba(0,136,255,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(99,102,241,.06) 0%,transparent 60%)}.login-box{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:44px 40px;width:400px;max-width:90vw;box-shadow:var(--shadow);animation:slideUp .4s ease}.login-logo{text-align:center;margin-bottom:32px}.logo-mark{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;color:#fff;margin:0 auto 14px}.login-logo h1{font-size:26px;font-weight:800;letter-spacing:-.5px}.login-sub{color:var(--text-3);font-size:13px;margin-top:4px}.login-box form{display:flex;flex-direction:column;gap:14px}.login-box .ig input{padding:12px 14px}.btn-login{padding:12px;background:linear-gradient(135deg,var(--accent),#5b8def);color:#fff;border:none;border-radius:var(--r);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--tr);margin-top:4px}.btn-login:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-login:disabled{opacity:.5;cursor:default;transform:none}.login-error{color:var(--red);font-size:13px;text-align:center;padding:8px;background:#ef44441a;border-radius:var(--r)}@media (max-width:1100px){.app:not(.mobile){grid-template-columns:200px 300px 1fr}}@media (max-width:768px){.app{grid-template-columns:1fr!important}.list-panel{border-right:none}.rpanel{position:fixed;right:0;bottom:0;left:0;top:48px;z-index:80}.rpanel:not(.has){display:none}}@supports (padding:max(0px)){.mheader{padding-top:max(0px,env(safe-area-inset-top))}.app.mobile .sidebar{top:calc(48px + max(0px,env(safe-area-inset-top)))}}.spin{animation:spin .6s ease!important}