:root{--bg-color:#0b0c10;--bg-color-light:#1f2833;--primary-color:#66fcf1;--secondary-color:#45a29e;--text-active:#fff;--text-muted:#c5c6c7;--glass-bg:#1f283399;--glass-border:#66fcf133;--glass-shadow:0 8px 32px 0 #0000005e;--glass-backdrop:blur(12px);--blue-grad:linear-gradient(135deg, #093028 0%, #237a57 100%);--purple-grad:linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--neon-glow:0 0 10px #66fcf180, 0 0 20px #66fcf14d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-active);background-image:radial-gradient(circle at 15%,#45a29e26 0%,#0000 50%),radial-gradient(circle at 85% 30%,#66fcf11a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}[data-theme=light]{--bg-color:#f5f7fa;--bg-color-light:#e8ecf1;--primary-color:#0d7377;--secondary-color:#0a5c5e;--text-active:#1a1a2e;--text-muted:#555;--glass-bg:#fffc;--glass-border:#0d737733;--glass-shadow:0 4px 20px 0 #00000014;--neon-glow:0 0 10px #0d737733, 0 0 20px #0d73771a}[data-theme=light] body{background-image:radial-gradient(circle at 15%,#0d73770f 0%,#0000 50%),radial-gradient(circle at 85% 30%,#0d73770a 0%,#0000 50%)}[data-theme=light] .page-title{background:-webkit-linear-gradient(#1a1a2e 0%,#0d7377 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] svg text[fill="rgba(255,255,255,0.8)"]{fill:#2d2d44}[data-theme=light] svg text[fill="rgba(255,255,255,0.7)"]{fill:#333}[data-theme=light] svg text[fill="rgba(255,255,255,0.6)"]{fill:#444}[data-theme=light] svg text[fill="rgba(255,255,255,0.55)"],[data-theme=light] svg text[fill="rgba(255,255,255,0.45)"]{fill:#555}[data-theme=light] svg text[fill="rgba(255,255,255,0.4)"]{fill:#666}[data-theme=light] svg text[fill="rgba(255,255,255,0.35)"]{fill:#777}[data-theme=light] svg text[fill="rgba(255,255,255,0.3)"]{fill:#888}[data-theme=light] svg text[fill=\#66fcf1]{fill:#0a6b6f}[data-theme=light] svg text[fill=\#b48fe8]{fill:#6d3fb5}[data-theme=light] svg text[fill=\#ff6b6b]{fill:#c03030}[data-theme=light] svg text[fill=\#ea8fc0]{fill:#a8407a}[data-theme=light] svg text[fill=\#eaec88]{fill:#6e7000}[data-theme=light] svg text[fill=\#f2b14d]{fill:#a07018}[data-theme=light] svg text[fill=\#de6f72]{fill:#a33538}[data-theme=light] svg text[fill=\#258de8]{fill:#1560a8}[data-theme=light] svg text[fill=\#f0911c]{fill:#a06010}[data-theme=light] svg text[fill=\#e9b6eb]{fill:#8a4a8c}[data-theme=light] svg text[fill=\#4fd0e3]{fill:#0a7f8e}[data-theme=light] svg text[fill=\#36ef31],[data-theme=light] svg marker path[fill=\#36ef31]{fill:#1a7a17}[data-theme=light] svg path[stroke=\#36ef31]{stroke:#1a7a17}[data-theme=light] svg rect[stroke="rgba(255,255,255,0.12)"]{stroke:#0000001f}[data-theme=light] svg rect[stroke="rgba(255,255,255,0.08)"]{stroke:#00000014}[data-theme=light] svg rect[fill="rgba(255,255,255,0.02)"],[data-theme=light] svg rect[fill="rgba(255,255,255,0.03)"]{fill:#00000005}[data-theme=light] svg rect[stroke=\#66fcf1]{stroke:#0a6b6f}[data-theme=light] svg rect[stroke=\#4fd0e3]{stroke:#0a7f8e}[data-theme=light] svg rect[stroke=\#b48fe8]{stroke:#6d3fb5}[data-theme=light] svg rect[stroke=\#ff6b6b]{stroke:#c03030}[data-theme=light] svg rect[stroke=\#ea8fc0]{stroke:#a8407a}[data-theme=light] svg rect[stroke=\#eaec88]{stroke:#8a8c22}[data-theme=light] svg rect[stroke=\#f2b14d]{stroke:#a07018}[data-theme=light] svg rect[stroke=\#f0911c]{stroke:#a06010}[data-theme=light] svg line[stroke=\#66fcf1]{stroke:#0a6b6f}[data-theme=light] svg pattern line[stroke="rgba(255,255,255,0.05)"]{stroke:#0000000f}.app-container{min-height:100vh;display:flex}.glass-sidebar{background:var(--glass-bg);width:260px;-webkit-backdrop-filter:var(--glass-backdrop);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;padding:30px 0;display:flex}.sidebar-logo{color:var(--primary-color);text-shadow:var(--neon-glow);border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding:0 30px 30px;font-size:24px;font-weight:700;display:flex}.nav-link{color:var(--text-muted);align-items:center;gap:15px;padding:15px 30px;font-size:16px;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-link:hover{color:var(--text-active);background:#66fcf11a}.nav-link.active{color:var(--primary-color);border-right:3px solid var(--primary-color);background:#66fcf10d}.nav-link.active:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#66fcf11a);width:100%;height:100%;position:absolute;top:0;left:0}.main-content{flex:1;padding:40px;position:relative;overflow-y:auto}.page-title{background:-webkit-linear-gradient(#fff 0%,#66fcf1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:16px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{border-color:#66fcf166;transform:translateY(-5px);box-shadow:0 15px 35px #0006}.card-title{color:var(--primary-color);align-items:center;gap:10px;margin-bottom:15px;font-size:20px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:30px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:30px;display:grid}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;display:grid}.glow-pulse{animation:2s infinite pulse-shadow}@keyframes pulse-shadow{0%{box-shadow:0 0 #66fcf166}70%{box-shadow:0 0 0 15px #66fcf100}to{box-shadow:0 0 #66fcf100}}.badge{color:var(--primary-color);border:1px solid var(--glass-border);background:#66fcf11a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.flow-diagram{justify-content:space-between;align-items:center;min-height:400px;padding:40px 0;display:flex;position:relative}.flow-node{background:var(--blue-grad);z-index:2;border:1px solid var(--primary-color);box-shadow:var(--neon-glow);text-align:center;border-radius:12px;width:220px;padding:20px;position:relative}.flow-node-title{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.flow-node-desc{color:#ffffffb3;font-size:14px}.content-list{margin-top:15px;list-style:none}.content-list li{color:var(--text-muted);margin-bottom:10px;padding-left:20px;line-height:1.5;position:relative}.content-list li:before{content:"▹";color:var(--primary-color);position:absolute;left:0}.section-label{color:var(--secondary-color);text-transform:uppercase;letter-spacing:1px;margin-top:20px;margin-bottom:8px;font-size:14px;font-weight:700}