:root{--accent: #d97706;--accent-soft: #ffedd5;--accent-strong: #b45309;--accent-tint: #fff7ed;--bg: #faf7f2;--panel: #ffffff;--border: #e7e0d5;--muted: #78716c;--text: #1c1917;--soft: #f5f0e8;--danger: #b91c1c;--danger-bg: #fef2f2;--radius: 10px;--shadow: 0 14px 40px rgba(28, 25, 23, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease}.btn:hover:not(:disabled){background:var(--soft);border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{border-color:var(--accent);color:#fff;font-weight:700;background:linear-gradient(160deg,#f59e0b 0%,var(--accent) 100%)}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--soft);border-color:var(--border)}.btn--block{width:100%;justify-content:center;padding:11px 14px;font-size:14px}.field{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9770626}.alert{border-radius:8px;padding:10px 13px;font-size:13px;line-height:1.45}.alert--err{background:var(--danger-bg);border:1px solid #fca5a5;color:#7f1d1d}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(900px 520px at 12% -8%,#fde8c6,#fde8c600 62%),radial-gradient(760px 480px at 92% 108%,#fcd9a8,#fcd9a800 60%),linear-gradient(168deg,#fffaf2,#f7ede0)}.login__card{width:min(430px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:30px 28px;box-shadow:var(--shadow);display:grid;gap:15px}.login__brand{display:flex;align-items:center;gap:11px}.login__logo{width:52px;height:52px;flex:none;object-fit:contain;border-radius:12px;background:#fff}.login__remember{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;user-select:none}.login__remember input{width:16px;height:16px;accent-color:var(--accent)}.login__title{font-size:21px;font-weight:800;letter-spacing:-.3px;line-height:1.15}.login__sub{font-size:12px;font-weight:600;color:var(--accent-strong);letter-spacing:.4px}.login__note{font-size:12.5px;color:var(--muted);line-height:1.55}.login__link{justify-self:start;border:none;background:transparent;color:var(--accent-strong);font-size:12px;font-weight:600;cursor:pointer;padding:0}.login__ports{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login__foot{border-top:1px solid var(--border);padding-top:12px;font-size:11.5px;color:var(--muted);text-align:center}.app-boot{height:100%}.app-boot--an{visibility:hidden;position:absolute;inset:0;pointer-events:none}.splash{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(680px 420px at 18% 12%,rgba(79,70,229,.16),transparent 62%),radial-gradient(720px 480px at 86% 88%,rgba(217,119,6,.22),transparent 60%),linear-gradient(165deg,#1c1917,#292524 48%,#44403c);color:#fffaf2;overflow:hidden}.splash__glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(253,230,138,.35),transparent 68%);filter:blur(8px);animation:splashPulse 2.4s ease-in-out infinite}.splash__logo{position:relative;width:96px;height:96px;object-fit:contain;border-radius:22px;background:#fff;padding:8px;box-shadow:0 18px 50px #00000059}.splash__brand{position:relative;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fdba74}.splash__title{position:relative;font-size:28px;font-weight:800;letter-spacing:-.4px}.splash__sub{position:relative;font-size:14px;color:#d6d3d1}.splash__track{position:relative;width:180px;height:3px;margin-top:18px;border-radius:99px;background:#ffffff24;overflow:hidden}.splash__bar{display:block;width:40%;height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#fff7ed);animation:splashSlide 1.1s ease-in-out infinite}@keyframes splashPulse{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes splashSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.app{height:100%;display:flex;flex-direction:column;background:var(--panel)}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.topbar__mark{width:32px;height:32px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.topbar__logo{width:32px;height:32px;object-fit:contain}.topbar__name{font-weight:800;font-size:16px;letter-spacing:-.2px}.topbar__host{font-size:11px;color:var(--muted)}.chip{font-size:12px;font-weight:600;background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;padding:4px 11px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grow{flex:1}.banner{padding:9px 16px;background:var(--danger-bg);color:var(--danger);font-size:13px;border-bottom:1px solid var(--border)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:218px 1fr}.stage{position:relative;overflow:hidden;min-height:0}.pane{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;background:var(--panel);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.pane--detail{transform:translate(100%);opacity:0;pointer-events:none}.stage[data-khung=detail] .pane--list{transform:translate(-16%);opacity:0;pointer-events:none}.stage[data-khung=detail] .pane--detail{transform:translate(0);opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.pane{transition:none}}.folders{border-right:1px solid var(--border);background:var(--soft);overflow:auto;padding-top:6px}.folder{display:flex;align-items:center;gap:9px;width:100%;padding:9px 13px;border:none;border-left:3px solid transparent;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.folder:hover{background:var(--accent-tint)}.folder[aria-current=true]{border-left-color:var(--accent);background:var(--accent-soft);font-weight:700}.folder__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.list__search{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--soft)}.tick{width:15px;height:15px;flex:none;accent-color:var(--accent);cursor:pointer}.bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--border);background:var(--accent-soft);font-size:12.5px}.list__meta{padding:5px 13px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border)}.list__scroll{flex:1;overflow:auto;min-height:0}.empty{padding:18px 16px;color:var(--muted);font-size:13px}.row{display:flex;align-items:flex-start;gap:9px;width:100%;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel)}.row .tick{margin-top:3px}.row__main{flex:1;min-width:0;text-align:left;border:none;background:transparent;padding:0;cursor:pointer;color:inherit;font-family:inherit}.row:hover{background:var(--soft)}.row[data-unread="1"]{background:var(--accent-tint)}.row[data-chon="1"],.row[aria-current=true]{background:var(--accent-soft)}.row__top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.row__who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.row[data-unread="1"] .row__who,.row[data-unread="1"] .row__subject{font-weight:800}.row__when{color:var(--muted);white-space:nowrap}.row__subject{font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__preview{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__sep{width:1px;height:20px;background:var(--border)}.reader__bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 13px;border-bottom:1px solid var(--border);background:var(--soft)}.reader__scroll{flex:1;overflow:auto;padding:18px;min-height:0}.reader__subject{font-size:19px;font-weight:800;margin:0 0 10px;line-height:1.3}.reader__meta{font-size:13px;color:var(--muted);display:grid;gap:3px}.reader__meta b{color:var(--text)}.reader__body{border-top:1px solid var(--border);margin-top:13px;padding-top:13px;font-size:14px;line-height:1.62;word-break:break-word}.reader__body img{max-width:100%;height:auto}.reader__body a{color:var(--accent-strong)}.reader__body pre{white-space:pre-wrap;font-family:inherit;margin:0}.attach{margin-top:18px;border-top:1px solid var(--border);padding-top:13px}.attach__title{font-weight:700;font-size:13px;color:var(--accent);margin-bottom:8px}.attach__list{display:flex;flex-wrap:wrap;gap:8px}.attach__size{color:var(--muted);font-weight:500}.compose-min{position:fixed;right:16px;bottom:0;z-index:4100;min-width:260px;height:40px;padding:0 14px;border:none;border-radius:8px 8px 0 0;cursor:pointer;background:#404040;color:#fff;font-weight:700;font-size:13px;font-family:inherit;box-shadow:0 -2px 12px #0003;text-align:left}.compose{position:fixed;right:16px;bottom:0;z-index:4100;width:min(640px,calc(100vw - 24px));min-width:min(520px,calc(100vw - 24px));height:min(560px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--panel);border:1px solid #dadce0;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 8px 28px #00000047;overflow:hidden}.compose.is-max{inset:24px 12px 0;width:auto;min-width:0;height:auto;border-radius:8px 8px 0 0}.compose__head{display:flex;align-items:center;gap:8px;padding:0 4px 0 14px;height:40px;flex:none;background:#404040;color:#fff;user-select:none}.compose__title{flex:1;font-size:13.5px;font-weight:700}.compose__winbtn{border:none;background:transparent;color:#fff;cursor:pointer;width:36px;height:36px;font-size:16px;line-height:1;border-radius:4px;font-family:inherit}.compose__winbtn:hover{background:#ffffff1f}.compose__winbtn.is-close:hover{background:#d93025}.compose__fields{flex:none;padding:0 14px}.compose__fields .crow{border:none!important;border-bottom:none!important;box-shadow:none!important;outline:none!important;border-radius:0!important;background:transparent!important}.compose__fields .chips,.compose__fields .chips__in,.compose__fields .crow input{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important;border-radius:0!important;appearance:none;-webkit-appearance:none}.compose__fields .compose__subject,input.compose__subject{width:100%;border:none!important;border-bottom:1px solid #dadce0!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-family:inherit;font-size:14px;font-weight:500;color:var(--text);padding:10px 0 12px;margin:0;border-radius:0!important;appearance:none;-webkit-appearance:none}.compose__from{flex:1;min-width:0;padding:7px 0;font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow__phu{flex:none;display:flex;align-items:center;gap:10px;padding-top:6px}.crow__phu button{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:600;padding:0;font-family:inherit}.crow__phu button:hover{color:var(--text);text-decoration:underline}.compose__bodywrap{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 14px}.editor{flex:1;min-height:120px;overflow:auto;padding:12px 2px;font-size:14px;line-height:1.55;outline:none;color:var(--text);word-break:break-word}.editor:empty:before{content:attr(data-goiy);color:var(--muted)}.editor ul,.editor ol{padding-left:22px;margin:6px 0}.editor a{color:var(--accent-strong)}.editor img{max-width:100%;height:auto}.compose__attach{flex:none;padding:6px 0 2px;border-top:1px solid var(--border);margin-top:4px}.rtb{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 10px;border-top:1px solid var(--border);background:#fafafa;flex:none;position:relative}.rtb__b{border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;min-width:28px;height:28px;padding:0 5px;font-size:13px;color:#3c4043;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.rtb__b:hover,.rtb__b.is-on{background:#e8eaed;border-color:#dadce0}.rtb__sep{width:1px;height:18px;background:#dadce0;margin:0 4px}.rtb__sel{border:1px solid transparent;background:transparent;border-radius:4px;height:28px;font-size:12px;color:#3c4043;font-family:inherit;max-width:110px}.rtb__sel:hover{background:#e8eaed;border-color:#dadce0}.rtb__pop{position:absolute;bottom:calc(100% + 4px);left:8px;z-index:30;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 16px #0000002e;padding:6px;display:flex;flex-wrap:wrap;gap:2px;max-width:280px}.rtb__pop button{border:none;background:transparent;cursor:pointer;border-radius:4px;min-width:32px;height:32px;font-size:18px;font-family:inherit}.rtb__pop button:hover{background:#e8eaed}.compose__foot{display:flex;align-items:center;gap:4px;flex:none;padding:10px 12px;background:#fff;border-top:1px solid #f1f3f4;position:relative}.compose__send{border:none;border-radius:24px;cursor:pointer;font-family:inherit;background:#0b57d0;color:#fff;font-weight:700;font-size:14px;padding:10px 24px;margin-right:4px}.compose__send:hover:not(:disabled){background:#0a4db8}.compose__send:disabled{opacity:.55;cursor:not-allowed}.compose__icon{border:none;background:transparent;cursor:pointer;border-radius:50%;width:36px;height:36px;color:#5f6368;font-size:16px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative}.compose__icon:hover,.compose__icon.is-on{background:#e8eaed}.compose__icon:disabled{opacity:.45;cursor:not-allowed}.compose__hint{margin:0 14px 8px;background:var(--danger-bg);border:1px solid #fca5a5;color:#7f1d1d;border-radius:8px;padding:8px 11px;font-size:13px;flex:none}.crow{display:flex;align-items:flex-start;gap:8px;position:relative;border:none!important;border-bottom:none!important;padding:4px 0;box-shadow:none!important;background:transparent!important;border-radius:0!important}.mail-avatar{position:relative}.mail-avatar__btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-strong);font-weight:700;cursor:pointer}.mail-avatar__pop{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:300px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #1c191729;padding:12px;gap:8px}.mail-avatar:hover .mail-avatar__pop,.mail-avatar:focus-within .mail-avatar__pop{display:grid}.mail-avatar__email{font-size:12px;font-weight:600;color:var(--muted);word-break:break-all}.mail-avatar__pop .field{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.crow__label{flex:none;width:42px;padding-top:7px;font-size:12.5px;font-weight:600;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;flex:1;min-width:0;padding:3px 0}.chipx{display:inline-flex;align-items:center;gap:5px;max-width:100%;background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:2px 4px 2px 9px;font-size:12.5px}.chipx__t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chipx__x{border:none;background:transparent;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 3px;border-radius:999px}.chipx__x:hover{background:var(--danger-bg);color:var(--danger)}.chips__in{flex:1;min-width:130px;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:var(--text);padding:3px 0}.sugg{position:absolute;top:100%;left:42px;right:0;z-index:20;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 26px #1c191729;max-height:210px;overflow:auto;padding:4px}.sugg__item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:6px 9px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12.5px}.sugg__item:hover{background:var(--accent-soft)}.sugg__mail{color:var(--muted)}.attach-box{border-top:1px solid var(--border);padding-top:8px;margin-top:4px}.attach-sum{margin-top:6px;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.attach-sum__x{border:none;background:transparent;color:var(--danger);cursor:pointer;font-size:12px;padding:0}.attach-note{margin:0;padding-left:18px;font-size:12px;display:grid;gap:2px}.attach-note li.is-drive{color:var(--accent-strong)}.attach-note li.is-reject{color:var(--danger)}.toasts{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:8px;max-width:380px}.toast{background:#fff;border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:13px;box-shadow:var(--shadow)}.toast--err{background:var(--danger-bg);border-color:#fca5a5;border-left-color:var(--danger);color:#7f1d1d}@media(max-width:1024px){.layout{grid-template-columns:180px 1fr}}@media(max-width:820px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.folders{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:4px}.folder{border-left:none;border-bottom:3px solid transparent;border-radius:8px}.folder[aria-current=true]{border-left-color:transparent;border-bottom-color:var(--accent)}.login-card{width:min(100% - 1.25rem,420px);margin:1rem auto;padding:1.1rem 1rem 1.25rem}.toolbar{flex-wrap:wrap;gap:6px}.mail-split,.dich-split{grid-template-columns:1fr!important}.compose-panel{width:min(100vw - .5rem,560px);max-height:min(92vh,720px)}}@media(max-width:480px){body{font-size:14px}.btn{padding:7px 10px;font-size:12px}}