:root{--primary-50:#e8f5f2;--primary-100:#c9e8e3;--primary-200:#a3d9d0;--primary-300:#7dcabd;--primary-400:#63bfb1;--primary-500:#3a9b8f;--primary-600:#338a7d;--primary-700:#2b756a;--primary-800:#235f57;--primary-900:#1a4744;--success-50:#f0f7f0;--success-500:#4caf50;--success-600:#43a047;--success-700:#3d8b40;--warning-50:#fff8f0;--warning-500:#ff9800;--warning-600:#f39c12;--warning-700:#e67e22;--error-50:#ffebee;--error-500:#f44336;--error-600:#e53935;--error-700:#d32f2f;--info-50:#e3f2fd;--info-500:#2196f3;--info-600:#1e88e5;--info-700:#1976d2;--neutral-0:#fff;--neutral-50:#f9f9fb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--spacing-0:0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-3xl:48px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--font-family-sans:"Inter","Segoe UI","Helvetica Neue",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"Monaco","Courier New",monospace;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:36px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 4px #00000014;--shadow-lg:0 4px 12px #0000001f;--shadow-xl:0 8px 24px #00000026;--shadow-2xl:0 12px 32px #0003;--shadow-inner:inset 0 1px 2px #0000000d;--transition-fast:all 0.15s ease;--transition-base:all 0.2s ease;--transition-slow:all 0.3s ease;--transition-slower:all 0.5s ease;--z-hide:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-max-width:1400px;--container-padding:24px;--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--duration-shortest:75ms;--duration-shorter:150ms;--duration-short:200ms;--duration-standard:300ms;--duration-complex:375ms;--duration-enteringScreen:225ms;--duration-leavingScreen:195ms;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-padding-x-sm:12px;--btn-padding-x-md:16px;--btn-padding-x-lg:24px;--input-height:40px;--input-padding-x:12px;--input-padding-y:10px;--input-border-width:1px;--focus-outline:2px solid;--focus-outline-offset:2px;--gradient-primary:linear-gradient(135deg,#3a9b8f,#2d7b72);--gradient-subtle:linear-gradient(180deg,#3a9b8f1a,#3a9b8f0d)}@supports (container-type:inline-size){[data-container]{container-type:inline-size}}@media print{:root{--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}}.btn,button{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;line-height:var(--line-height-normal);min-height:var(--btn-height-md);overflow:hidden;padding:0 var(--btn-padding-x-md);text-decoration:none;text-overflow:ellipsis;transition:var(--transition-base);user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 3px #3a9b8f1a;outline:var(--focus-outline) var(--primary-500);outline-offset:var(--focus-outline-offset)}button{background:none;border:none;color:inherit;padding:0}.btn-sm{font-size:var(--font-size-sm);min-height:var(--btn-height-sm);padding:0 var(--btn-padding-x-sm)}.btn-md{font-size:var(--font-size-md);min-height:var(--btn-height-md);padding:0 var(--btn-padding-x-md)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--font-size-lg);min-height:var(--btn-height-lg);padding:0 var(--btn-padding-x-lg)}.btn-primary{background-color:var(--primary-500);border:1px solid #0000;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--primary-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:focus-visible{outline:var(--focus-outline) var(--primary-600)}.btn-secondary{background-color:var(--neutral-100);border:1px solid var(--neutral-300);color:var(--neutral-800)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-200);border-color:var(--neutral-400);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){background-color:var(--neutral-300)}@media (prefers-color-scheme:dark){.btn-secondary{background-color:var(--neutral-700);border-color:var(--neutral-600);color:var(--neutral-100)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-600);border-color:var(--neutral-500)}.btn-secondary:active:not(:disabled){background-color:var(--neutral-500)}}.btn-ghost,.btn-tertiary{background-color:initial;border:none;color:var(--primary-500)}.btn-ghost:hover:not(:disabled),.btn-tertiary:hover:not(:disabled){background-color:#3a9b8f14;color:var(--primary-600)}.btn-ghost:active:not(:disabled),.btn-tertiary:active:not(:disabled){background-color:#3a9b8f26;color:var(--primary-700)}.btn-danger{background-color:var(--error-500);border:1px solid #0000;box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){background-color:var(--error-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-success{background-color:var(--success-500);border:1px solid #0000;box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:active:not(:disabled){background-color:var(--success-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-warning{background-color:var(--warning-500);border:1px solid #0000;box-shadow:var(--shadow-sm);color:#fff}.btn-warning:hover:not(:disabled){background-color:var(--warning-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning:active:not(:disabled){background-color:var(--warning-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-icon{background-color:initial;border-radius:var(--radius-md);color:var(--neutral-500);min-height:var(--btn-height-md);min-width:var(--btn-height-md);padding:0}.btn-icon:hover:not(:disabled){background-color:var(--neutral-100);color:var(--neutral-700)}.btn-icon:active:not(:disabled){background-color:var(--neutral-200)}.btn-icon.primary{color:var(--primary-500)}.btn-icon.primary:hover:not(:disabled){background-color:#3a9b8f1a;color:var(--primary-600)}@media (prefers-color-scheme:dark){.btn-icon{color:var(--neutral-400)}.btn-icon:hover:not(:disabled){background-color:var(--neutral-700);color:var(--neutral-200)}.btn-icon:active:not(:disabled){background-color:var(--neutral-600)}}.btn-loading{opacity:.7;pointer-events:none}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";display:inline-block;height:14px;margin-left:var(--spacing-xs);width:14px}.btn-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-group.vertical{flex-direction:column;gap:var(--spacing-sm)}.btn-group.lg-stack{gap:var(--spacing-lg)}.btn-fullwidth{width:100%}.btn-with-icon{align-items:center;display:inline-flex;gap:var(--spacing-sm);justify-content:center}.btn-with-icon svg{flex-shrink:0;height:1em;width:1em}@media (max-width:480px){.btn-responsive{font-size:var(--font-size-lg);min-height:var(--btn-height-lg);padding:0 var(--btn-padding-x-lg)}.btn-responsive.sm{font-size:var(--font-size-md);min-height:var(--btn-height-md);padding:0 var(--btn-padding-x-md)}.btn,button{min-height:44px;min-width:44px}}.btn-readonly{cursor:default;opacity:.7}.btn-readonly:hover{background-color:currentColor;box-shadow:none;transform:none}[aria-pressed=true]{background-color:var(--primary-500);color:#fff}[aria-pressed=true]:hover{background-color:var(--primary-600)}@media print{.btn,button{background-color:initial;border:1px solid;box-shadow:none}}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-primary);border:var(--input-border-width) solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);display:block;font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);padding:var(--input-padding-y) var(--input-padding-x);transition:var(--transition-base);width:100%}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url]{min-height:var(--input-height)}input:focus,select:focus,textarea:focus{background-color:var(--bg-primary);border-color:var(--primary-500);box-shadow:0 0 0 3px #3a9b8f1a;outline:none}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){background-color:var(--bg-primary);border-color:var(--neutral-400)}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{max-width:100%;min-height:100px;resize:vertical}textarea::-webkit-resizer{background-color:var(--border-color);border-radius:var(--radius-sm)}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--input-padding-x) center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:calc(var(--input-padding-x) + 24px)}select::-ms-expand{display:none}select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233a9b8f' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}input[type=checkbox],input[type=radio]{accent-color:var(--primary-500);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;height:18px;margin:0;margin-right:var(--spacing-sm);min-height:18px;min-width:18px;padding:0;transition:var(--transition-base);vertical-align:middle;width:18px}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary-500);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M6.172 8.573a.75.75 0 1 0 1.585 1.584l3.6-3.6a.75.75 0 0 1 1.06 0l7.6 7.6a.75.75 0 1 1-1.06 1.06l-8.24-6.599-4.545 4.545a.75.75 0 1 1 0-1.059l4.545-4.545-4.545-4.545z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;border-color:var(--primary-500)}input[type=checkbox]:focus,input[type=radio]:focus{outline:2px solid var(--primary-500);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{background-color:var(--bg-tertiary);border-color:var(--border-color);cursor:not-allowed;opacity:.6}.form-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label,label{color:var(--text-primary);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:0}.form-label.required:after,label.required:after{color:var(--error-500);content:" *";margin-left:2px}label.checkbox-label,label.radio-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-normal);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);-webkit-user-select:none;user-select:none}label.checkbox-label input,label.radio-label input{margin-right:0}.form-help,.form-text{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.form-error,.form-feedback.error,.form-help,.form-text{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-error,.form-feedback.error{color:var(--error-500);font-weight:var(--font-weight-medium)}.form-input.error,.form-input.is-invalid,input:invalid:not(:placeholder-shown),select:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){background-color:#f4433605;border-color:var(--error-500)}input:invalid:focus,select:invalid:focus,textarea:invalid:focus{box-shadow:0 0 0 3px #f443361a}.form-feedback.success,.form-success{color:var(--success-500);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.form-input.is-valid,.form-input.success{background-color:#4caf5005;border-color:var(--success-500)}.form-input.is-valid:focus,.form-input.success:focus{box-shadow:0 0 0 3px #4caf501a}fieldset{border:none;margin:0;padding:0}legend{border-bottom:1px solid var(--border-color);color:var(--text-primary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding:0;padding-bottom:var(--spacing-md);width:100%}.form-input-sm{font-size:var(--font-size-sm);min-height:32px;padding:6px var(--spacing-sm)}.form-input-lg{font-size:var(--font-size-lg);min-height:48px;padding:12px var(--spacing-lg)}.input-group{align-items:stretch;display:flex;gap:var(--spacing-xs)}.input-group>input,.input-group>select,.input-group>textarea{flex:1 1;margin-bottom:0}.input-group-btn{align-items:center;display:flex;gap:var(--spacing-xs)}.input-group-append,.input-group-prepend{align-items:center;background-color:var(--bg-tertiary);border:var(--input-border-width) solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 var(--input-padding-x);-webkit-user-select:none;user-select:none;white-space:nowrap}.input-group-prepend{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.input-group-append{border-left:none}.input-group-append,.input-group-prepend+input,.input-group>input:first-child{border-radius:0 var(--radius-md) var(--radius-md) 0}input[type=file]{cursor:pointer;padding:var(--spacing-sm)}input[type=file]::-webkit-file-upload-button{background-color:var(--primary-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm);padding:8px var(--spacing-md);-webkit-transition:var(--transition-base);transition:var(--transition-base)}input[type=file]::file-selector-button{background-color:var(--primary-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm);padding:8px var(--spacing-md);transition:var(--transition-base)}input[type=file]::-webkit-file-upload-button:hover{background-color:var(--primary-600)}input[type=file]::file-selector-button:hover{background-color:var(--primary-600)}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:3px;height:6px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-500);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:18px;-webkit-transition:var(--transition-base);transition:var(--transition-base);width:18px}input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-600);box-shadow:var(--shadow-md)}input[type=range]::-moz-range-thumb{background:var(--primary-500);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:18px;-moz-transition:var(--transition-base);transition:var(--transition-base);width:18px}input[type=range]::-moz-range-thumb:hover{background:var(--primary-600);box-shadow:var(--shadow-md)}input[type=range]::-moz-range-track{background:#0000;border:none}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row-col{display:flex;flex-direction:column}@media (max-width:640px){.form-row{gap:var(--spacing-md);grid-template-columns:1fr}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px;min-height:48px}}@media (prefers-color-scheme:dark){input[type=file]::-webkit-file-upload-button{background-color:var(--primary-500)}input[type=file]::file-selector-button{background-color:var(--primary-500)}input[type=file]::-webkit-file-upload-button:hover{background-color:var(--primary-600)}input[type=file]::file-selector-button:hover{background-color:var(--primary-600)}}@media print{input,select,textarea{background-color:initial;border:1px solid #000}}.card,.panel,[role=region][data-card]{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base)}.card{padding:var(--spacing-lg)}.card:hover,.panel:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.card.interactive{cursor:pointer}.card.interactive:hover{background-color:var(--hover-bg)}.card-header,.panel-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin:-var(--spacing-lg) -var(--spacing-lg) var(--spacing-lg) -var(--spacing-lg);padding:var(--spacing-lg)}.card-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.card-header h2,.card-header h3,.card-header-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-header-title{flex:1 1}.card-header-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:4px 0 0}.card-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.card-body,.panel-body{padding:var(--spacing-lg)}.card-body>:first-child,.panel-body>:first-child{margin-top:0}.card-body>:last-child,.panel-body>:last-child{margin-bottom:0}.card-footer,.panel-footer{align-items:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;margin:var(--spacing-lg) -var(--spacing-lg) -var(--spacing-lg) -var(--spacing-lg);padding:var(--spacing-lg)}.card.primary{border-color:var(--primary-300);border-left:4px solid var(--primary-500)}.card.success{border-color:var(--success-300);border-left:4px solid var(--success-500)}.card.warning{border-color:var(--warning-300);border-left:4px solid var(--warning-500)}.card.error{border-color:var(--error-300);border-left:4px solid var(--error-500)}.card.info{border-color:var(--info-300);border-left:4px solid var(--info-500)}.card.elevated{box-shadow:var(--shadow-lg)}.card.elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card.flat{border-color:var(--border-color);box-shadow:none}.card.flat:hover{background-color:var(--hover-bg);box-shadow:none}.card.outlined{border:2px solid var(--border-color);box-shadow:none}.card-divider,.card-section{border-top:1px solid var(--border-color);padding:var(--spacing-lg)}.card-divider:first-child,.card-section:first-child{border-top:none;padding-top:0}.card-divider:last-child,.card-section:last-child{padding-bottom:0}.card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid.compact{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-grid.spacious{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.card-stat{padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.card-stat-value{color:var(--primary-500);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.card-stat-label{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);margin:var(--spacing-sm) 0 0 0}.card-stat-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.card-stat-change.positive{color:var(--success-500)}.card-stat-change.negative{color:var(--error-500)}.panel{min-height:300px;padding:var(--spacing-xl)}.panel-content{padding:var(--spacing-lg)}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1400px}.container-full{max-width:100%}@media (max-width:1400px){.container-2xl{max-width:100%}}@media (max-width:1280px){.container-xl{max-width:100%}}@media (max-width:1024px){.container-lg{max-width:100%}}@media (max-width:768px){.container-md{max-width:100%}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media (max-width:640px){.container-sm{max-width:100%}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.sidebar,aside{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card.loading{opacity:.7;pointer-events:none}.card-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--hover-bg) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-md);min-height:20px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.card,.panel{border-radius:var(--radius-md)}.card-footer,.card-header{align-items:flex-start;flex-direction:column}.card-header-actions{justify-content:flex-end;width:100%}.card-footer{flex-direction:column-reverse}}@media (prefers-color-scheme:dark){.card.outlined{border-color:var(--border-color)}}@media print{.card,.panel{border:1px solid #000;box-shadow:none;page-break-inside:avoid}}.table,table{background-color:var(--bg-primary);border-collapse:collapse;font-size:var(--font-size-md);line-height:var(--line-height-normal);width:100%}table caption{caption-side:top;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:left}thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.table th,th{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);text-align:left;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}th[scope=col]{letter-spacing:.5px;text-transform:uppercase}tbody{border-bottom:1px solid var(--border-color)}.table td,td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition-base)}tbody tr:hover{background-color:var(--hover-bg)}tbody tr.selected{background-color:var(--selected-bg)}tbody tr.disabled{background-color:var(--bg-secondary);opacity:.6}tbody tr.error{background-color:#f443360d}tbody tr.warning{background-color:#ff98000d}tbody tr.success{background-color:#4caf500d}.table-bordered{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-bordered tbody,.table-bordered thead{border:none}.table-bordered td,.table-bordered th{border-right:1px solid var(--border-color)}.table-bordered td:last-child,.table-bordered th:last-child{border-right:none}.table-bordered tbody tr:not(:last-child){border-bottom:1px solid var(--border-color)}.table-striped tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.table-striped tbody tr:nth-child(odd):hover{background-color:var(--hover-bg)}.table-hover tbody tr{cursor:pointer}.table-hover tbody tr:hover{background-color:var(--selected-bg);box-shadow:inset 1px 0 0 var(--primary-500)}.table-sm td,.table-sm th{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.table-lg td,.table-lg th{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-xl)}.table-fixed{table-layout:fixed}.table-fixed td,.table-fixed th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow-x:auto}.table-responsive>table{margin-bottom:0}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#0000}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.table-responsive-mobile{overflow-x:visible}.table-responsive-mobile table{border:none;display:block}.table-responsive-mobile thead{display:none}.table-responsive-mobile tbody{border:none;display:block}.table-responsive-mobile tbody tr{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:block;margin-bottom:var(--spacing-lg);overflow:hidden}.table-responsive-mobile tbody tr:hover{background-color:var(--bg-primary);box-shadow:var(--shadow-md)}.table-responsive-mobile tbody td{align-items:center;border:none;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.table-responsive-mobile tbody td:first-child{border-top:none}.table-responsive-mobile tbody td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-md);min-width:150px}}td.text-left,th.text-left{text-align:left}td.text-center,th.text-center{text-align:center}td.numeric,td.text-right,th.text-right{text-align:right}td.numeric{font-family:var(--font-family-mono)}td.success{color:var(--success-500)}td.success,td.warning{font-weight:var(--font-weight-medium)}td.warning{color:var(--warning-500)}td.error{color:var(--error-500);font-weight:var(--font-weight-medium)}td.info{color:var(--info-500)}.table-selectable tbody tr{cursor:pointer}.table-selectable tbody tr input[type=checkbox]{margin:0;margin-right:var(--spacing-md)}.table-checkboxes tbody td:first-child,.table-checkboxes thead th:first-child{padding:0;text-align:center;width:44px}.table-checkboxes tbody td:first-child{padding:var(--spacing-sm)}th.sortable{cursor:pointer;padding-right:calc(var(--spacing-lg) + 16px);position:relative;-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:var(--hover-bg)}th.sortable:after{content:"⇅";opacity:.3;position:absolute;right:var(--spacing-lg);transition:var(--transition-base)}th.sortable:hover:after{opacity:.6}th.sortable.asc:after{content:"↑";opacity:1}th.sortable.desc:after{content:"↓";opacity:1}.table-pagination{align-items:center;background-color:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.table-empty{background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.table-empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);opacity:.3}.table-empty-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.table-empty-text{color:var(--text-secondary);font-size:var(--font-size-md)}.table-loading{opacity:.6;pointer-events:none}.table tbody tr.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-color-scheme:dark){.table,table{background-color:var(--bg-primary)}thead{background-color:var(--bg-secondary)}}@media print{.table,table,td,th{border:1px solid #000}td,th{padding:8px}tbody tr:hover{background-color:initial}.table-pagination,.table-responsive-mobile{display:none}}.badge,.badge-base{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;line-height:1;padding:4px 12px;text-decoration:none;transition:var(--transition-base);-webkit-user-select:none;user-select:none;vertical-align:initial;white-space:nowrap}.badge-primary,.badge.primary{background-color:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.badge-primary:hover{background-color:var(--primary-100)}.badge-success,.badge.success{background-color:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.badge-success:hover{background-color:var(--success-100)}.badge-warning,.badge.warning{background-color:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.badge-warning:hover{background-color:var(--warning-100)}.badge-danger,.badge-error,.badge.danger,.badge.error{background-color:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.badge-danger:hover,.badge-error:hover,.badge.danger:hover,.badge.error:hover{background-color:var(--error-100)}.badge-info,.badge.info{background-color:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.badge-info:hover{background-color:var(--info-100)}.badge-solid-primary{background-color:var(--primary-500);color:#fff}.badge-solid-primary:hover{background-color:var(--primary-600)}.badge-solid-success{background-color:var(--success-500);color:#fff}.badge-solid-success:hover{background-color:var(--success-600)}.badge-solid-warning{background-color:var(--warning-500);color:#fff}.badge-solid-warning:hover{background-color:var(--warning-600)}.badge-solid-error{background-color:var(--error-500);color:#fff}.badge-solid-error:hover{background-color:var(--error-600)}.badge-solid-info{background-color:var(--info-500);color:#fff}.badge-solid-info:hover{background-color:var(--info-600)}.badge-outlined{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.badge-outlined:hover{background-color:var(--hover-bg)}.badge-outlined-primary{background-color:initial;border:1px solid var(--primary-500);color:var(--primary-500)}.badge-outlined-primary:hover{background-color:#3a9b8f14}.badge-outlined-success{background-color:initial;border:1px solid var(--success-500);color:var(--success-500)}.badge-outlined-success:hover{background-color:#4caf5014}.badge-outlined-warning{background-color:initial;border:1px solid var(--warning-500);color:var(--warning-500)}.badge-outlined-warning:hover{background-color:#ff980014}.badge-outlined-error{background-color:initial;border:1px solid var(--error-500);color:var(--error-500)}.badge-outlined-error:hover{background-color:#f4433614}.badge-sm{border-radius:var(--radius-xs);font-size:var(--font-size-xs);padding:2px 8px}.badge-lg{font-size:var(--font-size-sm);padding:6px 16px}.badge-pill{border-radius:var(--radius-full);padding:4px 16px}.badge-with-icon{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.badge-icon{flex-shrink:0;height:1em;width:1em}.badge[href],a.badge{cursor:pointer;text-decoration:none}.badge[href]:hover,a.badge:hover{text-decoration:none}.status-dot,.status-indicator{animation:none;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot.primary{background-color:var(--primary-500)}.status-dot.success{background-color:var(--success-500)}.status-dot.warning{background-color:var(--warning-500)}.status-dot.error{background-color:var(--error-500)}.status-dot.info{background-color:var(--info-500)}.status-dot.neutral{background-color:var(--neutral-400)}.status-dot.pulse,.status-indicator.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.status-badge.online,.status-badge.success{background-color:#4caf501a;color:var(--success-700)}.status-badge.error,.status-badge.offline{background-color:#f443361a;color:var(--error-700)}.status-badge.pending,.status-badge.warning{background-color:#ff98001a;color:var(--warning-700)}.status-badge.info,.status-badge.processing{background-color:#2196f31a;color:var(--info-700)}.badge-count{align-items:center;background-color:var(--error-500);border-radius:50%;color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;justify-content:center;min-width:24px;padding:0;position:absolute;right:-8px;top:-8px;width:24px}.badge-count.large{font-size:var(--font-size-sm);height:32px;min-width:32px;right:-16px;top:-16px;width:32px}.label,.tag{align-items:center;background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);color:var(--neutral-800);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:4px 12px;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.label:hover,.tag:hover{background-color:var(--neutral-200);border-color:var(--neutral-400)}.label-removable,.tag-removable{padding-right:4px}.label-remove-btn,.tag-remove-btn{align-items:center;background:none;border:none;border-radius:var(--radius-xs);color:inherit;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:var(--transition-base);width:20px}.label-remove-btn:hover,.tag-remove-btn:hover{background-color:#0000001a}@media (max-width:640px){.badge{font-size:var(--font-size-xs);padding:2px 8px}.badge-lg{padding:4px 12px}}.badge-bounce{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-color-scheme:dark){.badge-outlined{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.label,.tag{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.label:hover,.tag:hover{background-color:var(--hover-bg);border-color:var(--border-color)}}@media print{.badge{background-color:initial;border:1px solid;padding:2px 8px}}.heading,.title,h1,h2,h3,h4,h5,h6{word-wrap:break-word;color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;padding:0;word-break:break-word}.h1,.title-1xl,h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-2xl)}.h1:first-child,h1:first-child{margin-top:0}.h2,.title-lg,h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.33;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}.h2:first-child,h2:first-child{margin-top:0}.h3,.title-md,h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.5;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.h3:first-child,h3:first-child{margin-top:0}.h4,.title-sm,h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.5;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.h4:first-child,h4:first-child{margin-top:0}.h5,.title-xs,h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.57;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);text-transform:none}.h5:first-child,h5:first-child{margin-top:0}.h6,.title-2xs,h6{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:1.5;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);text-transform:uppercase}.h6:first-child,h6:first-child{margin-top:0}.paragraph,.text,p{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:0}.paragraph+.paragraph,p+p{margin-top:var(--spacing-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-sm{font-size:var(--font-size-sm)}.text-sm,.text-xs{line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-tight)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.text-info{color:var(--info-600)}.text-white{color:#fff}.font-light{font-weight:var(--font-weight-light)}.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)}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-uppercase{letter-spacing:.05em;text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-nowrap,.text-truncate{white-space:nowrap}.text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis}.text-break{overflow-wrap:break-word;word-break:break-word}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.02em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.code,.inline-code,code{border-radius:var(--radius-xs);color:var(--error-600);font-size:.9em;padding:2px 6px;white-space:nowrap}.code,.code-block,.inline-code,.pre,code,pre{background-color:var(--bg-secondary);font-family:var(--font-family-mono);overflow-x:auto}.code-block,.pre,pre{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.code-block code,pre code{background-color:initial;border-radius:0;color:inherit;padding:0}.list,ol,ul{color:var(--text-primary);margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.list li,ol li,ul li{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}li>ol,li>ul{margin-bottom:0;margin-top:var(--spacing-sm)}.list-unordered,ul{list-style-type:disc}.list-unordered .list-unordered,ul ul{list-style-type:circle}.list-unordered .list-unordered .list-unordered,ul ul ul{list-style-type:square}.list-ordered,ol{list-style-type:decimal}.list-ordered .list-ordered,ol ol{list-style-type:lower-alpha}.list-ordered .list-ordered .list-ordered,ol ol ol{list-style-type:lower-roman}.list-description,dl{margin:var(--spacing-md) 0}.list-term,dt{font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md)}.list-definition,dd{color:var(--text-secondary);margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.blockquote,.quote,blockquote{border-left:4px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);margin:var(--spacing-lg) 0;padding-left:var(--spacing-lg)}.blockquote p,.quote p,blockquote p{margin:0}.blockquote footer,.quote footer,blockquote footer{color:var(--text-muted);font-size:var(--font-size-sm);font-style:normal;margin-top:var(--spacing-sm)}blockquote footer:before{content:"— "}.strong,b,strong{font-weight:var(--font-weight-bold)}.em,em,i{font-style:italic}.mark,mark{background-color:var(--warning-100);border-radius:var(--radius-xs);color:inherit;padding:2px 4px}.small,.text-caption,small{color:var(--text-secondary);font-size:var(--font-size-sm)}.link,a{color:var(--primary-600);cursor:pointer;text-decoration:none;transition:var(--transition-base);word-break:break-word}.link:hover,a:hover{color:var(--primary-700);text-decoration:underline}.link:focus-visible,a:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--primary-500);outline-offset:2px}.link:active,a:active{color:var(--primary-800)}.link.text-muted,a.text-muted{color:var(--text-secondary)}.link.text-muted:hover,a.text-muted:hover{color:var(--text-primary)}abbr[title]{cursor:help;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.divider,hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}.caption,.helper-text,.hint-text{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.error-text,.text-error{color:var(--error-600)}.success-text,.text-success{color:var(--success-600)}.text-warning,.warning-text{color:var(--warning-600)}.info-text,.text-info{color:var(--info-600)}::selection{background-color:var(--primary-200);color:var(--primary-900)}@media (max-width:768px){.h1,.title-1xl,h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg)}.h2,.title-lg,h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.h3,.title-md,h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.h4,.title-sm,h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.blockquote,.quote,blockquote{font-size:var(--font-size-base);padding-left:var(--spacing-md)}}@media (max-width:640px){.h1,.title-1xl,h1{font-size:var(--font-size-3xl)}.h2,.title-lg,h2{font-size:var(--font-size-xl)}.h3,.title-md,h3{font-size:var(--font-size-lg)}.h4,.title-sm,h4{font-size:var(--font-size-base)}.list,ol,ul{padding-left:var(--spacing-md)}}@media (prefers-color-scheme:dark){.code,.inline-code,code{background-color:var(--bg-secondary);color:var(--error-400)}.code-block,.pre,pre{background-color:var(--bg-secondary)}.blockquote,.code-block,.pre,.quote,blockquote,pre{border-color:var(--border-color)}.mark,mark{background-color:var(--warning-900);color:var(--warning-100)}}@media print{h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h1,h2,h3,h4,h5,h6,p{orphans:3;widows:3}.link,a{text-decoration:underline}code,pre{border:1px solid #999;page-break-inside:avoid}}:root{--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-tertiary:#2d2d2d;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-tertiary:#8a8a8a;--border-color:#404040;--border-primary:#404040;--border-light:#2a2a2a;--hover-bg:#2a2a2a;--active-bg:#303030;--selected-bg:#24312f;--shadow:#0000004d;--shadow-md:#0006;--shadow-lg:#00000080;--shadow-xl:0 20px 25px -5px #00000080;--primary:#3a9b8f;--primary-light:#4db8a8;--primary-dark:#1a5f52;--primary-hover:#2d7b72;--link:#64b5f6;--link-hover:#90caf9;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--header-height:64px;--sidebar-width:280px;--transition:all 0.2s ease;--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-lg);--space-lg:var(--spacing-xl);--space-xl:var(--spacing-xxl)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.spinner{animation:spin 1s linear infinite;background:#1a1a1a;background:var(--bg-primary);border:3px solid #e0e0e0;border-radius:50%;border-top-color:#17a2b8;color:#e8e8e8;color:var(--text-primary);display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading{background:#222;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);box-shadow:0 10px 25px #00000080;box-shadow:0 10px 25px var(--shadow-lg)}.login-container{align-items:center;background:linear-gradient(145deg,#0f1115,#111924 50%,#0c1016);display:flex;justify-content:center;min-height:100vh}.login-box{background:#222;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #00000080;box-shadow:0 12px 32px var(--shadow-lg);color:#e8e8e8;color:var(--text-primary);max-width:360px;padding:32px;width:100%}.login-logo{margin-bottom:16px;text-align:center}.login-logo img{height:80px;object-fit:contain;width:140px}.login-title{color:#e8e8e8;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.login-form{margin-bottom:16px}.login-btn{background:#3a9b8f;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:8px;padding:12px;transition:all .2s ease;transition:var(--transition);width:100%}.login-btn:hover:not(:disabled){background:#2d7b72;background:var(--primary-hover)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-links{font-size:13px;text-align:center}.login-links p{margin:8px 0}.login-links a{color:#3a9b8f;color:var(--primary);text-decoration:none}.login-links a:hover{text-decoration:underline}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--bg-primary);color:#e8e8e8;color:var(--text-primary);font-family:Segoe UI,Inter,Helvetica Neue,sans-serif;transition:all .2s ease;transition:var(--transition)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{height:100vh;overflow:hidden}.app-container,.header{background-color:#1a1a1a;background-color:var(--bg-primary);display:flex}.header{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;flex-wrap:nowrap!important;height:64px;height:var(--header-height);padding:0 8px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:10}.header,.header-left{align-items:center;gap:4px}.header-left{display:flex;flex-grow:0;flex-shrink:0}.header-left>div{font-size:17px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#e8e8e8;color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:all .2s ease;transition:var(--transition)}.sidebar-toggle:hover{background-color:#2a2a2a;background-color:var(--hover-bg)}.search-bar{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex:1 1;margin:0 4px;max-width:100%;min-width:120px;padding:5px 10px;transition:all .2s ease;transition:var(--transition)}.search-bar:focus-within{background-color:initial;border:none;box-shadow:none}.search-input{background:none;border:none;color:#e8e8e8;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.search-input::placeholder{color:#8a8a8a;color:var(--text-tertiary)}.filter-button,.search-bar button{flex-shrink:0;transition:all .2s ease;transition:var(--transition)}@media (max-width:800px){.filter-button{display:none!important}}@media (max-width:700px){.header-left button[title*=Select],.header-left button[title*=multiple]{display:none!important}}.user-info{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-size:14px;gap:4px;margin-left:4px;white-space:nowrap}.theme-toggle,.user-info{color:#e8e8e8;color:var(--text-primary);flex-grow:0;flex-shrink:0}.theme-toggle{align-items:center;background-color:#2d2d2d;background-color:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:inline-flex!important;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .2s ease;transition:var(--transition);vertical-align:middle;width:44px}.theme-toggle:hover{background-color:#2a2a2a;background-color:var(--hover-bg)}.menu-toggle-btn{align-items:center;background:#222;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:4px;color:#e8e8e8;color:var(--text-primary);cursor:pointer;display:inline-flex!important;flex-grow:0;flex-shrink:0;font-size:17px;font-weight:700;height:44px;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:0;transition:all .2s;vertical-align:middle;width:44px}.menu-toggle-btn:hover{background-color:#2a2a2a;background-color:var(--hover-bg)}.sidebar{background-color:#1a1a1a;background-color:var(--bg-primary);border-right:1px solid #404040;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;padding:8px;transition:all .2s ease;transition:var(--transition);width:280px;width:var(--sidebar-width)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#404040;background:var(--border-color);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#8a8a8a;background:var(--text-tertiary)}.compose-btn{align-items:center;background-color:#4db8a8;background-color:var(--primary-light);border:none;border-radius:24px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin:8px 4px;padding:10px 16px;transition:all .2s ease;transition:var(--transition)}.compose-btn:hover{background-color:#3a9b8f;background-color:var(--primary);box-shadow:0 4px 8px #3a9b8f40;transform:translateY(-2px)}.compose-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.main-content{background-color:#1a1a1a;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.email-list-container{background-color:#222;background-color:var(--bg-secondary);flex:1 1;overflow-y:auto}.email-list-container::-webkit-scrollbar{width:8px}.email-list-container::-webkit-scrollbar-track{background:#0000}.email-list-container::-webkit-scrollbar-thumb{background:#404040;background:var(--border-color);border-radius:4px}.email-list{list-style:none;margin:0;padding:0}.email-item{grid-gap:12px;align-items:center;background-color:#1a1a1a;background-color:var(--bg-primary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-light,var(--border-color));cursor:pointer;display:grid;gap:12px;grid-template-columns:24px 24px 1fr auto;min-height:56px;padding:12px 16px;transition:all .2s ease;transition:var(--transition)}.email-item>*{flex-shrink:0}.email-star{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.email-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.email-sender{color:#e8e8e8;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-subject{display:flex;flex-direction:column;gap:4px;min-width:0}.email-subject span{color:#e8e8e8;color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-subject-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b0b0b0;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.email-date{color:#8a8a8a;color:var(--text-tertiary);font-size:12px;min-width:72px;padding-top:2px;text-align:right;white-space:nowrap}.email-item:hover{background-color:#2a2a2a;background-color:var(--hover-bg);box-shadow:inset 3px 0 0 #4db8a8;box-shadow:inset 3px 0 0 var(--primary-light)}.email-item.unread{background-color:#24312f;background-color:var(--selected-bg);box-shadow:inset 3px 0 0 #3a9b8f;box-shadow:inset 3px 0 0 var(--primary)}.email-item.unread .email-sender,.email-item.unread .email-subject{font-weight:600}.email-item:not(.unread) .email-sender,.email-item:not(.unread) .email-subject{font-weight:400}.email-item.selected{background-color:#24312f;background-color:var(--selected-bg);box-shadow:inset 4px 0 0 #3a9b8f;box-shadow:inset 4px 0 0 var(--primary)}.email-star.starred,.email-star:hover{align-items:center;color:#ffc107;cursor:pointer;display:flex;transition:all .2s ease;transition:var(--transition)}.email-view-container{flex:1 1;flex-direction:column;overflow:hidden}.email-view-container,.email-view-header{background-color:#1a1a1a;background-color:var(--bg-primary);display:flex}.email-view-header{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);box-shadow:0 1px 0 #00000008;justify-content:space-between;padding:16px}.email-view-actions{display:flex;gap:8px}.email-action-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.email-action-btn:hover{background-color:#2a2a2a;background-color:var(--hover-bg);color:#e8e8e8;color:var(--text-primary)}.email-action-btn.delete:hover{background-color:#ffebee;color:#d32f2f}.email-body{background-color:#1a1a1a;background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.email-html-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #00000014;color:#111;color-scheme:light;overflow-x:auto;padding:16px}.email-html-content :is(p,span,div,td,th,li,h1,h2,h3,h4,h5,h6,small,strong,em,b,i){color:#111!important}.email-html-content :is(table,tbody,tfoot,thead,tr,td,th,div,section,article,header,footer){background-color:initial!important;background-image:none!important}.email-html-content table{background-color:#fff!important}.email-html-content a{color:#1565c0!important}.email-html-content img{height:auto;max-width:100%}.email-html-content table{max-width:100%}.email-meta{align-items:flex-start;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.email-from{display:flex;flex-direction:column}.email-from-address{color:#e8e8e8;color:var(--text-primary);font-size:14px;font-weight:500}.email-timestamp{color:#8a8a8a;color:var(--text-tertiary);font-size:12px;margin-top:4px}.email-content{word-wrap:break-word;color:#e8e8e8;color:var(--text-primary);font-size:14px;line-height:1.6}.email-detail-empty{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:24px;text-align:center}.email-detail-empty-title{color:#e8e8e8;color:var(--text-primary);font-size:16px;font-weight:600}.email-detail-empty-subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:13px}.quoted-text-container{margin-top:16px;padding-top:12px}.quoted-text-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#3a9b8f;color:var(--primary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s ease;transition:var(--transition)}.quoted-text-toggle:hover{background-color:#2a2a2a;background-color:var(--hover-bg)}.quoted-text{background-color:#222;background-color:var(--bg-secondary);border-left:3px solid #404040;border-left:3px solid var(--border-color);border-radius:4px;color:#b0b0b0;color:var(--text-secondary);font-family:inherit;font-size:13px;line-height:1.5;margin-top:12px;padding:12px 16px;white-space:pre-wrap}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-content{animation:slideDown .3s ease;background-color:#1a1a1a;background-color:var(--bg-primary);border-radius:8px;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:#222;background-color:var(--bg-secondary);border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#e8e8e8;font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.close-btn:hover{background-color:#2a2a2a;background-color:var(--hover-bg);color:#e8e8e8;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.form-label{font-weight:500}.form-input,.form-label{color:#e8e8e8;color:var(--text-primary);font-size:14px}.form-input{background-color:#1a1a1a;background-color:var(--bg-primary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;padding:10px 12px;transition:all .2s ease;transition:var(--transition)}.form-input:focus{border-color:#3a9b8f;border-color:var(--primary);box-shadow:0 0 0 3px #3a9b8f1a;outline:none}.form-input:disabled{background-color:#2d2d2d;background-color:var(--bg-tertiary);color:#8a8a8a;color:var(--text-tertiary);cursor:not-allowed}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:14px;margin-bottom:12px;padding:12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;transition:var(--transition)}.btn-primary{background-color:#3a9b8f;background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2d7b72;background-color:var(--primary-hover);box-shadow:0 2px 4px #3a9b8f40}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:#2d2d2d;background-color:var(--bg-tertiary);border:1px solid #404040;border:1px solid var(--border-color);color:#e8e8e8;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#2a2a2a;background-color:var(--hover-bg)}.action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#3a9b8f;color:var(--primary);cursor:pointer;display:flex;gap:4px;margin:0 2px;padding:6px 8px;transition:all .2s ease;transition:var(--transition)}.action-btn:hover{background-color:#3a9b8f1a}.action-btn-danger{color:#d32f2f}.action-btn-danger:hover{background-color:#ffebee}.users-table{margin-top:16px;overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);padding:12px 8px;text-align:left}.users-table th{background-color:#2d2d2d;background-color:var(--bg-tertiary);color:#b0b0b0;color:var(--text-secondary);font-size:12px;font-weight:600}.users-table tr:hover{background-color:#2a2a2a;background-color:var(--hover-bg)}.loading{font-size:16px;height:100%;justify-content:center}.folder-item,.loading{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex}.folder-item{border-radius:8px;cursor:pointer;font-size:14px;gap:12px;margin:4px 0;padding:8px 12px;position:relative;transition:all .2s ease;transition:var(--transition)}.folder-item:hover{background-color:#2a2a2a;background-color:var(--hover-bg);color:#e8e8e8;color:var(--text-primary)}.folder-item.active{background-color:#24312f;background-color:var(--selected-bg);color:#3a9b8f;color:var(--primary);font-weight:500}.folder-item.active:before{background-color:#3a9b8f;background-color:var(--primary);border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.folder-unread{background-color:#4db8a8;background-color:var(--primary-light);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:2px 6px}.user-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}@media (max-width:1024px){:root{--sidebar-width:240px}.header-left>div{max-width:140px}}@media (max-width:767px){:root{--sidebar-width:0;--header-height:56px}.header-left{flex:1 1 auto;min-width:0}.search-bar{flex:1 1 auto;height:48px;max-width:none!important;padding:8px 12px;width:100%}.search-bar .search-input{font-size:16px}.header{padding:0 10px}.sidebar{background-color:#1a1a1a;background-color:var(--bg-primary);border-right:1px solid #404040;border-right:1px solid var(--border-color);bottom:0;height:calc(100vh - 64px);height:calc(100vh - var(--header-height));left:0;position:absolute;top:64px;top:var(--header-height);transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:20}.sidebar.open{transform:translateX(0)}.sidebar:after{background:#00000080;bottom:0;content:"";left:100%;position:absolute;right:-9999px;top:0;z-index:-1}.sidebar-toggle{display:flex;padding:10px}.btn,.sidebar-toggle,button{min-height:44px;min-width:44px}.menu-toggle-btn,.theme-toggle{height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.menu-toggle-btn{font-size:14px!important}.compose-btn{min-height:44px;padding:12px 16px}.compose-modal{bottom:8px;max-height:85vh;right:16px;width:calc(100% - 32px)}.email-checkbox{height:20px;min-width:20px;width:20px}.modal-content{max-height:90vh;width:95%}.email-body{font-size:15px;line-height:1.6;padding:16px}.email-view-actions button,.email-view-header button{min-height:44px;min-width:44px;padding:10px}.folder-item,.label-item{-webkit-tap-highlight-color:transparent;min-height:44px;padding:12px 16px}.folder-item:active,.label-item:active{background-color:#2a2a2a;background-color:var(--hover-bg)}}@media (min-width:768px){.sidebar-toggle{display:none!important}}@media (max-width:480px){:root{--header-height:52px}.header{padding:0 8px}.menu-toggle-btn,.theme-toggle{height:44px;min-height:44px;min-width:44px;width:44px}.sidebar-toggle{min-height:44px;min-width:44px}.compose-btn{font-size:14px;gap:8px;min-height:44px;padding:12px 14px}.compose-modal{border-radius:0;bottom:0;height:100%;left:0;max-height:100vh;right:0;top:0;width:100%}.email-meta{align-items:flex-start;flex-direction:column;gap:8px}.email-content{font-size:14px}.form-input,.form-textarea{font-size:16px;min-height:48px;padding:14px}.form-textarea{min-height:200px}.modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}.modal-header{background-color:#1a1a1a;background-color:var(--bg-primary);padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-body{max-height:calc(100vh - 140px);padding:16px}.modal-footer{background-color:#1a1a1a;background-color:var(--bg-primary);border-top:1px solid #404040;border-top:1px solid var(--border-color);bottom:0;padding:16px;position:-webkit-sticky;position:sticky}.btn-primary,.btn-secondary{border-radius:8px;font-size:15px;min-height:48px;padding:14px 20px}.email-item{min-height:72px}.email-item,.email-view-header{padding:14px 16px}.email-body{font-size:16px;line-height:1.65;padding:20px 16px}.folder-item,.label-item{font-size:15px;min-height:48px;padding:14px 16px}.sidebar{max-width:320px;width:85vw}.clickable:active,button:active{opacity:.7;transform:scale(.98)}.attachment-item{min-height:56px;padding:12px}.attachment-name{font-size:14px}.attachment-size{font-size:12px}}@media (max-width:360px){.header{padding:0 6px}.search-bar{flex:1 1;max-width:100%!important;min-width:0!important;padding:6px 8px!important}.search-bar input{font-size:13px!important}.user-info{gap:4px}.menu-toggle-btn,.sidebar-toggle,.theme-toggle{height:44px;min-height:44px;min-width:44px;width:44px}.compose-modal{right:0;width:100%}.email-item{gap:10px;grid-template-columns:28px 1fr 60px;padding:12px}.sidebar{width:90vw}.modal-header h2,.modal-header h3{font-size:18px}.btn-primary,.btn-secondary{min-height:52px;padding:16px 20px}}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast:more){:root{--border-color:#888}.btn-primary{border:2px solid #3a9b8f;border:2px solid var(--primary)}}:focus-visible{outline:2px solid #3a9b8f;outline:2px solid var(--primary);outline-offset:2px}:focus{outline:2px solid #3a9b8f;outline:2px solid var(--primary);outline-offset:2px}button:focus-visible{box-shadow:0 0 0 2px #3a9b8f40;outline:2px solid #3a9b8f;outline:2px solid var(--primary);outline-offset:2px}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px #3a9b8f40;outline:2px solid #3a9b8f;outline:2px solid var(--primary);outline-offset:2px}.oauth-section{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);border-top:1px solid #404040;border-top:1px solid var(--border-color);margin:24px 0;padding:20px 0}.oauth-divider{margin-bottom:20px;position:relative;text-align:center}.oauth-divider span{background:#1a1a1a;background:var(--bg-primary);color:#b0b0b0;color:var(--text-secondary);display:inline-block;font-size:14px;font-weight:500;letter-spacing:.3px;padding:0 12px}.oauth-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}@media (max-width:480px){.oauth-buttons{grid-template-columns:1fr}}.oauth-button{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.oauth-button:hover:not(:disabled){box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;transform:translateY(-2px)}.oauth-button:active:not(:disabled){transform:translateY(0)}.oauth-button:disabled{cursor:not-allowed;opacity:.6}.oauth-icon{align-items:center;display:flex;font-size:18px}.oauth-text{flex:1 1;text-align:center}.oauth-error{background-color:#442;border-left:4px solid #f88;border-radius:6px;color:#faa;font-size:14px;margin-bottom:16px;padding:12px 16px}.oauth-loading{color:#b0b0b0;color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.oauth-disclaimer{color:#8a8a8a;color:var(--text-tertiary);font-size:12px;margin-top:12px;text-align:center}.session-timeout-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-timeout-modal{animation:slideUp .3s ease;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:420px;padding:32px;width:90%}[data-theme=dark] .session-timeout-modal{background:var(--bg-primary-dark);box-shadow:0 10px 40px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:24px;text-align:center}.modal-header h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0 0 8px}[data-theme=dark] .modal-header h2{color:var(--text-primary-dark)}.session-timeout-subtitle{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}[data-theme=dark] .session-timeout-subtitle{color:var(--text-secondary-dark)}.modal-body{margin-bottom:28px;text-align:center}.timeout-warning-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.modal-body p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}[data-theme=dark] .modal-body p{color:var(--text-secondary-dark)}.timeout-countdown{display:flex;justify-content:center;margin-top:20px}.countdown-timer{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;box-shadow:0 4px 15px #3a9b8f4d;display:flex;height:100px;justify-content:center;width:100px}.timer-text{color:#fff;font-family:Courier New,monospace;font-size:40px;font-weight:700}.modal-footer{display:flex;gap:12px;margin-bottom:16px}.btn-continue,.btn-logout{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.btn-continue{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 2px 8px #3a9b8f4d;color:#fff}.btn-continue:hover{box-shadow:0 4px 12px #3a9b8f66;transform:translateY(-2px)}.btn-continue:active{transform:translateY(0)}.btn-logout{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-logout{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.btn-logout:hover{background:var(--hover-bg);transform:translateY(-2px)}[data-theme=dark] .btn-logout:hover{background:var(--hover-bg-dark)}.btn-logout:active{transform:translateY(0)}.modal-security-note{border-top:1px solid var(--border-color);padding-top:16px;text-align:center}[data-theme=dark] .modal-security-note{border-top-color:var(--border-color-dark)}.modal-security-note small{color:var(--text-tertiary);display:block;font-size:12px}[data-theme=dark] .modal-security-note small{color:var(--text-tertiary-dark)}@media (max-width:480px){.session-timeout-modal{margin:16px;padding:24px}.modal-header h2{font-size:18px}.countdown-timer{height:80px;width:80px}.timer-text{font-size:32px}.modal-footer{flex-direction:column}.btn-continue,.btn-logout{width:100%}}
/*# sourceMappingURL=main.e869c88e.css.map*/