:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-color:#dee2e6;--accent-color:#667eea;--accent-hover:#5a67d8;--shadow:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 6px rgba(0,0,0,.1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:grey;--border-color:#404040;--shadow:0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 4px 6px rgba(0,0,0,.3)}[data-font-size=small]{--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem}[data-font-size=large]{--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem}[data-font-size=extra-large]{--font-size-xs:1rem;--font-size-sm:1.125rem;--font-size-base:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.875rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem}[data-compact=true]{--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.375rem;--radius-xl:0.5rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}button{background-color:var(--accent-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all .3s ease}button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .3s ease}.nav-link.active,.nav-link:hover{color:var(--accent-color);background-color:var(--bg-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}}@media (max-width:480px){html{font-size:var(--font-size-sm)}}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus{outline:2px solid var(--accent-color);outline-offset:2px}::selection{background-color:var(--accent-color);color:#fff}.loading{opacity:.6;pointer-events:none}.spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}