:root{--bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e1e8ed 100%);--glass-bg: #ffffff;--glass-border: rgba(71, 85, 105, .12);--glass-shadow: 0 2px 12px 0 rgba(0, 0, 0, .06);--primary: #2563eb;--primary-light: #60a5fa;--primary-glow: rgba(37, 99, 235, .12);--text-main: #1e293b;--text-muted: #64748b;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--sidebar-bg: #f8fafc;--accent-bg: #eff6ff;--border-light: #cbd5e1;--hover-bg: #f1f5f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow)}.glass-button{background:var(--primary);border:1px solid var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.glass-button:hover{background:#1d4ed8;box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.glass-button.active{background:var(--primary);color:#fff}.glass-input{background:#fff;border:1px solid var(--border-light);color:var(--text-main);padding:.5rem 1rem;border-radius:6px;outline:none}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;padding:2rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--border-light);background:var(--sidebar-bg)}.main-content{flex:1;padding:2rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-muted);text-decoration:none;transition:all .2s;border:1px solid transparent}.nav-item:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--border-light)}.nav-item.active{background:var(--accent-bg);border-color:var(--primary-light);color:var(--primary);font-weight:600}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-main)}h2{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-main)}h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}p{color:var(--text-muted);line-height:1.6}.card{padding:1.5rem;margin-bottom:1.5rem;background:#fff}.control-panel{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.slider-container{display:flex;flex-direction:column;gap:.5rem}.slider-label{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted);font-weight:500}input[type=range]{width:100%;height:6px;background:var(--border-light);border-radius:3px;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px var(--primary-glow)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.active-step{border-color:var(--primary)!important;box-shadow:0 2px 8px var(--primary-glow)!important}.hamburger-button{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--primary);border:none;border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #00000026;color:#fff;transition:all .3s ease}.hamburger-button:hover{background:#1d4ed8;transform:scale(1.05)}.hamburger-button:active{transform:scale(.95)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:767px){.hamburger-button,.mobile-overlay{display:block}.sidebar{position:fixed;top:0;left:-280px;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 8px #0000001a;overflow-y:auto}.sidebar.mobile-open{left:0}.main-content{padding:4rem 1rem 1rem}.app-container{flex-direction:column}}