.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--background-color, #0a0c14);color:var(--text-color, #ffffff)}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:var(--background-color, #0a0c14);color:var(--text-color, #ffffff);width:100%;height:80px;position:fixed;top:0;z-index:10;box-shadow:0 4px 6px #0000001a}.nav-left,.nav-right{display:flex;align-items:center}.site-title{margin-left:15px;font-size:1.8rem}.theme-dropdown{position:relative;display:inline-block}.theme-button{padding:8px 16px;background-color:#f90;color:#fff;border:none;cursor:pointer;border-radius:4px}.theme-options{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 4px 8px #0000001a;z-index:1;border-radius:4px}.theme-dropdown:hover .theme-options{display:block}.theme-option{color:#000;padding:12px 16px;cursor:pointer;text-align:left}.theme-option:hover{background-color:#ddd}.side-nav{position:fixed;left:0;top:80px;bottom:0;width:250px;background-color:var(--background-color, #0a0c14);color:var(--text-color, #ffffff);transform:translate(-100%);transition:transform .3s ease;z-index:15;box-shadow:4px 0 6px #0003}.side-nav.open{transform:translate(0)}.side-nav nav ul{list-style-type:none;padding:0;margin:20px 0}.side-nav nav ul li{padding:10px 20px}.side-nav nav ul li a{color:var(--link-color, #a8c0ff);text-decoration:none;font-size:1.1rem;display:block;padding:10px;border-radius:5px;transition:background-color .3s,color .3s}.side-nav nav ul li a:hover{background-color:#37475a;color:#fff}.content{margin-top:80px;padding:20px;flex-grow:1;overflow:visible;width:100%}:root{--background-color: #0a0c14;--text-color: #ffffff;--link-color: #a8c0ff;--link-hover-color: #dde1ff;--bg-gradient-start: #1b2138;--bg-gradient-end: #0a0c14;--surface-soft: rgba(255, 255, 255, .03);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--border-soft: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .55);--text-secondary: rgba(255, 255, 255, .75);--text-strong: rgba(244, 244, 246, .88);--row-alt: rgba(255, 255, 255, .02);--accent: #ff9900;--accent-soft: #ffb84d;--accent-text-on: #1a1a1a}body{background-color:var(--background-color, #0a0c14);color:var(--text-color, #ffffff)}.dark-theme{--background-color: #0a0c14;--text-color: #ffffff;--link-color: #a8c0ff;--link-hover-color: #dde1ff;--bg-gradient-start: #1b2138;--bg-gradient-end: #0a0c14;--surface-soft: rgba(255, 255, 255, .03);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--border-soft: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .55);--text-secondary: rgba(255, 255, 255, .75);--text-strong: rgba(244, 244, 246, .88);--row-alt: rgba(255, 255, 255, .02)}.light-theme{--background-color: #f4f5f8;--text-color: #14161f;--link-color: #c96f00;--link-hover-color: #8a5300;--bg-gradient-start: #ffffff;--bg-gradient-end: #eef0f5;--surface-soft: rgba(10, 12, 20, .025);--surface: rgba(10, 12, 20, .035);--surface-strong: rgba(10, 12, 20, .055);--border-soft: rgba(10, 12, 20, .08);--border: rgba(10, 12, 20, .12);--border-strong: rgba(10, 12, 20, .22);--text-faint: rgba(20, 22, 31, .4);--text-muted: rgba(20, 22, 31, .55);--text-secondary: rgba(20, 22, 31, .75);--text-strong: rgba(20, 22, 31, .88);--row-alt: rgba(10, 12, 20, .03)}.theme-blue{--background-color: #06192f;--text-color: #ffffff;--link-color: #9fd0ff;--link-hover-color: #d3ecff;--bg-gradient-start: #123258;--bg-gradient-end: #06192f;--surface-soft: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .58);--text-secondary: rgba(255, 255, 255, .78);--text-strong: rgba(244, 244, 246, .9);--row-alt: rgba(255, 255, 255, .03)}.theme-green{--background-color: #07200f;--text-color: #ffffff;--link-color: #9be3ad;--link-hover-color: #cdf5d7;--bg-gradient-start: #123a1e;--bg-gradient-end: #07200f;--surface-soft: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .58);--text-secondary: rgba(255, 255, 255, .78);--text-strong: rgba(244, 244, 246, .9);--row-alt: rgba(255, 255, 255, .03)}.theme-purple{--background-color: #1c0f2e;--text-color: #ffffff;--link-color: #d3b3ff;--link-hover-color: #ecdcff;--bg-gradient-start: #33184f;--bg-gradient-end: #1c0f2e;--surface-soft: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .58);--text-secondary: rgba(255, 255, 255, .78);--text-strong: rgba(244, 244, 246, .9);--row-alt: rgba(255, 255, 255, .03)}.theme-red{--background-color: #2a0a0a;--text-color: #ffffff;--link-color: #ffb3b3;--link-hover-color: #ffdada;--bg-gradient-start: #4a1414;--bg-gradient-end: #2a0a0a;--surface-soft: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-faint: rgba(255, 255, 255, .35);--text-muted: rgba(244, 244, 246, .58);--text-secondary: rgba(255, 255, 255, .78);--text-strong: rgba(244, 244, 246, .9);--row-alt: rgba(255, 255, 255, .03)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-color, #ffffff);-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.05) inset;box-shadow:0 0 0 1000px #ffffff0d inset;caret-color:var(--text-color, #ffffff);transition:background-color 9999s ease-in-out 0s}@media (max-width: 768px){.side-nav{width:200px}.nav-right button{padding:6px 12px;font-size:.9rem}}