.btn[data-v-094f0259]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.btn[data-v-094f0259]:active:not(:disabled){transform:scale(.98)}.btn[data-v-094f0259]:disabled{opacity:.5;cursor:not-allowed}.btn-sm[data-v-094f0259]{padding:.5rem .875rem;font-size:.8125rem}.btn-md[data-v-094f0259]{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg[data-v-094f0259]{padding:.875rem 1.75rem;font-size:1rem}.btn-primary[data-v-094f0259]{background-color:var(--primary-500);color:#fff}.btn-primary[data-v-094f0259]:hover:not(:disabled){background-color:var(--primary-600);box-shadow:0 4px 12px #0c87f24d}.btn-secondary[data-v-094f0259]{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary[data-v-094f0259]:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost[data-v-094f0259]{color:var(--text-secondary);background:0 0}.btn-ghost[data-v-094f0259]:hover:not(:disabled){background:var(--surface-1);color:var(--text-primary)}.btn-danger[data-v-094f0259]{background-color:var(--error);color:#fff}.btn-danger[data-v-094f0259]:hover:not(:disabled){background-color:#dc2626}.btn-success[data-v-094f0259]{background-color:var(--success);color:#fff}.btn-success[data-v-094f0259]:hover:not(:disabled){background-color:#059669}.btn-block[data-v-094f0259]{width:100%}.btn-loading[data-v-094f0259]{pointer-events:none}.btn-spinner[data-v-094f0259]{width:1.25rem;height:1.25rem}.btn-icon[data-v-094f0259]{flex-shrink:0;width:1.125rem;height:1.125rem}.btn-content[data-v-094f0259]{align-items:center;gap:.5rem;display:inline-flex}.input-wrapper[data-v-31d971bb]{flex-direction:column;gap:.375rem;display:flex}.input-label[data-v-31d971bb]{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input-container[data-v-31d971bb]{align-items:center;display:flex;position:relative}.input-field[data-v-31d971bb]{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out);outline:none;padding:.75rem 1rem;font-size:.9375rem}.input-field[data-v-31d971bb]::placeholder{color:var(--text-tertiary)}.input-field[data-v-31d971bb]:hover:not(:disabled){border-color:var(--border-strong)}.input-field[data-v-31d971bb]:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0c87f21a}.input-field[data-v-31d971bb]:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input-icon[data-v-31d971bb]{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute}.input-icon-left[data-v-31d971bb]{left:.875rem}.input-icon-right[data-v-31d971bb]{right:.875rem}.input-icon svg[data-v-31d971bb],.input-icon[data-v-31d971bb] svg{width:1.25rem;height:1.25rem}.password-toggle[data-v-31d971bb]{cursor:pointer;color:var(--text-tertiary);transition:color var(--duration-fast);background:0 0;border:none;padding:0}.password-toggle[data-v-31d971bb]:hover{color:var(--text-secondary)}.input-message[data-v-31d971bb]{margin:0;font-size:.75rem}.input-hint[data-v-31d971bb]{color:var(--text-tertiary)}.input-error[data-v-31d971bb]{color:var(--error)}.has-error .input-field[data-v-31d971bb]{border-color:var(--error)}.has-error .input-field[data-v-31d971bb]:focus{box-shadow:0 0 0 3px #ef44441a}.is-disabled[data-v-31d971bb]{opacity:.6;pointer-events:none}.modal-overlay[data-v-091165a9]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container[data-v-091165a9]{background:var(--bg-elevated);border-radius:var(--radius-xl);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-sm[data-v-091165a9]{width:400px}.modal-md[data-v-091165a9]{width:500px}.modal-lg[data-v-091165a9]{width:640px}.modal-xl[data-v-091165a9]{width:800px}.modal-full[data-v-091165a9]{width:calc(100vw - 2rem);height:calc(100vh - 2rem)}.modal-header[data-v-091165a9]{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title[data-v-091165a9]{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.modal-close[data-v-091165a9]{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal-close[data-v-091165a9]:hover{background:var(--surface-1);color:var(--text-primary)}.modal-body[data-v-091165a9]{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer[data-v-091165a9]{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal-enter-active[data-v-091165a9],.modal-leave-active[data-v-091165a9]{transition:opacity var(--duration-normal)var(--ease-out)}.modal-enter-active .modal-container[data-v-091165a9],.modal-leave-active .modal-container[data-v-091165a9]{transition:transform var(--duration-normal)var(--ease-out),opacity var(--duration-normal)var(--ease-out)}.modal-enter-from[data-v-091165a9],.modal-leave-to[data-v-091165a9]{opacity:0}.modal-enter-from .modal-container[data-v-091165a9],.modal-leave-to .modal-container[data-v-091165a9]{opacity:0;transform:scale(.95)translateY(-10px)}.toast-container[data-v-3303bd55]{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.toast[data-v-3303bd55]{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:320px;max-width:420px;box-shadow:var(--shadow-lg);pointer-events:auto;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.toast-icon[data-v-3303bd55]{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.toast-success .toast-icon[data-v-3303bd55]{color:var(--success)}.toast-error .toast-icon[data-v-3303bd55]{color:var(--error)}.toast-warning .toast-icon[data-v-3303bd55]{color:var(--warning)}.toast-info .toast-icon[data-v-3303bd55]{color:var(--info)}.toast-content[data-v-3303bd55]{flex:1;min-width:0}.toast-title[data-v-3303bd55]{color:var(--text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.toast-message[data-v-3303bd55]{color:var(--text-secondary);margin:0;font-size:.875rem}.toast-close[data-v-3303bd55]{border-radius:var(--radius-md);width:1.5rem;height:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-.25rem -.25rem -.25rem 0;padding:0;display:flex}.toast-close[data-v-3303bd55]:hover{background:var(--surface-1);color:var(--text-primary)}.toast-enter-active[data-v-3303bd55],.toast-leave-active[data-v-3303bd55]{transition:all var(--duration-normal)var(--ease-out)}.toast-enter-from[data-v-3303bd55],.toast-leave-to[data-v-3303bd55]{opacity:0;transform:translate(100%)}.toast-move[data-v-3303bd55]{transition:transform var(--duration-normal)var(--ease-out)}.loading[data-v-1c596a9c]{color:var(--primary-500);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:inline-flex}.loading-sm .loading-spinner[data-v-1c596a9c]{width:1.5rem;height:1.5rem}.loading-md .loading-spinner[data-v-1c596a9c]{width:2.5rem;height:2.5rem}.loading-lg .loading-spinner[data-v-1c596a9c]{width:4rem;height:4rem}.loading-spinner[data-v-1c596a9c]{animation:1.4s linear infinite rotate-1c596a9c}.loading-circle[data-v-1c596a9c]{stroke-linecap:round;animation:1.4s ease-in-out infinite dash-1c596a9c}.loading-text[data-v-1c596a9c]{color:var(--text-secondary);font-size:.875rem}@keyframes rotate-1c596a9c{to{transform:rotate(360deg)}}@keyframes dash-1c596a9c{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.avatar[data-v-6f30f52d]{border-radius:var(--radius-full);color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.avatar-clickable[data-v-6f30f52d]{cursor:pointer;transition:transform var(--duration-fast)}.avatar-clickable[data-v-6f30f52d]:hover{transform:scale(1.05)}.avatar-xs[data-v-6f30f52d]{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar-sm[data-v-6f30f52d]{width:2rem;height:2rem;font-size:.75rem}.avatar-md[data-v-6f30f52d]{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg[data-v-6f30f52d]{width:3rem;height:3rem;font-size:1rem}.avatar-xl[data-v-6f30f52d]{width:4rem;height:4rem;font-size:1.25rem}.avatar-image[data-v-6f30f52d]{object-fit:cover;width:100%;height:100%}.avatar-initials[data-v-6f30f52d]{line-height:1}.avatar-status[data-v-6f30f52d]{border-radius:var(--radius-full);border:2px solid var(--bg-primary);width:25%;min-width:8px;height:25%;min-height:8px;position:absolute;bottom:0;right:0}.avatar-status-online[data-v-6f30f52d]{background-color:var(--success)}.avatar-status-offline[data-v-6f30f52d]{background-color:var(--gray-400)}.avatar-status-busy[data-v-6f30f52d]{background-color:var(--error)}.avatar-status-away[data-v-6f30f52d]{background-color:var(--warning)}.u-select[data-v-49b743bd]{width:100%;min-width:0;position:relative}.select-trigger[data-v-49b743bd]{text-align:left;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.875rem;display:flex}.select-trigger[data-v-49b743bd]:hover:not(:disabled){border-color:var(--border-strong)}.select-trigger[data-v-49b743bd]:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.select-trigger.has-value[data-v-49b743bd]{color:var(--text-primary)}.select-trigger[data-v-49b743bd]:disabled{opacity:.5;cursor:not-allowed}.select-value[data-v-49b743bd]{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.5rem;display:flex;overflow:hidden}.select-option-icon[data-v-49b743bd]{object-fit:contain;border-radius:3px;flex-shrink:0;width:1.25rem;height:auto}.select-icon[data-v-49b743bd]{width:1rem;height:1rem;color:var(--text-tertiary);transition:transform var(--duration-fast);flex-shrink:0}.u-select-dropdown{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.u-select-dropdown .select-search{border-bottom:1px solid var(--border-light);align-items:center;padding:.5rem .75rem;display:flex}.u-select-dropdown .search-icon{width:1rem;height:1rem;color:var(--text-tertiary);flex-shrink:0}.u-select-dropdown .search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;margin-left:.5rem;padding:0;font-size:.875rem}.u-select-dropdown .search-input::placeholder{color:var(--text-tertiary)}.u-select-dropdown .select-options{max-height:200px;padding:.25rem;overflow-y:auto}.u-select-dropdown .select-option{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}@media (max-width:480px){.u-select-dropdown .select-option{white-space:normal}}.u-select-dropdown .select-option:hover,.u-select-dropdown .select-option.is-focused{background:var(--surface-1)}.u-select-dropdown .select-option.is-selected{color:var(--primary-600);font-weight:500}.dark .u-select-dropdown .select-option.is-selected{color:var(--primary-400)}.u-select-dropdown .option-check{width:1rem;height:1rem;color:var(--primary-500)}.u-select-dropdown .option-label{flex:1}.u-select-dropdown .select-empty{text-align:center;color:var(--text-tertiary);padding:1rem;font-size:.8125rem}.dropdown-enter-active,.dropdown-leave-active{transition:opacity var(--duration-fast),transform var(--duration-fast)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-4px)}.undo-toast-container[data-v-8ac88712]{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.undo-toast[data-v-8ac88712]{background:var(--gray-900);color:#fff;pointer-events:auto;border-radius:.75rem;align-items:center;gap:1rem;min-width:300px;max-width:500px;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #0000004d}.dark .undo-toast[data-v-8ac88712]{background:var(--gray-100);color:var(--gray-900)}.undo-content[data-v-8ac88712]{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.undo-icon[data-v-8ac88712]{opacity:.8;flex-shrink:0;width:1.25rem;height:1.25rem}.undo-message[data-v-8ac88712]{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.undo-actions[data-v-8ac88712]{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.undo-btn[data-v-8ac88712]{color:var(--primary-400);cursor:pointer;background:#3b82f626;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.undo-btn[data-v-8ac88712]:hover:not(:disabled){color:var(--primary-300);background:#3b82f640}.undo-btn[data-v-8ac88712]:disabled{opacity:.7;cursor:not-allowed}.dark .undo-btn[data-v-8ac88712]{color:var(--primary-600);background:#3b82f61a}.dark .undo-btn[data-v-8ac88712]:hover:not(:disabled){background:#3b82f633}.undo-close[data-v-8ac88712]{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s;display:flex}.undo-close[data-v-8ac88712]:hover{color:#fff;background:#ffffff1a}.dark .undo-close[data-v-8ac88712]{color:#0006}.dark .undo-close[data-v-8ac88712]:hover{color:#000c;background:#0000000d}.undo-progress[data-v-8ac88712]{background:var(--primary-500);height:3px;animation:linear forwards progress-8ac88712;position:absolute;bottom:0;left:0}@keyframes progress-8ac88712{0%{width:100%}to{width:0%}}.undo-toast-enter-active[data-v-8ac88712]{animation:.3s slideUp-8ac88712}.undo-toast-leave-active[data-v-8ac88712]{animation:.2s slideDown-8ac88712}.undo-toast-move[data-v-8ac88712]{transition:transform .3s}@keyframes slideUp-8ac88712{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown-8ac88712{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.95)}}@media (max-width:640px){.undo-toast-container[data-v-8ac88712]{bottom:5rem;left:1rem;right:1rem;transform:none}.undo-toast[data-v-8ac88712]{width:100%;min-width:auto;max-width:none}}.batch-modal-overlay[data-v-99b2533e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.batch-modal[data-v-99b2533e]{background:var(--bg-primary);border-radius:1rem;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 20px 60px -15px #00000040}.batch-header[data-v-99b2533e]{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.batch-icon[data-v-99b2533e]{width:1.5rem;height:1.5rem;color:var(--primary-500)}.batch-icon.danger[data-v-99b2533e]{color:var(--error)}.batch-icon.success[data-v-99b2533e]{color:var(--success)}.batch-icon.warning[data-v-99b2533e]{color:var(--warning)}.batch-title[data-v-99b2533e]{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.batch-desc[data-v-99b2533e]{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5}.batch-summary[data-v-99b2533e]{background:var(--surface-1);border-radius:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem}.summary-item[data-v-99b2533e]{color:var(--text-primary);font-size:.875rem;font-weight:500}.batch-actions[data-v-99b2533e]{justify-content:flex-end;gap:.75rem;display:flex}.batch-actions.single[data-v-99b2533e]{justify-content:center}.btn-cancel[data-v-99b2533e]{color:var(--text-secondary);border:1px solid var(--border-medium);cursor:pointer;background:0 0;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s}.btn-cancel[data-v-99b2533e]:hover{background:var(--surface-1);color:var(--text-primary)}.btn-confirm[data-v-99b2533e]{color:#fff;background:var(--primary-500);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-confirm[data-v-99b2533e]:hover{background:var(--primary-600)}.btn-confirm.danger[data-v-99b2533e]{background:var(--error)}.btn-confirm.danger[data-v-99b2533e]:hover{background:#dc2626}.progress-container[data-v-99b2533e]{margin-bottom:1rem}.progress-bar[data-v-99b2533e]{background:var(--surface-2);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill[data-v-99b2533e]{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:4px;height:100%;transition:width .3s}.progress-info[data-v-99b2533e]{color:var(--text-tertiary);justify-content:space-between;font-size:.8125rem;display:flex}.progress-detail[data-v-99b2533e]{color:var(--text-secondary);text-align:center;margin:0;font-size:.875rem}.complete-summary[data-v-99b2533e]{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.summary-row[data-v-99b2533e]{border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9375rem;display:flex}.summary-row.success[data-v-99b2533e]{color:var(--success);background:#22c55e1a}.summary-row.error[data-v-99b2533e]{color:var(--error);background:#ef44441a}.batch-modal-enter-active[data-v-99b2533e]{transition:all .3s}.batch-modal-leave-active[data-v-99b2533e]{transition:all .2s}.batch-modal-enter-from[data-v-99b2533e],.batch-modal-leave-to[data-v-99b2533e]{opacity:0}.batch-modal-enter-from .batch-modal[data-v-99b2533e],.batch-modal-leave-to .batch-modal[data-v-99b2533e]{transform:scale(.95)translateY(10px)}.animate-spin[data-v-99b2533e]{animation:1s linear infinite spin-99b2533e}@keyframes spin-99b2533e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-slide-enter-active,.auth-slide-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-slide-enter-from{opacity:0;transform:translate(30px)}.auth-slide-leave-to{opacity:0;transform:translate(-30px)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .25s}.page-fade-enter-from,.page-fade-leave-to{opacity:0}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@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;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--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;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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]){appearance:button}::file-selector-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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mr-2{margin-right:calc(var(--spacing)*2)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-10{padding-left:calc(var(--spacing)*10)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}}:root{--primary-50:#f0f7ff;--primary-100:#e0efff;--primary-200:#b9dfff;--primary-300:#7cc4ff;--primary-400:#36a5ff;--primary-500:#0c87f2;--primary-600:#006ad0;--primary-700:#0054a8;--primary-800:#00478a;--primary-900:#003c72;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-elevated:#fff;--surface-1:#fffc;--surface-2:#fff9;--surface-3:#fff6;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9a9a9a;--text-disabled:#c4c4c4;--border-light:#0000000f;--border-medium:#0000001a;--border-strong:#00000026;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-bounce:cubic-bezier(.68,-.55,.27,1.55);--ease-smooth:cubic-bezier(.25,.1,.25,1);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--sidebar-width:260px;--header-height:56px;--toolbar-height:48px;--email-list-width:360px}.dark{--primary-50:#0d1a2d;--primary-100:#122a4a;--primary-200:#1a3f6e;--primary-300:#245593;--primary-400:#3a7bc8;--primary-500:#4d9be8;--primary-600:#6fb3f5;--primary-700:#92c8fa;--primary-800:#b8dcfc;--primary-900:#e0f0ff;--gray-50:#0d0d0d;--gray-100:#161616;--gray-200:#1e1e1e;--gray-300:#2a2a2a;--gray-400:#3d3d3d;--gray-500:#5a5a5a;--gray-600:#828282;--gray-700:#a8a8a8;--gray-800:#cfcfcf;--gray-900:#ebebeb;--bg-primary:#0f0f0f;--bg-secondary:#161616;--bg-tertiary:#1c1c1c;--bg-elevated:#202020;--surface-1:#ffffff0f;--surface-2:#ffffff1a;--surface-3:#ffffff24;--text-primary:#f5f5f5;--text-secondary:#b0b0b0;--text-tertiary:#787878;--text-disabled:#4a4a4a;--border-light:#ffffff1a;--border-medium:#ffffff29;--border-strong:#ffffff3d;--success:#22c55e;--success-light:#22c55e26;--warning:#fbbf24;--error:#f87171;--danger:#f87171;--danger-light:#f8717126;--info:#60a5fa;--shadow-xs:0 1px 2px #00000080,0 0 1px #ffffff0d;--shadow-sm:0 2px 4px #0009,0 0 2px #ffffff08;--shadow-md:0 4px 12px #000000b3,0 0 4px #ffffff05;--shadow-lg:0 8px 24px #000c,0 0 8px #ffffff05;--shadow-xl:0 16px 48px #000000e6}.compact{--spacing-1:.125rem;--spacing-2:.25rem;--spacing-3:.5rem;--spacing-4:.75rem;--spacing-5:1rem;--spacing-6:1.25rem;--spacing-8:1.5rem;--spacing-10:2rem;--spacing-12:2.5rem;--spacing-16:3rem;--header-height:48px;--toolbar-height:40px}.compact .mail-header{padding:.375rem .75rem}.compact .mail-sidebar{width:200px}.compact .sidebar-header{padding:.5rem}.compact .compose-btn{padding:.5rem .75rem;font-size:.8125rem}.compact .sidebar-nav{padding:.25rem}.compact .nav-item{padding:.375rem .625rem;font-size:.8125rem}.compact .email-item,.compact .list-header{padding:.5rem .75rem}.compact .detail-header{padding:.5rem 1rem}.compact .detail-subject{padding:1rem 1rem .75rem}.compact .detail-subject h1{font-size:1.125rem}.compact .sender-card{margin:0 .75rem;padding:.75rem 1rem}.compact .email-body,.compact .quick-reply{padding:.75rem 1rem}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--duration-slow)var(--ease-out),color var(--duration-slow)var(--ease-out);margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark ::-webkit-scrollbar-thumb{background:var(--gray-600)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background-color:var(--primary-200);color:var(--primary-900)}.dark ::selection{background-color:var(--primary-600);color:#fff}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);box-shadow:0 4px 12px #0c87f24d}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-1);color:var(--text-primary)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.input{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out);outline:none;padding:.75rem 1rem;font-size:.9375rem}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0c87f21a}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal)var(--ease-out);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.card-content{padding:1.5rem}.glass{background:var(--surface-1);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-light)}.glass-strong{background:var(--surface-2);-webkit-backdrop-filter:blur(40px)saturate(200%)}.badge{border-radius:var(--radius-sm);align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-success{color:#047857;background-color:#d1fae5}.badge-warning{color:#b45309;background-color:#fef3c7}.badge-error{color:#b91c1c;background-color:#fee2e2}.avatar{border-radius:var(--radius-full);background-color:var(--gray-200);color:var(--gray-600);justify-content:center;align-items:center;font-weight:500;display:inline-flex;overflow:hidden}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg{width:3rem;height:3rem;font-size:1rem}.avatar-xl{width:4rem;height:4rem;font-size:1.125rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal)var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--duration-normal)var(--ease-out),opacity var(--duration-normal)var(--ease-out)}.slide-up-enter-from{opacity:0;transform:translateY(8px)}.slide-up-leave-to{opacity:0;transform:translateY(-8px)}.slide-down-enter-active,.slide-down-leave-active{transition:transform var(--duration-normal)var(--ease-out),opacity var(--duration-normal)var(--ease-out)}.slide-down-enter-from{opacity:0;transform:translateY(-8px)}.slide-down-leave-to{opacity:0;transform:translateY(8px)}.scale-enter-active,.scale-leave-active{transition:transform var(--duration-normal)var(--ease-spring),opacity var(--duration-normal)var(--ease-out)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}.slide-right-enter-active,.slide-right-leave-active{transition:transform var(--duration-slow)var(--ease-out)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(-100%)}.text-title{letter-spacing:-.01em;font-size:1.75rem;font-weight:400;line-height:1.3}.text-heading{font-size:1.375rem;font-weight:500;line-height:1.4}.text-body{font-size:.9375rem;line-height:1.6}.text-caption{font-size:.75rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes emailSlideIn{0%{opacity:0}to{opacity:1}}.email-new{animation:emailSlideIn .5s var(--ease-out)forwards;background:linear-gradient(135deg,#3b82f61f,#3b82f60f);box-shadow:inset 0 0 0 1px #3b82f633}.dark .email-new{background:linear-gradient(135deg,#3b82f62e,#3b82f614);box-shadow:inset 0 0 0 1px #3b82f640}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--duration-normal)var(--ease-out)forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow)var(--ease-out)forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow)var(--ease-out)forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-slow)var(--ease-out)forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-slow)var(--ease-out)forwards}.animate-scale-in{animation:scaleIn var(--duration-normal)var(--ease-spring)forwards}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1s infinite bounce}.animate-float{animation:3s ease-in-out infinite float}.skeleton{background:linear-gradient(90deg,var(--surface-1)25%,var(--surface-2)50%,var(--surface-1)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-lift{transition:transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hover-scale{transition:transform var(--duration-fast)var(--ease-spring)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-fast)var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #0c87f24d}@media (max-width:639px){.hide-mobile{display:none!important}}@media (min-width:640px) and (max-width:767px){.hide-sm{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-md{display:none!important}}@media (min-width:1024px){.hide-lg{display:none!important}}@media (min-width:640px){.show-mobile{display:none!important}}@media (max-width:767px){.show-md-up{display:none!important}}@media (max-width:1023px){.show-lg-up{display:none!important}}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{max-width:640px;padding:0 1.5rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding:0 2rem}}@media (min-width:1280px){.container{max-width:1280px}}.grid-responsive{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}@media (max-width:639px){.text-title{font-size:1.5rem}.text-heading{font-size:1.125rem}}@media (max-width:1023px){.sidebar-mobile{z-index:1000;transition:transform var(--duration-slow)var(--ease-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-mobile.open{transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)var(--ease-out);background:#00000080;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}.progress{background:var(--surface-2);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow)var(--ease-out)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;background:var(--gray-800);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast)var(--ease-out);padding:.5rem .75rem;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip:hover:after{opacity:1;transform:translate(-50%)translateY(-8px)}.empty-state{text-align:center;color:var(--text-tertiary);animation:fadeIn var(--duration-slow)var(--ease-out);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state-icon{opacity:.5;width:4rem;height:4rem;margin-bottom:1rem}.empty-state-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.empty-state-desc{max-width:300px;font-size:.875rem}.divider{background:var(--border-light);height:1px;margin:1rem 0}.divider-text{color:var(--text-tertiary);align-items:center;gap:1rem;font-size:.75rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border-light);flex:1;height:1px}.chip{background:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-out);align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip-close{border-radius:var(--radius-full);cursor:pointer;width:1rem;height:1rem;transition:background var(--duration-fast);justify-content:center;align-items:center;margin-left:.125rem;margin-right:-.25rem;display:flex}.chip-close:hover{background:var(--error);color:#fff}.dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:100;animation:fadeInDown var(--duration-fast)var(--ease-out);padding:.5rem;position:absolute;top:100%;right:0}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--surface-1);color:var(--text-primary)}.dropdown-divider{background:var(--border-light);height:1px;margin:.5rem 0}.drop-target-active{border-radius:var(--radius-md);background:var(--primary-50)!important;border:2px dashed var(--primary-400)!important}.dark .drop-target-active{border-color:var(--primary-500)!important;background:#3b82f61a!important}.is-dragging{-webkit-user-select:none;user-select:none}.is-dragging *{cursor:grabbing!important}.drag-ghost .drag-icon{width:16px;height:16px}.drag-ghost-content{align-items:center;gap:8px;display:flex}.draggable{cursor:grab}.draggable:active{cursor:grabbing}.drop-zone{transition:all var(--duration-fast)var(--ease-out);position:relative}.drop-zone:after{content:"";border-radius:var(--radius-md);pointer-events:none;transition:all var(--duration-fast)var(--ease-out);border:2px dashed #0000;position:absolute;inset:0}.drop-zone.can-drop:after{border-color:var(--primary-400);background:#0c87f20d}.drop-zone.drop-active{transform:scale(1.02)}.drop-zone.drop-active:after{border-color:var(--primary-500);background:#0c87f21a}.dark .btn-secondary{background:var(--surface-2);border-color:var(--border-medium);color:var(--text-primary)}.dark .btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.dark .btn-ghost:hover:not(:disabled){background:var(--surface-2)}.dark .card,.dark .modal-content,.dark .dropdown-menu,.dark .popup{background:var(--bg-elevated);border-color:var(--border-medium)}.dark .skeleton{background:linear-gradient(90deg,var(--gray-300)25%,var(--gray-400)50%,var(--gray-300)75%)}.dark .email-item:hover{background:var(--surface-2)}.dark .email-unread{background:#4d9be814}.dark .email-selected{background:#4d9be826}.dark table th{background:var(--bg-tertiary);border-color:var(--border-medium)}.dark table td{border-color:var(--border-light)}.dark table tr:hover td{background:var(--surface-1)}.dark .chip{background:var(--surface-2);border-color:var(--border-medium)}.dark .chip:hover{background:var(--surface-3)}.dark .tooltip{background:var(--gray-800);color:var(--gray-100);box-shadow:var(--shadow-md)}.dark .progress-bar{background:var(--gray-300)}.dark .progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-400))}.dark .divider,.dark hr{background:var(--border-medium);border-color:var(--border-medium)}.dark blockquote{background:var(--surface-1);border-left-color:var(--primary-500);color:var(--text-secondary)}.dark pre,.dark code{background:var(--bg-tertiary);border-color:var(--border-light)}.skip-link{z-index:10000;background:var(--primary-500);color:#fff;border-radius:var(--radius-md);transition:top var(--duration-fast);padding:.75rem 1.5rem;font-weight:500;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:1rem}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-light:#0003;--border-medium:#0006;--border-strong:#0009}.dark{--border-light:#ffffff4d;--border-medium:#ffffff80;--border-strong:#ffffffb3}}.offline-indicator{z-index:9999;background:var(--warning);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:slideUp var(--duration-normal)var(--ease-out);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.offline-indicator.reconnecting{background:var(--info)}.offline-indicator.online{background:var(--success)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:root{--sidebar-width:240px;--sidebar-width-collapsed:64px;--sidebar-padding:1rem;--sidebar-item-height:2.5rem;--sidebar-bg:var(--bg-secondary);--sidebar-border:var(--border-light);--sidebar-item-hover:var(--surface-1);--sidebar-item-active:var(--primary-50);--sidebar-item-active-text:var(--primary-600)}.dark{--sidebar-item-active:#3b82f626;--sidebar-item-active-text:var(--primary-400)}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;min-height:100%;padding:1rem 0;display:flex;overflow:hidden auto}@media (max-width:1023px){.app-sidebar{z-index:50;transition:transform var(--duration-slow)var(--ease-out);box-shadow:var(--shadow-lg);position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}}.sidebar-section{padding:.5rem 0}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem;padding:0 1.25rem;font-size:.6875rem;font-weight:600}.sidebar-item{height:var(--sidebar-item-height);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:calc(100% - 1.5rem);margin:.125rem .75rem;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.sidebar-item.active,.sidebar-item.router-link-exact-active{background:var(--sidebar-item-active);color:var(--sidebar-item-active-text)}.sidebar-item-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.sidebar-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item-badge{background:var(--surface-1);border-radius:var(--radius-full);color:var(--text-tertiary);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.sidebar-item.active .sidebar-item-badge,.sidebar-item.router-link-active .sidebar-item-badge{color:var(--primary-600);background:#fff}.dark .sidebar-item.active .sidebar-item-badge,.dark .sidebar-item.router-link-active .sidebar-item-badge{color:var(--primary-400);background:#ffffff1a}.sidebar-group{margin:.25rem 0}.sidebar-group-header{height:var(--sidebar-item-height);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);text-align:left;border-radius:var(--radius-md);background:0 0;border:none;justify-content:space-between;align-items:center;width:calc(100% - 1rem);margin:0 .5rem;padding:0 1rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-group-header:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.sidebar-group-left{align-items:center;gap:.75rem;display:flex}.sidebar-group-chevron{width:1rem;height:1rem;transition:transform var(--duration-fast);color:var(--text-tertiary)}.sidebar-group.open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-content{overflow:hidden}.sidebar-group-content .sidebar-item{padding-left:2.75rem}.sidebar-add-btn{color:var(--text-tertiary);border:1px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);background:0 0;align-items:center;gap:.5rem;width:calc(100% - 1rem);margin:.25rem .5rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.sidebar-add-btn:hover{border-color:var(--primary-400);color:var(--primary-500);background:var(--primary-50)}.dark .sidebar-add-btn:hover{background:#3b82f61a}.sidebar-divider{background:var(--border-light);height:1px;margin:.5rem 1rem}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding:1rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}