:root{--bg:#090b12;--surface:#111620;--surface2:#161c28;--line:#252d3c;--text:#f6f7fa;--muted:#929daf;--accent:#765cff;--accent2:#a765ff;--green:#35c995;--yellow:#f4bd58;--red:#ff6b7b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(850px 420px at 50% -180px,#34265f 0,#151321 45%,var(--bg) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.page{width:min(1180px,calc(100% - 32px));margin:auto}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{font-size:24px;font-weight:950;letter-spacing:-1px}.logo span{background:linear-gradient(90deg,#9178ff,#ca78ff);background-clip:text;-webkit-background-clip:text;color:transparent}.ghost,.back{border:1px solid var(--line);background:#141a25;color:#dce1e9;padding:11px 15px;border-radius:13px;font-weight:750;cursor:pointer}.client-main{max-width:900px;margin:auto}.intro{text-align:center;padding:62px 0 28px}.pill,.type-badge{display:inline-flex;border:1px solid #403665;background:#211b37;color:#c4b8ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:1.1px}.intro h1{font-size:clamp(38px,6.2vw,66px);line-height:1.02;letter-spacing:-3px;margin:16px auto 14px;max-width:820px}.intro h1 span{background:linear-gradient(90deg,#8d73ff,#d07cff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro p{color:var(--muted);font-size:18px;line-height:1.55;margin:auto;max-width:620px}.request-card{background:rgba(17,22,32,.95);border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.26)}.field-label{display:block;font-size:13px;color:#d0d6df;font-weight:800;margin:0 0 8px}.field-label small{color:#7f8999;font-weight:600}.search-wrap{position:relative}.search-symbol{position:absolute;left:18px;top:14px;font-size:25px;color:#788496}.search-input{width:100%;height:58px;background:#0a0e16;color:#fff;border:1px solid #30394b;border-radius:15px;padding:0 50px;font-size:17px;outline:none}.search-input:focus,.control:focus{border-color:#7b63e4;box-shadow:0 0 0 3px rgba(123,99,228,.13)}.loader{position:absolute;right:18px;top:20px;width:18px;height:18px;border:2px solid #485268;border-top-color:#a78cff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.helper{font-size:12px;color:#707b8c;margin:9px 2px 0}.results{display:grid;gap:8px;margin-top:16px}.result{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;width:100%;border:1px solid transparent;background:#0c111a;color:#fff;border-radius:14px;padding:8px;text-align:left;cursor:pointer;transition:.15s}.result:hover{border-color:#50437e;background:#121827}.poster-box{width:52px;height:74px;border-radius:9px;background:#202735;overflow:hidden;display:flex;align-items:center;justify-content:center}.poster-box img{width:100%;height:100%;object-fit:cover}.result-copy{min-width:0}.result-copy strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-copy span,.result-copy small{display:block;color:#8f9aac;font-size:12px;margin-top:4px}.choose{color:#aa98ff;font-size:13px;font-weight:800;padding-right:8px}.alert{margin-top:14px;padding:13px;border-radius:12px;background:#171e2a;border:1px solid var(--line);color:#cbd3df}.alert.error{background:#2a151a;border-color:#69323d;color:#ffabb5}.hidden{display:none!important}.selected-card{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:center;margin:18px 0 22px;background:#0c111a;border:1px solid var(--line);border-radius:17px;padding:14px}.selected-poster{width:105px;height:150px;border-radius:11px;overflow:hidden;background:#202735;display:flex;align-items:center;justify-content:center}.selected-poster img{width:100%;height:100%;object-fit:cover}.selected-card h2{font-size:26px;margin:9px 0 5px}.selected-card p{color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}.control{width:100%;background:#0a0e16;color:white;border:1px solid #30394b;border-radius:14px;padding:14px;font-size:16px;outline:none}.textarea{min-height:105px;resize:vertical}.primary{width:100%;min-height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:900;cursor:pointer}.primary:disabled{opacity:.55}.success-card{text-align:center;margin-top:20px;padding:27px;border:1px solid #285a48;background:#10261e;border-radius:17px}.success-card b{font-size:21px;color:#78deb7}.success-card p{color:#a9b9b1}.success-card a{font-weight:800;color:#9d88ff}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 50px}.benefits div{display:flex;gap:9px;align-items:center;padding:13px;color:#8994a5;font-size:13px}.benefits b{color:#8069e8}.admin-wrap{width:min(1320px,calc(100% - 32px));margin:auto}.admin-header{padding:28px 0 16px;display:flex;justify-content:space-between;align-items:center}.admin-title h1{font-size:32px;margin:5px 0}.admin-title p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px}.stat span{color:var(--muted);font-size:12px;font-weight:800}.stat strong{display:block;font-size:30px;margin-top:4px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#121823;color:#aab4c2;font-weight:800;font-size:13px}.tab.active{background:#2a234d;color:white;border-color:#5f4eb5}.admin-search{width:min(320px,100%)}.orders{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.order{display:grid;grid-template-columns:118px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.order-poster{width:118px;height:177px;background:#202735}.order-poster img{width:100%;height:100%;object-fit:cover}.order-body{padding:15px;min-width:0}.order-top{display:flex;justify-content:space-between;gap:10px}.order h3{margin:2px 0 4px;font-size:19px}.meta{font-size:12px;color:var(--muted)}.client{margin-top:10px;font-size:13px}.client b{color:#fff}.client-message{margin-top:10px;background:#181f2c;border-radius:11px;padding:10px;font-size:13px;color:#d7dde6}.status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#252d3d;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.status.pendiente{background:#3a2d14;color:#ffd478}.status.revision,.status.procesando{background:#172d49;color:#91bfff}.status.agregado{background:#12392c;color:#78deb3}.status.no_disponible{background:#411d25;color:#ff9ba7}.order-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mini{border:1px solid var(--line);background:#171e2a;color:#dce2ea;border-radius:10px;padding:9px 10px;font-size:12px;font-weight:800;cursor:pointer}.mini.good{background:#153528;border-color:#285b47;color:#85dfba}.mini.bad{background:#33171d;border-color:#63303a;color:#ff9ca8}.response{margin-top:9px;display:flex;gap:7px}.response input{flex:1;min-width:0;background:#0a0e16;color:white;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:65px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}footer{text-align:center;color:#616d7f;padding:25px 0 45px;font-size:12px}
@media(max-width:900px){.orders{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.page,.admin-wrap{width:min(100% - 20px,1320px)}.header{height:72px}.intro{padding:35px 0 22px}.intro h1{letter-spacing:-2px}.request-card{padding:16px}.result{grid-template-columns:48px 1fr}.choose{display:none}.poster-box{width:48px;height:69px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.selected-card{grid-template-columns:80px 1fr}.selected-poster{width:80px;height:116px}.benefits{grid-template-columns:1fr}.benefits div{justify-content:center}.order{grid-template-columns:88px 1fr}.order-poster{width:88px;height:132px}.stats{grid-template-columns:1fr 1fr}.admin-title h1{font-size:26px}.toolbar{align-items:stretch}.admin-search{width:100%}}