.pagination-layout{width:100%;height:auto;position:relative;display:flex;flex-direction:column;overflow:visible;z-index:1}.pagination-layout .pagination-content-area{flex:1 1;overflow:visible;min-height:auto;width:100%;margin:0;padding:0;position:relative;padding-bottom:var(--spacing-3)}.pagination-layout .pagination-skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,248,248,.85);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;pointer-events:none;animation:fadeIn .15s ease-out}.pagination-layout .pagination-skeleton-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3) 30%,rgba(102,126,234,.4) 50%,rgba(102,126,234,.3) 70%,transparent);transform:translateX(-100%);animation:skeletonSweep 1s ease-in-out infinite}.pagination-layout.loading .pagination-content-area>:not(.pagination-skeleton-overlay){opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-layout.static{position:relative;height:auto;min-height:auto;width:100%}.pagination-layout.static .pagination-content-area{padding-bottom:0}.pagination-wrapper{position:relative;bottom:auto;left:auto;width:100%;z-index:900;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);margin-top:0}.pagination-layout.disabled .pagination-wrapper,.pagination-layout.loading .pagination-wrapper{opacity:.6;pointer-events:none}.pagination-wrapper{padding:0 var(--spacing-4) var(--spacing-15) var(--spacing-4)}.pagination-wrapper.static{position:relative;background:rgba(0,0,0,0);padding:0 0 var(--spacing-15) 0}.pagination-wrapper.default .pagination-content{background:rgba(0,0,0,0);border:none;border-radius:0;padding:0;box-shadow:none}.pagination-wrapper.header-style{background:rgba(0,0,0,0)}.pagination-wrapper.header-style .pagination-content{border:none;border-radius:0;padding:var(--spacing-3) 0;background:rgba(0,0,0,0);box-shadow:none;transition:var(--transition-all);position:relative}.pagination-wrapper.header-style.static{background:rgba(0,0,0,0)}.pagination-wrapper .pagination-content{display:flex;flex-direction:column;gap:var(--spacing-small);justify-content:center;align-items:center;width:100%}.pagination-wrapper .pagination-info{font-size:var(--font-size-small);color:var(--text-color-secondary);text-align:center;padding:var(--spacing-small) 0;font-weight:500}.pagination-wrapper .pagination{display:flex;gap:var(--spacing-small);align-items:center}@media(max-width:768px){.pagination-wrapper .pagination{gap:var(--spacing-1)}}@media(max-width:480px){.pagination-wrapper .pagination{gap:calc(var(--spacing-1)/2)}}.pagination-wrapper .pagination-button{padding:calc(var(--spacing-1) + 2px) var(--spacing-3);border:var(--border-width) solid rgba(226,232,240,.6);background:linear-gradient(135deg,#f9fafb,#f8fafc);color:#4b5563;cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition-all);min-width:var(--spacing-8);height:var(--spacing-8);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);position:relative;overflow:hidden}@media(max-width:768px){.pagination-wrapper .pagination-button{padding:var(--spacing-1) var(--spacing-2);min-width:var(--spacing-7);height:var(--spacing-7);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}}@media(max-width:480px){.pagination-wrapper .pagination-button{padding:calc(var(--spacing-1) - 1px) calc(var(--spacing-1) + 2px);min-width:var(--spacing-6);height:var(--spacing-6);font-size:11px;border-radius:var(--border-radius-xs)}}.pagination-wrapper .pagination-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));opacity:0;transition:var(--transition-medium)}.pagination-wrapper .pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-on-primary);transform:translateY(calc(var(--spacing-1) * -.5));box-shadow:var(--box-shadow-lg);border-color:rgba(0,0,0,0)}.pagination-wrapper .pagination-button:hover:not(:disabled):before{opacity:1}.pagination-wrapper .pagination-button.active{background:linear-gradient(135deg,#667eea,#1d4ed8);color:var(--text-on-primary);font-weight:var(--font-weight-bold);box-shadow:var(--box-shadow-xl);border-color:rgba(0,0,0,0);transform:translateY(calc(var(--spacing-1) * -.25))}.pagination-wrapper .pagination-button.active:before{opacity:1}.pagination-wrapper .pagination-button.nav-button{padding:calc(var(--spacing-1) + 2px) var(--spacing-4);font-weight:var(--font-weight-semibold);min-width:var(--spacing-15);background:linear-gradient(135deg,#f3f4f6,#e2e8f0)}@media(max-width:768px){.pagination-wrapper .pagination-button.nav-button{padding:var(--spacing-1) var(--spacing-3);min-width:calc(var(--spacing-12) + 2px);font-size:11px}}@media(max-width:480px){.pagination-wrapper .pagination-button.nav-button{padding:calc(var(--spacing-1) - 1px) var(--spacing-2);min-width:var(--spacing-10);font-size:10px}}.pagination-wrapper .pagination-button.nav-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);color:var(--text-on-primary);box-shadow:var(--box-shadow-lg)}.pagination-wrapper .pagination-button:disabled{background:linear-gradient(135deg,#f8fafc,#f3f4f6);color:#9ca3af;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none;border-color:rgba(226,232,240,.4)}.pagination-wrapper .pagination-button:disabled:before{opacity:0}.pagination-wrapper .pagination-ellipsis{padding:calc(var(--spacing-1) + 2px);color:#6b7280;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;min-width:var(--spacing-8);height:var(--spacing-8);font-size:var(--font-size-base);letter-spacing:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.pagination-wrapper .pagination-ellipsis{min-width:var(--spacing-7);height:var(--spacing-7);font-size:var(--font-size-xs);padding:var(--spacing-1)}}@media(max-width:480px){.pagination-wrapper .pagination-ellipsis{min-width:var(--spacing-6);height:var(--spacing-6);font-size:11px;padding:calc(var(--spacing-1) - 1px)}}@media(max-width:768px){.pagination-layout{width:calc(100vw - var(--spacing-5));left:var(--spacing-5)}.pagination-layout .pagination-content-area{padding-top:var(--spacing-20);padding-bottom:0;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.pagination-wrapper{position:relative;left:auto;width:100%;bottom:auto;padding:0 var(--spacing-4) var(--spacing-15) var(--spacing-4);margin-top:0}.pagination-wrapper.header-style .pagination-content{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-sm)}}@media(max-width:480px){.pagination-layout{width:100vw;left:0}.pagination-layout .pagination-content-area{padding-top:calc(var(--spacing-17) + 2px);padding-bottom:0;padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.pagination-wrapper{position:relative;left:auto;width:100%;bottom:auto;padding:0 var(--spacing-3) var(--spacing-15) var(--spacing-3);margin-top:0}.pagination-wrapper.header-style .pagination-content{padding:var(--spacing-small) var(--spacing-small);border-radius:var(--border-radius-xs)}}@keyframes skeletonSweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .pagination-skeleton-overlay{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .pagination-skeleton-overlay:before{background:linear-gradient(90deg,transparent,rgba(129,140,248,.3) 50%,transparent)}.theme-loading{display:flex;align-items:center;justify-content:center}.theme-loading.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.theme-loading.loading-inline{position:relative;padding:var(--spacing-large);min-height:calc(var(--spacing-20)*1.25)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-medium)}.loading-spinner{border-radius:50%;border:4px solid rgba(0,123,255,.1);border-top-color:#007bff;animation:spin 1s linear infinite;width:48px;height:48px}.loading-small{width:24px;height:24px;border-width:2px}.loading-medium{width:48px;height:48px;border-width:4px}.loading-large{width:64px;height:64px;border-width:5px}.loading-text{margin:0;font-size:var(--font-size-base);color:var(--text-color);font-weight:var(--font-weight-medium)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:var(--breakpoint-sm )){.loading-large{width:calc(var(--spacing-12) + 2px);height:calc(var(--spacing-12) + 2px)}.loading-medium{width:calc(var(--spacing-8) + 3px);height:calc(var(--spacing-8) + 3px)}.loading-text{font-size:var(--font-size-sm)}}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#667eea;--primary-600:#764ba2;--primary-700:#6b21a8;--primary-800:#581c87;--primary-900:#3b0764;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-gradient-hover:linear-gradient(135deg,#764ba2,#667eea);--primary-color:var(--primary-500);--primary-color-light:var(--primary-400);--primary-color-dark:var(--primary-600);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--success-color:var(--success-500);--success-color-light:var(--success-400);--success-color-dark:var(--success-600);--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--error-color:var(--error-500);--error-color-light:var(--error-400);--error-color-dark:var(--error-600);--danger-color:var(--error-500);--danger-color-light:var(--error-400);--danger-color-dark:var(--error-600);--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--warning-color:var(--warning-500);--warning-color-light:var(--warning-400);--warning-color-dark:var(--warning-600);--info-50:#f0f9ff;--info-100:#e0f2fe;--info-200:#bae6fd;--info-300:#7dd3fc;--info-400:#38bdf8;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--info-800:#075985;--info-900:#0c4a6e;--info-color:var(--info-500);--info-color-light:var(--info-400);--info-color-dark:var(--info-600);--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7e22ce;--accent-800:#6b21a8;--accent-900:#581c87;--accent-gradient:linear-gradient(135deg,#e9d5ff,#d8b4fe);--accent-gradient-light:linear-gradient(135deg,#f3e8ff,#e9d5ff);--accent-gradient-dark:linear-gradient(135deg,#d8b4fe,#c084fc);--accent-color:var(--accent-500);--accent-color-light:var(--accent-200);--accent-color-dark:var(--accent-400);--color-primary:#6D28D9;--color-primary-light:#F5F3FF;--color-primary-hover:#5B21B6;--color-text-primary:#1F2937;--color-text-secondary:#6B7280;--color-text-muted:#9CA3AF;--color-background:#FFFFFF;--color-background-soft:#F9FAFB;--color-background-hover:#F3F4F6;--color-border:#E5E7EB;--color-border-strong:#D1D5DB;--color-success:#10B981;--color-warning:#F97316;--color-error:#EF4444;--color-info:#3B82F6;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-large:16px;--font-size-heading:18px;--spacing-base:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--padding-cell-y:12px;--padding-cell-x:16px;--padding-header-y:16px;--padding-header-x:16px;--col-code-width:120px;--col-code-font-size:var(--font-size-base);--col-code-font-weight:var(--font-weight-medium);--col-code-font-family:"Courier New","Monaco",monospace;--border-radius-standard:8px;--border-radius-large:12px;--border-radius-full:9999px;--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--border-focus:var(--primary-500);--secondary-color:#2c004e;--secondary-color-light:#401d5e;--secondary-color-dark:#1a0030;--bg-color-base:var(--gray-50);--bg-color-base-light:#fbfcff;--bg-color-base-dark:#eff3ff;--bg-color-panel:var(--gray-100);--bg-color-element:#ffffff;--bg-color-element-light:#ffffff;--bg-color-element-dark:#fafafa;--bg-color-menu:#ffffff;--bg-color-page:var(--gray-50);--text-color:var(--gray-900);--text-color-secondary:var(--gray-600);--text-on-primary:#ffffff;--text-on-success:#ffffff;--text-on-error:#ffffff;--text-on-warning:#ffffff;--text-on-dark:#ffffff;--text-on-badge:#ffffff;--button-color:var(--text-on-primary);--button-color-dark:#e6e6e6;--icon-color:var(--gray-700);--icon-color-dark:var(--gray-900);--link-color:var(--primary-600);--link-hover-color:var(--primary-700);--placeholder-color:var(--gray-400);--active-color:var(--primary-500);--active-color-dark:var(--primary-600);--disabled-color:var(--gray-300);--focus-color:var(--primary-200);--border-color:var(--gray-200);--border-color-light:var(--gray-100);--border-color-dark:var(--gray-300);--border-color-white:#ffffff;--border-color-black:#000000;--shadow-color:rgba(0,0,0,0.06);--primary-color-10:var(--primary-50);--primary-color-20:var(--primary-100);--primary-color-30:var(--primary-200);--primary-color-35:var(--primary-100);--primary-color-50:var(--primary-200);--primary-color-55:var(--primary-200);--primary-color-80:var(--primary-300);--primary-color-85:var(--primary-300);--border-width:1px;--border-style:solid;--border-radius:16px;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:16px;--border-radius-xlarge:20px;--border-radius-round:50%;--border-radius-xs:2px;--border-radius-sm:10px;--border-radius-md:12px;--border-radius-lg:14px;--border-radius-xl:16px;--border-radius-2xl:20px;--border-radius-3xl:24px;--app-border-radius:12px;--app-border-radius-sm:8px;--app-border-radius-lg:16px;--box-shadow-light:0px 2px 4px rgba(0,0,0,0.1);--box-shadow-medium:0px 4px 8px rgba(0,0,0,0.15);--box-shadow-heavy:0px 8px 16px rgba(0,0,0,0.2);--box-shadow-large:0px 8px 20px rgba(0,0,0,0.25);--box-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--box-shadow-md:0 2px 8px rgba(0,0,0,0.08);--box-shadow-lg:0 4px 20px rgba(0,0,0,0.12);--box-shadow-xl:0 8px 30px rgba(0,0,0,0.15);--box-shadow-2xl:0 10px 40px rgba(0,0,0,0.2);--box-shadow-focus:0 0 0 3px rgba(102,126,234,0.1);--box-shadow-focus-error:0 0 0 3px rgba(239,68,68,0.1);--box-radius:4px;--box-shadow:0px 4px 4px;--box-padding:6px;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-xsmall:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xlarge:32px;--spacing-extra-large:48px;--container-width:1200px;--container-padding:16px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:var(--font-family-base);--font-family-mono:"Courier New",Courier,monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-weight-normal:400;--line-height-tight:1.25;--line-height-loose:2;--app-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--app-font-size:14px;--app-font-weight:500;--app-line-height:1.5;--root-font-size:100%;--font-scale-h1:3.052rem;--font-scale-h1-tablet:2.441rem;--font-scale-h1-mobile:2rem;--font-scale-h2:2.441rem;--font-scale-h2-tablet:1.953rem;--font-scale-h2-mobile:1.75rem;--font-scale-h3:1.953rem;--font-scale-h3-tablet:1.563rem;--font-scale-h3-mobile:1.375rem;--font-scale-h4:1.563rem;--font-scale-h5:1.25rem;--font-scale-h6:1rem;--font-scale-body:1rem;--font-scale-small:0.875rem;--font-scale-caption:0.8rem;--font-scale-tiny:0.75rem;--line-height-heading:1.2;--line-height-body:1.6;--line-height-relaxed:1.75;--font-weight-semibold:600;--font-weight-extrabold:800;--table-font-family:var(--app-font-family);--table-font-size:var(--font-scale-small);--table-font-weight:var(--font-weight-medium);--table-header-font-size:var(--font-scale-caption);--table-header-font-weight:var(--font-weight-bold);--table-line-height:var(--line-height-body);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-all:all 0.3s ease;--transition-timing-default:cubic-bezier(0.4,0,0.2,1);--transition-timing-smooth:cubic-bezier(0.4,0,0.6,1);--transition-timing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--grid-gap-small:8px;--grid-gap-medium:16px;--grid-gap-large:32px;--container-max-width:1200px;--container-min-width:320px;--header-height:60px;--footer-height:50px;--breakpoint-xs:480px;--breakpoint-sm:768px;--breakpoint-md:1024px;--breakpoint-lg:1200px;--breakpoint-xl:1600px;--font-family:"Inter",sans-serif;--font-family-heading:"Inter",sans-serif;--font-family-mono:"Fira Code","Consolas",monospace;--font-size-micro:7px;--font-size-micro-alt:8px;--font-size-mini:9px;--font-size-mini-alt:10px;--font-size-tiny:11px;--font-size-small:12px;--font-size-small-alt:13px;--font-size-base:14px;--font-size-base-alt:15px;--font-size-medium:16px;--font-size-large:18px;--font-size-large-alt:20px;--font-size-xlarge:22px;--font-size-xlarge-alt:24px;--font-size-huge:28px;--font-size-display-sm:32px;--font-size-display-md:48px;--font-size-display-lg:64px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height:1.5;--letter-spacing:0.5px;--transition-duration:0.3s;--transition-ease:ease-in-out;--animation-duration:0.5s;--animation-timing-function:cubic-bezier(0.4,0,0.2,1);--z-index-base:0;--z-index-behind:-1;--z-index-above:1;--z-index-content:10;--z-index-sticky:100;--z-index-header:200;--z-index-fixed:300;--z-index-toolbar:400;--z-index-sidebar:500;--z-index-overlay:1000;--z-index-dropdown:1100;--z-index-navigation:1200;--z-index-filter-panel:1300;--z-index-modal-backdrop:2000;--z-index-modal:2100;--z-index-modal-dropdown:2200;--z-index-popover:3000;--z-index-tooltip:3100;--z-index-notification:3200;--z-index-toast:3300;--z-index-loading:3400;--z-index-max:9999;--overlay-blur:2px;--overlay-backdrop:rgba(0,0,0,0.4)}.dark-mode,[data-theme=dark]{--primary-50:#1e1530;--primary-100:#2a1f42;--primary-200:#3b2a5f;--primary-300:#4d3577;--primary-400:#6a4d99;--primary-500:#8b6fd9;--primary-600:#a78bfa;--primary-700:#c4b5fd;--primary-800:#ddd6fe;--primary-900:#ede9fe;--primary-dark-600:#6d28d9;--primary-dark-700:#5b21b6;--primary-gradient:linear-gradient(135deg,#7c3aed,#6d28d9);--primary-gradient-hover:linear-gradient(135deg,#8b5cf6,#7c3aed);--gray-50:#0f1419;--gray-100:#1a1d2e;--gray-150:#1e2238;--gray-200:#252837;--gray-250:#2d3142;--gray-300:#384048;--gray-400:#4f5864;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--success-50:#022c22;--success-100:#064e3b;--success-200:#065f46;--success-300:#047857;--success-400:#059669;--success-500:#10b981;--success-600:#34d399;--success-700:#6ee7b7;--success-800:#a7f3d0;--success-900:#d1fae5;--error-50:#450a0a;--error-100:#7f1d1d;--error-200:#991b1b;--error-300:#b91c1c;--error-400:#dc2626;--error-500:#ef4444;--error-600:#f87171;--error-700:#fca5a5;--error-800:#fecaca;--error-900:#fee2e2;--warning-50:#451a03;--warning-100:#78350f;--warning-200:#92400e;--warning-300:#b45309;--warning-400:#d97706;--warning-500:#f59e0b;--warning-600:#fbbf24;--warning-700:#fcd34d;--warning-800:#fde68a;--warning-900:#fef3c7;--info-50:#0c4a6e;--info-100:#075985;--info-200:#0369a1;--info-300:#0284c7;--info-400:#0ea5e9;--info-500:#06b6d4;--info-600:#22d3ee;--info-700:#67e8f9;--info-800:#a5f3fc;--info-900:#cffafe;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-body:#9ca3af;--text-muted:#6b7280;--text-placeholder:#4f5864;--text-disabled:#384048;--bg-page:#0a0e13;--bg-card:#1a1d2e;--bg-panel:#1e2238;--bg-hover:#252837;--bg-active:#2a1f42;--bg-disabled:#1e2238;--border-light:#252837;--border-medium:#2d3142;--border-dark:#384048;--border-focus:#8b6fd9;--bg-color-base:#0a0e13;--bg-color-base-light:#0f1419;--bg-color-base-dark:#1a1d2e;--bg-color-panel:#1e2238;--bg-color-element:#1a1d2e;--bg-color-element-light:#252837;--bg-color-element-dark:#0f1419;--bg-color-menu:#1a1d2e;--bg-color-page:#0a0e13;--text-color:#f3f4f6;--text-color-secondary:#9ca3af;--button-color:#f3f4f6;--button-color-dark:#e5e7eb;--icon-color:#d1d5db;--icon-color-dark:#f3f4f6;--placeholder-color:#4f5864;--border-color:#252837;--border-color-light:#1e2238;--border-color-dark:#2d3142;--shadow-color:rgba(0,0,0,0.6);--overlay-backdrop:rgba(0,0,0,0.9);--box-shadow-light:0px 2px 4px rgba(0,0,0,0.4);--box-shadow-medium:0px 4px 8px rgba(0,0,0,0.6);--box-shadow-heavy:0px 8px 16px rgba(0,0,0,0.8);--box-shadow-large:0px 8px 20px rgba(0,0,0,0.9)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{font-size:var(--root-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--font-scale-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);background-color:var(--bg-primary)}body,h1,h2,h3,h4,h5,h6{font-family:var(--app-font-family);color:var(--text-primary);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}h1{font-size:var(--font-scale-h1-mobile);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-scale-h2-mobile);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-scale-h3-mobile);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-scale-h5)}h4,h5{margin-bottom:var(--spacing-3)}h5{font-size:var(--font-scale-h6)}h6{font-size:var(--font-scale-small);margin-bottom:var(--spacing-2)}@media(min-width:768px){h1{font-size:var(--font-scale-h1-tablet)}h2{font-size:var(--font-scale-h2-tablet)}h3{font-size:var(--font-scale-h3-tablet)}h4{font-size:var(--font-scale-h4)}}@media(min-width:1200px){h1{font-size:var(--font-scale-h1)}h2{font-size:var(--font-scale-h2)}h3{font-size:var(--font-scale-h3)}}p{font-size:var(--font-scale-body);margin:0 0 var(--spacing-4) 0;color:var(--text-secondary)}.small-text,p,small{line-height:var(--line-height-body)}.small-text,small{font-size:var(--font-scale-caption);color:var(--text-muted)}.tiny-text{font-size:var(--font-scale-tiny);color:var(--text-muted)}b,strong{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}a{color:var(--primary-500);text-decoration:none;transition:var(--transition-base);font-weight:var(--font-weight-medium)}a:hover{color:var(--primary-600);text-decoration:underline}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}ol,ul{margin:0 0 var(--spacing-4) 0;padding-left:var(--spacing-6)}ol li,ul li{font-size:var(--font-scale-body);line-height:var(--line-height-body);margin-bottom:var(--spacing-2)}code{padding:2px 6px;border-radius:var(--app-border-radius-sm);color:var(--error-600)}code,pre{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-scale-small);background-color:var(--gray-100)}pre{padding:var(--spacing-4);border-radius:var(--app-border-radius);overflow-x:auto;margin:0 0 var(--spacing-4) 0}pre code{background:none;padding:0}blockquote{margin:0 0 var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--primary-500);background-color:var(--gray-50);font-style:italic}blockquote p{margin-bottom:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{position:relative;width:100%;display:flex;flex-direction:column}.input-label{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-color);padding-left:var(--spacing-large);margin-bottom:var(--spacing-1);transition:var(--transition-all)}.theme-select{width:100%;height:42px;padding:10px 40px 10px 16px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23374151' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.theme-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.theme-select option{background-color:#fff;color:#374151;padding:10px}.theme-select option[value=""]{color:#9ca3af}textarea{border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius-xlarge);box-shadow:var(--box-shadow) var(--shadow-color);color:var(--text-color);display:block;width:100%;height:100;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap;gap:var(--spacing-small);padding:var(--spacing-medium);background-color:var(--bg-color-element);resize:none;border-bottom:var(--spacing-large);margin-top:var(--spacing-large);margin-bottom:var(--spacing-large)}.select-container{position:relative;width:100%}.select-container .options-wrapper{position:absolute;top:calc(100% + var(--spacing-1));left:0;z-index:var(--z-index-dropdown)}.select-container .option-item{padding:var(--spacing-small) var(--spacing-medium);cursor:pointer}.select-container .option-item:hover{background-color:var(--bg-color-base)}.select-container .option-item.selected{background-color:var(--primary-color);font-weight:var(--font-weight-bold)}