*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0c11;--bg2: #161a24;--bg3: #1d2230;--bg4: #262c3d;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.09);--border3: rgba(255,255,255,.14);--text: #f2f4f7;--text2: #8a93a8;--text3: #4a5268;--accent: #3b82f6;--accent2: #2563eb;--green: #22d3a0;--warn: #f0b429;--danger: #f16060;--info: #4fa8e8;--purple: #a78bfa;--mono-c: #22d3a0;--stereo-c:#3b82f6;--false-c: #f0b429;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 16px;--pad-card: 22px;--gap-cards: 20px;--shadow-1: 0 1px 2px rgba(0,0,0,.25);--shadow-2: 0 8px 24px rgba(0,0,0,.35);--shadow-3: 0 24px 64px rgba(0,0,0,.5);--ring: 0 0 0 3px rgba(59,130,246,.22);--ease: cubic-bezier(.25,.1,.25,1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#3b82f652;color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px;border:3px solid var(--bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border3);background-clip:padding-box;border:3px solid var(--bg)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(59,130,246,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 20% 100%,rgba(34,211,160,.04) 0%,transparent 60%)}header{border-bottom:1px solid var(--border);padding:0 2rem;padding-left:16px;height:60px;display:flex;align-items:center;gap:1rem;background:#0f1117db;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);position:sticky;top:0;z-index:100;overflow:visible;box-shadow:0 1px #ffffff08 inset}.hright{margin-left:auto;display:flex;align-items:center;gap:1.25rem}.hcounters{display:none;align-items:center;gap:.4rem}.hci{font-family:var(--font-mono);font-size:10px;color:var(--text3);display:flex;align-items:center;gap:3px}.hci b{font-weight:600}.hci b.g{color:var(--mono-c)}.hci b.b{color:var(--stereo-c)}.hci b.a{color:var(--warn)}.hci b.w{color:var(--text)}.hsep{color:var(--border3);font-family:var(--font-mono);font-size:10px}.logout-btn{background:none;border:1px solid var(--border2);color:var(--text2);font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:5px;cursor:pointer;transition:all .15s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}main{flex:1;padding:2rem 2rem 3rem;max-width:1080px;width:100%;margin:0 auto}.drop-zone{border:1px dashed var(--border3);border-radius:var(--radius-card);padding:2.75rem 2rem;text-align:center;background:var(--bg2);position:relative;overflow:hidden;margin-bottom:var(--gap-cards);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);box-shadow:var(--shadow-1)}.drop-zone:hover{border-color:var(--accent)}.drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(59,130,246,.06) 0%,transparent 60%)}.drop-zone.dragover{border-color:var(--accent);background:#3b82f60a;box-shadow:var(--shadow-1),0 0 0 4px #3b82f61f}.dz-icon{font-size:1.8rem;margin-bottom:.6rem;display:block;opacity:.4}.drop-zone h2{font-size:15px;font-weight:700;margin-bottom:.35rem}.drop-zone p{font-size:11px;color:var(--text2);margin-bottom:1.1rem;font-family:var(--font-mono)}.drop-zone *{pointer-events:none}.drop-zone button,.drop-zone .lbtn{pointer-events:all}.dz-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}#file-input,#file-input-individual{display:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease);border:1px solid;letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn-p{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #0000004d,0 0 0 1px #ffffff14 inset}.btn-p:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2);box-shadow:0 2px 8px #2563eb59,0 0 0 1px #ffffff14 inset}.btn-o{background:transparent;border-color:var(--border2);color:var(--text2)}.btn-o:hover:not(:disabled){border-color:var(--border3);color:var(--text);background:#ffffff05}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring)}.lbtn{background:none;border:none;padding:0;color:var(--text3);font-size:11px;font-family:var(--font-mono);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .15s}.lbtn:hover{color:var(--text2)}.settings-grid{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:var(--gap-cards)}.sbox{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;box-shadow:var(--shadow-1)}.slabel{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.sbox input[type=text]{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text);font-family:var(--font-mono);font-size:11px;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.sbox input[type=text]:hover{border-color:var(--border3)}.sbox input[type=text]:focus{border-color:var(--accent);box-shadow:var(--ring)}.sbox input[type=range]{flex:1;min-width:80px;accent-color:var(--accent)}.sval{font-family:var(--font-mono);font-size:11px;color:var(--accent);min-width:36px;text-align:right}.adv-settings{margin-bottom:1rem}.adv-settings summary{cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;list-style:none;display:inline-flex;align-items:center;gap:5px;padding:4px 2px;-webkit-user-select:none;user-select:none;transition:color .15s}.adv-settings summary::-webkit-details-marker{display:none}.adv-settings summary:before{content:"▸";display:inline-block;transition:transform .15s;color:var(--text3)}.adv-settings[open] summary:before{transform:rotate(90deg)}.adv-settings summary:hover{color:var(--text2)}.adv-sbox{margin-top:.5rem}.sumbar{display:none;grid-template-columns:repeat(6,1fr);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;margin-bottom:var(--gap-cards);background:var(--bg);gap:1px;box-shadow:var(--shadow-1)}.scell{background:var(--bg2);padding:.65rem .9rem}.slbl{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:.2rem}.sval2{font-family:var(--font-mono);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.sw{color:var(--text)}.sg{color:var(--mono-c)}.sb{color:var(--stereo-c)}.sa{color:var(--warn)}.sr{color:var(--danger)}.sp{color:var(--purple)}.prog-panel{display:none;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card);margin-bottom:var(--gap-cards);box-shadow:var(--shadow-1)}.prog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.prog-lbl{font-size:12px;font-weight:700;letter-spacing:.04em}.prog-meta{display:flex;align-items:center;gap:1rem}.pmi{font-family:var(--font-mono);font-size:10px;color:var(--text3);display:flex;align-items:center;gap:3px}.pmi span{color:var(--text2);font-weight:500}.ppct{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent)}.prog-track{height:3px;background:var(--border2);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.prog-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:3px;transition:width .3s ease;position:relative}.prog-fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:4px;background:#fff;border-radius:2px;box-shadow:0 0 8px var(--accent);opacity:.8}.prog-file{font-family:var(--font-mono);font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twrap{display:none;border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--gap-cards);box-shadow:var(--shadow-1);background:var(--bg2);max-height:min(560px,62vh);overflow-y:auto;overflow-x:hidden}.thead{display:grid;grid-template-columns:2fr 65px 110px 70px 100px 110px 36px 1fr;background:var(--bg3);border-bottom:1px solid var(--border);padding:0 1.5rem;position:sticky;top:0;z-index:2}.th{padding:.7rem .5rem .7rem 0;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);font-weight:600}.tbody{background:var(--bg2)}.tr{display:grid;grid-template-columns:2fr 65px 110px 70px 100px 110px 36px 1fr;border-bottom:1px solid var(--border);padding:0 1.5rem;transition:background .12s var(--ease),box-shadow .12s var(--ease);animation:rowIn .2s var(--ease) both;position:relative}@keyframes rowIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.tr:last-child{border-bottom:none}.tr:hover{background:var(--bg3);box-shadow:inset 2px 0 0 var(--accent)}.td{padding:.8rem .5rem .8rem 0;display:flex;align-items:center;overflow:hidden;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.td-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.td-sm{color:var(--text3);font-size:10px}.tipo{display:inline-flex;align-items:center;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid}.t-mono{color:var(--mono-c);background:#22d3a01a;border-color:#22d3a038}.t-stereo{color:var(--stereo-c);background:#4fa8e81a;border-color:#4fa8e838}.t-false{color:var(--warn);background:#f0b4291a;border-color:#f0b42938}.t-oop{color:#f16060;background:#f160601a;border-color:#f1606038}.t-silent{color:var(--danger);background:#f160601a;border-color:#f1606038}.t-ana{color:var(--text3);background:transparent;border-color:var(--border2)}.edo{display:flex;align-items:center;gap:5px}.edo-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.edo-txt{font-size:10px;color:var(--text2)}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.dot-blink{animation:blink 1s infinite;background:var(--text3)}.accion{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;font-family:var(--font-mono)}.ac-cv{color:var(--warn);background:#f0b4291a}.ac-ok{color:var(--mono-c);background:#22d3a01f}.ac-kp{color:var(--stereo-c);background:#4fa8e814}.ac-sk{color:var(--danger);background:#f1606014}.ac-wt{color:var(--text3);background:transparent}.norm-group{display:flex;align-items:center;gap:.75rem;background:var(--bg2);border:1.5px solid var(--border2);border-radius:6px;padding:5px 12px}.norm-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.norm-toggle input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.norm-toggle-lbl{font-family:var(--font-mono);font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.norm-options{display:none;align-items:center;gap:.6rem}.norm-options.visible{display:flex}#norm-target{width:46px;background:transparent;border:none;color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:600;text-align:center;outline:none}#norm-target::-webkit-inner-spin-button{opacity:0}.norm-unit{font-family:var(--font-mono);font-size:10px;color:var(--text3)}.norm-radio{display:flex;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text2);white-space:nowrap}.norm-radio input[type=radio]{accent-color:var(--accent);cursor:pointer}.play-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border2);background:var(--bg3);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .15s;flex-shrink:0;padding:0}.play-btn:hover{border-color:var(--accent);color:var(--accent)}.play-btn.playing{border-color:var(--accent);background:#3b82f61a;color:var(--accent)}.play-btn:disabled{opacity:.3;cursor:not-allowed}.waveform-wrap{position:relative;width:100%;height:28px;cursor:pointer;overflow:hidden;border-radius:3px}.waveform-canvas{display:block;width:100%;height:100%}.waveform-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--accent);pointer-events:none;box-shadow:0 0 6px var(--accent);display:none}.waveform-wrap.playing .waveform-playhead{display:block}.cat-warn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f0b4292e;border:1px solid rgba(240,180,41,.55);color:var(--warn);font-size:11px;font-weight:700;line-height:1;cursor:help;margin-right:5px;animation:catWarnPulse 1.8s ease-in-out infinite}@keyframes catWarnPulse{0%,to{box-shadow:0 0 #f0b42959}50%{box-shadow:0 0 0 4px #f0b42900}}.locked-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);background:var(--bg3);border:1px solid var(--border2);padding:2px 7px;border-radius:3px;cursor:help}.bpm-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text2);font-family:var(--font-mono);font-size:9px;padding:3px 7px;cursor:pointer;transition:all .15s;white-space:nowrap}.bpm-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bpm-btn:disabled{opacity:.5;cursor:not-allowed}.bpm-result{display:flex;align-items:center;gap:6px}.bpm-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent);cursor:help}.bpm-factors{display:flex;gap:2px}.bpm-factor-btn{background:transparent;border:1px solid var(--border2);border-radius:3px;color:var(--text3);font-family:var(--font-mono);font-size:8px;padding:1px 4px;cursor:pointer;transition:all .15s}.bpm-factor-btn:hover{border-color:var(--border3);color:var(--text2)}.bpm-factor-btn.active{border-color:var(--accent);color:var(--accent);background:#3b82f61a}.module-gate{position:relative}.module-gate-content{filter:blur(2px);opacity:.35;-webkit-user-select:none;user-select:none}.module-gate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;text-align:center;background:#0f11178c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.module-gate-lock{font-size:1.1rem}.module-gate-label{font-family:var(--font-mono);font-size:9px;color:var(--text2);max-width:220px;line-height:1.4}.cat-select{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px;padding:3px 6px;cursor:pointer;outline:none;transition:border-color .15s;width:100%;flex:1;min-width:0}.cat-select:focus{border-color:var(--accent)}.cat-select.cat-drums{color:#f97316;border-color:#f973164d}.cat-select.cat-percusion{color:#fb923c;border-color:#fb923c4d}.cat-select.cat-bass{color:#a78bfa;border-color:#a78bfa4d}.cat-select.cat-brass{color:#f59e0b;border-color:#f59e0b4d}.cat-select.cat-keys{color:#34d399;border-color:#34d3994d}.cat-select.cat-gtrs{color:#fbbf24;border-color:#fbbf244d}.cat-select.cat-voces{color:#f472b6;border-color:#f472b64d}.cat-select.cat-fxs{color:#e879f9;border-color:#e879f94d}.cat-select.cat-armonia{color:var(--stereo-c);border-color:#4fa8e84d}.cat-select.cat-referencia{color:#94a3b8;border-color:#94a3b84d}.cat-select.cat-otros{color:var(--text3)}.peak-ok{color:var(--mono-c)}.peak-warn{color:var(--warn)}.peak-hot{color:var(--danger);font-weight:600}.session-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:1rem 1.5rem;margin-bottom:var(--gap-cards);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;box-shadow:var(--shadow-1)}.session-item{display:flex;flex-direction:column;gap:.15rem}.session-lbl{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3)}.session-val{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--accent)}.session-val.warn{color:var(--warn)}.session-div{width:1px;height:32px;background:var(--border2);flex-shrink:0}.completion-banner{background:#22d3a014;border:1px solid rgba(34,211,160,.25);border-radius:var(--radius-card);padding:1.1rem 1.5rem;margin-bottom:var(--gap-cards);display:flex;align-items:center;gap:1rem;animation:fadeIn .4s var(--ease);box-shadow:var(--shadow-1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cb-icon{font-size:1.4rem;flex-shrink:0}.cb-body{flex:1}.cb-title{font-size:13px;font-weight:700;color:var(--mono-c);margin-bottom:.2rem}.cb-path{font-family:var(--font-mono);font-size:11px;color:var(--text2)}.actions-row{display:none;gap:.65rem;flex-wrap:wrap;margin-bottom:var(--gap-cards)}.logwrap{display:none}.loglbl{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:.4rem}.logbox{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;font-family:var(--font-mono);font-size:10px;color:var(--text3);max-height:130px;overflow-y:auto;line-height:1.9;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.le{display:block}.le-ok{color:var(--mono-c)}.le-warn{color:var(--warn)}.le-err{color:var(--danger)}.le-info{color:var(--info)}.auth-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:380px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:2.25rem;box-shadow:var(--shadow-2);animation:fadeIn .35s var(--ease)}.auth-brand{display:flex;justify-content:center;margin-bottom:1.6rem}.auth-title{font-size:16px;font-weight:700;margin-bottom:.3rem;text-align:center}.auth-sub{font-size:11px;color:var(--text2);font-family:var(--font-mono);margin-bottom:1.4rem;text-align:center;line-height:1.6}.auth-field{margin-bottom:.85rem}.auth-field label{display:block;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.3rem}.auth-field input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.auth-field input:hover{border-color:var(--border3)}.auth-field input:focus{border-color:var(--accent);box-shadow:var(--ring)}.auth-error{background:#f1606014;border:1px solid rgba(241,96,96,.25);color:var(--danger);font-size:11px;font-family:var(--font-mono);padding:.6rem .8rem;border-radius:6px;margin-bottom:.85rem}.auth-info{background:#4fa8e814;border:1px solid rgba(79,168,232,.25);color:var(--info);font-size:11px;font-family:var(--font-mono);padding:.6rem .8rem;border-radius:6px;margin-bottom:.85rem}.auth-switch{margin-top:1.1rem;text-align:center;font-size:11px;color:var(--text2);font-family:var(--font-mono)}.auth-submit{width:100%;justify-content:center;margin-top:.3rem}.pending-icon{font-size:2rem;text-align:center;margin-bottom:.8rem}@media (max-width: 700px){main{padding:1rem}.sumbar{grid-template-columns:repeat(3,1fr)}.thead,.tr{grid-template-columns:1fr 70px 85px 85px}.thead .th:nth-child(5),.tr .td:nth-child(5),.thead .th:nth-child(6),.tr .td:nth-child(6),.thead .th:nth-child(7),.tr .td:nth-child(7){display:none}}.landing{max-width:1080px;margin:0 auto;padding:0 2rem 4rem}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0}.hero{padding:4rem 0 3rem;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;max-width:780px;margin-bottom:1.1rem}.hero-sub{font-size:14px;color:var(--text2);max-width:620px;line-height:1.6;margin-bottom:1.8rem}.hero-cta{display:flex;gap:.8rem;margin-bottom:3rem}.hero-preview{width:100%;max-width:720px;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--bg2);text-align:left;box-shadow:var(--shadow-2)}.hp-row{display:grid;grid-template-columns:2fr 1.3fr 80px 1fr;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;align-items:center}.hp-row:last-child{border-bottom:none}.hp-head{background:var(--bg3);color:var(--text3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.cat-tag{display:inline-flex;width:fit-content;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:3px}.cat-tag.cat-drums{color:#f97316;background:#f973161a}.cat-tag.cat-percusion{color:#fb923c;background:#fb923c1a}.cat-tag.cat-bass{color:#a78bfa;background:#a78bfa1a}.cat-tag.cat-voces{color:#f472b6;background:#f472b61a}.features{padding:2rem 0}.features h2{text-align:center;font-size:1.5rem;margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}.feature-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card);box-shadow:var(--shadow-1);transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.feature-card:hover{border-color:var(--border3);transform:translateY(-2px);box-shadow:var(--shadow-2)}.feature-icon{font-size:1.6rem;display:block;margin-bottom:.8rem}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:.5rem}.feature-card p{font-size:12.5px;color:var(--text2);line-height:1.6}.pricing{padding:3.5rem 0 1rem;text-align:center}.pricing h2{font-size:1.5rem;margin-bottom:.4rem}.pricing-sub{font-size:12px;color:var(--text2);margin-bottom:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards);max-width:920px;margin:0 auto;align-items:stretch}.pricing-card{position:relative;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-card);padding:2rem 1.75rem;display:flex;flex-direction:column;text-align:left;box-shadow:var(--shadow-1)}.pricing-card-highlight{border-color:var(--accent);background:#3b82f60a;box-shadow:var(--shadow-2),0 0 24px #3b82f61f}.pricing-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent);color:#f2f4f7;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}.pricing-title{font-size:16px;font-weight:800;letter-spacing:.04em;text-align:center}.pricing-tagline{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-align:center;margin-bottom:.8rem}.pricing-price{font-family:var(--font-mono);color:var(--accent);font-size:12px;text-align:center;margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.pricing-list{list-style:none;margin-bottom:1.4rem;flex:1}.pricing-list li{font-size:11.5px;color:var(--text);padding:.45rem 0;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.pricing-check{color:var(--accent);flex-shrink:0;font-weight:700}.pricing-item-off,.pricing-item-off .pricing-check{color:var(--text3)}.pricing-note{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-align:center;margin-top:1.6rem}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2.5rem;margin-top:1rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text3)}.landing-footer a{color:var(--text2);text-decoration:none}.landing-footer a:hover{color:var(--accent)}@media (max-width: 700px){.landing{padding:0 1.2rem 3rem}.feature-grid{grid-template-columns:1fr}.hp-row{grid-template-columns:1.6fr 1fr 60px}.hp-row span:nth-child(4){display:none}.pricing-grid{grid-template-columns:1fr;max-width:380px}.landing-footer{flex-direction:column;gap:.4rem;align-items:flex-start}}.admin-panel{max-width:1080px;width:100%;margin:0 auto;padding:2rem 2rem 3rem}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.4rem}.admin-topbar h1{font-size:18px;font-weight:700;margin-bottom:.2rem}.admin-sub{font-family:var(--font-mono);font-size:11px;color:var(--text3)}.admin-topbar-actions{display:flex;align-items:center;gap:1rem}.admin-controls{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:7px 12px;color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.admin-search:hover{border-color:var(--border3)}.admin-search:focus{border-color:var(--accent);box-shadow:var(--ring)}.admin-filters{display:flex;gap:.3rem}.admin-filter-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--text2);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-radius:5px;cursor:pointer;transition:all .15s}.admin-filter-btn:hover{border-color:var(--border3);color:var(--text)}.admin-filter-btn.active{background:#3b82f61a;border-color:var(--accent);color:var(--accent)}.admin-thead{display:grid;grid-template-columns:2fr 1fr 1fr 140px;background:var(--bg3);border-bottom:1px solid var(--border);padding:0 1rem}.admin-row{display:grid;grid-template-columns:2fr 1fr 1fr 140px;align-items:center;border-bottom:1px solid var(--border);padding:0 1rem}.admin-row:last-child{border-bottom:none}.admin-row:hover{background:var(--bg3)}.admin-empty{padding:2rem 1rem;text-align:center;color:var(--text3);font-family:var(--font-mono);font-size:12px}.admin-thead-sessions,.admin-row-sessions{grid-template-columns:1.6fr .9fr .8fr 1.6fr 1.2fr 130px}.twrap{overflow-x:auto}.admin-devices{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.admin-device-count{font-family:var(--font-mono);font-size:11px;color:var(--text2)}.admin-max-input{width:40px;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:11px;padding:2px 4px;text-align:center;outline:none}.admin-max-input:focus{border-color:var(--accent)}.admin-expiry{display:flex;flex-direction:column;gap:4px;padding:.5rem 0}.admin-expiry-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.admin-expiry-unit{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px;padding:2px 4px;cursor:pointer;outline:none}.admin-expiry-unit:focus{border-color:var(--accent)}.expiry-expired{color:var(--danger)}.admin-section-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin:1.6rem 0 .6rem}.admin-section-title:first-of-type{margin-top:0}.admin-plan-select{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px;padding:4px 6px;cursor:pointer;outline:none}.admin-plan-select:focus{border-color:var(--accent)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--gap-cards);margin-bottom:var(--gap-cards)}.plan-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:var(--shadow-1)}.plan-card-new{border-style:dashed;justify-content:center}.plan-name-input{background:var(--bg3);border:1px solid var(--border2);border-radius:5px;padding:6px 9px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:600;outline:none}.plan-name-input:focus{border-color:var(--accent)}.plan-modules{display:flex;flex-direction:column;gap:.35rem}.plan-module-row{display:flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text2)}.plan-module-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.invite-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.invite-meta{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--text2)}.invite-actions{display:flex;gap:.8rem;margin-top:.2rem}@media (max-width: 700px){.admin-panel{padding:1rem}.admin-thead-sessions,.admin-row-sessions{grid-template-columns:1.3fr 1fr 1fr 110px}.admin-thead-sessions .th:nth-child(4),.admin-row-sessions .td:nth-child(4),.admin-thead-sessions .th:nth-child(5),.admin-row-sessions .td:nth-child(5){display:none}}