@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-3xl:1.875rem;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex-1{flex:1}}:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-dark-bg:#030712;--color-dark-surface:#0f172a;--color-dark-elevated:#1e293b;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-accent-400:#a78bfa;--color-accent-500:#8b5cf6;--color-accent-600:#7c3aed;--color-red-400:#f87171;--color-red-500:#ef4444;--color-green-500:#10b981;--color-bg-page:#050510;--color-bg-surface:#ffffff08;--color-bg-surface-hover:#ffffff14;--color-bg-card:#1e293b66;--color-bg-card-solid:#111827;--color-bg-input:#0f172a99;--color-bg-input-focus:#0f172ae6;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-placeholder:#475569;--color-accent:var(--color-primary-500);--color-accent-hover:var(--color-primary-400);--color-accent-gradient:linear-gradient(135deg,#0ea5e9 0%,#8b5cf6 100%);--color-surface-gradient:linear-gradient(180deg,#ffffff0d 0%,#ffffff03 100%);--color-border:#ffffff14;--color-border-focus:var(--color-primary-500);--color-danger:var(--color-red-500);--color-danger-hover:var(--color-red-400);--color-success:var(--color-green-500);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;--shadow-xl:0 25px 50px -12px #0006;--shadow-glow:0 0 20px #0ea5e933;--shadow-glow-focus:0 0 0 3px #0ea5e94d;--shadow-card:0 0 0 1px #ffffff0d,0 4px 20px #0003;--font-family:"Outfit","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.4s cubic-bezier(.175,.885,.32,1.275);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--blur-sm:4px;--blur-md:12px;--blur-lg:24px;--blur-xl:40px}.page-container{background:var(--color-bg-page);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family);background-image:radial-gradient(circle at 100% 0,#38bdf80f,#0000 45%),radial-gradient(circle at 0 100%,#8b5cf614,#0000 45%);background-attachment:fixed}.page-container--centered{padding:var(--container-pad);justify-content:center;align-items:center;display:flex}.page-container--padded{padding:0}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-card);width:100%;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:var(--z-sticky);margin-bottom:var(--space-8);padding:var(--space-4)0;position:sticky;top:0}.header-content{max-width:var(--container-max);padding:0 var(--container-pad);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.page-content,.container{width:100%;max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}@media(max-width:640px){.message-table,.message-table tbody{width:100%;display:block}.message-table thead{display:none}.message-table tr{gap:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-5);grid-template:"from""to""subject""date"/1fr;align-items:start;display:grid;position:relative}.message-table td{border:none;width:auto;padding:0;display:block;background:0 0!important}.col-checkbox,.message-table .col-checkbox,.message-table td.col-checkbox,td.col-checkbox{visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.col-from{grid-area:from;min-width:0}.col-from .from-cell{gap:var(--space-2);flex-wrap:wrap}.col-from .from-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.col-to{font-size:var(--text-sm);color:var(--color-text-secondary);grid-area:to}.col-to span{max-width:100%}.col-to:before{content:"To: ";color:var(--color-text-muted);font-weight:var(--font-medium)}.col-subject{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-area:subject}.col-subject .subject-cell{gap:var(--space-1)}.col-subject .subject-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:normal;line-height:var(--leading-normal)}.col-subject .preview-text{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);white-space:normal;line-height:var(--leading-relaxed);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.col-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-align:left;grid-area:date}.col-actions,.message-table .col-actions,.message-table td.col-actions,td.col-actions{visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.badge-system{padding:2px 5px;font-size:9px}.message-row.selected{border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent);background:#0ea5e914}.message-row:active{background:#ffffff0d;transform:scale(.99)}.message-row:hover{background:var(--color-bg-card);box-shadow:none}}.message-table thead{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:linear-gradient(#ffffff1a,#ffffff0d)}.message-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.message-table th,.message-table td{padding:var(--space-4);text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff1f}.card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);border-color:#ffffff26}.card--auth{width:100%;max-width:24rem;padding:var(--space-8)}.card--list{overflow:hidden}.card-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-gradient);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-5)}.heading-page{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em;margin-bottom:var(--space-6)}.heading-card{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.heading-section{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.text-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.text-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.text-muted{font-size:var(--text-sm);color:var(--color-text-muted)}.text-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;font-family:inherit;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg-page),0 0 0 4px var(--color-accent);outline:none}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);font-weight:var(--font-semibold)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover);border-color:var(--color-border)}.btn-danger{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.input-field{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-family:inherit}.input-field::-moz-placeholder{color:var(--color-text-placeholder)}.input-field::placeholder{color:var(--color-text-placeholder)}.input-field:focus{background:var(--color-bg-input-focus);border-color:var(--color-primary-500);box-shadow:var(--shadow-glow-focus);outline:none}.input-field--error{border-color:var(--color-danger)}.input-field--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444433}.text-error{color:var(--color-danger)}.text-xs{font-size:var(--text-xs)}.mt-1{margin-top:var(--space-1)}.w-full{width:100%}.input-group{gap:var(--space-3);flex-direction:column;display:flex}@media(min-width:768px){.input-group--row{flex-direction:row}}.list{margin:0;padding:0;list-style:none}.list--divided>.list-item:not(:last-child){border-bottom:1px solid var(--color-border)}.list-item{transition:background var(--transition-fast);padding:0}.list-item:hover{background:var(--color-bg-surface-hover)}.list-item-btn{width:100%;padding:var(--space-4);text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;display:block}.list-item-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.list-item-main{flex:1;min-width:0}.list-item-aside{white-space:nowrap;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.list-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.modal-overlay{padding:var(--space-4);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)ease-out;cursor:pointer;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(180deg,var(--color-slate-800)0%,var(--color-slate-900)100%);border-radius:var(--radius-xl);width:100%;max-width:56rem;max-height:85vh;box-shadow:var(--shadow-xl),0 0 60px #00000080;z-index:var(--z-modal);animation:slideUp var(--transition-slow)var(--transition-spring);cursor:default;border:1px solid #ffffff1a;flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,#6366f11a,#0000);justify-content:space-between;align-items:center;display:flex}.modal-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.modal-header-right{align-items:center;gap:var(--space-3);display:inline-flex}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;padding:2px;display:inline-flex}.view-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:0;padding:6px 10px}.view-toggle-btn:hover{color:var(--color-text-primary)}.view-toggle-btn.active{color:var(--color-text-primary);background:#ffffff14}.view-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.modal-header-icon{color:var(--color-accent);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.btn-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-close:hover{color:var(--color-danger);background:#ef44441a;border-color:#ef44444d}.modal-meta{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border);background:#0003}.modal-meta-grid{gap:var(--space-2);flex-direction:column;display:flex}.meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.meta-icon{color:var(--color-text-muted);flex-shrink:0}.modal-meta-label{font-weight:var(--font-medium);color:var(--color-text-muted);min-width:60px}.modal-meta-value{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-body{padding:var(--space-5);background:#0000001a;flex:1;overflow:auto}.message-sender{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent-hover)}.message-subject{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.message-preview{font-size:var(--text-sm);color:var(--color-text-muted)}.message-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);overflow-wrap:anywhere;word-break:break-word}.message-body[data-view=html] :where(span[data-mailbox-img]){border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff08;padding:2px 6px;display:inline-block}.message-body[data-view=html] :where(table){border-collapse:collapse}.message-body[data-view=html] :where(th,td){border:1px solid var(--color-border);padding:6px 8px}.message-body :where(p,ul,ol,blockquote){margin:0 0 var(--space-3)}.message-body :where(ul,ol){padding-left:1.25rem}.message-body :where(blockquote){padding-left:var(--space-4);border-left:2px solid var(--color-border);color:var(--color-text-muted)}.message-body :where(a){color:var(--color-accent-hover);text-underline-offset:2px;text-decoration:underline}.message-body :where(a:hover){color:var(--color-text-primary)}.message-body :where(pre){padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#00000040;overflow:auto}.message-body :where(code){font-family:var(--font-mono);font-size:.9em}.message-body :where(img,table){max-width:100%}.message-body--text{white-space:pre-wrap;font-family:var(--font-family)}.status-loading{padding:var(--space-4);color:var(--color-text-muted)}.status-error{padding:var(--space-4);color:var(--color-danger)}.status-hint{font-size:var(--text-sm);color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.flex-1{flex:1}.gap-4{gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4)0;display:flex}.batch-actions{align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.list-header{padding:var(--space-2)0;align-items:center;display:flex}.message-list-container{gap:var(--space-4);flex-direction:column;align-items:stretch;width:100%;display:flex}.search-bar{gap:var(--space-3);width:100%;max-width:var(--container-max);display:flex}.table-container{width:100%;max-width:var(--container-max);overflow-x:auto}.message-table{table-layout:fixed;border-collapse:collapse;width:100%}.info-bar,.batch-bar{width:100%;max-width:var(--container-max)}.search-input{flex:2}.filter-input{flex:1}@media(max-width:640px){.search-bar{flex-direction:column}}.info-bar{padding:var(--space-2)0}.batch-bar{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;justify-content:space-between;align-items:center;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.batch-bar-left,.batch-bar-right{align-items:center;gap:var(--space-3);display:flex}.batch-count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.btn-ghost-sm{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none}.btn-ghost-sm:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.combobox-container{width:100%;position:relative}.combobox-dropdown{top:calc(100% + var(--space-2));background:var(--color-bg-card-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);max-height:240px;padding:var(--space-2);transform-origin:top;animation:scaleIn var(--transition-fast);position:absolute;left:0;right:0;overflow-y:auto}.combobox-item{align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.combobox-item:hover,.combobox-item.active{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.combobox-item-icon{color:var(--color-text-muted);opacity:.6}@keyframes scaleIn{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.col-checkbox{text-align:center;width:5%}.col-from,.col-to{width:18%}.col-subject{width:auto}.col-date{text-align:right;width:12%}.col-actions{text-align:center;width:7%}.message-row{cursor:pointer;transition:background var(--transition-fast)}.message-row:nth-child(2n){background:#ffffff05}.message-row:hover{background:linear-gradient(90deg,#0ea5e966 0 3px,#ffffff0d 3px 100%)}.message-row.selected{background:linear-gradient(90deg,#0ea5e980 0 3px,#0ea5e914 3px 100%)}.message-row:last-child td{border-bottom:none}.from-cell{align-items:center;gap:var(--space-2);min-width:0;display:flex}.from-text{font-size:var(--text-sm);color:var(--color-accent-hover);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;flex-shrink:0;align-items:center;padding:2px 6px;display:inline-flex}.badge-system{color:var(--color-text-muted);background:#9ca3af33;border:1px solid #9ca3af4d}.subject-cell{flex-direction:column;gap:2px;min-width:0;max-width:100%;display:flex;overflow:hidden}.subject-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.preview-text{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.col-date{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.btn-row-action{opacity:0;width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.message-row:hover .btn-row-action,.message-row.selected .btn-row-action{opacity:1}.btn-row-action:hover{color:var(--color-danger);background:#ef44441a;border-color:#ef44442e}.btn-danger-solid{align-items:center;gap:var(--space-2);background:var(--color-danger);color:#fff;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.btn-danger-solid:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.btn-danger-solid:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-8)!important}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3)0;width:100%;max-width:var(--container-max);display:flex}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;min-width:60px}.pagination .btn:disabled{opacity:.4;cursor:not-allowed}.message-table input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer}.list-item-content{align-items:flex-start;gap:var(--space-2);display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute}.input-with-icon .input-field{padding-left:calc(var(--space-3) + 18px + var(--space-2))}.input-with-icon:focus-within .input-icon{color:var(--color-accent)}.empty-state-content{align-items:center;gap:var(--space-3);padding:var(--space-6)0;flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-muted);opacity:.5}.info-bar{align-items:center;gap:var(--space-2);padding:var(--space-2)0;display:flex}.info-bar .text-meta{align-items:center;gap:var(--space-2);display:flex}.message-table td.col-date{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);font-variant-numeric:tabular-nums}