:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-background:#fff;--color-background-secondary:var(--color-gray-50);--color-background-tertiary:var(--color-gray-100);--color-foreground:var(--color-gray-900);--color-foreground-secondary:var(--color-gray-600);--color-foreground-tertiary:var(--color-gray-400);--color-border:var(--color-gray-200);--color-border-hover:var(--color-gray-300);--color-ring:var(--color-primary-500);--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", Consolas, Monaco, "Andale Mono", 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.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--spacing-0:0;--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;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--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;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--sidebar-width:260px;--sidebar-collapsed-width:64px;--header-height:64px;--content-max-width:1400px}[data-theme=dark]{--color-background:var(--color-gray-900);--color-background-secondary:var(--color-gray-800);--color-background-tertiary:var(--color-gray-700);--color-foreground:var(--color-gray-50);--color-foreground-secondary:var(--color-gray-300);--color-foreground-tertiary:var(--color-gray-500);--color-border:var(--color-gray-700);--color-border-hover:var(--color-gray-600)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-family-mono);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}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-foreground-tertiary)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none!important}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:fit-content}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-foreground-secondary)}.text-muted{color:var(--color-foreground-tertiary)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.bg-primary{background-color:var(--color-primary-600)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-error{background-color:var(--color-error-500)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.border{border:1px solid var(--color-border)}.border-0{border-width:0}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.transition{transition:all var(--transition-normal)}.transition-colors{transition:color, background-color, border-color var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary-600);color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--spacing-4);outline:2px solid var(--color-primary-400);outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.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 (pointer:coarse){button,[role=button],a,input[type=checkbox],input[type=radio],select{min-width:44px;min-height:44px}.header-icon-btn,.btn-icon,.modal-close,.dropdown-item,.sidebar-toggle{min-width:44px;min-height:44px;padding:var(--spacing-2)}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline-flex{display:inline-flex!important}}.mobile-back-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;min-height:44px;display:none}.mobile-back-btn:hover{color:var(--color-primary-700)}@media (max-width:768px){.mobile-back-btn{display:inline-flex}}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-background);color:var(--color-foreground);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}.btn-outline{color:var(--color-primary-600);border-color:var(--color-primary-600);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn-ghost{color:var(--color-foreground);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-background-secondary)}.btn-danger{background-color:var(--color-error-600);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-700)}.btn-success{background-color:var(--color-success-600);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-700)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-2);width:36px;height:36px}.btn-icon.btn-sm{width:28px;height:28px;padding:var(--spacing-1)}.btn-icon.btn-lg{width:44px;height:44px;padding:var(--spacing-3)}.action-btn{width:28px;height:28px;color:var(--color-foreground-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.action-btn:hover{color:var(--color-foreground-secondary);background-color:var(--color-background-secondary);border-color:var(--color-border)}.action-btn:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.action-btn:active{transform:scale(.92)}.action-btn svg{width:16px;height:16px}.action-btn-primary:hover{color:var(--color-primary-600);background-color:var(--color-primary-50);border-color:var(--color-primary-100)}.action-btn-success:hover{color:var(--color-success-600);background-color:var(--color-success-50);border-color:var(--color-success-100)}.action-btn-danger:hover{color:var(--color-error-600);background-color:var(--color-error-50);border-color:var(--color-error-100)}.action-btn-group{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.action-btn-group .action-btn{width:26px;height:26px}.action-btn-group .action-btn:hover{border-color:#0000}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.form-label-required:after{content:" *";color:var(--color-error-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-foreground-tertiary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-background-secondary);cursor:not-allowed;opacity:.7}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--color-error-500)}.form-input-error:focus,.form-select-error:focus,.form-textarea-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-100)}.form-error{font-size:var(--font-size-xs);color:var(--color-error-600)}.input-with-icon{position:relative}.input-icon{left:var(--spacing-3);color:var(--color-foreground-tertiary);pointer-events:none;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon svg{width:18px;height:18px}.input-with-icon .form-input{padding-left:42px}.input-with-icon:has(.input-icon-right) .form-input{padding-right:42px}.input-icon-right{right:var(--spacing-3);color:var(--color-foreground-tertiary);pointer-events:none;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-right svg{width:18px;height:18px}.input-with-icon:focus-within .input-icon,.input-with-icon:focus-within .input-icon-right{color:var(--color-primary-500)}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{left:var(--spacing-3);width:32px;height:32px;color:var(--color-foreground-tertiary);background-color:var(--color-background-secondary);border-radius:var(--radius-md);pointer-events:none;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper .search-icon svg{width:16px;height:16px}.search-input-wrapper .search-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);padding-left:52px}.search-input-wrapper .search-input::placeholder{color:var(--color-foreground-tertiary)}.search-input-wrapper .search-input:hover{border-color:var(--color-border-hover)}.search-input-wrapper .search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.search-input-wrapper:focus-within .search-icon{color:var(--color-primary-600);background-color:var(--color-primary-100)}.search-input-wrapper .search-clear{right:var(--spacing-2);position:absolute;top:50%;transform:translateY(-50%)}.toolbar{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex}.toolbar-search{flex:1;min-width:200px}.toolbar-search .form-group{margin:0}.toolbar-search .input-with-icon .form-input{border-radius:var(--radius-lg);background-color:var(--color-background-secondary);border-color:#0000}.toolbar-search .input-with-icon .form-input:hover{background-color:var(--color-background);border-color:var(--color-border)}.toolbar-search .input-with-icon .form-input:focus{background-color:var(--color-background);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.toolbar-filters{align-items:center;gap:var(--spacing-2);display:flex}.toolbar-select{min-width:150px}.toolbar-select .form-group{margin:0}.toolbar-select .form-select{border-radius:var(--radius-lg);background-color:var(--color-background-secondary);padding-right:var(--spacing-8);cursor:pointer;border-color:#0000}.toolbar-select .form-select:hover{background-color:var(--color-background);border-color:var(--color-border)}.toolbar-select .form-select:focus{background-color:var(--color-background);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.toolbar-divider{background-color:var(--color-border);width:1px;height:24px;margin:0 var(--spacing-1)}.toolbar .btn{flex-shrink:0}.stat-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);display:flex}.stat-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px -2px #00000014}.stat-card-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon svg{width:24px;height:24px}.stat-card-icon-gray{background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-50) 100%);color:var(--color-gray-600)}.stat-card-icon-primary{background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-50) 100%);color:var(--color-primary-600)}.stat-card-icon-success{background:linear-gradient(135deg, var(--color-success-100) 0%, var(--color-success-50) 100%);color:var(--color-success-600)}.stat-card-icon-warning{background:linear-gradient(135deg, var(--color-warning-100) 0%, var(--color-warning-50) 100%);color:var(--color-warning-600)}.stat-card-icon-error{background:linear-gradient(135deg, var(--color-error-100) 0%, var(--color-error-50) 100%);color:var(--color-error-600)}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-1)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);line-height:1.2}.stat-card-trend{align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.stat-card-trend-up{color:var(--color-success-600)}.stat-card-trend-down{color:var(--color-error-600)}.pipeline-progress{gap:var(--spacing-4);flex-direction:column;display:flex}.pipeline-progress-header{justify-content:space-between;align-items:center;display:flex}.pipeline-progress-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.pipeline-progress-subtitle{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary)}.pipeline-progress-stages{align-items:stretch;gap:var(--spacing-1);display:flex;position:relative}.pipeline-stage{padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-lg);background-color:var(--color-background-tertiary);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:1;align-items:center;min-height:72px;transition:all .2s;display:flex;position:relative}.pipeline-stage:before{content:"";background-color:var(--color-background-tertiary);z-index:1;border-radius:2px;width:8px;height:8px;transition:background-color .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.pipeline-stage:last-child:before{display:none}.pipeline-stage:hover{background-color:var(--color-background-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pipeline-stage-past{color:#fff}.pipeline-stage-past:before{background-color:inherit}.pipeline-stage-active{color:#fff;box-shadow:0 0 0 3px var(--color-background), 0 0 0 5px currentColor;z-index:2;transform:scale(1.02)}.pipeline-stage-active:before{background-color:inherit}.pipeline-stage-icon{border-radius:var(--radius-full);width:28px;height:28px;margin-bottom:var(--spacing-1);background-color:#fff3;justify-content:center;align-items:center;transition:all .2s;display:flex}.pipeline-stage-past .pipeline-stage-icon,.pipeline-stage-active .pipeline-stage-icon{background-color:#ffffff40}.pipeline-stage-future .pipeline-stage-icon{background-color:var(--color-background-secondary);color:var(--color-foreground-tertiary)}.pipeline-stage-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;line-height:1.3}.pipeline-stage-future .pipeline-stage-name{color:var(--color-foreground-secondary)}.pipeline-progress-actions{justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light);display:flex}.pipeline-action-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;transition:all .2s;display:inline-flex}.pipeline-action-btn-won{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.pipeline-action-btn-won:hover{background-color:var(--color-success-100);border-color:var(--color-success-300)}.pipeline-action-btn-lost{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.pipeline-action-btn-lost:hover{background-color:var(--color-error-100);border-color:var(--color-error-300)}[data-theme=dark] .pipeline-stage{background-color:var(--color-gray-800)}[data-theme=dark] .pipeline-stage:hover{background-color:var(--color-gray-700)}[data-theme=dark] .pipeline-stage:before{background-color:var(--color-gray-800)}[data-theme=dark] .pipeline-stage-future .pipeline-stage-icon{background-color:var(--color-gray-700)}[data-theme=dark] .pipeline-action-btn-won{background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .pipeline-action-btn-won:hover{background-color:#22c55e40}[data-theme=dark] .pipeline-action-btn-lost{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] .pipeline-action-btn-lost:hover{background-color:#ef444440}.settings-layout{gap:var(--spacing-6);min-height:calc(100vh - 200px);display:flex}.settings-sidebar{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:260px;top:var(--spacing-6);flex-shrink:0;height:fit-content;position:sticky;overflow:hidden}.settings-sidebar-header{padding:var(--spacing-5) var(--spacing-5);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-background) 100%)}.settings-sidebar-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.settings-content{flex:1;min-width:0}@media (max-width:1024px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;position:static}}.settings-nav{padding:var(--spacing-3);gap:var(--spacing-1);flex-direction:column;display:flex}.settings-nav-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background-color:#0000;border:none;width:100%;transition:all .2s;display:flex;position:relative}.settings-nav-item-icon{border-radius:var(--radius-md);background-color:var(--color-background-secondary);justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.settings-nav-item:hover{background-color:var(--color-background-secondary);color:var(--color-foreground)}.settings-nav-item:hover .settings-nav-item-icon{background-color:var(--color-background)}.settings-nav-item.active{background:linear-gradient(135deg, var(--color-primary-50) 0%, transparent 100%);color:var(--color-primary-700)}.settings-nav-item.active:before{content:"";background:var(--color-primary-500);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.settings-nav-item.active .settings-nav-item-icon{background-color:var(--color-primary-100);color:var(--color-primary-600)}.settings-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.settings-section-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary);justify-content:space-between;align-items:center;display:flex}.settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.settings-section-description{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);margin-top:var(--spacing-1)}.settings-section-body{padding:var(--spacing-6)}.settings-profile-header{align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-background) 100%);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);display:flex}.settings-profile-avatar{position:relative}.settings-profile-avatar-edit{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-foreground-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.settings-profile-avatar-edit:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.settings-profile-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.settings-profile-info p{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);margin-top:var(--spacing-1)}.settings-form-group{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.settings-form-group-full{grid-column:span 2}@media (max-width:640px){.settings-form-group{grid-template-columns:1fr}.settings-form-group-full{grid-column:span 1}}.settings-list-item{padding:var(--spacing-4);background-color:var(--color-background-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.settings-list-item:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000a}.settings-list-item-content{align-items:center;gap:var(--spacing-3);display:flex}.settings-list-item-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-700);justify-content:center;align-items:center;display:flex}.settings-list-item-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.settings-list-item-info p{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-top:2px}.settings-list-item-actions{align-items:center;gap:var(--spacing-3);display:flex}.settings-list-item-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-foreground-secondary)}.settings-pipeline-item{padding:var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:grab;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.settings-pipeline-item:hover{border-color:var(--color-primary-300);box-shadow:0 2px 8px #0000000f}.settings-pipeline-item-drag{color:var(--color-foreground-tertiary);margin-right:var(--spacing-2)}.settings-pipeline-item-color{border-radius:var(--radius-full);width:12px;height:12px;margin-right:var(--spacing-3);box-shadow:0 0 0 3px var(--color-background), 0 0 0 4px currentColor}.settings-pipeline-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.settings-pipeline-item-probability{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);background-color:var(--color-background-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md)}.settings-toggle-item{padding:var(--spacing-4);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;transition:all .2s;display:flex}.settings-toggle-item:hover{background-color:var(--color-background-tertiary)}.settings-toggle-content{padding-right:var(--spacing-4);flex:1}.settings-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.settings-toggle-description{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-top:var(--spacing-1);line-height:1.5}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{cursor:pointer;background-color:var(--color-gray-300);border-radius:var(--radius-full);transition:all .3s;position:absolute;inset:0}.toggle-switch-slider:before{content:"";border-radius:var(--radius-full);background-color:#fff;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--color-primary-600)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-switch-slider{box-shadow:0 0 0 3px var(--color-primary-100)}.settings-integration-card{padding:var(--spacing-5);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;transition:all .2s;display:flex}.settings-integration-card:hover{border-color:var(--color-primary-200);box-shadow:0 4px 12px #0000000f}.settings-integration-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.settings-integration-icon{border-radius:var(--radius-lg);background-color:var(--color-background-secondary);width:48px;height:48px;color:var(--color-foreground-secondary);justify-content:center;align-items:center;display:flex}.settings-integration-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.settings-integration-status-connected{background-color:var(--color-success-50);color:var(--color-success-700)}.settings-integration-status-disconnected{background-color:var(--color-gray-100);color:var(--color-foreground-tertiary)}.settings-integration-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.settings-integration-description{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);margin-bottom:var(--spacing-4);flex:1}.settings-theme-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}.settings-theme-option{padding:var(--spacing-4);background-color:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;align-items:center;transition:all .2s;display:flex;position:relative}.settings-theme-option:hover{border-color:var(--color-primary-300)}.settings-theme-option.active{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.settings-theme-option input{opacity:0;position:absolute}.settings-theme-preview{border-radius:var(--radius-lg);width:100%;height:60px;margin-bottom:var(--spacing-3);display:flex;overflow:hidden}.settings-theme-preview-light{border:1px solid var(--color-border);background:linear-gradient(135deg,#fff 50%,#f3f4f6 50%)}.settings-theme-preview-dark{background:linear-gradient(135deg,#1f2937 50%,#111827 50%)}.settings-theme-preview-system{background:linear-gradient(135deg,#fff 25%,#f3f4f6 25% 50%,#1f2937 50% 75%,#111827 75%)}.settings-theme-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.settings-theme-check{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-full);background-color:var(--color-primary-600);color:#fff;opacity:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;transform:scale(.8)}.settings-theme-option.active .settings-theme-check{opacity:1;transform:scale(1)}.settings-security-section{padding:var(--spacing-5);background-color:var(--color-background-secondary);border-radius:var(--radius-xl)}.settings-security-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.settings-security-section p{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);margin-bottom:var(--spacing-4);line-height:1.6}.settings-security-section-danger{background-color:var(--color-error-50);border:1px solid var(--color-error-100)}.settings-security-section-danger h3{color:var(--color-error-700)}.settings-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-6) 0}.settings-footer{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);margin-top:var(--spacing-6);display:flex}[data-theme=dark] .settings-sidebar{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .settings-sidebar-header{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-gray-900) 100%);border-color:var(--color-gray-700)}[data-theme=dark] .settings-nav-item-icon{background-color:var(--color-gray-800)}[data-theme=dark] .settings-nav-item:hover .settings-nav-item-icon{background-color:var(--color-gray-700)}[data-theme=dark] .settings-nav-item.active{background:linear-gradient(135deg, var(--color-primary-900) 0%, transparent 100%);color:var(--color-primary-300)}[data-theme=dark] .settings-nav-item.active .settings-nav-item-icon{background-color:var(--color-primary-800);color:var(--color-primary-300)}[data-theme=dark] .settings-profile-header{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-background) 100%)}[data-theme=dark] .settings-list-item{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .settings-list-item:hover{border-color:var(--color-gray-600)}[data-theme=dark] .settings-toggle-item{background-color:var(--color-gray-800)}[data-theme=dark] .settings-toggle-item:hover{background-color:var(--color-gray-750)}[data-theme=dark] .toggle-switch-slider{background-color:var(--color-gray-600)}[data-theme=dark] .settings-integration-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .settings-integration-card:hover{border-color:var(--color-primary-700)}[data-theme=dark] .settings-integration-status-disconnected{background-color:var(--color-gray-700)}[data-theme=dark] .settings-theme-option{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .settings-theme-option:hover{border-color:var(--color-primary-600)}[data-theme=dark] .settings-theme-option.active{background-color:var(--color-primary-900);border-color:var(--color-primary-500)}[data-theme=dark] .settings-security-section{background-color:var(--color-gray-800)}[data-theme=dark] .settings-security-section-danger{background-color:#ef44441a;border-color:#ef444433}[data-theme=dark] .settings-pipeline-item{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .settings-pipeline-item:hover{border-color:var(--color-primary-600)}.email-layout{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);grid-template-columns:260px 380px 1fr;height:calc(100vh - 180px);display:grid;overflow:hidden;box-shadow:0 4px 24px #0000000f}@media (max-width:1200px){.email-layout{grid-template-columns:240px 1fr}.email-preview{display:none}}@media (max-width:768px){.email-layout{border-radius:var(--radius-lg);grid-template-columns:1fr;height:calc(100vh - 160px)}.email-folders{display:none}.email-layout.show-folders .email-folders{z-index:10;display:flex;position:absolute;inset:0}.email-layout.show-folders .email-list,.email-layout.show-preview .email-list{display:none}.email-layout.show-preview .email-preview{flex-direction:column;display:flex}.email-list-header,.email-preview-actions{gap:var(--spacing-2);flex-wrap:wrap}.email-preview-actions .btn{flex:1;justify-content:center;min-width:100px}}.email-mobile-toggle{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-height:44px;display:none}.email-mobile-toggle:hover{background:var(--color-background);color:var(--color-foreground)}@media (max-width:768px){.email-mobile-toggle{display:inline-flex}}.email-folders{background:linear-gradient(180deg, var(--color-background-secondary) 0%, var(--color-background) 100%);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.email-folders-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border-light)}.email-folders-list{padding:var(--spacing-4);flex:1;overflow-y:auto}.email-folder-item{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--spacing-1);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.email-folder-item:hover{background-color:var(--color-background);border-color:var(--color-border-light);transform:translate(4px)}.email-folder-item.active{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);border-color:var(--color-primary-200);color:var(--color-primary-700);box-shadow:0 2px 8px #6366f126}.email-folder-content{align-items:center;gap:var(--spacing-3);display:flex}.email-folder-icon{border-radius:var(--radius-lg);background-color:var(--color-background);width:32px;height:32px;color:var(--color-foreground-tertiary);justify-content:center;align-items:center;transition:all .2s;display:flex}.email-folder-item:hover .email-folder-icon{background-color:var(--color-background-secondary)}.email-folder-item.active .email-folder-icon{background-color:var(--color-primary-600);color:#fff;box-shadow:0 2px 6px #6366f14d}.email-folder-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.email-folder-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--color-background-tertiary);color:var(--color-foreground-secondary);border-radius:var(--radius-full);text-align:center;min-width:28px;padding:4px 10px;transition:all .2s}.email-folder-item.active .email-folder-count{background-color:var(--color-primary-600);color:#fff;box-shadow:0 2px 4px #6366f14d}.email-list{border-right:1px solid var(--color-border);background-color:var(--color-background);flex-direction:column;display:flex}.email-list-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-background) 0%, var(--color-background-secondary) 100%);justify-content:space-between;align-items:center;display:flex}.email-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.email-list-actions{align-items:center;gap:var(--spacing-1);display:flex}.email-list-actions .btn{border-radius:var(--radius-lg);width:36px;height:36px}.email-search{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary)}.email-list-content{flex:1;overflow-y:auto}.email-item{gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all .2s;display:flex;position:relative}.email-item:before{content:"";background-color:#0000;border-radius:0 4px 4px 0;width:4px;transition:all .2s;position:absolute;top:0;bottom:0;left:0}.email-item:hover{background-color:var(--color-background-secondary)}.email-item:hover:before{background-color:var(--color-gray-300)}.email-item.active{background:linear-gradient(90deg, var(--color-primary-50) 0%, var(--color-background) 100%)}.email-item.active:before{background-color:var(--color-primary-600)}.email-item.unread{background-color:var(--color-background)}.email-item.unread:before{background-color:var(--color-primary-400)}.email-item.unread .email-item-sender,.email-item.unread .email-item-subject{font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.email-item-checkbox{flex-shrink:0;padding-top:4px}.email-item-avatar{flex-shrink:0}.email-item-content{flex:1;min-width:0;overflow:hidden}.email-item-header{margin-bottom:var(--spacing-1);justify-content:space-between;align-items:center;display:flex}.email-item-sender{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.email-item-time{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-left:var(--spacing-2);background-color:var(--color-background-secondary);border-radius:var(--radius-md);flex-shrink:0;padding:2px 8px}.email-item-subject{font-size:var(--font-size-sm);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-1);overflow:hidden}.email-item-preview{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.email-item-indicators{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.email-item-attachment{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);background-color:var(--color-background-secondary);border-radius:var(--radius-md);align-items:center;gap:4px;padding:2px 8px;display:flex}.email-item-star{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-foreground-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.email-item-star:hover{background-color:var(--color-warning-50);color:var(--color-warning-500);transform:scale(1.1)}.email-item-star.starred{color:var(--color-warning-500);background-color:var(--color-warning-50)}.email-preview{background-color:var(--color-background);flex-direction:column;display:flex}.email-preview-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-background) 0%, var(--color-background-secondary) 100%)}.email-preview-actions{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light);display:flex}.email-preview-subject{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin-bottom:var(--spacing-5);line-height:1.3}.email-preview-meta{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);display:flex}.email-preview-sender{flex:1}.email-preview-sender-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:2px}.email-preview-sender-email{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary)}.email-preview-date{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background-secondary);border-radius:var(--radius-lg)}.email-preview-body{padding:var(--spacing-6);background-color:var(--color-background);flex:1;overflow-y:auto}.email-preview-content{font-size:var(--font-size-base);color:var(--color-foreground);max-width:720px;line-height:1.8}.email-preview-content p{margin-bottom:var(--spacing-4)}.email-preview-attachments{padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-background-secondary) 0%, var(--color-background) 100%)}.email-preview-attachments-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-4);display:flex}.email-attachment-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--color-foreground);margin-right:var(--spacing-3);margin-bottom:var(--spacing-3);cursor:pointer;transition:all .2s;display:inline-flex}.email-attachment-item:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.email-attachment-item svg{color:var(--color-primary-600)}.email-attachment-item .text-muted{color:var(--color-foreground-tertiary);font-size:var(--font-size-xs)}.email-preview-reply{padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-border);background-color:var(--color-background)}.email-preview-reply .input{border-radius:var(--radius-xl);padding:var(--spacing-4)}.email-empty{height:100%;color:var(--color-foreground-tertiary);text-align:center;padding:var(--spacing-8);background:linear-gradient(180deg, var(--color-background) 0%, var(--color-background-secondary) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.email-empty-icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);width:80px;height:80px;margin-bottom:var(--spacing-5);color:var(--color-primary-400);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #6366f126}.email-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.email-empty-description{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);max-width:280px;line-height:1.6}.messages-layout{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);grid-template-columns:320px 1fr;height:calc(100vh - 180px);display:grid;overflow:hidden}@media (max-width:768px){.messages-layout{border-radius:var(--radius-lg);grid-template-columns:1fr;height:calc(100vh - 160px);position:relative}.messages-list{display:flex}.messages-chat{background:var(--color-background);display:none;position:absolute;inset:0}.messages-layout.show-chat .messages-list{display:none}.messages-layout.show-chat .messages-chat{flex-direction:column;display:flex}.messages-chat-header{padding:var(--spacing-3)}.messages-chat-user-info h3{font-size:var(--font-size-sm)}.messages-chat-user-info p{font-size:var(--font-size-xs)}.messages-chat-actions .btn{min-width:44px;min-height:44px}.messages-chat-input{padding:var(--spacing-3);gap:var(--spacing-2)}.messages-chat-input-field{padding:var(--spacing-2)}.messages-chat-input-btn{min-width:44px;min-height:44px;padding:var(--spacing-2)}.messages-chat-send{min-width:48px;min-height:48px}.message-bubble{max-width:85%}}.messages-mobile-back{width:44px;height:44px;margin-right:var(--spacing-2);color:var(--color-foreground-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.messages-mobile-back:hover{background:var(--color-background-secondary);color:var(--color-foreground)}@media (max-width:768px){.messages-mobile-back{display:flex}}.messages-list{border-right:1px solid var(--color-border);background-color:var(--color-background);flex-direction:column;display:flex}.messages-list-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.messages-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.messages-search{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border)}.messages-list-content{flex:1;overflow-y:auto}.message-conversation{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all .2s;display:flex}.message-conversation:hover{background-color:var(--color-background-secondary)}.message-conversation.active{background-color:var(--color-primary-50);border-left:3px solid var(--color-primary-600)}.message-conversation-avatar{flex-shrink:0;position:relative}.message-conversation-status{border-radius:var(--radius-full);border:2px solid var(--color-background);width:12px;height:12px;position:absolute;bottom:0;right:0}.message-conversation-status.online{background-color:var(--color-success-500)}.message-conversation-status.offline{background-color:var(--color-gray-400)}.message-conversation-status.away{background-color:var(--color-warning-500)}.message-conversation-content{flex:1;min-width:0;overflow:hidden}.message-conversation-header{margin-bottom:var(--spacing-1);justify-content:space-between;align-items:center;display:flex}.message-conversation-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-conversation-time{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);flex-shrink:0}.message-conversation-preview{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-conversation.unread .message-conversation-name{font-weight:var(--font-weight-semibold)}.message-conversation.unread .message-conversation-preview{color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium)}.message-conversation-badge{border-radius:var(--radius-full);background-color:var(--color-primary-600);color:#fff;min-width:20px;height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;display:flex}.messages-chat{background-color:var(--color-background);flex-direction:column;display:flex}.messages-chat-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-background);justify-content:space-between;align-items:center;display:flex}.messages-chat-user{align-items:center;gap:var(--spacing-3);display:flex}.messages-chat-user-info h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.messages-chat-user-info p{font-size:var(--font-size-xs);color:var(--color-success-600)}.messages-chat-actions{align-items:center;gap:var(--spacing-2);display:flex}.messages-chat-body{padding:var(--spacing-4);background-color:var(--color-background-secondary);flex:1;overflow-y:auto}.message-date-divider{margin:var(--spacing-4) 0;justify-content:center;align-items:center;display:flex}.message-date-divider span{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);background-color:var(--color-background-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.message-bubble-wrapper{margin-bottom:var(--spacing-3);display:flex}.message-bubble-wrapper.sent{justify-content:flex-end}.message-bubble-wrapper.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm);line-height:1.5}.message-bubble-wrapper.sent .message-bubble{background-color:var(--color-primary-600);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble-wrapper.received .message-bubble{background-color:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.message-bubble-time{font-size:var(--font-size-xs);margin-top:var(--spacing-1);opacity:.7}.message-bubble-wrapper.received .message-bubble-time{color:var(--color-foreground-tertiary)}.messages-chat-input{align-items:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--color-border);background-color:var(--color-background);display:flex}.messages-chat-input-field{align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex:1;transition:all .2s;display:flex}.messages-chat-input-field:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.messages-chat-input-field textarea{resize:none;font-size:var(--font-size-sm);max-height:120px;color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1;line-height:1.5}.messages-chat-input-field textarea::placeholder{color:var(--color-foreground-tertiary)}.messages-chat-input-actions{align-items:center;gap:var(--spacing-1);display:flex}.messages-chat-input-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-foreground-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.messages-chat-input-btn:hover{background-color:var(--color-background-tertiary);color:var(--color-foreground)}.messages-chat-send{border-radius:var(--radius-full);background-color:var(--color-primary-600);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.messages-chat-send:hover{background-color:var(--color-primary-700);transform:scale(1.05)}.messages-chat-send:active{transform:scale(.95)}.messages-empty{text-align:center;height:100%;padding:var(--spacing-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.messages-empty-icon{border-radius:var(--radius-full);background-color:var(--color-background-secondary);width:80px;height:80px;margin-bottom:var(--spacing-4);color:var(--color-foreground-tertiary);justify-content:center;align-items:center;display:flex}.messages-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.messages-empty-description{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);max-width:300px}[data-theme=dark] .email-layout,[data-theme=dark] .messages-layout{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .email-folders{background-color:var(--color-gray-850)}[data-theme=dark] .email-folder-item:hover{background-color:var(--color-gray-800)}[data-theme=dark] .email-folder-item.active{background-color:var(--color-primary-900)}[data-theme=dark] .email-folder-count{background-color:var(--color-gray-700)}[data-theme=dark] .email-item:hover,[data-theme=dark] .message-conversation:hover{background-color:var(--color-gray-800)}[data-theme=dark] .email-item.active,[data-theme=dark] .message-conversation.active{background-color:var(--color-primary-900)}[data-theme=dark] .email-attachment-item{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .messages-chat-body{background-color:var(--color-gray-850)}[data-theme=dark] .message-bubble-wrapper.received .message-bubble,[data-theme=dark] .messages-chat-input-field{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .message-date-divider span{background-color:var(--color-gray-800)}.form-hint{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.form-checkbox,.form-radio{width:16px;height:16px;accent-color:var(--color-primary-600);cursor:pointer}.form-checkbox-label,.form-radio-label{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.card-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-top:var(--spacing-1)}.card-body{padding:var(--spacing-5)}.card-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary);display:flex}.card-hover{transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable{cursor:pointer}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-700)}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-dot:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--color-background);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.table-container{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--color-background) 30%, transparent), linear-gradient(to left, var(--color-background) 30%, transparent), linear-gradient(to right, #0000001a, transparent 15px), linear-gradient(to left, #0000001a, transparent 15px);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:20px 100%,20px 100%,15px 100%,15px 100%;background-attachment:local,local,scroll,scroll;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}@media (max-width:768px){.table{font-size:var(--font-size-xs);min-width:600px}.table th,.table td{padding:var(--spacing-2) var(--spacing-3)}.table-responsive-cards{min-width:auto}.table-responsive-cards thead{display:none}.table-responsive-cards tbody tr{margin-bottom:var(--spacing-3);padding:var(--spacing-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block}.table-responsive-cards tbody td{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.table-responsive-cards tbody td:last-child{border-bottom:none}.table-responsive-cards tbody td:before{content:attr(data-label);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);margin-right:var(--spacing-3)}}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);background-color:var(--color-background-secondary);white-space:nowrap}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover,.table-striped tbody tr:nth-child(2n){background-color:var(--color-background-secondary)}.dropdown{display:inline-block;position:relative}.dropdown-menu{z-index:var(--z-dropdown);min-width:240px;padding:var(--spacing-2);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);animation:.15s ease-out dropdown-enter;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 40px -10px #0003,0 0 0 1px #0000000d}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-menu-right{left:auto;right:0}.dropdown-header{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);border-bottom:1px solid var(--color-border);margin:calc(var(--spacing-2) * -1) calc(var(--spacing-2) * -1) var(--spacing-2);margin-bottom:var(--spacing-2);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(to bottom, var(--color-background-secondary), var(--color-background))}.dropdown-header-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.dropdown-header-subtitle{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-top:2px}.dropdown-label{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-foreground);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex}.dropdown-item:hover{background-color:var(--color-background-secondary);border-color:var(--color-border)}.dropdown-item:active{transform:scale(.98)}.dropdown-item-icon{background-color:var(--color-background-secondary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-foreground-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item:hover .dropdown-item-icon{background-color:var(--color-primary-100);color:var(--color-primary-600)}.dropdown-item-content{flex:1;min-width:0}.dropdown-item-title{font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-item-subtitle{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-item-danger{color:var(--color-error-600)}.dropdown-item-danger .dropdown-item-icon{background-color:var(--color-error-50);color:var(--color-error-600)}.dropdown-item-danger:hover{background-color:var(--color-error-50);border-color:var(--color-error-100)}.dropdown-item-danger:hover .dropdown-item-icon{background-color:var(--color-error-100);color:var(--color-error-700)}.dropdown-divider{height:1px;margin:var(--spacing-2) 0;background-color:var(--color-border)}.dropdown-footer{padding:var(--spacing-2) var(--spacing-3);margin:var(--spacing-2) calc(var(--spacing-2) * -1) calc(var(--spacing-2) * -1);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);background-color:var(--color-background-secondary)}.dropdown-footer-link{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.dropdown-footer-link:hover{background-color:var(--color-primary-50)}.modal-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-4);background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out modal-backdrop-enter;display:flex;position:fixed;inset:0}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal{z-index:var(--z-modal);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-2xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.2s ease-out modal-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:95vw;max-height:95vh}.modal-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom, var(--color-background), var(--color-background-secondary));justify-content:center;align-items:center;display:flex;position:relative}.modal-header:after{content:"";bottom:0;left:var(--spacing-6);right:var(--spacing-6);background:linear-gradient(90deg, transparent, var(--color-border), transparent);height:1px;position:absolute}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.modal-close{top:var(--spacing-3);right:var(--spacing-3);width:32px;height:32px;color:var(--color-foreground-tertiary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{color:var(--color-foreground);background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}.modal-close:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.modal-close:active{transform:scale(.95)}.modal-close svg{width:16px;height:16px}.modal-body{padding:var(--spacing-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary);display:flex}.modal-footer .btn{min-width:100px}.tabs{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);display:inline-flex}.tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;position:relative}.tab:hover:not(.tab-active){color:var(--color-foreground);background-color:var(--color-background)}.tab-active{color:var(--color-primary-700);background-color:var(--color-background);box-shadow:var(--shadow-sm)}.tab-content{padding:var(--spacing-5) 0}.tabs-underline{gap:var(--spacing-1);border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;padding:0;display:flex}.tabs-underline .tab{padding:var(--spacing-3) var(--spacing-4);border-radius:0;margin-bottom:-1px}.tabs-underline .tab:hover:not(.tab-active){color:var(--color-foreground);background:0 0}.tabs-underline .tab-active{color:var(--color-primary-600);box-shadow:none;border-bottom:2px solid var(--color-primary-600);background:0 0}.tabs-pills{gap:var(--spacing-2);background:0 0;padding:0}.tabs-pills .tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);background-color:#0000;border:1px solid #0000}.tabs-pills .tab:hover:not(.tab-active){background-color:var(--color-background-secondary)}.tabs-pills .tab-active{color:var(--color-primary-700);background-color:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:none}.alert{gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);display:flex}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.alert-info{background-color:var(--color-info-50);color:var(--color-info-700)}.alert-success{background-color:var(--color-success-50);color:var(--color-success-700)}.alert-warning{background-color:var(--color-warning-50);color:var(--color-warning-700)}.alert-error{background-color:var(--color-error-50);color:var(--color-error-700)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary-600);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:14px;height:14px}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip-content{z-index:var(--z-tooltip);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);color:#fff;background-color:var(--color-gray-800);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1}.empty-state{padding:var(--spacing-12) var(--spacing-6);text-align:center;background:linear-gradient(180deg, var(--color-background-secondary) 0%, transparent 100%);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-5);background-color:var(--color-primary-50);color:var(--color-primary-400);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:36px;height:36px}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);max-width:320px;margin-bottom:var(--spacing-6);line-height:1.6}.empty-state .btn{min-width:160px}.detail-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.detail-section:last-child{margin-bottom:0}.detail-section-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex}.detail-section-icon{background-color:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary-600);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.detail-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.detail-section-content{color:var(--color-foreground-secondary);font-size:var(--font-size-sm);line-height:1.7}.activity-timeline{position:relative}.activity-timeline:before{content:"";background-color:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:19px}.activity-item{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4) 0;display:flex;position:relative}.activity-item:first-child{padding-top:0}.activity-item:last-child{padding-bottom:0}.activity-item:last-child:after{content:"";background-color:var(--color-background);width:2px;position:absolute;top:50%;bottom:0;left:19px}.activity-icon{z-index:1;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-foreground-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.activity-icon.activity-icon-email{border-color:var(--color-primary-200);color:var(--color-primary-600);background-color:var(--color-primary-50)}.activity-icon.activity-icon-call{border-color:var(--color-success-200);color:var(--color-success-600);background-color:var(--color-success-50)}.activity-icon.activity-icon-meeting{border-color:var(--color-warning-200);color:var(--color-warning-600);background-color:var(--color-warning-50)}.activity-icon.activity-icon-note{border-color:var(--color-info-200);color:var(--color-info-600);background-color:var(--color-info-50)}.activity-content{flex:1;min-width:0}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.activity-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1.5}.activity-time{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap}.note-card{background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-lg);padding:var(--spacing-4);position:relative}.note-card:before{content:"";top:var(--spacing-4);background-color:var(--color-warning-50);border-left:1px solid var(--color-warning-200);border-bottom:1px solid var(--color-warning-200);width:16px;height:16px;position:absolute;left:-8px;transform:rotate(45deg)}.note-card-content{font-size:var(--font-size-sm);color:var(--color-foreground);white-space:pre-wrap;line-height:1.7}.note-card-meta{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-warning-200);font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.pipeline-board{gap:var(--spacing-4);padding:var(--spacing-4) 0;min-height:600px;display:flex;overflow-x:auto}.pipeline-column{background-color:var(--color-background-secondary);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 300px;max-height:calc(100vh - 240px);display:flex}.pipeline-column-header{padding:var(--spacing-4);border-top:3px solid var(--color-primary-500);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pipeline-column-title{font-weight:var(--font-weight-semibold);color:var(--color-foreground);justify-content:space-between;align-items:center;display:flex}.pipeline-column-count{min-width:24px;height:24px;padding:0 var(--spacing-2);background-color:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.pipeline-column-value{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-top:var(--spacing-1)}.pipeline-column-body{padding:var(--spacing-2);gap:var(--spacing-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pipeline-add-deal{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);color:var(--color-foreground-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);background:0 0;display:flex}.pipeline-add-deal:hover{color:var(--color-primary-600);border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.deal-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3);cursor:grab;transition:all var(--transition-fast)}.deal-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.deal-card:active{cursor:grabbing}.deal-card-dragging{box-shadow:var(--shadow-lg);transform:rotate(3deg)}.deal-card-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:flex-start;display:flex}.deal-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);flex:1;margin:0;line-height:1.3}.deal-card-body{gap:var(--spacing-1);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.deal-card-value{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success-600);display:flex}.deal-card-date{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-foreground-secondary);display:flex}.deal-card-footer{justify-content:space-between;align-items:center;display:flex}.task-list{flex-direction:column;display:flex}.task-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);display:flex}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--color-background-secondary)}.task-checkbox{width:24px;height:24px;color:var(--color-border);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;display:flex}.task-checkbox:hover{color:var(--color-primary-500)}.task-checkbox-checked{color:var(--color-success-500)}.task-checkbox-checked:hover{color:var(--color-success-600)}.task-content{flex:1;min-width:0}.task-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.task-title-completed{color:var(--color-foreground-secondary);text-decoration:line-through}.task-meta{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.task-meta>*{align-items:center;display:flex}.settings-nav{gap:var(--spacing-1);flex-direction:column;display:flex}.settings-nav-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;display:flex}.settings-nav-item:hover{color:var(--color-foreground);background-color:var(--color-background-secondary)}.settings-nav-item.active{color:var(--color-primary-700);background-color:var(--color-primary-50)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--color-border);transition:var(--transition-fast);border-radius:var(--radius-full);position:absolute;inset:0}.switch-slider:before{content:"";width:18px;height:18px;transition:var(--transition-fast);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background-color:#fff;position:absolute;bottom:3px;left:3px}.switch input:checked+.switch-slider{background-color:var(--color-primary-600)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.global-search-trigger{align-items:center;gap:var(--spacing-3);min-width:200px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.global-search-trigger:hover{border-color:var(--color-border-hover);background-color:var(--color-background-secondary)}.global-search-trigger:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.global-search-icon{color:var(--color-foreground-tertiary);flex-shrink:0}.global-search-text{text-align:left;flex:1}.global-search-kbd{padding:var(--spacing-1) var(--spacing-2);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border);align-items:center;gap:2px;display:inline-flex}@media (max-width:768px){.global-search-trigger{min-width:auto;padding:var(--spacing-2)}.global-search-text,.global-search-kbd{display:none}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background-color:var(--color-background);color:var(--color-foreground)}[data-theme=dark] .card,[data-theme=dark] .sidebar,[data-theme=dark] .header{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-foreground)}[data-theme=dark] .input::placeholder,[data-theme=dark] .textarea::placeholder{color:var(--color-foreground-tertiary)}[data-theme=dark] .search-input-wrapper .search-icon{background-color:var(--color-background-tertiary)}[data-theme=dark] .search-input-wrapper .search-input{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .search-input-wrapper .search-input:hover{border-color:var(--color-border-hover)}[data-theme=dark] .search-input-wrapper .search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .search-input-wrapper:focus-within .search-icon{background-color:var(--color-primary-900);color:var(--color-primary-400)}[data-theme=dark] .input-with-icon:focus-within .input-icon{color:var(--color-primary-400)}[data-theme=dark] .toolbar{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .toolbar-search .input-with-icon .form-input,[data-theme=dark] .toolbar-select .form-select{background-color:var(--color-background-tertiary);border-color:#0000}[data-theme=dark] .toolbar-search .input-with-icon .form-input:hover,[data-theme=dark] .toolbar-select .form-select:hover{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .toolbar-search .input-with-icon .form-input:focus,[data-theme=dark] .toolbar-select .form-select:focus{background-color:var(--color-background);border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .table{background-color:var(--color-background-secondary)}[data-theme=dark] .table th{background-color:var(--color-background-tertiary);color:var(--color-foreground-secondary)}[data-theme=dark] .table td{border-color:var(--color-border)}[data-theme=dark] .table tr:hover{background-color:var(--color-background-tertiary)}[data-theme=dark] .dropdown-menu{background-color:var(--color-background-secondary);border-color:var(--color-border);box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0d}[data-theme=dark] .dropdown-header{background:linear-gradient(to bottom, var(--color-background-tertiary), var(--color-background-secondary))}[data-theme=dark] .dropdown-item:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .dropdown-item-icon{background-color:var(--color-background-tertiary)}[data-theme=dark] .dropdown-item:hover .dropdown-item-icon{background-color:var(--color-primary-900);color:var(--color-primary-400)}[data-theme=dark] .dropdown-item-danger:hover{background-color:#ef44441a;border-color:#ef444433}[data-theme=dark] .dropdown-footer{background-color:var(--color-background-tertiary)}[data-theme=dark] .dropdown-footer-link:hover{background-color:var(--color-primary-900)}[data-theme=dark] .modal{background-color:var(--color-background-secondary);border-color:var(--color-border);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}[data-theme=dark] .modal-header{background:linear-gradient(to bottom, var(--color-background-secondary), var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-close{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .modal-close:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] .modal-close:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #6366f133}[data-theme=dark] .tabs{background-color:var(--color-background-tertiary)}[data-theme=dark] .tab-active{background-color:var(--color-background-secondary);color:var(--color-primary-400)}[data-theme=dark] .badge{border-color:var(--color-border)}[data-theme=dark] .header-icon-btn{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .header-icon-btn:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] .header-icon-btn:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .header-icon-btn-badge{border-color:var(--color-background-tertiary)}[data-theme=dark] .header-user{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .header-user:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] .header-user:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .action-btn:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .action-btn:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #6366f133}[data-theme=dark] .action-btn-primary:hover{color:var(--color-primary-400);background-color:var(--color-primary-900);border-color:var(--color-primary-800)}[data-theme=dark] .action-btn-success:hover{color:var(--color-success-400);background-color:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .action-btn-danger:hover{color:var(--color-error-400);background-color:#ef44441a;border-color:#ef444433}[data-theme=dark] .action-btn-group{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .sidebar-nav-item:hover{background-color:var(--color-background-tertiary)}[data-theme=dark] .sidebar-nav-item.active{background-color:var(--color-primary-900)}[data-theme=dark] .sidebar-toggle{border-color:var(--color-border)}[data-theme=dark] .sidebar-toggle:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-hover)}[data-theme=dark] .sidebar-toggle:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #6366f133}[data-theme=dark] .empty-state-icon{background:linear-gradient(135deg, var(--color-background-tertiary) 0%, var(--color-background-secondary) 100%)}[data-theme=dark] .detail-section{background-color:var(--color-background-tertiary)}[data-theme=dark] .activity-item:not(:last-child):after{background-color:var(--color-border)}[data-theme=dark] .task-item{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .task-item:hover{background-color:var(--color-background-tertiary)}[data-theme=dark] .settings-nav-item{color:var(--color-foreground-secondary)}[data-theme=dark] .settings-nav-item:hover{background-color:var(--color-background-tertiary)}[data-theme=dark] .settings-nav-item.active{background-color:var(--color-primary-900);color:var(--color-primary-400)}[data-theme=dark] .pipeline-column{background-color:var(--color-background-tertiary)}[data-theme=dark] .deal-card{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .deal-card:hover{border-color:var(--color-primary-600)}[data-theme=dark] .stat-card{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .stat-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px -2px #0000004d}[data-theme=dark] .stat-card-icon-gray{background:linear-gradient(135deg, var(--color-gray-800) 0%, var(--color-gray-900) 100%);color:var(--color-gray-400)}[data-theme=dark] .stat-card-icon-primary{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-950) 100%);color:var(--color-primary-400)}[data-theme=dark] .stat-card-icon-success{color:var(--color-success-400);background:linear-gradient(135deg,#22c55e33 0%,#22c55e1a 100%)}[data-theme=dark] .stat-card-icon-warning{color:var(--color-warning-400);background:linear-gradient(135deg,#f59e0b33 0%,#f59e0b1a 100%)}[data-theme=dark] .stat-card-icon-error{color:var(--color-error-400);background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%)}[data-theme=dark] .text-muted{color:var(--color-foreground-secondary)!important}[data-theme=dark] .global-search-trigger{background-color:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .global-search-trigger:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] .global-search-trigger:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .global-search-kbd{background-color:var(--color-background);border-color:var(--color-border);box-shadow:0 1px 0 var(--color-border)}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100{background-color:var(--color-background-tertiary)!important}[data-theme=dark] .border-t,[data-theme=dark] .border-b{border-color:var(--color-border)!important}.app-layout{background-color:var(--color-background-secondary);min-height:100vh;display:flex}.app-main{min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.app-content{padding:var(--spacing-6);flex:1;overflow-y:auto}.app-content-inner{max-width:var(--content-max-width);margin:0 auto}.sidebar{z-index:var(--z-fixed);width:var(--sidebar-width);background-color:var(--color-background);border-right:1px solid var(--color-border);height:100vh;transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{flex-shrink:0;width:32px;height:32px}.sidebar-logo-text{white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-content{padding:var(--spacing-4);flex:1;overflow-y:auto}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.sidebar-nav{gap:var(--spacing-1);flex-direction:column;display:flex}.sidebar-nav-section{margin-bottom:var(--spacing-4)}.sidebar-nav-title{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em}.sidebar-collapsed .sidebar-nav-title{opacity:0;height:0;padding:0;overflow:hidden}.sidebar-nav-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.sidebar-nav-link:hover{background-color:var(--color-background-secondary);color:var(--color-foreground)}.sidebar-nav-link-active{background-color:var(--color-primary-50);color:var(--color-primary-600)}.sidebar-nav-link-active:hover{background-color:var(--color-primary-100);color:var(--color-primary-700)}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-text{white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-nav-text{opacity:0;width:0}.sidebar-nav-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);margin-left:auto;padding:2px 8px}.sidebar-collapsed .sidebar-nav-badge{display:none}.sidebar-toggle{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;display:flex}.sidebar-toggle:hover{color:var(--color-foreground);background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}.sidebar-toggle:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.sidebar-toggle:active{transform:scale(.98)}.sidebar-toggle svg{flex-shrink:0;width:18px;height:18px}.sidebar-collapsed .sidebar-toggle{padding:var(--spacing-2)}.sidebar-collapsed .sidebar-toggle span{display:none}.header{height:var(--header-height);padding:0 var(--spacing-6);background-color:var(--color-background);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--spacing-4);display:flex}.header-breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);display:flex}.header-breadcrumb-separator{color:var(--color-foreground-tertiary)}.header-breadcrumb-current{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.header-search{width:300px;position:relative}.header-search-input{width:100%;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) 36px;font-size:var(--font-size-sm);background-color:var(--color-background-secondary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000}.header-search-input:focus{background-color:var(--color-background);border-color:var(--color-border);outline:none}.header-search-icon{left:var(--spacing-3);width:16px;height:16px;color:var(--color-foreground-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.header-right{align-items:center;gap:var(--spacing-2);display:flex}.header-icon-btn{width:36px;height:36px;color:var(--color-foreground-secondary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover);color:var(--color-foreground)}.header-icon-btn:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn svg{width:18px;height:18px}.header-icon-btn-badge{background-color:var(--color-error-500);border:2px solid var(--color-background);border-radius:var(--radius-full);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-error-500);position:absolute;top:4px;right:4px}.header-user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-1-5) var(--spacing-3) var(--spacing-1-5) var(--spacing-2);margin-left:var(--spacing-2);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.header-user:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-hover)}.header-user:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.header-user-info{text-align:left}.header-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.header-user-role{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.page{gap:var(--spacing-6);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.page-header-content{flex:1;min-width:0}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.page-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-top:var(--spacing-1)}.page-actions{align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}@media (max-width:1024px){.app-main{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:calc(var(--z-fixed) - 1);background-color:#00000080;position:fixed;inset:0}}@media (max-width:768px){.app-content{padding:var(--spacing-4)}.header{padding:0 var(--spacing-4)}.header-search,.header-user-info{display:none}.page-header{flex-direction:column}.page-actions{justify-content:flex-start;width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}#root{min-height:100vh}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}h1,.h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2,.h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3,.h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4,.h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h5,.h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}h6,.h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}p{margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}code{background-color:var(--color-gray-100);border-radius:var(--radius-sm);padding:2px 6px;font-size:.875em}pre{padding:var(--spacing-4);background-color:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-lg);overflow-x:auto}pre code{background-color:#0000;border-radius:0;padding:0}ul,ol{padding-left:var(--spacing-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--spacing-2)}blockquote{padding-left:var(--spacing-4);border-left:4px solid var(--color-primary-500);color:var(--color-foreground-secondary);font-style:italic}hr{border:0;border-top:1px solid var(--color-border);margin:var(--spacing-6) 0}