:root{--app-bg: #f2f5f9;--app-surface: #ffffff;--app-text: #1f2937;--app-sub-text: #4b5563;--app-border: #dbe2ea;--sidebar-bg: #1f2a3a;--sidebar-bg-elevated: #182433;--sidebar-text: #e6edf5;--sidebar-text-muted: #c2d0df;--sidebar-active-bg: #0f172a;--sidebar-active-text: #7dd3fc}html.dark{--app-bg: #0f1115;--app-surface: #171a21;--app-text: #e5e7eb;--app-sub-text: #c0c7d4;--app-border: #2a3040;--sidebar-bg: #111827;--sidebar-bg-elevated: #0b1220;--sidebar-text: #e5e7eb;--sidebar-text-muted: #a8b3c7;--sidebar-active-bg: #1f2937;--sidebar-active-text: #93c5fd}html,body,#app{background:var(--app-bg);color:var(--app-text)}body{transition:background-color .2s ease,color .2s ease}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-lighter: #eff6ff;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #fee2e2;--color-info: #6b7280;--color-info-hover: #4b5563;--color-info-light: #f3f4f6;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-disabled: var(--color-gray-400);--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-overlay: rgba(0, 0, 0, .5);--border-color: var(--color-gray-200);--border-color-hover: var(--color-gray-300);--border-color-light: var(--color-gray-100);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--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;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}html.dark{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-active: #2563eb;--color-primary-light: #1e3a8a;--color-primary-lighter: #1e40af;--color-success: #34d399;--color-success-hover: #10b981;--color-success-light: #065f46;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-light: #78350f;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-light: #7f1d1d;--color-info: #9ca3af;--color-info-hover: #6b7280;--color-info-light: #374151;--color-gray-50: #111827;--color-gray-100: #1f2937;--color-gray-200: #374151;--color-gray-300: #4b5563;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--color-gray-600: #d1d5db;--color-gray-700: #e5e7eb;--color-gray-800: #f3f4f6;--color-gray-900: #f9fafb;--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--text-disabled: var(--color-gray-600);--text-inverse: var(--color-gray-900);--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--border-color: var(--color-gray-700);--border-color-hover: var(--color-gray-600);--border-color-light: var(--color-gray-800);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.transition{transition:all var(--duration-normal) var(--ease-in-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-in-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-in-out)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.transition-opacity{transition-property:opacity;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.transition-transform{transition-property:transform;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:all var(--duration-normal) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.divider{height:1px;background:var(--border-color);margin:var(--spacing-4) 0}.divider-vertical{width:1px;height:auto;background:var(--border-color);margin:0 var(--spacing-4)}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.hide-sm{display:none!important}}@media (max-width: 768px){.hide-md{display:none!important}}@media (max-width: 1024px){.hide-lg{display:none!important}}@media (max-width: 1280px){.hide-xl{display:none!important}}@media (min-width: 640px){.show-sm{display:block!important}}@media (min-width: 768px){.show-md{display:block!important}}@media (min-width: 1024px){.show-lg{display:block!important}}@media (min-width: 1280px){.show-xl{display:block!important}}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-in-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all var(--duration-normal) var(--ease-out)}.slide-fade-leave-active{transition:all var(--duration-fast) var(--ease-in)}.slide-fade-enter-from{transform:translate(20px);opacity:0}.slide-fade-leave-to{transform:translate(-20px);opacity:0}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:all var(--duration-normal) var(--ease-in-out)}.zoom-fade-enter-from,.zoom-fade-leave-to{transform:scale(.9);opacity:0}.list-enter-active,.list-leave-active{transition:all var(--duration-normal) var(--ease-in-out)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-move{transition:transform var(--duration-normal) var(--ease-in-out)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--duration-normal) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}.button-press{transition:transform var(--duration-fast) var(--ease-in-out)}.button-press:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.animate-bounce{animation:bounce 1s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 0%,var(--color-gray-200) 20%,var(--color-gray-100) 40%,var(--color-gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}html.dark .skeleton{background:linear-gradient(90deg,var(--color-gray-800) 0%,var(--color-gray-700) 20%,var(--color-gray-800) 40%,var(--color-gray-800) 100%);background-size:200% 100%}.slide-in-top{animation:slideInTop var(--duration-slow) var(--ease-out)}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-bottom{animation:slideInBottom var(--duration-slow) var(--ease-out)}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zoom-in{animation:zoomIn var(--duration-normal) var(--ease-out)}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.animate-breathe{animation:breathe 3s ease-in-out infinite}.is-loading{position:relative;pointer-events:none;opacity:.6}.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-fast{animation-duration:var(--duration-fast)}.duration-normal{animation-duration:var(--duration-normal)}.duration-slow{animation-duration:var(--duration-slow)}.duration-slower{animation-duration:var(--duration-slower)}.no-animation{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.el-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.el-input:focus-within,.el-textarea:focus-within{box-shadow:0 0 0 2px var(--color-primary-light)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.text-contrast-high{color:var(--text-primary)}.text-contrast-medium{color:var(--text-secondary)}a{color:var(--color-primary)}.el-button--primary{color:var(--text-inverse)}a:hover,a:focus{text-decoration:underline}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.responsive-text{font-size:clamp(var(--text-sm),1vw + .5rem,var(--text-xl))}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}[aria-invalid=true]{border-color:var(--color-danger)!important}[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-danger-light)}[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}[aria-hidden=true]{display:none}.loading-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2)}.loading-indicator:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-indicator{color:var(--color-danger);position:relative;padding-left:var(--spacing-5)}.error-indicator:before{content:"⚠";position:absolute;left:0;font-size:var(--text-base)}.success-indicator{color:var(--color-success);position:relative;padding-left:var(--spacing-5)}.success-indicator:before{content:"✓";position:absolute;left:0;font-weight:var(--font-bold)}.warning-indicator{color:var(--color-warning);position:relative;padding-left:var(--spacing-5)}.warning-indicator:before{content:"⚠";position:absolute;left:0}.info-indicator{color:var(--color-info);position:relative;padding-left:var(--spacing-5)}.info-indicator:before{content:"ℹ";position:absolute;left:0}.required-field:after{content:" *";color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-error:before{content:"✖"}.form-help{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}:focus{outline:2px solid var(--color-primary);outline-offset:1px}@media (max-width: 768px){.skip-to-content{position:fixed;top:var(--spacing-4);left:var(--spacing-4);z-index:var(--z-index-modal);padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm)}}@media (prefers-contrast: high){:root{--color-primary: #0000ff;--color-success: #008000;--color-warning: #ff8c00;--color-danger: #ff0000}*{border-width:2px}}html.dark{--bg-primary: #1a1a1a;--bg-secondary: #242424;--text-primary: #f5f5f5;--text-secondary: #d4d4d4}@media (min-resolution: 120dpi){body{font-size:100%}}@media (max-width: 768px){.responsive-text{font-size:1.1rem}}#app{width:100%;height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Ubuntu,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Arial,"Noto Color Emoji";color:var(--app-text);background:var(--app-bg)}