@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--control-h:32px;--control-h-sm:28px;--color-bg:#f5f5f6;--color-bg-subtle:#f9f9fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-hover:#f4f4f6;--color-surface-selected:#eef0fb;--color-nav-selected:#e7e7eb;--color-nav-hover:#ededf0;--color-border:#e8e8eb;--color-border-strong:#d8d8dd;--color-border-interactive:#b9bac2;--color-text:#1b1c20;--color-text-secondary:#3d3f46;--color-text-muted:#6a6e78;--color-text-faint:#8b8f99;--color-text-disabled:#a5a8b0;--color-text-inverse:#fff;--color-primary:#5e6ad2;--color-primary-hover:#5160c8;--color-primary-active:#4552b5;--color-primary-subtle:#eef0fb;--color-primary-text:#4a55c0;--color-success:#26a26b;--color-success-text:#11744a;--color-success-subtle:#eaf7f0;--color-warning:#e0a12b;--color-warning-text:#9a5a06;--color-warning-subtle:#fdf5e6;--color-error:#e5484d;--color-error-text:#b9242a;--color-error-subtle:#fdeeee;--color-note:#fdf8e8;--color-note-border:#efe2b8;--color-note-text:#7a5a00;--color-star:#f2a91d;--color-overlay:#14161c52;--shadow-xs:0 1px 1px #0000000a;--shadow-sm:0 1px 2px #0000000d, 0 0 0 1px #00000005;--shadow-md:0 4px 12px -2px #00000014, 0 1px 3px #0000000d;--shadow-lg:0 12px 28px -6px #00000024, 0 2px 6px #0000000d;--shadow-xl:0 24px 48px -12px #0003, 0 4px 12px #0000000f;--shadow-frame:0 0 0 1px var(--color-border), 0 1px 3px #0000000a;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px color-mix(in srgb, var(--color-primary) 55%, transparent);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--sidebar-w:248px;--list-w:clamp(340px, 28vw, 420px);--details-w:272px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=system]{--color-bg:#101113;--color-bg-subtle:#17181b;--color-surface:#151619;--color-surface-raised:#1c1d21;--color-surface-hover:#1c1d20;--color-surface-selected:#22243a;--color-nav-selected:#232428;--color-nav-hover:#1d1e21;--color-border:#26272c;--color-border-strong:#33353b;--color-border-interactive:#50535c;--color-text:#ececee;--color-text-secondary:#c4c6cc;--color-text-muted:#8f939c;--color-text-faint:#6f737c;--color-text-disabled:#5a5d65;--color-text-inverse:#101113;--color-primary:#6e79e0;--color-primary-hover:#828cf0;--color-primary-active:#5c67cc;--color-primary-subtle:#20223a;--color-primary-text:#a3abff;--color-success:#3ccf8e;--color-success-text:#7ddfae;--color-success-subtle:#13261d;--color-warning:#f2b23d;--color-warning-text:#f5c86a;--color-warning-subtle:#2a2212;--color-error:#f0716a;--color-error-text:#f6a29c;--color-error-subtle:#2e1819;--color-note:#252113;--color-note-border:#3f381c;--color-note-text:#ecd58f;--color-overlay:#00000080;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 14px 32px #00000073;--shadow-xl:0 24px 56px #0000008c;--shadow-frame:0 0 0 1px var(--color-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#101113;--color-bg-subtle:#17181b;--color-surface:#151619;--color-surface-raised:#1c1d21;--color-surface-hover:#1c1d20;--color-surface-selected:#22243a;--color-nav-selected:#232428;--color-nav-hover:#1d1e21;--color-border:#26272c;--color-border-strong:#33353b;--color-border-interactive:#50535c;--color-text:#ececee;--color-text-secondary:#c4c6cc;--color-text-muted:#8f939c;--color-text-faint:#6f737c;--color-text-disabled:#5a5d65;--color-text-inverse:#101113;--color-primary:#6e79e0;--color-primary-hover:#828cf0;--color-primary-active:#5c67cc;--color-primary-subtle:#20223a;--color-primary-text:#a3abff;--color-success:#3ccf8e;--color-success-text:#7ddfae;--color-success-subtle:#13261d;--color-warning:#f2b23d;--color-warning-text:#f5c86a;--color-warning-subtle:#2a2212;--color-error:#f0716a;--color-error-text:#f6a29c;--color-error-subtle:#2e1819;--color-note:#252113;--color-note-border:#3f381c;--color-note-text:#ecd58f;--color-overlay:#00000080;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 14px 32px #00000073;--shadow-xl:0 24px 56px #0000008c;--shadow-frame:0 0 0 1px var(--color-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font:400 13px/1.5 var(--font-sans);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "ss03";margin:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}a{color:var(--color-primary-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 70%, transparent);outline-offset:1px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb, var(--color-primary) 22%, transparent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tnum{font-variant-numeric:tabular-nums}.skip-link{z-index:100;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.btn{height:var(--control-h);border-radius:var(--radius-sm);white-space:nowrap;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{flex:none;width:15px;height:15px}.btn-sm{height:var(--control-h-sm);padding:0 10px;font-size:12.5px}.btn-sm svg{width:14px;height:14px}.btn-lg{height:40px;padding:0 16px;font-size:14px}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0000001f}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{border-color:var(--color-border-strong);color:var(--color-primary-text);background:var(--color-surface);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-subtle)}.btn-outline{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-interactive)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-dashed{border:1px dashed var(--color-border-strong);color:var(--color-text-muted);height:24px;padding:0 8px;font-size:12px;font-weight:500}.btn-dashed:hover{color:var(--color-text);border-color:var(--color-border-interactive);background:var(--color-surface-hover)}.btn-block{width:100%}.btn .spinner{width:14px;height:14px}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:active:not(:disabled){background:var(--color-nav-selected)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn svg{width:16px;height:16px}.icon-btn[aria-pressed=true]{color:var(--color-text);background:var(--color-nav-selected)}.icon-btn.sm{width:var(--control-h-sm);height:var(--control-h-sm)}.icon-btn.sm svg{width:15px;height:15px}.icon-btn .dot{background:var(--color-primary);width:7px;height:7px;box-shadow:0 0 0 2px var(--color-bg);border-radius:50%;position:absolute;top:6px;right:6px}.spinner{opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:6px;display:grid}.field>label,.label{color:var(--color-text-secondary);font-size:12.5px;font-weight:500}.hint{color:var(--color-text-muted);font-size:12.5px}.error-text{color:var(--color-error-text);align-items:center;gap:6px;font-size:12.5px;display:flex}.input,.select,.textarea{width:100%;height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 10px;font-size:13px}.textarea{resize:vertical;height:auto;min-height:88px;padding:8px 10px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-interactive)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--color-error)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238b8f99' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:30px}.checkbox{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary);flex:none;margin:1px 0 0}.switch{flex:none;width:32px;height:18px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:-12px -6px}.switch span{border-radius:var(--radius-full);background:var(--color-border-strong);transition:background-color var(--dur-base) var(--ease-out);position:absolute;inset:0}.switch span:after{content:"";width:14px;height:14px;transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--color-primary)}.switch input:checked+span:after{transform:translate(14px)}.switch input:focus-visible+span{box-shadow:var(--focus-ring)}.switch input:disabled+span{opacity:.45}.chip{border-radius:var(--radius-full);white-space:nowrap;background:var(--color-surface);height:22px;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.chip svg{width:12px;height:12px}.chip .chip-dot{background:var(--dot,var(--color-text-faint));border-radius:50%;flex:none;width:7px;height:7px}.chip .product-logo{border-radius:4px;width:14px;height:14px;margin-left:-3px}.chip.blue{--dot:var(--color-primary)}.chip.green{--dot:var(--color-success)}.chip.amber{--dot:var(--color-warning)}.chip.red{--dot:var(--color-error);color:var(--color-error-text)}.chip.gray{--dot:var(--color-text-faint)}.chip.outline{color:var(--color-text-muted);border-style:dashed}.badge{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;background:var(--color-primary);color:#fff;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.badge.muted{color:var(--color-text-muted);background:0 0;min-width:0;padding:0;font-weight:500}.avatar{color:#fff;background:var(--avatar-bg,#64748b);-webkit-user-select:none;user-select:none;letter-spacing:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:inline-grid;overflow:hidden}.avatar.sm{width:24px;height:24px;font-size:10px}.avatar.xs{width:20px;height:20px;font-size:9px}.avatar img{object-fit:cover;width:100%;height:100%}.product-logo{background:var(--color-surface);border-radius:26%;flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.product-logo img{object-fit:cover;width:100%;height:100%}.product-logo.placeholder{background:var(--color-bg-subtle);color:var(--color-text-muted)}.status-icon,.prio-icon{flex:none;width:14px;height:14px;display:inline-block}.menu{z-index:60;border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);min-width:200px;max-width:320px;max-height:min(440px,100vh - 32px);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);padding:4px;position:fixed;overflow:auto}.menu-item{border-radius:var(--radius-sm);text-align:left;width:100%;min-height:30px;color:var(--color-text);background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.menu-item:hover,.menu-item:focus-visible,.menu-item[data-active=true]{background:var(--color-surface-hover);outline:none}.menu-item svg{width:15px;height:15px;color:var(--color-text-muted);flex:none}.menu-item .kbd{margin-left:auto}.menu-item[aria-checked=true]:after{content:"✓";color:var(--color-primary-text);margin-left:auto;font-weight:600}.menu-item.danger,.menu-item.danger svg{color:var(--color-error-text)}.menu-sep{background:var(--color-border);height:1px;margin:4px}.menu-label{color:var(--color-text-muted);padding:6px 8px 4px;font-size:11.5px;font-weight:500}@keyframes pop-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}}.overlay{z-index:70;background:var(--color-overlay);animation:fade-in var(--dur-base) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface-raised);border-radius:var(--radius-xl);width:min(480px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);animation:dialog-in var(--dur-slow) var(--ease-out);overflow:auto}.dialog.wide{width:min(720px,100%)}.dialog-head{align-items:center;gap:12px;padding:16px 20px 4px;display:flex}.dialog-head h2{flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4}.dialog-body{gap:14px;padding:8px 20px 12px;display:grid}.dialog-foot{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:4px;padding:12px 20px 16px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}.toasts{z-index:90;pointer-events:none;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-md);color:#f2f2f4;box-shadow:var(--shadow-lg);animation:toast-in var(--dur-base) var(--ease-out);background:#1b1c20;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:13px;display:flex}:root[data-theme=dark] .toast{color:#1b1c20;background:#ececee}.toast .t-msg{flex:1}.toast button{color:#a3abff;background:0 0;border:0;border-radius:4px;place-items:center;padding:4px 6px;font-weight:500;display:grid}.toast.error{background:var(--color-error-text);color:#fff}.toast.error button{color:#fff;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.tooltip{z-index:95;border-radius:var(--radius-sm);color:#f2f2f4;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-md);background:#1b1c20;padding:4px 8px;font-size:12px;position:fixed}.kbd{border:1px solid var(--color-border-strong);min-width:18px;height:18px;font:500 11px/1 var(--font-sans);color:var(--color-text-muted);background:var(--color-surface);border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.banner{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.banner svg{flex:none;width:16px;height:16px;margin-top:1px}.banner.info{background:var(--color-primary-subtle);border-color:color-mix(in srgb, var(--color-primary) 22%, transparent)}.banner.info svg{color:var(--color-primary-text)}.banner.warn{background:var(--color-warning-subtle);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent)}.banner.warn svg{color:var(--color-warning-text)}.banner.error{background:var(--color-error-subtle);border-color:color-mix(in srgb, var(--color-error) 32%, transparent)}.banner.error svg{color:var(--color-error-text)}.banner.success{background:var(--color-success-subtle);border-color:color-mix(in srgb, var(--color-success) 32%, transparent)}.banner.success svg{color:var(--color-success-text)}.banner b{font-weight:600}.empty{text-align:center;color:var(--color-text-muted);justify-items:center;gap:6px;padding:56px 24px;display:grid}.empty .empty-icon{background:var(--color-bg-subtle);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.empty .empty-icon svg{width:20px;height:20px}.empty h3{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.empty p{max-width:34ch;margin:0;font-size:13px}.skeleton{background:linear-gradient(90deg, var(--color-bg-subtle) 0%, var(--color-border) 50%, var(--color-bg-subtle) 100%);background-size:200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.shell.rail{--sidebar-w:56px}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace{grid-template-columns:var(--list-w) minmax(0, 1fr);background:var(--color-surface);border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow-frame);flex:auto;grid-template-rows:minmax(0,1fr);margin:8px 8px 8px 0;display:grid;overflow:hidden}.workspace.full{grid-template-columns:minmax(0,1fr)}.panel{background:var(--color-surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.list-panel{border-right:1px solid var(--color-border);container:list/inline-size}.sidebar{flex-direction:column;min-height:0;padding:10px 8px 8px;display:flex;overflow:hidden}.brand{align-items:center;gap:8px;min-height:36px;padding:2px 2px 8px 6px;display:flex}.brand-mark{background:var(--color-primary);color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.brand-mark svg{width:13px;height:13px}.brand-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.brand-name small{color:var(--color-text-muted);font-size:11.5px;font-weight:400;display:block}.nav-top{gap:1px;padding-bottom:6px;display:grid}.nav-scroll{flex:1;min-height:0;margin:0 -8px;padding:0 8px 8px;overflow:hidden auto}.nav-section{margin-top:14px}.nav-section-title{border-radius:var(--radius-sm);width:100%;height:26px;color:var(--color-text-muted);text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:0 6px;font-size:12px;font-weight:500;display:flex}.nav-section-title:hover{color:var(--color-text);background:var(--color-nav-hover)}.nav-section-title svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out)}.nav-section-title[aria-expanded=false] svg{transform:rotate(-90deg)}.nav-item{border-radius:var(--radius-sm);width:100%;height:28px;color:var(--color-text-secondary);text-align:left;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:0 6px 0 8px;font-size:13px;font-weight:450;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--color-nav-hover);color:var(--color-text);text-decoration:none}.nav-item[aria-current=page]{background:var(--color-nav-selected);color:var(--color-text);font-weight:500}.nav-item svg{width:15px;height:15px;color:var(--color-text-muted);flex:none}.nav-item[aria-current=page] svg{color:var(--color-text)}.nav-item .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .nav-label .domain{color:var(--color-text-faint);font-weight:400}.nav-item.unread .nav-label{color:var(--color-text);font-weight:600}.nav-item .count{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:12px}.nav-item.unread .count{color:var(--color-text);font-weight:600}.nav-item .kbd{margin-left:auto}.nav-item .product-logo{border-radius:4px;width:16px;height:16px}.nav-item .health-dot{border-radius:50%;flex:none;width:6px;height:6px}.sidebar-foot{border-top:1px solid var(--color-border);align-items:center;gap:2px;margin-top:2px;padding-top:6px;display:flex}.account-btn{border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 6px;display:flex}.account-btn:hover{background:var(--color-nav-hover)}.account-btn .who{min-width:0;line-height:1.25}.account-btn .who b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;display:block;overflow:hidden}.account-btn .who span{color:var(--color-text-muted);font-size:11.5px;display:block}.shell.rail .brand-name,.shell.rail .nav-label,.shell.rail .count,.shell.rail .nav-section-title,.shell.rail .account-btn .who,.shell.rail .nav-item .kbd,.shell.rail .nav-item .health-dot{display:none}.shell.rail .nav-item{justify-content:center;height:32px;padding:0}.shell.rail .nav-section{border-top:1px solid var(--color-border);margin-top:8px;padding-top:8px}.shell.rail .brand{flex-direction:column;justify-content:center;gap:6px;padding:2px 0 8px}.shell.rail .sidebar-foot{flex-direction:column}.shell.rail .account-btn{justify-content:center;padding:4px 0}.list-head{border-bottom:1px solid var(--color-border);flex:none;grid-template-columns:minmax(0,1fr);display:grid}.list-title-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;height:48px;padding:0 8px 0 16px;display:flex}.list-title{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin:0;font-size:13px;font-weight:600;display:flex}.list-title .count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:400}.list-title-row .spacer{flex:1}.list-tools{gap:8px;min-width:0;padding:10px 12px;display:grid}.search{height:var(--control-h);border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 6px 0 10px;display:flex}.search:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.search svg{width:14px;height:14px;color:var(--color-text-muted);flex:none}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:13px}.search input::placeholder{color:var(--color-text-muted)}.search input::-webkit-search-cancel-button{display:none}.products{scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;margin:0 -12px;padding:1px 12px 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 28px),#0000 100%)}.products::-webkit-scrollbar{display:none}.product-btn{height:var(--control-h-sm);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);scroll-snap-align:start;color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:none;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.product-btn .tile{place-items:center;width:20px;height:20px;display:grid}.product-btn .tile .product-logo{border-radius:5px;width:18px;height:18px}.product-btn .tile.all svg{width:14px;height:14px;color:var(--color-text-muted)}.product-btn .name{line-height:1}.product-btn .badge{background:var(--color-bg-subtle);min-width:16px;height:16px;color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border);padding:0 4px;font-size:10.5px}.product-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.product-btn[aria-pressed=true]{background:var(--color-surface-selected);border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));color:var(--color-text)}.product-btn[aria-pressed=true] .badge{background:var(--color-primary);color:#fff;box-shadow:none}.tabs{scrollbar-width:none;align-items:center;gap:2px;min-width:0;margin:0 -12px;padding:1px 12px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs>*{flex:none}.tabs .spacer{flex:1 0 8px}.tab{height:var(--control-h-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.tab[aria-selected=true]{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.filter-btn{height:var(--control-h-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12.5px;font-weight:500;display:inline-flex}.filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.filter-btn[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text);border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border))}.filter-btn svg{width:13px;height:13px}.active-filters{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.active-filters .chip button{color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;width:14px;height:14px;padding:0;display:grid}.active-filters .chip button:hover{background:var(--color-border)}.list-scroll{overscroll-behavior:contain;flex:auto;min-height:0;position:relative;overflow-y:auto}.list-status{color:var(--color-text-muted);align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.group-row{z-index:2;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);height:32px;color:var(--color-text-secondary);align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:500;display:flex;position:sticky;top:0}.group-row .count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:400}.row{border-bottom:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);transition:background-color 80ms var(--ease-out);outline:none;grid-template-columns:8px 32px minmax(0,1fr);gap:0 10px;padding:10px 14px 10px 8px;display:grid;position:relative}.row:hover{background:var(--color-surface-hover)}.row[aria-selected=true]{background:var(--color-surface-selected);box-shadow:inset 2px 0 0 var(--color-primary)}.row:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 60%, transparent)}.row .lead{align-content:start;justify-items:center;padding-top:12px;display:grid}.row .unread-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.row .main{gap:1px;min-width:0;display:grid}.row .line1{align-items:center;gap:6px;min-width:0;height:20px;display:flex}.row .sender{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.row .line1 .spacer{flex:1}.row .count-in-thread{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.row .line1 svg{width:13px;height:13px;color:var(--color-text-faint);flex:none}.row .line1 svg.star-mark{color:var(--color-star);fill:var(--color-star)}.row time{color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.row .subject{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.row .snippet{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.45;overflow:hidden}.row .meta{align-items:center;gap:6px;min-width:0;margin-top:6px;display:flex;overflow:hidden}.row .meta .ref{color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.row.unread .sender{font-weight:600}.row.unread .subject{color:var(--color-text);font-weight:500}.row .avatar-wrap{align-self:start;width:32px;height:32px;margin-top:2px;position:relative}.row .avatar-wrap .product-badge{box-shadow:0 0 0 2px var(--color-surface);border-radius:5px;line-height:0;position:absolute;bottom:-3px;right:-3px}.row:hover .avatar-wrap .product-badge{box-shadow:0 0 0 2px var(--color-surface-hover)}.row[aria-selected=true] .avatar-wrap .product-badge{box-shadow:0 0 0 2px var(--color-surface-selected)}.row .row-actions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);gap:1px;padding:1px;display:none;position:absolute;top:8px;right:10px}@media (hover:hover){.row:hover .row-actions{display:flex}}.row .row-actions .icon-btn{width:26px;height:26px}.row .row-actions .icon-btn svg{width:14px;height:14px}.row-skeleton{border-bottom:1px solid var(--color-border);grid-template-columns:32px 1fr;gap:10px;padding:12px 14px 12px 26px;display:grid}.reader{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.reader-toolbar{border-bottom:1px solid var(--color-border);flex:none;align-items:center;gap:2px;height:48px;padding:0 8px 0 12px;display:flex}.reader-toolbar .spacer{flex:1}.reader-toolbar .sep{background:var(--color-border);width:1px;height:16px;margin:0 6px}.crumbs{min-width:0;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;margin-right:8px;font-size:12.5px;display:flex;overflow:hidden}.crumbs b{color:var(--color-text);text-overflow:ellipsis;font-weight:500;overflow:hidden}.crumbs svg{flex:none;width:12px;height:12px}.reader-split{flex:auto;grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid}.reader-body{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.reader-main{flex:1 0 auto;width:100%;min-width:0;max-width:820px;margin:0 auto;padding:24px 32px}.reader-subject{letter-spacing:-.012em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.3}.reader-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.reader-tags .ticket-select{height:22px}.thread{grid-template-columns:minmax(0,1fr);display:grid}.thread>*{min-width:0}.msg{border-top:1px solid var(--color-border);padding:14px 0 6px}.msg:first-child{border-top:0;padding-top:6px}.msg.collapsed{cursor:pointer;padding:8px 0}.msg.collapsed:hover .msg-head{background:var(--color-surface-hover)}.msg-head{border-radius:var(--radius-sm);grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;margin:0 -6px;padding:4px 6px;display:grid}.msg-head .who{min-width:0}.msg-head .who b{font-size:13px;font-weight:600}.msg-head .who .addr{color:var(--color-text-muted);margin-left:6px;font-size:12.5px}.msg-head .who .to{color:var(--color-text-muted);align-items:center;gap:2px;min-width:0;font-size:12.5px;display:flex}.msg-head .who .to span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-head .who .to button{color:inherit;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0 2px;display:inline-grid}.msg-head .who .to button:hover{color:var(--color-text);background:var(--color-surface-hover)}.msg-head .when{color:var(--color-text-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;display:flex}.msg-collapsed-snippet{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.details-grid{border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:8px 0 4px 42px;padding:10px 12px;font-size:12px;display:grid}.details-grid dt{color:var(--color-text-muted)}.details-grid dd{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.msg-content{padding:10px 0 8px 42px}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text);max-width:72ch;margin:0;font-family:inherit;font-size:14px;line-height:1.65}.msg-text .quoted{color:var(--color-text-muted);border-left:2px solid var(--color-border-strong);margin:8px 0;padding-left:12px;display:block}.quote-toggle{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:var(--radius-sm);height:20px;color:var(--color-text-muted);margin-top:6px;padding:0 8px;font-size:12px;line-height:1}.quote-toggle:hover{color:var(--color-text)}.email-surface{border-radius:var(--radius-md);background:#fff;max-width:760px}:root[data-theme=dark] .email-surface{box-shadow:0 0 0 1px var(--color-border);padding:12px}.email-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;width:100%;min-height:60px;display:block}.remote-banner{border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:8px;max-width:760px;margin-bottom:10px;padding:4px 4px 4px 10px;font-size:12.5px;display:flex}.remote-banner svg{width:14px;height:14px}.remote-banner button{margin-left:auto}.delivery{align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:inline-flex}.delivery svg{width:13px;height:13px}.delivery.ok{color:var(--color-success-text)}.delivery.pending{color:var(--color-text-muted)}.delivery.bad{color:var(--color-error-text)}.delivery-detail{margin:8px 0 0 42px}.msg-foot{color:var(--color-text-muted);padding:2px 0 6px 42px;font-size:11.5px}.attachments{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;max-width:802px;padding:6px 0 10px 42px;display:grid}.attachment{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-height:50px;color:var(--color-text);text-align:left;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 8px;display:flex}.attachment:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.attachment .ficon{background:var(--color-bg-subtle);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-muted);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.attachment .ficon img{object-fit:cover;width:100%;height:100%}.attachment .ficon svg{width:16px;height:16px}.attachment .fmeta{flex:1;min-width:0;line-height:1.3}.attachment .fmeta b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;display:block;overflow:hidden}.attachment .fmeta span{color:var(--color-text-muted);font-size:11.5px}.attachment .f-actions{flex:none;gap:1px;display:flex}.attachment .f-actions .icon-btn{width:28px;height:28px}.attachment.risk{border-color:color-mix(in srgb, var(--color-warning) 50%, var(--color-border))}.attachment.blocked{opacity:.72}.attachment.blocked .ficon,.attachment.risk .ficon{background:var(--color-warning-subtle);color:var(--color-warning-text)}.note{border:1px solid var(--color-note-border);background:var(--color-note);border-radius:var(--radius-md);gap:4px;margin:10px 0 6px 42px;padding:10px 12px;display:grid}.note-head{color:var(--color-note-text);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.note-head svg{width:12px;height:12px}.note-body{white-space:pre-wrap;color:var(--color-text);font-size:13px;line-height:1.55}.event-line{color:var(--color-text-muted);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0 8px 42px;font-size:11.5px;display:flex}.event-line:before{content:"";background:var(--color-border-strong);border-radius:50%;flex:none;width:6px;height:6px}button.event-line{cursor:pointer}button.event-line:hover{color:var(--color-text)}.reply-bar{z-index:3;background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:10px 32px;display:flex;position:sticky;bottom:0}.reply-bar .spacer{flex:1}.ticket-panel{width:var(--details-w);border-left:1px solid var(--color-border);background:var(--color-bg-subtle);flex-direction:column;gap:18px;min-height:0;padding:12px 12px 24px;display:flex;overflow-y:auto}.ticket-panel.overlay-panel{z-index:20;box-shadow:var(--shadow-lg);animation:slide-in var(--dur-base) var(--ease-out);position:absolute;top:48px;bottom:0;right:0}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.ticket-panel h3{color:var(--color-text-muted);margin:0 0 4px;padding:0 6px;font-size:12px;font-weight:500}.panel-head{align-items:center;gap:8px;min-height:28px;padding:0 0 0 6px;display:flex}.panel-head b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.panel-head .spacer{flex:1}.props{gap:1px;display:grid}.prop{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:4px;min-height:30px;display:grid}.prop .label{color:var(--color-text-muted);padding-left:6px;font-size:12px;font-weight:400}.prop-btn{border-radius:var(--radius-sm);width:100%;min-width:0;height:28px;color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 6px;font-size:12.5px;display:flex}.prop-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.prop-btn:disabled{cursor:default}.prop-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prop-btn .muted{color:var(--color-text-muted)}.prop-btn svg{flex:none;width:14px;height:14px}.sla{color:var(--color-text-secondary);align-items:center;gap:6px;padding-left:6px;font-size:12px;display:flex}.sla svg{width:13px;height:13px}.sla.overdue{color:var(--color-error-text);font-weight:500}.customer-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);gap:8px;padding:10px;display:grid}.customer-card .history{gap:1px;display:grid}.customer-card .history button{text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;gap:1px;margin:0 -6px;padding:5px 6px;display:grid}.customer-card .history button:hover{background:var(--color-surface-hover)}.customer-card .history b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.customer-card .history span{color:var(--color-text-muted);font-size:11.5px}.timeline{color:var(--color-text-muted);gap:6px;padding:0 6px;font-size:11.5px;display:grid}.timeline div{gap:8px;display:flex}.timeline div:before{content:"";background:var(--color-border-interactive);border-radius:50%;flex:none;width:5px;height:5px;margin-top:6px}.tags-edit{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 6px;display:flex}.tags-edit input{border:1px dashed var(--color-border-strong);border-radius:var(--radius-full);background:0 0;width:84px;height:22px;padding:0 8px;font-size:11.5px}.reader-empty{flex:auto;place-items:center;min-height:0;display:grid}.composer-dock{z-index:50;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:580px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-xl);max-height:calc(100vh - 40px);animation:dock-in var(--dur-slow) var(--ease-out);border-bottom:0;flex-direction:column;display:flex;position:fixed;bottom:0;right:20px}.composer-dock.expanded{border-radius:var(--radius-lg);border-bottom:1px solid var(--color-border);width:min(860px,100vw - 48px);height:calc(100vh - 96px);animation:none;bottom:24px;right:50%;transform:translate(50%)}.composer-dock.minimized{width:300px}@keyframes dock-in{0%{opacity:0;transform:translateY(16px)}}.composer-head{border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;gap:2px;height:40px;padding:0 6px 0 14px;display:flex}.composer-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:13px;font-weight:600;overflow:hidden}.composer{flex-direction:column;flex:1;min-height:0;display:flex}.composer.inline{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);margin:12px 0 8px}.c-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;min-height:38px;padding:0 14px;display:flex}.c-row>.c-label{color:var(--color-text-muted);flex:none;width:52px;font-size:12.5px}.c-row select,.c-row input.bare{background:0 0;border:0;outline:none;flex:1;min-width:0;height:36px;font-size:13px}.c-row select{appearance:none;cursor:pointer;font-weight:500}.c-row .ccbcc{color:var(--color-text-muted);border-radius:var(--radius-xs);background:0 0;border:0;padding:3px 6px;font-size:12.5px}.c-row .ccbcc:hover{color:var(--color-text);background:var(--color-surface-hover)}.recipients{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:5px 0;display:flex}.recipients input{background:0 0;border:0;outline:none;flex:1;min-width:120px;height:26px;font-size:13px}.rcpt{border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);align-items:center;gap:2px;max-width:100%;height:24px;padding:0 2px 0 8px;font-size:12.5px;display:inline-flex}.rcpt.invalid{background:var(--color-error-subtle);border-color:var(--color-error);color:var(--color-error-text)}.rcpt span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rcpt button{width:18px;height:18px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.rcpt button:hover{background:var(--color-border)}.rcpt button svg{width:11px;height:11px}.editor-wrap{flex-direction:column;flex:1;min-height:150px;display:flex;overflow-y:auto}.editor{overflow-wrap:anywhere;outline:none;flex:1;min-height:150px;padding:14px;font-size:14px;line-height:1.6}.editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.editor blockquote{border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);margin:8px 0;padding-left:12px}.editor [data-signature]{color:var(--color-text-secondary)}.editor ul,.editor ol{padding-left:22px}textarea.editor{resize:none;background:0 0;border:0;font-family:inherit}.toolbar{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1px;padding:4px 8px;display:flex}.toolbar .icon-btn{width:28px;height:28px}.toolbar .icon-btn svg{width:15px;height:15px}.toolbar .sep{background:var(--color-border);width:1px;height:16px;margin:0 4px}.c-attachments{flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.c-att{border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);align-items:center;gap:6px;max-width:260px;height:28px;padding:0 2px 0 8px;font-size:12.5px;display:inline-flex}.c-att span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-att small{color:var(--color-text-muted)}.c-att progress{width:56px;height:4px}.c-foot{border-top:1px solid var(--color-border);align-items:center;gap:6px;padding:10px 14px;display:flex}.c-foot .status{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.split-btn{display:inline-flex}.split-btn .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.split-btn .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid #ffffff40;padding:0 7px}.drop-hint{z-index:5;border:2px dashed var(--color-primary);border-radius:inherit;background:color-mix(in srgb, var(--color-primary-subtle) 88%, transparent);color:var(--color-primary-text);pointer-events:none;place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.palette{background:var(--color-surface-raised);border-radius:var(--radius-xl);width:min(620px,100%);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);animation:dialog-in var(--dur-base) var(--ease-out);align-self:start;margin-top:14vh;overflow:hidden}.palette-input{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:0 14px;display:flex}.palette-input svg{width:16px;height:16px;color:var(--color-text-muted)}.palette-input input{background:0 0;border:0;outline:none;flex:1;height:48px;font-size:14px}.palette-list{max-height:380px;padding:4px;overflow-y:auto}.palette-foot{border-top:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-subtle);gap:14px;padding:8px 14px;font-size:11.5px;display:flex}.palette-foot span{align-items:center;gap:4px;display:inline-flex}.page{flex:auto;min-height:0;overflow-y:auto}.page-inner{gap:20px;max-width:880px;margin:0 auto;padding:32px 32px 64px;display:grid}.page-head{align-items:flex-start;gap:16px;display:flex}.page-head h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:1.3}.page-head p{color:var(--color-text-muted);max-width:64ch;margin:4px 0 0}.page-head .actions{flex:none;gap:8px;margin-left:auto;display:flex}.settings-layout{flex:auto;grid-template-columns:232px minmax(0,1fr);min-height:0;display:grid}.settings-nav{border-right:1px solid var(--color-border);background:var(--color-bg-subtle);flex-direction:column;gap:1px;min-height:0;padding:12px 8px;display:flex;overflow-y:auto}.settings-nav .group{color:var(--color-text-muted);padding:14px 8px 4px;font-size:12px;font-weight:500}.settings-nav .group:first-child{padding-top:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-pad{padding:16px 18px}.card-head{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.card-head h2{flex:1;margin:0;font-size:13px;font-weight:600}.card-list>*+*{border-top:1px solid var(--color-border)}.setting-row{align-items:center;gap:14px;padding:12px 16px;display:flex}.setting-row .txt{flex:1;min-width:0}.setting-row .txt b{font-size:13px;font-weight:500;display:block}.setting-row .txt span{color:var(--color-text-muted);font-size:12.5px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.stat{gap:2px;padding:14px 16px;display:grid}.stat .k{color:var(--color-text-muted);font-size:12px}.stat .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.25}.health{align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.health:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.health.verified{color:var(--color-success-text)}.health.unverified{color:var(--color-warning-text)}.health.not_configured,.health.disabled{color:var(--color-text-muted)}.health.failing{color:var(--color-error-text)}.addr-card{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 16px;display:grid}.addr-icon{background:var(--color-bg-subtle);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);border-radius:8px;place-items:center;display:grid}.addr-icon svg{width:17px;height:17px}.addr-card h3{margin:0;font-size:13px;font-weight:600}.addr-card .email{color:var(--color-text-secondary);font-size:12.5px;font-family:var(--font-mono)}.addr-card .facts{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);padding:8px 14px;font-size:12px;font-weight:500;position:sticky;top:0}.table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:var(--color-surface-hover)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.code{font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre;padding:12px;font-size:12px;overflow-x:auto}.secret{font-family:var(--font-mono);border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);word-break:break-all;-webkit-user-select:all;user-select:all;padding:10px 12px;font-size:12.5px}.auth{background:var(--color-bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);width:min(380px,100%);box-shadow:var(--shadow-frame), var(--shadow-md);gap:18px;padding:28px;display:grid}.auth-card h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:1.3}.auth-card p{color:var(--color-text-muted);margin:0}.auth-logos{gap:6px;display:flex}.auth-logos .product-logo{border-radius:6px;width:22px;height:22px}.drawer{z-index:65;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(380px,100vw - 16px);box-shadow:var(--shadow-xl);animation:slide-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:8px;bottom:8px;right:8px}.notif{text-align:left;border:0;border-bottom:1px solid var(--color-border);background:0 0;grid-template-columns:28px 1fr;gap:10px;width:100%;padding:10px 14px;display:grid}.notif:hover{background:var(--color-surface-hover)}.notif .n-icon{background:var(--color-bg-subtle);width:28px;height:28px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:50%;place-items:center;display:grid}.notif .n-icon svg{width:14px;height:14px}.notif.unread .n-icon{background:var(--color-primary-subtle);color:var(--color-primary-text);border-color:#0000}.notif b{font-size:13px;font-weight:500;display:block}.notif span{color:var(--color-text-muted);font-size:12.5px}@container list (width<=400px){.tabs{gap:0}.tab{padding:0 7px;font-size:12px}.filter-btn{font-size:12px}.fl-label{display:none}.filter-btn{padding:0 7px}}@media (width<=1280px){:root{--details-w:256px}.reader-main{padding:20px 24px}.reply-bar{padding:10px 24px}}@media (width<=1100px){:root{--list-w:clamp(300px, 34vw, 360px)}}@media (width<=960px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace.reading .list-panel,.workspace:not(.reading) .reader-panel{display:none}.list-panel{border-right:0}}.m-only{display:none}@media (width<=767px){.d-only{display:none!important}.m-only{display:revert}body{background:var(--color-surface);font-size:15px}.shell{height:auto;display:block;overflow:visible}.sidebar{display:none}.main{display:block;overflow:visible}.workspace{box-shadow:none;border-radius:0;height:100dvh;margin:0;display:block}.panel{height:100dvh}.list-head{border-bottom:0}.list-title-row{display:none}.list-tools{padding:calc(env(safe-area-inset-top) + 6px) 16px 10px;gap:12px}.m-header{align-items:center;gap:4px;min-height:44px;display:flex}.m-header .spacer{flex:1}.m-header .icon-btn{width:44px;height:44px}.m-header .icon-btn svg{width:20px;height:20px}.m-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.m-title button{font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.m-title svg{width:20px;height:20px;color:var(--color-text-muted)}.search{border-radius:10px;height:40px}.search input{font-size:16px}.product-btn{border-radius:10px;height:36px;padding:0 10px 0 6px;font-size:14px}.product-btn .tile{width:24px;height:24px}.product-btn .tile .product-logo{width:22px;height:22px}.tab,.filter-btn{height:34px;padding:0 12px;font-size:14px}.row{touch-action:pan-y;grid-template-columns:8px 40px minmax(0,1fr);padding:12px 16px 12px 8px}.row .avatar-wrap{width:40px;height:40px}.row .avatar-wrap .avatar{width:40px;height:40px;font-size:14px}.row .line1{height:22px}.row .sender{font-size:16px}.row .subject{font-size:15px}.row .snippet{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box}.group-row{height:30px;font-size:13px}.list-scroll{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.fab{right:16px;bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:30;height:52px;box-shadow:var(--shadow-lg);border-radius:16px;padding:0 18px 0 16px;font-size:15px;position:fixed}.fab svg{width:18px;height:18px}.bottom-nav{z-index:25;padding:4px 8px calc(env(safe-area-inset-bottom) + 4px);background:color-mix(in srgb, var(--color-surface) 97%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{height:52px;color:var(--color-text-muted);background:0 0;border:0;border-radius:10px;align-content:center;justify-items:center;gap:2px;font-size:11px;font-weight:500;display:grid;position:relative}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button[aria-current=page]{color:var(--color-primary-text)}.bottom-nav .badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:4px;left:calc(50% + 6px)}.reader{height:100dvh}.reader-toolbar{height:auto;padding:calc(env(safe-area-inset-top) + 4px) 4px 4px;border-bottom:0}.reader-toolbar .icon-btn{width:44px;height:44px}.reader-toolbar .icon-btn svg{width:20px;height:20px}.crumbs{display:none}.reader-split{flex:1;min-height:0;display:block;overflow-y:auto}.reader-body{overflow:visible}.reader-main{padding:4px 16px 24px}.reader-subject{font-size:22px}.msg-content,.attachments,.delivery-detail,.msg-foot,.note,.event-line{margin-left:0;padding-left:0}.details-grid{margin-left:0}.msg-text{font-size:16px}.ticket-panel{border-left:0;border-top:1px solid var(--color-border);width:auto}.ticket-panel.overlay-panel{box-shadow:none;animation:none;position:static}.reply-bar{display:none}.m-actions{padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:color-mix(in srgb, var(--color-surface) 95%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);gap:10px;display:flex;position:sticky;bottom:0}.m-actions .btn{border-radius:12px;flex:1;height:44px;font-size:15px}.m-actions .btn.btn-outline{flex:0 0 52px;padding:0}.composer-dock,.composer-dock.expanded{width:100%;max-width:none;height:100dvh;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);animation:sheet-in var(--dur-slow) var(--ease-out);border:0;border-radius:0;inset:0;transform:none}.composer-head{border-radius:0;height:52px}.c-row select,.c-row input.bare,.recipients input,.editor{font-size:16px}.input,.select,.textarea{height:44px;font-size:16px}.settings-layout{display:block}.settings-nav{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;gap:4px;padding:8px 12px;overflow-x:auto}.settings-nav .group{display:none}.settings-nav .nav-item{flex:none;width:auto;height:36px;padding:0 12px}.page{overflow:visible}.page-inner{padding:16px 16px 120px}.page-head{flex-wrap:wrap}.page-head .actions{margin-left:0}.m-page-head{padding:calc(env(safe-area-inset-top) + 8px) 8px 8px;border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:8px;display:flex}.m-page-head h1{margin:0;font-size:17px;font-weight:600}.addr-card{grid-template-columns:minmax(0,1fr)}.addr-card .addr-icon{display:none}.dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);align-self:end}.overlay{padding:0}.drawer{width:100%;padding-top:env(safe-area-inset-top);border-radius:0;inset:0}.toasts{bottom:calc(env(safe-area-inset-bottom) + 140px)}.ptr{height:0;color:var(--color-text-muted);transition:height var(--dur-base) var(--ease-out);place-items:center;display:grid;overflow:hidden}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.row[aria-selected=true],.nav-item[aria-current=page],.product-btn[aria-pressed=true],.tab[aria-selected=true]{outline:2px solid highlight}}