:root{--brand:#9e0000;--brand-2:#c41616;--accent:#9e0000;--bg:#f3f4f6;--panel:#fff;--text:#15171c;--muted:#636a76;--line:#e1e4e9;--ok:#18a058;--warn:#e0a100;--bad:#e53935;--info:#2f6fca;--radius:12px;--shadow:0 1px 3px #00000014, 0 4px 14px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#181b21;--text:#e9ebef;--muted:#9aa1ad;--line:#2a2f38;--accent:#ff7b7b;--shadow:0 1px 3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit}#app{flex-direction:column;min-height:100%;display:flex}main{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1280px;min-height:0;margin:0 auto;display:flex}.top{z-index:20;background:var(--brand);color:#fff;padding-top:env(safe-area-inset-top);position:sticky;top:0}.top-row{align-items:center;gap:6px;padding:6px 8px;display:flex}.brand{color:#fff;flex:1;align-items:center;gap:8px;min-width:0;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:7px;width:28px;height:28px}.top .icon-btn{color:#fff}.sync{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:0;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:flex}.sync.pending{color:#111;background:#e0a100}.sync.offline{background:#3a3f48}.sync.error{color:var(--bad);background:#fff}.sync.syncing span:first-child{animation:1s linear infinite spin;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.tabsbar{max-width:1280px;margin:0 auto;display:flex}.navtab{color:#ffffffd1;border-bottom:3px solid #0000;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 4px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.navtab.on{color:#fff;border-bottom-color:#fff}.navtab .ico{flex:none;display:inline-flex}.navlabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{min-width:20px;height:20px;color:var(--brand);background:#fff;border-radius:10px;flex:none;place-items:center;padding:0 5px;font-size:12px;font-weight:800;display:inline-grid}.btn{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:8px 14px;font-weight:500;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, var(--line))}.btn.small{min-height:34px;padding:4px 10px;font-size:14px}.btn.big{min-height:52px;padding:12px 22px;font-size:17px;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.icon-btn{cursor:pointer;width:42px;height:42px;color:var(--text);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.icon-btn:disabled{opacity:.35}.fab{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:var(--brand);color:#fff;cursor:pointer;z-index:15;border:0;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;box-shadow:0 6px 18px #00000040}.linkbtn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:13px}.view{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px;display:flex}.vh{margin:6px 4px;font-size:18px}h3{margin:12px 0 6px;font-size:16px}.empty{color:var(--muted);text-align:center;padding:24px 12px}.hint{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.warn{color:var(--bad);margin:4px 0;font-size:14px}.grow{flex:1;min-width:0}.row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.row>.inp{flex:160px;min-width:0}.row-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.stack{flex-direction:column;gap:8px;margin:10px 0;display:flex}.inp{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;max-width:100%;color:var(--text);font:inherit;border-radius:10px;min-height:42px;padding:10px 12px}textarea.inp{resize:vertical}select.inp{padding-right:6px}.f-label{color:var(--muted);margin:12px 0 4px;font-size:13px;font-weight:600;display:block}.f-row{flex-direction:column;min-width:0;display:flex}.form{flex-direction:column;gap:2px;min-width:0;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 10px;display:grid}.more{margin-top:10px}.more summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:13px;font-weight:600}.radio-row{align-items:center;gap:8px;min-height:36px;display:flex}.radio-row input{width:20px;height:20px}.sugg{border:1px dashed var(--info);background:color-mix(in srgb, var(--info) 10%, var(--panel));color:var(--text);cursor:pointer;overflow-wrap:anywhere;text-align:left;border-radius:14px;align-self:flex-start;max-width:100%;margin-top:4px;padding:3px 10px;font-size:13px}.sugg-tag{text-transform:uppercase;color:var(--info);font-size:11px;font-weight:800}.pmeta{color:var(--muted);margin-bottom:8px;font-size:13px}.lastnote{background:color-mix(in srgb, var(--warn) 14%, var(--panel));overflow-wrap:anywhere;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:14px}.ok-box{background:color-mix(in srgb, var(--ok) 12%, var(--panel));border-radius:8px;margin-top:10px;padding:8px 10px}.failrow{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.filters{scrollbar-width:none;align-items:center;gap:6px;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.fchip{border:1px solid var(--line);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:16px;flex:none;align-items:center;gap:5px;padding:5px 11px;font-size:13px;display:inline-flex}.fchip.on{background:var(--text);color:var(--panel);border-color:var(--text)}.search{border:1px solid var(--line);background:var(--panel);min-width:90px;color:var(--text);font:inherit;border-radius:16px;flex:1 0 90px;padding:6px 10px;font-size:13px}.stchip{background:var(--line);color:var(--text);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.st-pending{background:var(--warn);color:#111}.st-failed,.st-rejected{background:var(--bad);color:#fff}.st-needs{color:#111;background:#ff8f00}.st-new,.st-submitted{background:var(--info);color:#fff}.st-accepted{background:var(--ok);color:#fff}.sheet-wrap{z-index:40;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border-radius:16px 16px 0 0;flex-direction:column;width:100%;min-width:0;max-width:640px;max-height:92vh;display:flex;box-shadow:0 -8px 30px #00000040}.sheet-head{align-items:center;gap:8px;padding:8px 8px 0 14px;display:flex}.sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;font-weight:800;overflow:hidden}.sheet-body{padding:6px 14px max(14px, env(safe-area-inset-bottom));overflow:hidden auto}@media (min-width:900px){.sheet-wrap{justify-content:flex-end;align-items:stretch}.sheet{border-radius:0;max-width:480px;height:100%;max-height:none}.sheet.wide{max-width:min(1100px,92vw)}}.login{flex:1;place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--panel);box-shadow:var(--shadow);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:28px 22px}.login-logo{border-radius:16px;width:72px;height:72px}.login-card p{color:var(--muted)}.toast{left:50%;bottom:max(90px, env(safe-area-inset-bottom));z-index:60;color:#fff;background:#222;border-radius:10px;max-width:calc(100% - 24px);padding:10px 16px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.top-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync[hidden]{display:none!important}.spin svg{animation:1s linear infinite spin}.folder-list{flex-direction:column;gap:2px;display:flex}.folder-list>.btn{margin:4px 0 10px}.folder{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 8px;text-decoration:none;display:flex}.folder:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.folder.on{background:color-mix(in srgb, var(--brand) 12%, var(--panel));font-weight:700}.folder .ico{color:var(--muted);display:inline-flex}.fname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fcount{background:var(--brand);color:#fff;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:800}.fcount.warn-bg{background:var(--warn);color:#111}.folder-list hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.list-view{padding-bottom:96px}.list-view .filters .search{padding:9px 12px;font-size:15px}.list-info{padding:0 4px}.list-info:empty{display:none}.msg-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.msg-list>.empty{background:var(--bg)}.msg{border-bottom:1px solid var(--line);align-items:stretch;min-width:0;display:flex}.msg:last-child{border-bottom:0}.msg-main{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:2px;padding:10px 4px 10px 12px;text-decoration:none;display:flex}.msg-main:active{background:color-mix(in srgb, var(--text) 6%, transparent)}.msg-top{align-items:baseline;gap:6px;min-width:0;display:flex}.msg-from{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.msg-att{color:var(--muted);align-self:center;display:inline-flex}.msg-date{color:var(--muted);white-space:nowrap;font-size:13px}.msg-subj{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.msg.unread .msg-from,.msg.unread .msg-subj{color:var(--text);font-weight:700}.msg.unread .msg-main{border-left:4px solid var(--brand);padding-left:8px}.msg.unread .msg-date{color:var(--brand);font-weight:700}@media (prefers-color-scheme:dark){.msg.unread .msg-date{color:var(--accent)}}.star{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 12px;display:grid}.star.on{color:#e0a100}.more-btn{align-self:center}.msg-view{gap:10px;padding-bottom:40px}.msg-head{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.msg-h-subj{overflow-wrap:anywhere;margin:0 0 8px;font-size:19px}.msg-h-from{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.msg-h-name{overflow-wrap:anywhere;font-weight:700}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.msg-details{overflow-wrap:anywhere;flex-direction:column;gap:3px;margin-top:8px;font-size:14px;display:flex}.acts{scrollbar-width:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:4px;display:flex;overflow-x:auto}.acts::-webkit-scrollbar{display:none}.act{min-width:64px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;padding:6px 4px;font-size:11.5px;display:flex}.act:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.act-l{white-space:nowrap}.atts{flex-direction:column;gap:6px;display:flex}.att{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:8px 10px;text-decoration:none;display:flex}.att-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.msg-body{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.msg-frame{background:#fff;border:0;width:100%;height:200px;display:block}.frame-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow:auto hidden}.zoom-bar{color:#333;background:#fafafa;border-bottom:1px solid #e6e6e6;justify-content:flex-end;align-items:center;gap:6px;padding:6px 8px;display:flex}.zoom-bar .btn{color:#222;background:#fff;border-color:#d6d6d6;min-height:32px;padding:2px 10px}.zoom-l{text-align:center;color:#555;font-variant-numeric:tabular-nums;min-width:3.4em;font-size:13px}.remote-bar{color:#333;background:#fff7e0;border-bottom:1px solid #eadfb8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.compose{padding-bottom:90px}.compose-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.from-row{overflow-wrap:anywhere;padding:2px 0 4px}.addr-row{align-items:flex-start;gap:8px;display:flex}.addr-l{color:var(--muted);flex:0 0 74px;padding-top:12px;font-size:13px;font-weight:600}.addr-in{flex:1;min-width:0;position:relative}.cc-toggle{margin:-4px 0 0 82px}.ac{z-index:30;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;max-height:260px;position:absolute;top:100%;left:0;right:0;overflow:auto}.ac-item{text-align:left;cursor:pointer;width:100%;color:var(--text);border:0;border-bottom:1px solid var(--line);background:0 0;flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.ac-item:last-child{border-bottom:0}.ac-item:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.ac-name{font-weight:600}.compose .body{min-height:38vh;font-size:16px;line-height:1.45}.compose .subj{font-weight:600}.compose-bar{z-index:15;padding:8px max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:900px){.compose-bar{border-radius:var(--radius);border:1px solid var(--line);position:sticky}}.ob-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.ob-top{align-items:baseline;gap:8px;display:flex}.ob-subj{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.setup-wrap{align-items:center}.setup{background:var(--panel);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:18px;margin-top:12px;padding:22px 18px}.setup h2{margin:8px 0 4px}.setup .login-logo{border-radius:14px;width:60px;height:60px}.setup .btn.big{width:100%}.pw-row{align-items:center;gap:4px;display:flex}.pw-row .inp{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.big-line{overflow-wrap:anywhere;font-size:17px;font-weight:700}.settings textarea{font-family:inherit}@media (max-width:380px){.view{padding:6px}.act{min-width:56px;font-size:11px}.addr-l{flex-basis:60px}.cc-toggle{margin-left:68px}}