:root{--bg:#020712;--panel:rgba(6,12,25,.65);--panel-solid:#0a1325;--glass:rgba(10,18,35,.55);--border:rgba(0,180,255,.25);--text:#d8f1ff;--muted:#88a3c7;--neon:#00eaff;--neon-2:#4dc3ff;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(90vmax 90vmax at 20% -15%,rgba(0,150,255,.12),transparent 60%),radial-gradient(85vmax 85vmax at 90% 110%,rgba(0,220,255,.1),transparent 70%),radial-gradient(70vmax 70vmax at 50% 50%,rgba(45,75,120,.15),transparent 80%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui;overflow:auto}.app{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:auto}.sidebar{background:linear-gradient(180deg,#080e1ed1,#050a14b8);border-right:1px solid var(--border);padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:26px;font-weight:800}.brand img{width:34px;height:34px;filter:drop-shadow(0 0 8px var(--neon))}.nav{display:flex;flex-direction:column;gap:8px}.nav button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--muted);font-weight:600;cursor:pointer;transition:all .25s ease}.nav button:hover{background:#00b4ff14;color:var(--text)}.nav button.active{background:linear-gradient(180deg,#00b4ff33,#0064ff29);border-color:var(--border);box-shadow:0 0 18px #00b4ff40;color:var(--text)}.main{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:linear-gradient(180deg,#0a121ecc,#060c1999);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--border);padding:8px 14px;border-radius:12px;color:var(--muted)}.content{padding:40px;overflow-y:auto;height:100%;flex:1}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.card{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 0 60px #00b4ff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}h2,h3{margin:0 0 12px;font-weight:800}input,textarea,select{width:100%;background:#060c19b3;border:1px solid rgba(0,180,255,.25);color:var(--text);border-radius:12px;padding:12px 14px}textarea.code{background:#040a16e6;font-family:ui-monospace,Menlo,Monaco;min-height:240px}.btn{background:linear-gradient(90deg,var(--neon),var(--neon-2));color:#00131f;font-weight:800;padding:10px 18px;border-radius:12px;cursor:pointer;border:none;box-shadow:0 0 14px #00b4ff59;transition:all .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #00dcff8c}.btn.secondary{background:transparent;border:1px solid rgba(0,180,255,.3);color:var(--text);box-shadow:none}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid rgba(0,180,255,.25);background:#ffffff08}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.badge.autofix{color:#facc15;border-color:#facc1573;background:#facc151f;box-shadow:0 0 12px #facc1573}@keyframes pulse-autofix{0%{box-shadow:0 0 4px #facc1559}50%{box-shadow:0 0 18px #facc15d9}to{box-shadow:0 0 4px #facc1559}}.badge.animate-autofix{animation:pulse-autofix 1.2s infinite ease-in-out}.progress-shimmer{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0096ff00,#00c8ffe6 45%,#0096ff00);animation:shimmer 1.2s linear infinite;border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.metrics{display:flex;gap:12px;flex-wrap:wrap}.metric .value{font-size:28px;font-weight:900}.toast{position:fixed;right:22px;bottom:22px;padding:14px 20px;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 0 22px #00b4ff66;font-weight:700;color:var(--text);animation:toastSlide 3s ease-in-out}@keyframes toastSlide{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes pulse-good{0%{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 12px #22c55ecc,0 0 22px #22c55e66}to{box-shadow:0 0 #22c55e4d}}@keyframes pulse-fixed{0%{box-shadow:0 0 #58e1ff4d}50%{box-shadow:0 0 14px #58e1ffcc,0 0 25px #58e1ff66}to{box-shadow:0 0 #58e1ff4d}}@keyframes pulse-bad{0%{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 14px #ef4444cc,0 0 25px #ef444466}to{box-shadow:0 0 #ef44444d}}.badge.animate-good{animation:pulse-good 1s ease-in-out}.badge.animate-fixed{animation:pulse-fixed 1s ease-in-out}.badge.animate-bad{animation:pulse-bad 1s ease-in-out}.app-shell{display:flex;width:100%;height:100vh;background:var(--bg);overflow:hidden}.app-shell .sidebar{width:240px;min-width:240px;height:100vh;flex-shrink:0;z-index:10}.app-main{flex:1;height:100vh;overflow-y:auto;padding:2rem;position:relative;z-index:1}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#444;border-radius:24px;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#0ea5e9}input:checked+.slider:before{transform:translate(24px)}.diff-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-family:JetBrains Mono,monospace;max-height:260px;overflow-y:auto;display:block}.diff-old{background:#ff555526;color:#f55;border-left:3px solid #ff5555;padding:8px 12px}.diff-new{background:#3fb95026;color:#3fb950;border-left:3px solid #3fb950;padding:8px 12px}.diff-same-left,.diff-same-right{background:#ffffff08;color:#8b949e;padding:8px 12px}.diff-empty{background:#ffffff05;padding:8px 12px}.badges{display:flex;gap:12px;margin-top:14px}.badge{padding:8px 14px;font-size:13px;font-weight:700;border-radius:999px;background:#ffffff08;border:1px solid rgba(0,180,255,.25);white-space:nowrap}.badges .badge{flex-shrink:0}.card code{white-space:pre-wrap;word-break:break-word}.selector-list{width:100%;max-width:100%;overflow-y:auto;padding-right:8px}.selector-report{width:100%;min-height:420px}.selector-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.selector-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid var(--border);padding:12px 16px;border-radius:14px;box-shadow:0 0 20px #00b4ff26}.selector-code{font-size:14px;color:var(--text);word-break:break-word}.selector-badge{padding:6px 14px;border-radius:999px;font-weight:700;font-size:13px;text-transform:capitalize;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.selector-badge.good{color:var(--good);border:1px solid rgba(34,197,94,.5);background:#22c55e14;box-shadow:0 0 10px #22c55e66}.selector-badge.fixed{color:#facc15;border:1px solid rgba(250,204,21,.5);background:#facc151a;box-shadow:0 0 14px #facc1580}.selector-badge.missing{color:var(--bad);border:1px solid rgba(239,68,68,.5);background:#ef44441a;box-shadow:0 0 14px #ef444466}.validate-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}.validate-left{grid-column:span 5}.code-card{margin-top:20px}.card{background:#0a12238c;border:1px solid rgba(0,180,255,.25);border-radius:18px;padding:20px;box-shadow:0 0 60px #00b4ff1f,0 0 14px #00b4ff2e inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;transition:.2s ease-in-out}.status-chips{display:flex;justify-content:center;gap:18px;margin:22px 0 10px;padding:12px 0;background:#ffffff05;border:1px solid rgba(0,180,255,.18);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 25px #00b4ff1f}.chip{padding:6px 14px;font-weight:700;border-radius:20px;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:13px}.chip-good{color:var(--good);border-color:#22c55e73;box-shadow:0 0 10px #22c55e73}.chip-fixed{color:#facc15;border-color:#facc1573;background:#facc151f;box-shadow:0 0 14px #facc158c;animation:pulse-gold 1.4s infinite ease-in-out}@keyframes pulse-gold{0%{box-shadow:0 0 6px #facc1559}50%{box-shadow:0 0 22px #facc15d9}to{box-shadow:0 0 6px #facc1559}}.chip-missing{color:var(--bad);border-color:#ef444473;box-shadow:0 0 10px #ef444473}.selector-report{max-height:480px;overflow-y:auto;padding-bottom:20px}.selector-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.selector-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ffffff05;border:1px solid rgba(0,180,255,.18);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s}.selector-row:hover{border-color:#00dcff73;box-shadow:0 0 14px #00dcff4d}.selector-code{color:var(--text);font-size:14px;white-space:pre-wrap}.selector-badge{padding:4px 10px;font-size:12px;border-radius:12px;text-transform:capitalize;font-weight:700}.selector-badge.good{color:var(--good)}.selector-badge.fixed{color:#facc15;animation:pulse-gold 1.4s infinite ease-in-out}.selector-badge.missing{color:var(--bad)}.diff-card{margin-top:20px;padding-bottom:20px}.diff-scroll{max-height:260px;overflow-y:auto;border-radius:12px;margin-top:10px}.diff-left,.diff-right{padding:10px 14px;font-family:JetBrains Mono,monospace;white-space:pre-wrap}.diff-left.removed,.diff-right.removed{background:#ff505026;border-left:3px solid #ff5555}.diff-left.added,.diff-right.added{background:#50ff782e;border-left:3px solid #3fb950}.diff-left.same,.diff-right.same{background:#ffffff08;color:#8b949e}.mode-toggle{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mode-label{font-weight:700}.code-panel textarea.code{height:180px!important;max-height:180px;min-height:180px;overflow-y:auto!important;resize:none;border-radius:12px}.diff-premium-panel{background:#0a12238c;border:1px solid rgba(0,180,255,.25);padding:22px;border-radius:18px;box-shadow:0 0 24px #00b4ff26;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-top:28px}.diff-premium-container{max-height:380px;overflow-y:auto;border-radius:14px;background:#040a16e6;padding:12px 0;box-shadow:inset 0 0 25px #00c8ff1f}.diff-line{display:grid;grid-template-columns:60px 1fr 1fr;padding:6px 12px;gap:14px;font-family:JetBrains Mono,monospace;font-size:14px;white-space:pre-wrap;border-bottom:1px solid rgba(255,255,255,.03)}.diff-line-number{color:#4fb8ff;opacity:.75;font-weight:600;text-align:right;padding-right:6px}.diff-left-text,.diff-right-text{padding:6px 10px;border-radius:6px;min-height:22px}.diff-line.same .diff-left-text,.diff-line.same .diff-right-text{background:#ffffff05;color:#9abbd1}.diff-line.removed .diff-left-text{background:#ff50502e;border-left:3px solid #ff5353;color:#ff7676;box-shadow:0 0 10px #ff3c3c2e}.diff-line.added .diff-right-text{background:#00ffb426;border-left:3px solid #00ffcc;color:#0fc;box-shadow:0 0 14px #00ffc82e}.diff-line.added:hover .diff-right-text,.diff-line.removed:hover .diff-left-text{transform:translate(4px);transition:.15s ease}.create-flow{max-width:700px;margin:auto}.form-group{margin-bottom:16px}.primary-btn{padding:10px 16px;margin-bottom:20px}.error-box{margin-top:16px;padding:10px;background:#ffe6e6;color:#900}.suggestions{margin-top:32px}.suggestion-card{border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center}.status.ok{color:green;font-weight:700}.status.warn{color:orange;font-weight:700}.confirm-btn{background:#4f46e5;color:#fff;padding:8px 14px;border-radius:6px}html{scroll-behavior:smooth}.landing-page{min-height:100vh;padding:50px 20px;background:radial-gradient(circle at 20% 0%,rgba(83,227,255,.28),transparent 40%),radial-gradient(circle at 80% 100%,rgba(155,95,255,.25),transparent 45%),#0a0a0f;color:#fff;text-align:center;font-family:Inter,sans-serif;display:flex;flex-direction:column}.hero{margin-top:60px;position:relative}.hero-title{font-size:68px;font-weight:900;letter-spacing:-1px;margin-bottom:20px}.hero-accent{background:linear-gradient(90deg,#53e3ff,#9b5fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{max-width:700px;margin:0 auto;color:#b0b0b0;font-size:20px}.hero-buttons{margin-top:35px;display:flex;justify-content:center;gap:20px}.btn{padding:14px 30px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;color:#fff;transition:.25s}.btn.primary{background:linear-gradient(90deg,#53e3ff,#9b5fff)}.btn.primary:hover{opacity:.8}.btn.secondary{border:1px solid rgba(255,255,255,.3);background:#ffffff1a}.btn.secondary:hover{background:#fff3}.hero-glow{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,rgba(83,227,255,.4),transparent 70%);filter:blur(80px);z-index:-1}.waitlist{margin-top:150px}.waitlist h2{font-size:36px;font-weight:800}.waitlist-text{margin-top:8px;color:#c8c8c8}.waitlist-form{margin-top:30px;display:flex;justify-content:center;gap:12px}.waitlist-form input{width:300px;padding:14px;border-radius:10px;border:none;background:#ffffff14;color:#fff;outline:none}.footer{margin-top:120px;color:#888;font-size:14px}.waitlist-msg{margin-top:14px;font-size:15px;font-weight:600}.waitlist-msg.success{color:#53e3ff;text-shadow:0 0 8px rgba(83,227,255,.5)}.waitlist-msg.error{color:#ff6b6b;text-shadow:0 0 8px rgba(255,50,50,.4)}.pricing{padding:100px 20px;text-align:center;background:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pricing-title{font-size:2.6rem;font-weight:700;color:#e7f1ff;margin-bottom:10px}.pricing-subtitle{color:#96a7c1;font-size:1.15rem;margin-bottom:60px}.pricing-cards{display:flex;justify-content:center;gap:35px;flex-wrap:wrap}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:40px 30px;border-radius:18px;width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.28s ease;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px);border-color:#5be9ff;box-shadow:0 0 25px #5be9ff40}.pricing-card.featured{border:1px solid #5be9ff;background:#58e1ff14;box-shadow:0 0 35px #58e1ff4d;transform:scale(1.03)}.badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:#00eaff;color:#000;font-weight:700;font-size:.75rem;border-radius:6px;transform:rotate(3deg);z-index:10}.pricing-card h3{color:#e7f1ff;font-size:1.5rem;margin-bottom:8px}.plan-subtitle{color:#96a7c1;font-size:.95rem;margin-bottom:22px}.price{font-size:2.4rem;font-weight:700;color:#e7f1ff;margin-bottom:25px}.price span{font-size:1rem;color:#8aa0b6}.pricing-card ul{list-style:none;padding:0;margin:0 0 35px;text-align:left}.pricing-card li{padding:7px 0;color:#cbd5e1;font-size:.98rem;display:flex;align-items:center;gap:8px}.pricing-card li:before{content:"✔";color:#5be9ff;font-size:.85rem}.btn.w-full{width:100%;display:block}.btn.dark{background:#00cfff;color:#000;border-radius:8px;box-shadow:0 0 15px #5be9ff80}.admin-wrapper{padding:30px 30px 40px;color:#fff;height:100vh;overflow-y:auto}.waitlist-table{margin-top:20px;border-collapse:collapse;background:#ffffff0a;border-radius:12px;overflow-y:auto;width:100%;max-height:400px}.waitlist-table th,.waitlist-table td{padding:14px 18px;text-align:left}.waitlist-table th{background:#53e3ff1f;color:#53e3ff;font-weight:700;text-shadow:0 0 6px rgba(83,227,255,.5)}.waitlist-table tr:nth-child(2n){background:#ffffff08}.waitlist-table tr:hover{background:#53e3ff26;transition:.25s}.waitlist-table-wrapper{max-height:60vh;overflow-y:auto;margin-top:1rem;border:1px solid #1a2332;border-radius:8px}.waitlist-table thead th{position:sticky;top:0;background:#0f1522;z-index:10}.upgrade-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px 20px}.upgrade-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:40px 50px;border-radius:18px;max-width:480px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #5be9ff26}.upgrade-card h1{font-size:2rem;color:#e7f1ff;margin-bottom:12px}.upgrade-subtitle{font-size:1rem;color:#96a7c1;margin-bottom:30px}.upgrade-features{list-style:none;padding:0;text-align:left;margin-bottom:30px}.upgrade-features li{padding:8px 0;font-size:1rem;color:#cbd5e1;display:flex;gap:8px}.upgrade-features li:before{content:"✔";color:#5be9ff;font-size:.9rem}.upgrade-btn{width:100%;display:block;margin-bottom:20px}.upgrade-note{font-size:.85rem;color:#8aa0b6}