@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";.header-shell[data-v-12b72f9b]{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.navbar[data-v-12b72f9b]{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-sm)}.navbar-container[data-v-12b72f9b]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.navbar-brand[data-v-12b72f9b]{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);user-select:none}.navbar-brand[data-v-12b72f9b]:hover{transform:scale(1.02)}.brand-text[data-v-12b72f9b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-menu[data-v-12b72f9b]{display:flex;gap:var(--space-1);align-items:center}.navbar-menu-item[data-v-12b72f9b]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;position:relative;text-decoration:none}.navbar-menu-item[data-v-12b72f9b]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));transition:width var(--transition-base);border-radius:var(--radius-full)}.navbar-menu-item[data-v-12b72f9b]:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.navbar-menu-item[data-v-12b72f9b]:hover:after{width:100%}.navbar-menu-item.active[data-v-12b72f9b]{color:var(--primary-500);background-color:var(--primary-50)}.navbar-menu-item.active[data-v-12b72f9b]:after{width:100%}.navbar-actions[data-v-12b72f9b]{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle[data-v-12b72f9b]{width:40px;height:40px;border-radius:var(--radius-lg);border:none;background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle[data-v-12b72f9b]:hover{background:var(--border-color);color:var(--text-primary);transform:scale(1.05)}.navbar-mobile-toggle[data-v-12b72f9b]{width:40px;height:40px;border-radius:var(--radius-lg);border:none;background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.navbar-mobile-toggle[data-v-12b72f9b]:hover{background:var(--border-color);color:var(--text-primary);transform:scale(1.05)}.navbar-mobile-menu[data-v-12b72f9b]{position:absolute;top:100%;right:0;left:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:slideInDown var(--transition-base)}.navbar-mobile-menu-item[data-v-12b72f9b]{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);text-decoration:none;width:100%;box-sizing:border-box}.navbar-mobile-menu-item[data-v-12b72f9b]:last-child{border-bottom:none}.navbar-mobile-menu-item[data-v-12b72f9b]:hover,.navbar-mobile-menu-item.active[data-v-12b72f9b]{background:var(--bg-tertiary);color:var(--primary-500)}[data-v-12b72f9b] .auth-modal .n-modal{border-radius:var(--radius-xl)}.slide-enter-active[data-v-12b72f9b],.slide-leave-active[data-v-12b72f9b]{transition:all var(--transition-base)}.slide-enter-from[data-v-12b72f9b],.slide-leave-to[data-v-12b72f9b]{opacity:0;transform:translateY(-10px)}@media(max-width:768px){.navbar-container[data-v-12b72f9b]{gap:var(--space-4)}.brand-text[data-v-12b72f9b]{max-width:150px;font-size:var(--font-size-base)}.navbar[data-v-12b72f9b]{padding:var(--space-3) var(--space-4)}.navbar-menu[data-v-12b72f9b]{display:none}}@media(max-width:480px){.navbar-container[data-v-12b72f9b]{gap:var(--space-2)}.brand-text[data-v-12b72f9b]{display:none}.navbar[data-v-12b72f9b]{padding:var(--space-2) var(--space-3)}}.footer-divider[data-v-81b76ac8]{margin:0;padding:0 var(--x-padding)}.footer-wrap[data-v-81b76ac8]{text-align:center;padding:18px 12px}.n-switch{margin-left:10px;margin-right:10px}.app-shell[data-v-427c0680]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed}.app-main[data-v-427c0680]{flex:1;display:flex;align-items:flex-start;justify-content:center;gap:var(--space-6);padding:var(--space-6);box-sizing:border-box;max-width:1400px;margin:0 auto;width:100%}.app-sidebar[data-v-427c0680]{width:280px;flex:0 0 280px;position:sticky;top:80px;max-height:calc(100vh - 80px);overflow-y:auto}.app-sidebar-item[data-v-427c0680]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.app-sidebar-item[data-v-427c0680]:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-content[data-v-427c0680]{flex:1;max-width:1000px;width:100%}.surface[data-v-427c0680]{border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all var(--transition-base);background:var(--bg-primary)}.surface[data-v-427c0680]:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg)}.app-footer[data-v-427c0680]{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-top:1px solid var(--border-color);padding:var(--space-6);margin-top:var(--space-8);text-align:center;color:var(--text-secondary)}.with-side[data-v-427c0680]{gap:var(--space-8)}.side[data-v-427c0680]{width:200px;flex:0 0 200px;position:sticky;top:80px;max-height:calc(100vh - 80px);overflow-y:auto}@media(max-width:1200px){.app-main[data-v-427c0680]{gap:var(--space-4)}.side[data-v-427c0680]{width:180px;flex:0 0 180px}}@media(max-width:1024px){.app-main[data-v-427c0680]{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.app-sidebar[data-v-427c0680],.side[data-v-427c0680]{width:100%;position:static;max-height:none}.with-side[data-v-427c0680]{gap:var(--space-4)}}@media(max-width:768px){.app-main[data-v-427c0680]{padding:var(--space-3);gap:var(--space-3)}.surface[data-v-427c0680]{border-radius:var(--radius-lg)}.app-footer[data-v-427c0680]{padding:var(--space-4);margin-top:var(--space-4)}}@media(max-width:640px){.app-main[data-v-427c0680]{padding:var(--space-2)}.surface[data-v-427c0680]{border-radius:var(--radius-md)}.app-footer[data-v-427c0680]{padding:var(--space-3)}}.center[data-v-d53f30c8]{display:flex}.n-button[data-v-d53f30c8]{margin-left:10px}.auth-shell[data-v-23dfa834]{width:100%;padding:12px;box-sizing:border-box}.auth-container[data-v-23dfa834]{width:100%;max-width:720px;margin:0 auto}.auth-card[data-v-23dfa834]{width:100%;border:1px solid var(--n-border-color);border-radius:14px}.n-alert[data-v-23dfa834]{margin-top:10px;margin-bottom:10px;text-align:center}.n-form .n-button[data-v-23dfa834]{margin-top:10px}.switch-login-button[data-v-23dfa834]{display:flex;justify-content:center;margin:10px 0}.n-form[data-v-23dfa834]{text-align:left}@media(max-width:640px){.auth-shell[data-v-23dfa834]{padding:10px}.auth-card[data-v-23dfa834]{border-radius:12px}}.n-data-table[data-v-2af033d1]{min-width:700px}.n-alert[data-v-361996c8]{margin-top:10px;margin-bottom:10px;text-align:center}.n-card[data-v-361996c8]{margin-top:10px}.center[data-v-361996c8]{display:flex;text-align:left;place-items:center;justify-content:center;margin:20px}.ai-extract-info[data-v-ae754e5b]{margin-bottom:10px}.mail-content-renderer[data-v-7d9a7bf2]{display:flex;flex-direction:column;gap:10px}.mail-content[data-v-7d9a7bf2]{margin-top:10px;flex:1}.mail-text[data-v-7d9a7bf2]{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}.mail-iframe[data-v-7d9a7bf2]{width:100%;height:100%;border:none;min-height:400px}.mail-html[data-v-7d9a7bf2]{width:100%;height:100%}.center[data-v-7d9a7bf2]{text-align:center}.fullscreen-mail-content[data-v-7d9a7bf2]{height:calc(100vh - 120px);overflow:auto}.fullscreen-mail-content .mail-iframe[data-v-7d9a7bf2]{min-height:calc(100vh - 120px)}.left[data-v-ce168bc6]{text-align:left}.center[data-v-ce168bc6]{text-align:center}.overlay[data-v-ce168bc6]{width:100%;height:100%;z-index:1000}.overlay-dark-backgroud[data-v-ce168bc6]{background-color:#ffffff1a}.overlay-light-backgroud[data-v-ce168bc6]{background-color:#0000001a}.mail-item[data-v-ce168bc6]{height:100%}pre[data-v-ce168bc6]{white-space:pre-wrap;word-wrap:break-word}.left[data-v-160f0149]{text-align:left}.center[data-v-160f0149]{text-align:center}.overlay[data-v-160f0149]{width:100%;height:100%;z-index:1000}.overlay-dark-backgroud[data-v-160f0149]{background-color:#ffffff1a}.overlay-light-backgroud[data-v-160f0149]{background-color:#0000001a}.mail-item[data-v-160f0149]{height:100%}pre[data-v-160f0149]{white-space:pre-wrap;word-wrap:break-word}.n-card[data-v-b751e0ee]{max-width:800px}.n-button[data-v-b751e0ee]{text-align:left}.center[data-v-b751e0ee]{display:flex;text-align:center;place-items:center;justify-content:center}.left[data-v-b751e0ee]{text-align:left;place-items:left;justify-content:left}.right[data-v-b751e0ee]{text-align:right;place-items:right;justify-content:right}.center[data-v-0ba80a16]{display:flex;justify-content:center}.n-card[data-v-0ba80a16]{max-width:800px;text-align:left}.n-button[data-v-0ba80a16]{margin-top:10px}.center[data-v-d45c959c]{display:flex;justify-content:center}.n-card[data-v-d45c959c]{max-width:800px;text-align:left}.center[data-v-9d63b133]{display:flex;text-align:left;place-items:center;justify-content:center}.n-button[data-v-9d63b133]{margin-top:10px}.center[data-v-1a2c8982]{display:flex;justify-content:center}.n-card[data-v-1a2c8982]{max-width:800px}.n-button[data-v-1a2c8982]{margin-top:10px;margin-left:10px}.center[data-v-b360b1a8]{max-width:800px;margin:0 auto}.n-card[data-v-b360b1a8]{margin-top:20px;width:100%}.center[data-v-128c1f0f]{display:flex;justify-content:center}.n-card[data-v-128c1f0f]{max-width:800px;text-align:left}.n-button[data-v-128c1f0f]{margin-top:10px;margin-bottom:10px}.center[data-v-b55d0f38]{display:flex;text-align:center;place-items:center;justify-content:center}.n-button[data-v-b55d0f38]{margin-top:10px}.n-alert[data-v-7936a6f0]{margin-top:10px;margin-bottom:10px;text-align:center}.center[data-v-7936a6f0]{display:flex;text-align:center;place-items:center;justify-content:center;margin:20px}.center[data-v-216f4d48]{display:flex;text-align:center;place-items:center;justify-content:center}:root{--primary-50: #f0f7ff;--primary-100: #e0effe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c3d66;--primary-950: #051e3e;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7e22ce;--secondary-800: #6b21a8;--secondary-900: #581c87;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #3b82f6;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--dark-bg-primary: #0f172a;--dark-bg-secondary: #1e293b;--dark-bg-tertiary: #334155;--dark-text-primary: #f1f5f9;--dark-text-secondary: #cbd5e1;--dark-border: #475569;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Menlo", "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--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;--space-20: 5rem;--space-24: 6rem;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--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);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark],:root.dark{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--border-color: var(--dark-border)}:root:not(.dark){--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--text-primary)}h1{font-size:var(--font-size-4xl);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600);text-decoration:underline}input,textarea,select{font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}textarea{resize:vertical;min-height:100px}button{font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}*{scrollbar-color:var(--border-color) var(--bg-secondary);scrollbar-width:thin}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{background-color:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.card-glass{background:#ffffffb3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-6)}:root.dark .card-glass{background:#0f172a99;border-color:#ffffff1a}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--primary-100);color:var(--primary-900);transition:all var(--transition-fast)}.badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.badge-secondary{background-color:var(--secondary-100);color:var(--secondary-900)}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}@media(max-width:768px){.container{padding:0 var(--space-3)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.card,.card-elevated,.card-glass{padding:var(--space-4)}}@media(max-width:480px){body{font-size:var(--font-size-sm)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}.card{padding:var(--space-3)}}.navbar{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-base)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform var(--transition-fast)}.navbar-brand:hover{transform:scale(1.05)}.navbar-menu{display:flex;gap:var(--space-2);align-items:center}.navbar-menu-item{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;position:relative}.navbar-menu-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));transition:width var(--transition-base);border-radius:var(--radius-full)}.navbar-menu-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.navbar-menu-item:hover:after{width:100%}.navbar-menu-item.active{color:var(--primary-500);background-color:var(--primary-50)}.navbar-menu-item.active:after{width:100%}.navbar-mobile{display:none}@media(max-width:768px){.navbar{padding:var(--space-3) var(--space-4)}.navbar-brand{font-size:var(--font-size-lg)}.navbar-menu{display:none}.navbar-mobile{display:flex;align-items:center;gap:var(--space-3)}.navbar-mobile-toggle{width:40px;height:40px;border-radius:var(--radius-lg);border:none;background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.navbar-mobile-toggle:hover{background:var(--border-color);transform:scale(1.05)}.navbar-mobile-menu{position:absolute;top:60px;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:200px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideInDown var(--transition-base)}.navbar-mobile-menu-item{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3)}.navbar-mobile-menu-item:last-child{border-bottom:none}.navbar-mobile-menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}}.mailbox-container{display:flex;gap:var(--space-6);height:calc(100vh - 200px);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.mailbox-list{flex:0 0 380px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.mailbox-list-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);background:var(--bg-primary);display:flex;gap:var(--space-3);align-items:center}.mailbox-search{flex:1}.mailbox-search input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.mailbox-search input:focus{outline:none;border-color:var(--primary-500);background:var(--bg-primary);box-shadow:0 0 0 3px #0ea5e91a}.mailbox-search input::placeholder{color:var(--text-secondary)}.mailbox-items{flex:1;overflow-y:auto;padding:var(--space-2)}.mailbox-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-2);transition:all var(--transition-fast);border:1px solid transparent;background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.mailbox-item:hover{background:var(--bg-primary);border-color:var(--primary-300);transform:translate(4px);box-shadow:var(--shadow-sm)}.mailbox-item.active{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.mailbox-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.mailbox-item-from{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-item-date{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.mailbox-item-subject{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-item-preview{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.mailbox-item-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.mailbox-item-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mailbox-content{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.mailbox-content-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.mailbox-content-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.mailbox-content-actions{display:flex;gap:var(--space-2);align-items:center}.mailbox-content-body{flex:1;overflow-y:auto;padding:var(--space-6)}.mailbox-content-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.mailbox-content-empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.mail-details{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.mail-details-from{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.mail-details-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.mail-details-sender{flex:1}.mail-details-sender-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.mail-details-sender-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.mail-details-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.mail-details-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.mail-details-info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.mail-details-info-value{color:var(--text-primary);word-break:break-all}.attachments-section{margin-top:var(--space-6)}.attachments-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.attachments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.attachment-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.attachment-item:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.attachment-icon{font-size:2rem;margin-bottom:var(--space-2)}.attachment-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-all;margin-bottom:var(--space-1)}.attachment-size{font-size:var(--font-size-xs);color:var(--text-secondary)}@media(max-width:1024px){.mailbox-container{flex-direction:column;height:auto}.mailbox-list{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border-color);max-height:250px}.mailbox-content{flex:1}}@media(max-width:768px){.mailbox-container{border-radius:var(--radius-lg)}.mailbox-list{display:none}.mailbox-content-header{padding:var(--space-4);gap:var(--space-2)}.mailbox-content-body,.mail-details{padding:var(--space-4)}.mailbox-content-title{font-size:var(--font-size-lg)}.attachments-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.sendbox-container{display:flex;flex-direction:column;gap:var(--space-6);animation:slideInUp var(--transition-slow)}.compose-card{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.compose-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-xl)}.compose-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.compose-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.compose-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.form-group{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.form-label-required:after{content:" *";color:var(--accent-danger)}.form-input,.form-textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;background:var(--bg-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-textarea{min-height:150px;resize:vertical}.form-help{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1)}.form-error{border-color:var(--accent-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.form-error-message{font-size:var(--font-size-xs);color:var(--accent-danger);margin-top:var(--space-1)}.recipients-container{display:flex;flex-direction:column;gap:var(--space-3)}.recipients-list{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:32px;align-items:flex-start;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.recipient-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--primary-900);font-weight:var(--font-weight-medium)}.recipient-tag button{background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;font-size:var(--font-size-base);transition:opacity var(--transition-fast)}.recipient-tag button:hover{opacity:.7}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary)}.upload-area:hover{border-color:var(--primary-500);background:linear-gradient(135deg,#0ea5e90d,#a855f70d)}.upload-area.dragover{border-color:var(--primary-500);background:linear-gradient(135deg,#0ea5e91a,#a855f71a);transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:var(--space-3);color:var(--primary-500)}.upload-text{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.upload-subtext{font-size:var(--font-size-sm);color:var(--text-secondary)}.upload-input{display:none}.uploaded-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.uploaded-file{position:relative;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;transition:all var(--transition-fast)}.uploaded-file:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.uploaded-file-icon{font-size:2rem;margin-bottom:var(--space-2)}.uploaded-file-name{font-size:var(--font-size-xs);color:var(--text-primary);word-break:break-all;margin-bottom:var(--space-1)}.uploaded-file-size{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.uploaded-file-remove{position:absolute;top:var(--space-1);right:var(--space-1);width:24px;height:24px;background:var(--accent-danger);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.uploaded-file:hover .uploaded-file-remove{opacity:1}.compose-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--border-color);flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--space-3) var(--space-6);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.sendbox-item{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3);transition:all var(--transition-fast);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.sendbox-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.sendbox-item-info{flex:1}.sendbox-item-to{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.sendbox-item-subject{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.sendbox-item-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.sendbox-item-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--accent-success)}@media(max-width:768px){.compose-card{padding:var(--space-4)}.compose-actions{flex-direction:column;justify-content:stretch}.btn-primary,.btn-secondary{width:100%}.sendbox-item{flex-direction:column;gap:var(--space-2)}.uploaded-files{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(max-width:480px){.compose-title{font-size:var(--font-size-xl)}.form-group{margin-bottom:var(--space-4)}.recipients-list{padding:var(--space-1)}.recipient-tag{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed}.app-main{flex:1;display:flex;align-items:flex-start;justify-content:center;gap:var(--space-6);padding:var(--space-6);box-sizing:border-box}.app-sidebar{width:280px;flex:0 0 280px;position:sticky;top:80px}.app-sidebar-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.app-sidebar-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-content{flex:1;max-width:1200px;width:100%}.app-content-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);transition:all var(--transition-base);animation:slideInUp var(--transition-slow)}.app-content-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg)}.app-footer{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-top:1px solid var(--border-color);padding:var(--space-6);margin-top:var(--space-8);text-align:center;color:var(--text-secondary)}.app-footer-text{font-size:var(--font-size-sm);margin:var(--space-2) 0}@media(max-width:1024px){.app-main{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.app-sidebar{width:100%;position:static;display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.app-sidebar-item{flex:0 0 auto;margin-bottom:0;min-width:150px}.app-content{max-width:100%}}@media(max-width:768px){.app-main{padding:var(--space-3)}.app-content-card{padding:var(--space-4);margin-bottom:var(--space-4)}.app-footer{padding:var(--space-4);margin-top:var(--space-4)}.app-sidebar{display:none}}@media(max-width:480px){.app-main{padding:var(--space-2);gap:var(--space-2)}.app-content-card,.app-footer{padding:var(--space-3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.slide-enter-active{animation:slideInDown var(--transition-slow)}.slide-leave-active{animation:slideOutUp var(--transition-slow)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.scale-enter-active{animation:scaleIn var(--transition-base)}.scale-leave-active{animation:scaleOut var(--transition-base)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s ease-in-out infinite}.lift{transition:all var(--transition-fast);transform:translateY(0)}.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glow{transition:all var(--transition-base);box-shadow:0 0 #0ea5e966}.glow:hover{box-shadow:0 0 0 10px #0ea5e900}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-heading{height:1.5rem;margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.skeleton-card{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-primary);border:1px solid var(--border-color)}.skeleton-circle{width:40px;height:40px;border-radius:var(--radius-full)}.list-enter-active,.list-leave-active{transition:all var(--transition-base)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-move{transition:transform var(--transition-base)}.page-enter-active,.page-leave-active{transition:all var(--transition-slow)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}@keyframes staggerChildren{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:staggerChildren var(--transition-slow) ease-out}.stagger-item:nth-child(1){animation-delay:0s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.2s}.stagger-item:nth-child(4){animation-delay:.3s}.stagger-item:nth-child(5){animation-delay:.4s}.stagger-item:nth-child(n+6){animation-delay:.5s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:var(--radius-full);transform:translate(-50%,-50%);pointer-events:none}.ripple:active:after{animation:ripple .6s ease-out}@media(max-width:768px){button,a,input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.navbar-menu-item,.btn-primary,.btn-secondary{min-height:48px;min-width:100%}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:16px}}@media(max-width:768px){.navbar{padding:var(--space-2) var(--space-4);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-container{flex-wrap:nowrap;gap:var(--space-2)}.brand-text{display:block;max-width:120px}.navbar-menu{display:none!important}.navbar-mobile{display:flex!important}}@media(max-width:480px){.navbar-container{gap:0}.brand-text{display:none}.navbar{padding:var(--space-2) var(--space-3)}.theme-toggle,.navbar-mobile-toggle{min-width:40px;min-height:40px}}@media(max-width:768px){.mailbox-container{flex-direction:column;height:auto;border-radius:var(--radius-lg);margin:0}.mailbox-list{display:none;border-right:none;border-bottom:1px solid var(--border-color);max-height:200px}.mailbox-list-header{padding:var(--space-4)}.mailbox-content{min-height:60vh;flex:1}.mailbox-content-header{padding:var(--space-4);gap:var(--space-2);flex-direction:column;align-items:flex-start}.mailbox-content-title{font-size:var(--font-size-lg);width:100%}.mailbox-content-actions{width:100%;justify-content:space-between}.mailbox-content-body,.mail-details{padding:var(--space-4)}.attachments-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:768px){.form-input,.form-textarea{padding:var(--space-3) var(--space-3);font-size:16px}.form-group{margin-bottom:var(--space-4)}.recipients-list{min-height:40px}.recipient-tag{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.upload-area{padding:var(--space-6)}.upload-icon{font-size:2rem}}@media(max-width:480px){.form-input,.form-textarea{padding:var(--space-2) var(--space-3)}.form-label{font-size:var(--font-size-sm)}.recipients-list{padding:var(--space-1)}.upload-area{padding:var(--space-4)}.uploaded-files{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.uploaded-file{padding:var(--space-2)}}@media(max-width:768px){.compose-actions{flex-direction:column;gap:var(--space-2)}.btn-primary,.btn-secondary{width:100%;padding:var(--space-4) var(--space-3)}}@media(max-width:768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{font-size:var(--font-size-sm)}}@media(max-width:480px){h1{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}h2{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}p{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}}@media(max-width:768px){.app-main{padding:var(--space-3);gap:var(--space-3)}.app-sidebar{display:none}.surface{border-radius:var(--radius-lg)}}@media(max-width:480px){.app-main{padding:var(--space-2);gap:var(--space-2)}.app-footer{padding:var(--space-3)}.surface{border-radius:var(--radius-md);padding:var(--space-3)}}@supports (padding: max(0px)){@media(max-width:768px){body{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.navbar{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}}@media(max-width:768px)and (orientation:landscape){.app-main{padding:var(--space-2);gap:var(--space-2)}.mailbox-content{min-height:50vh}.navbar{padding:var(--space-2)}h1{font-size:var(--font-size-lg)}}@media(min-width:768px)and (max-width:1024px){.mailbox-list{flex:0 0 320px}.app-sidebar{width:220px;flex:0 0 220px}.side{width:160px;flex:0 0 160px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.surface,.card{border-width:.5px}}@media(max-width:768px){:root:not(.dark){color-scheme:light}:root.dark{color-scheme:dark}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHAPMtMepHY4ICv.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHAPMtMepHY4ICv.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHAPMtMepHY4ICv.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHAPMtMepHY4ICv.woff2) format("woff2")}.navbar{will-change:auto}.navbar-menu-item:after{will-change:width}.mailbox-item{will-change:transform}.btn-primary,.btn-secondary,.lift{will-change:transform,box-shadow}.navbar,.mailbox-container,.compose-card{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;-webkit-perspective:1000}.mailbox-item{contain:layout style paint}.card,.card-elevated,.card-glass{contain:layout style}body{transition:background-color var(--transition-base) cubic-bezier(.4,0,.2,1),color var(--transition-base) cubic-bezier(.4,0,.2,1)}.card{box-shadow:0 1px 3px #0000001a}.card:hover{box-shadow:0 4px 12px #00000026}img{display:block}button{display:inline-flex;align-items:center;justify-content:center}html,body{margin:0;padding:0}img[loading=lazy]{background:var(--bg-tertiary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){html{color-scheme:dark}}@media(prefers-color-scheme:light){html{color-scheme:light}}.hidden-content{content-visibility:auto;contain-intrinsic-size:auto 500px}.no-scroll{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-lg)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important}@page{margin:.5cm}}@media(prefers-contrast:more){:root{--primary-500: #0366d6;--border-color: #000}.btn-primary{border:2px solid currentColor}}@media(forced-colors:active){.card,.button{border:1px solid CanvasText}.btn-primary{background-color:Canvas;color:CanvasText;border:2px solid CanvasText}}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.expensive-component{contain:layout style paint}.gradient-horizontal{background:linear-gradient(90deg,var(--primary-500),var(--secondary-500))}.gradient-diagonal{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500))}.animated-card{position:relative;transition:transform var(--transition-base)}.animated-card:hover{transform:translateY(-4px) translateZ(0)}@media print{.no-print{display:none}}.hover-brighten:hover{filter:brightness(1.05)}.dropdown{z-index:var(--z-dropdown)}.modal{z-index:var(--z-modal)}.tooltip{z-index:var(--z-tooltip)}