:root{--bg-color:#0f1218;--bg-dark:#1a1e2a;--bg-deep:#0d0f15;--text-color:#e8e8e8;--text-secondary:#a0a0a0;--text-muted:#707070;--accent-green:#22c55e;--accent-purple:#a855f7;--accent-blue:#3b82f6;--border-glass:#ffffff1a;--card-border:#ffffff0d;--card-bg:#ffffff05;--live-red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}a{color:var(--accent-green);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-purple)}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s}input,textarea,select{color:var(--text-color);font-family:inherit;font-size:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);background:#ffffff0d;border-radius:16px;transition:all .3s}.glass-panel:hover{background:#ffffff14;border-color:#ffffff26}.text-gradient-green{background:linear-gradient(135deg, var(--accent-green) 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-spot-green{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#22c55e1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute}.glow-spot-purple{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:.5s ease-out forwards slideInLeft}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--border-glass);color:var(--text-color);background:#ffffff08;border-radius:8px;padding:.75rem;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-green);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #22c55e1a}.form-textarea{resize:vertical;min-height:120px;font-family:monospace;font-size:.9rem}.btn{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-green);color:#000}.btn-primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 16px #22c55e4d}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-color);background:0 0}.btn-secondary:hover{border-color:var(--accent-green);background:#ffffff14}table{border-collapse:collapse;width:100%;margin-top:1rem}thead{background:#ffffff0d}td,th{text-align:left;border-bottom:1px solid var(--border-glass);padding:1rem}tbody tr:hover{background:#ffffff05}@media (width<=768px){.container{padding:0 1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hide-mobile{display:none}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}