.user-manual-container{background-color:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#e2e8f0}.cover{background:linear-gradient(135deg,#020617,#0f172a 25%,#1e293b 50%,#10b981);color:white;padding:100px 50px;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.cover h1{font-size:4rem;margin-bottom:20px;font-weight:800;letter-spacing:-2px}.cover .subtitle{font-size:1.5rem;margin-bottom:50px;opacity:.9}.cover .version{font-size:1rem;opacity:.7}.page{max-width:800px;margin:0 auto;padding:60px 50px;min-height:100vh;position:relative;background:rgba(30,41,59,.6);box-shadow:0 0 20px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.page-number{position:absolute;bottom:30px;right:50px;color:#64748b;font-size:.9rem}.page h1{color:#10b981;font-size:2.5rem;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #10b981}.page h2{color:#34d399;font-size:1.8rem;margin:30px 0 20px}.page h3{color:#6ee7b7;font-size:1.3rem;margin:20px 0 15px}.page p{margin-bottom:15px;text-align:justify;color:#e2e8f0}.page ol,.page ul{margin:15px 0 15px 30px;color:#e2e8f0}.page li{margin-bottom:8px;color:#e2e8f0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.feature-card{background:rgba(51,65,85,.5);border-radius:10px;padding:25px;border-left:4px solid #10b981;color:#e2e8f0}.feature-card h3{color:#34d399;margin-bottom:10px}.step-container{margin:30px 0}.step{display:flex;align-items:flex-start;margin-bottom:25px;background:rgba(51,65,85,.5);padding:20px;border-radius:10px}.step-number{background:#10b981;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:20px;flex-shrink:0}.step-content h4{margin-bottom:10px;color:#34d399}.note,.tip,.warning{margin:20px 0;border-radius:8px;position:relative;padding:20px 20px 20px 50px}.tip{background:rgba(59,130,246,.15);border-left:4px solid #3b82f6;color:#e2e8f0}.warning{background:rgba(239,68,68,.15);border-left:4px solid #ef4444;color:#e2e8f0}.note{background:rgba(107,114,128,.15);border-left:4px solid #6b7280;color:#e2e8f0}.note:before,.tip:before,.warning:before{position:absolute;left:15px;top:20px;font-size:20px}.tip:before{content:"💡"}.warning:before{content:"⚠️"}.note:before{content:"📝"}.page table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 0 10px rgba(0,0,0,.3);background:rgba(30,41,59,.5)}.page table th{background:#10b981;color:white;padding:12px;text-align:left;font-weight:600}.page table td{padding:12px;border-bottom:1px solid #334155;color:#e2e8f0}.page table tr:nth-child(2n){background:rgba(51,65,85,.3)}.quick-ref{background:linear-gradient(135deg,#10b981,#059669);color:white;padding:30px;border-radius:15px;margin:30px 0}.quick-ref h3{color:white;margin-bottom:20px;font-size:1.5rem}.quick-ref ul{list-style:none;margin:0}.quick-ref li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.quick-ref li:last-child{border-bottom:none}.icon{display:inline-block;width:24px;height:24px;margin-right:10px;vertical-align:middle}.example-box{background:rgba(16,185,129,.1);border:2px solid #10b981;border-radius:10px;padding:20px;margin:20px 0;color:#e2e8f0}.example-box h4{color:#6ee7b7;margin-bottom:10px}@media (max-width:768px){.cover h1{font-size:2.5rem}.cover .subtitle{font-size:1.2rem}.page{padding:30px 20px}.page h1{font-size:2rem}.page h2{font-size:1.5rem}.feature-grid{grid-template-columns:1fr}.page table{font-size:.9rem}.page table td,.page table th{padding:8px}}@media print{.page{page-break-after:always;box-shadow:none}.page:last-child{page-break-after:avoid}.cover{page-break-after:always}}