:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f5f6fb;--c-surface:#fff;--c-surface-2:#f1f3f9;--c-surface-3:#e9ecf5;--c-border:#e4e7f0;--c-border-strong:#d0d5e3;--c-text:#171a23;--c-text-muted:#5a6076;--c-text-subtle:#8a90a4;--c-text-invert:#fff;--c-accent:#5a5af0;--c-accent-hover:#4848d6;--c-accent-active:#3a3ac0;--c-accent-soft:#ecebfe;--c-accent-ring:#5a5af059;--c-success:#15915f;--c-success-soft:#e0f4ec;--c-warning:#b07900;--c-warning-soft:#fbf0d6;--c-danger:#d23b34;--c-danger-soft:#fdeae9;--c-danger-hover:#b92f29;--c-info:#2563c9;--c-info-soft:#e4eefb;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.9rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--leading-tight:1.25;--leading-normal:1.5;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--r-sm:6px;--r-md:9px;--r-lg:13px;--r-xl:18px;--r-full:999px;--shadow-xs:0 1px 2px #1418280f;--shadow-sm:0 1px 3px #14182814, 0 1px 2px #1418280a;--shadow-md:0 6px 16px #1418281a;--shadow-lg:0 18px 40px #14182829;--shadow-focus:0 0 0 3px var(--c-accent-ring);--sidebar-w:250px;--topbar-h:60px;--content-max:1240px;--dur-fast:.13s;--dur-normal:.22s;--ease:cubic-bezier(.16, 1, .3, 1);--z-sticky:100;--z-modal:1000;--z-toast:1100}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-normal:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--fw-semibold)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}ul,ol{padding:0;list-style:none}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--r-sm);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full);border:2px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-subtle)}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-semibold);color:var(--c-text-subtle);padding:var(--sp-3) var(--sp-4);background:var(--c-surface-2);border-bottom:1px solid var(--c-border);white-space:nowrap}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);font-size:var(--text-base);color:var(--c-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.is-clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.table tbody tr.is-clickable:hover{background:var(--c-surface-2)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.table__actions{gap:var(--sp-2);justify-content:flex-end;display:flex}.app-layout{min-height:100vh;display:flex}.app-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.app-layout__content{padding:var(--sp-6);width:100%;max-width:var(--content-max);flex:1;margin:0 auto}.app-layout__scrim{display:none}@media (width<=860px){.app-layout__content{padding:var(--sp-4)}.app-layout__scrim{z-index:calc(var(--z-sticky) - 1);background:#171a2366;display:block;position:fixed;inset:0}}.sidebar{width:var(--sidebar-w);background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-5);border-bottom:1px solid var(--c-border);display:flex}.sidebar__logo{border-radius:var(--r-md);background:var(--c-accent);color:#fff;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.sidebar__title{font-weight:var(--fw-semibold);font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__nav{padding:var(--sp-4) var(--sp-3);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__link{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--c-text-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);display:flex}.sidebar__link:hover{background:var(--c-surface-2);color:var(--c-text)}.sidebar__link.is-active{background:var(--c-accent-soft);color:var(--c-accent-active)}.sidebar__link-icon{place-items:center;font-size:18px;display:grid}.sidebar__footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border);font-size:var(--text-xs);color:var(--c-text-subtle)}@media (width<=860px){.sidebar{z-index:var(--z-sticky);transition:transform var(--dur-normal) var(--ease);box-shadow:var(--shadow-lg);position:fixed;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}}.topbar{align-items:center;gap:var(--sp-4);height:var(--topbar-h);padding:0 var(--sp-6);background:color-mix(in srgb, var(--c-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.topbar__burger{color:var(--c-text-muted);font-size:20px;display:none}.topbar__title{font-size:var(--text-xl);font-weight:var(--fw-semibold);flex:1}.topbar__right{align-items:center;gap:var(--sp-4);display:flex}.topbar__user{position:relative}.topbar__user-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1);border-radius:var(--r-full);transition:background var(--dur-fast) var(--ease);display:flex}.topbar__user-btn:hover{background:var(--c-surface-2)}.topbar__avatar{background:var(--c-accent-soft);width:30px;height:30px;color:var(--c-accent-active);font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:50%;place-items:center;display:grid}.topbar__username{font-size:var(--text-base);font-weight:var(--fw-medium);max-width:140px}.topbar__menu{right:0;top:calc(100% + var(--sp-2));background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:160px;box-shadow:var(--shadow-md);padding:var(--sp-1);animation:modal-pop var(--dur-fast) var(--ease);position:absolute}.topbar__menu-item{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-base);color:var(--c-text);display:flex}.topbar__menu-item:hover{background:var(--c-surface-2)}@media (width<=860px){.topbar{padding:0 var(--sp-4)}.topbar__burger{place-items:center;display:grid}.topbar__username{display:none}}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;line-height:1.4;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge--neutral{background:var(--c-surface-3);color:var(--c-text-muted)}.badge--accent{background:var(--c-accent-soft);color:var(--c-accent-active)}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge--danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge--info{background:var(--c-info-soft);color:var(--c-info)}.login{min-height:100vh;padding:var(--sp-4);background:radial-gradient(120% 90% at 50% -10%, var(--c-accent-soft) 0%, transparent 55%), var(--c-bg);place-items:center;display:grid}.login__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--sp-8)}.login__brand{text-align:center;margin-bottom:var(--sp-6)}.login__logo{border-radius:var(--r-lg);background:var(--c-accent);color:#fff;width:48px;height:48px;margin-bottom:var(--sp-4);place-items:center;font-size:24px;display:inline-grid}.login__title{font-size:var(--text-2xl)}.login__subtitle{color:var(--c-text-muted);font-size:var(--text-base);margin-top:var(--sp-1)}.login__form{gap:var(--sp-4);flex-direction:column;display:flex}.login__submit{margin-top:var(--sp-2);width:100%}.login__error{font-size:var(--text-sm);color:var(--c-danger);background:var(--c-danger-soft);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.login__hint{text-align:center;font-size:var(--text-xs);color:var(--c-text-subtle);margin-top:var(--sp-5)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--md{height:38px;padding:0 var(--sp-4);font-size:var(--text-base)}.btn--sm{height:30px;padding:0 var(--sp-3);font-size:var(--text-sm)}.btn--primary{background:var(--c-accent);color:var(--c-text-invert);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-text-subtle)}.btn--ghost{color:var(--c-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn--danger{background:var(--c-danger);color:var(--c-text-invert)}.btn--danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn.is-loading .btn__label{opacity:.7}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text)}.field__req{color:var(--c-danger)}.field__msg{font-size:var(--text-xs);color:var(--c-text-subtle)}.field__msg--error{color:var(--c-danger)}.input{width:100%;height:38px;padding:0 var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);font-size:var(--text-base);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}textarea.input{height:auto;padding:var(--sp-3);resize:vertical;line-height:var(--leading-normal)}.input::placeholder{color:var(--c-text-subtle)}.input:focus{border-color:var(--c-accent);box-shadow:var(--shadow-focus);outline:none}.field--error .input{border-color:var(--c-danger)}.input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a90a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:var(--sp-8);cursor:pointer}.messages{gap:var(--sp-5);height:calc(100vh - var(--topbar-h) - var(--sp-6) * 2);grid-template-columns:minmax(320px,380px) 1fr;display:grid}.messages__list-pane,.messages__detail-pane{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);flex-direction:column;min-height:0;display:flex;overflow:hidden}.messages__list-scroll{flex:1;min-height:0;overflow-y:auto}.messages__detail-pane{position:relative}.messages__detail-empty{flex:1;place-items:center;display:grid}@media (width<=860px){.messages{grid-template-columns:1fr;height:auto}.messages__list-pane{height:calc(100vh - var(--topbar-h) - var(--sp-4) * 2)}.messages__detail-pane,.messages.has-detail .messages__list-pane{display:none}.messages.has-detail .messages__detail-pane{height:calc(100vh - var(--topbar-h) - var(--sp-4) * 2);display:flex}}.msg-filters{gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--c-border);flex-direction:column;display:flex}.msg-filters__bar{gap:var(--sp-2);align-items:center;display:flex}.msg-filters__search{flex:1;position:relative}.msg-filters__search-icon{left:var(--sp-3);color:var(--c-text-subtle);pointer-events:none;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.msg-filters__search .input{padding-left:var(--sp-8)}.msg-filters__advanced{gap:var(--sp-3);padding-top:var(--sp-1);grid-template-columns:repeat(2,1fr);display:grid}.msg-filters__row{justify-content:space-between;align-items:center;gap:var(--sp-3);grid-column:1/-1;display:flex}.msg-filters__actions{gap:var(--sp-2);display:flex}@media (width<=560px){.msg-filters__advanced{grid-template-columns:1fr}}.switch{align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch.is-disabled{opacity:.55;cursor:not-allowed}.switch__input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--r-full);background:var(--c-border-strong);width:38px;height:22px;transition:background var(--dur-fast) var(--ease);flex-shrink:0;position:relative}.switch__thumb{width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch__input:checked+.switch__track{background:var(--c-accent)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch__input:focus-visible+.switch__track{box-shadow:var(--shadow-focus)}.switch__label{font-size:var(--text-base)}.msg-list{flex-direction:column;display:flex}.msg-row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);transition:background var(--dur-fast) var(--ease);display:flex;position:relative}.msg-row:hover{background:var(--c-surface-2)}.msg-row.is-active{background:var(--c-accent-soft)}.msg-row.is-active:before{content:"";background:var(--c-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.msg-row__avatar{background:var(--c-surface-3);width:38px;height:38px;color:var(--c-text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.msg-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-row__line1{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.msg-row__sender{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--c-text)}.msg-row__time{font-size:var(--text-xs);color:var(--c-text-subtle);white-space:nowrap;flex-shrink:0}.msg-row__subject{font-size:var(--text-base);color:var(--c-text-muted)}.msg-row__meta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);display:flex}.msg-row__recipient{color:var(--c-accent-active);background:var(--c-accent-soft);padding:1px var(--sp-2);border-radius:var(--r-sm);max-width:70%}.msg-row__attach{color:var(--c-text-subtle);align-items:center;gap:2px;display:inline-flex}.msg-row__dot{right:var(--sp-3);top:var(--sp-4);background:var(--c-accent);border-radius:50%;width:8px;height:8px;position:absolute}.msg-row.is-unseen .msg-row__sender,.msg-row.is-unseen .msg-row__subject{font-weight:var(--fw-semibold);color:var(--c-text)}.spinner{align-items:center;gap:var(--sp-2);color:var(--c-text-muted);display:inline-flex}.spinner__ring{border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:.7s linear infinite spinner-rotate}.spinner--sm .spinner__ring{width:14px;height:14px}.spinner--md .spinner__ring{width:20px;height:20px}.spinner--lg .spinner__ring{border-width:3px;width:30px;height:30px}.spinner__label{font-size:var(--text-base)}.spinner-block{padding:var(--sp-12) var(--sp-4);justify-content:center;align-items:center;display:flex}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--c-text-muted);flex-direction:column;align-items:center;display:flex}.empty-state__icon{border-radius:var(--r-lg);background:var(--c-surface-2);width:56px;height:56px;color:var(--c-text-subtle);margin-bottom:var(--sp-4);place-items:center;font-size:26px;display:grid}.empty-state__title{font-size:var(--text-lg);color:var(--c-text);margin-bottom:var(--sp-2)}.empty-state__desc{font-size:var(--text-base);max-width:42ch;line-height:var(--leading-normal)}.empty-state__action{margin-top:var(--sp-5)}.pagination{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.pagination__info{font-size:var(--text-sm);color:var(--c-text-muted)}.pagination__controls{gap:var(--sp-2);display:flex}.pagination__btn{border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-surface);width:32px;height:32px;color:var(--c-text-muted);transition:all var(--dur-fast) var(--ease);place-items:center;font-size:16px;display:grid}.pagination__btn:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.detail{flex-direction:column;height:100%;min-height:0;display:flex}.detail__head{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);display:flex}.detail__back{color:var(--c-text-muted);font-size:20px;display:none}.detail__subject{font-size:var(--text-lg);line-height:var(--leading-tight);flex:1;min-width:0}.detail__actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.detail__scroll{padding:var(--sp-5);gap:var(--sp-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.detail__fields{gap:var(--sp-3) var(--sp-5);padding:var(--sp-4);background:var(--c-surface-2);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail__field{flex-direction:column;gap:2px;min-width:0;display:flex}.detail__field dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-subtle)}.detail__field dd{font-size:var(--text-base);color:var(--c-text);word-break:break-word}.detail__section{flex-direction:column;display:flex}@media (width<=860px){.detail__back{place-items:center;display:grid}}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--sp-4);animation:modal-fade var(--dur-normal) var(--ease);background:#171a2373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-surface);border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--sp-8));animation:modal-pop var(--dur-normal) var(--ease);flex-direction:column;display:flex}.modal--sm{max-width:420px}.modal--md{max-width:540px}.modal--lg{max-width:720px}.modal__header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-border);display:flex}.modal__title{font-size:var(--text-lg)}.modal__close{border-radius:var(--r-md);width:32px;height:32px;color:var(--c-text-muted);place-items:center;font-size:18px;display:grid}.modal__close:hover{background:var(--c-surface-2);color:var(--c-text)}.modal__body{padding:var(--sp-6);overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-border);display:flex}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.msg-body{gap:var(--sp-3);flex-direction:column;display:flex}.msg-body__tabs{background:var(--c-surface-2);border-radius:var(--r-md);align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.msg-body__tab{padding:var(--sp-1) var(--sp-4);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text-muted)}.msg-body__tab.is-active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-xs)}.msg-body__frame{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;width:100%;min-height:320px}.msg-body__text{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-4);line-height:var(--leading-normal);margin:0}.msg-body__empty{color:var(--c-text-subtle);padding:var(--sp-4) 0;font-style:italic}.attach-list{gap:var(--sp-3);flex-direction:column;display:flex}.attach-list__title{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--c-text-muted);font-weight:var(--fw-semibold);display:flex}.attach-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);display:flex}.attach-item+.attach-item{margin-top:var(--sp-2)}.attach-item__icon{border-radius:var(--r-sm);background:var(--c-surface-2);width:34px;height:34px;color:var(--c-text-muted);flex-shrink:0;place-items:center;display:grid}.attach-item__info{flex-direction:column;flex:1;min-width:0;display:flex}.attach-item__name{font-size:var(--text-base);font-weight:var(--fw-medium)}.attach-item__meta{font-size:var(--text-xs);color:var(--c-text-subtle)}.attach-item__download{border-radius:var(--r-md);border:1px solid var(--c-border-strong);width:34px;height:34px;color:var(--c-text-muted);flex-shrink:0;place-items:center;font-size:16px;display:grid}.attach-item__download:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-accent)}.attach-item__download:disabled{opacity:.5}.page{gap:var(--sp-5);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--text-xl)}.page-header__desc{color:var(--c-text-muted);font-size:var(--text-base);max-width:60ch;margin-top:2px}.domains__name{font-weight:var(--fw-medium)}.domains__note{max-width:240px;color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.domains__del{border-radius:var(--r-md);width:32px;height:32px;color:var(--c-text-muted);transition:all var(--dur-fast) var(--ease);place-items:center;font-size:16px;display:grid}.domains__del:hover{background:var(--c-danger-soft);color:var(--c-danger)}.domain-form{gap:var(--sp-5);flex-direction:column;display:flex}.domain-form__actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.settings-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:var(--sp-6)}.card__head{gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.card__icon{border-radius:var(--r-md);background:var(--c-accent-soft);width:38px;height:38px;color:var(--c-accent-active);flex-shrink:0;place-items:center;font-size:18px;display:grid}.card__title{font-size:var(--text-lg)}.card__desc{font-size:var(--text-sm);color:var(--c-text-muted);margin-top:2px}.settings-form{align-items:flex-end;gap:var(--sp-3);display:flex}.settings-form--col{flex-direction:column;align-items:stretch}.settings-form__num{max-width:140px}.toast-stack{bottom:var(--sp-5);right:var(--sp-5);z-index:var(--z-toast);gap:var(--sp-2);max-width:min(380px, calc(100vw - var(--sp-8)));flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md);animation:toast-in var(--dur-normal) var(--ease);border-left-width:3px;display:flex}.toast__icon{border-radius:var(--r-full);color:#fff;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.toast__msg{font-size:var(--text-base);color:var(--c-text);word-break:break-word;flex:1}.toast__close{color:var(--c-text-subtle);place-items:center;font-size:15px;display:grid}.toast__close:hover{color:var(--c-text)}.toast--success{border-left-color:var(--c-success)}.toast--success .toast__icon{background:var(--c-success)}.toast--error{border-left-color:var(--c-danger)}.toast--error .toast__icon{background:var(--c-danger)}.toast--info{border-left-color:var(--c-accent)}.toast--info .toast__icon{background:var(--c-accent)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}