.app-container[data-v-b22636d0]{display:flex;min-height:100vh;background-color:var(--bg-color)}.sidebar[data-v-b22636d0]{width:250px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:1.5rem 1rem;position:fixed;height:100vh;overflow-y:auto;transition:all .3s ease;z-index:100}.logo[data-v-b22636d0]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding:0 .5rem;color:var(--accent);display:flex;align-items:center;gap:.5rem}.nav-menu[data-v-b22636d0]{display:flex;flex-direction:column;gap:.5rem}.nav-link[data-v-b22636d0]{display:flex;align-items:center;padding:.75rem 1rem;border-radius:6px;color:var(--text-primary);text-decoration:none;transition:all .3s ease;gap:.75rem}.nav-link[data-v-b22636d0]:hover{background:#ffffff1a;transform:translate(5px)}.nav-link.active[data-v-b22636d0]{background:#4fc3f733;color:var(--accent);font-weight:500}.nav-icon[data-v-b22636d0]{font-size:1.1rem}.main-content[data-v-b22636d0]{flex:1;margin-left:250px;padding:2rem;max-width:1200px;width:100%}.fade-slide-enter-active[data-v-b22636d0],.fade-slide-leave-active[data-v-b22636d0]{transition:all .3s ease}.fade-slide-enter-from[data-v-b22636d0]{opacity:0;transform:translate(-10px)}.fade-slide-leave-to[data-v-b22636d0]{opacity:0;transform:translate(10px)}@media (max-width: 768px){.sidebar[data-v-b22636d0]{width:70px;padding:1rem .5rem}.logo[data-v-b22636d0]{justify-content:center;font-size:1.2rem}.nav-text[data-v-b22636d0]{display:none}.nav-link[data-v-b22636d0]{justify-content:center;padding:.75rem 0}.main-content[data-v-b22636d0]{margin-left:70px;padding:1.5rem}}:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-primary: #e6e6e6;--text-secondary: #b3b3b3;--accent: #4fc3f7;--accent-dark: #0288d1;--success: #81c784;--warning: #ffb74d;--error: #e57373}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.action-btn{background:var(--accent-dark);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.95rem}.text-input{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:var(--text-primary);margin-bottom:1rem;transition:all .3s ease}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4fc3f733}.demo-section{margin-top:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px}h3{color:var(--accent);margin-bottom:1.5rem;font-weight:500;font-size:1.3rem}@media (max-width: 480px){.feature-card{padding:1.5rem}.demo-section{padding:1rem}}.feature-page{max-width:1000px;margin:0 auto;padding:1rem}.action-btn{background:var(--accent-dark);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.action-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #0003}code{background:#ffffff1a;padding:.2rem .4rem;border-radius:3px;font-family:monospace;color:var(--accent)}.mt-4{margin-top:1.5rem}.text-input{padding:.5rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:var(--text-primary);margin-right:.5rem}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4fc3f733}.demo-section{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px}h3{color:var(--accent);margin-bottom:1rem;font-weight:500}h4{color:var(--text-primary);margin:1rem 0 .5rem;font-weight:500}