body{margin:0}.pricing-page{flex:1;max-width:1100px;margin:0 auto;padding:32px 24px;overflow-y:auto}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.plan-card{background:#16161a;border:1px solid #2a2a30;border-radius:12px;width:280px;padding:24px;position:relative}.plan-card.recommended{border-color:#4a5cff}.plan-card.selected{box-shadow:0 0 0 2px #4a5cff}.plan-card .badge{color:#fff;background:#4a5cff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600;position:absolute;top:-10px;right:16px}.plan-card h3{margin:0 0 8px;font-size:1.1rem}.plan-card .price{margin-bottom:16px;font-size:1.6rem;font-weight:700}.plan-card .period{color:#9a9aa5;font-size:.8rem;font-weight:400}.plan-card ul{color:#c4c4cc;margin:0 0 20px;padding:0;font-size:.82rem;line-height:1.8;list-style:none}.select-btn{color:#e8e8ec;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:8px;width:100%;padding:10px;font-weight:600}.select-btn.active{background:#4a5cff;border-color:#4a5cff}.order-form-wrap{background:#16161a;border:1px solid #2a2a30;border-radius:12px;max-width:480px;margin:40px auto 0;padding:24px}.order-form-wrap h2{margin-top:0;font-size:1.1rem}.notice{color:#e0b458;background:#e0b4581a;border:1px solid #e0b4584d;border-radius:8px;padding:10px 12px;font-size:.78rem;line-height:1.4}.payment-box{background:#1e1e24;border:1px solid #33333a;border-radius:8px;margin-bottom:8px;padding:14px 16px;font-size:.85rem}.payment-rows{flex-direction:column;gap:4px;margin:10px 0;display:flex}.payment-rows>div{justify-content:space-between;font-size:.8rem;display:flex}.payment-rows span:first-child{color:#9a9aa5}.payment-hint{color:#9a9aa5;margin:8px 0 0;font-size:.75rem;line-height:1.4}.filename-hint{color:#7bd88f;font-size:.72rem}.whatsapp-btn{color:#0f0f12;background:#25d366;border-radius:8px;margin:10px 0;padding:10px 16px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.order-form{flex-direction:column;gap:14px;margin-top:16px;display:flex}.order-form label{color:#c4c4cc;flex-direction:column;gap:6px;font-size:.8rem;display:flex}.order-form input,.order-form textarea{color:#e8e8ec;background:#1e1e24;border:1px solid #33333a;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.85rem}.error-text{color:#ff6b6b;margin:-4px 0 0;font-size:.78rem}.submit-btn{color:#fff;cursor:pointer;background:#4a5cff;border:none;border-radius:8px;padding:12px;font-weight:600}.confirmation{margin-top:16px;font-size:.85rem;line-height:1.5}.confirmation button{color:#e8e8ec;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:6px;margin-top:12px;padding:8px 14px}.auth-screen{color:#e8e8ec;background:#0f0f12;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.auth-card{background:#16161a;border:1px solid #2a2a30;border-radius:12px;width:340px;padding:28px}.auth-card h1{margin:0 0 12px;font-size:1.2rem}.auth-hint{color:#9a9aa5;margin-bottom:18px;font-size:.8rem;line-height:1.4}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card label{color:#c4c4cc;flex-direction:column;gap:6px;font-size:.8rem;display:flex}.auth-card input{color:#e8e8ec;background:#1e1e24;border:1px solid #33333a;border-radius:6px;padding:9px 10px;font-size:.9rem}.auth-card button{color:#fff;cursor:pointer;background:#4a5cff;border:none;border-radius:8px;padding:11px;font-weight:600}.auth-card button:disabled{cursor:not-allowed;background:#33333a}.auth-error{color:#ff6b6b;margin:0;font-size:.78rem}.admin-page{flex:1;width:100%;max-width:900px;margin:0 auto;padding:28px 24px;overflow-y:auto}.admin-block{margin-bottom:36px}.admin-block h2{margin-bottom:14px;font-size:1rem}.admin-error{color:#ff6b6b;font-size:.8rem}.admin-inline-form{gap:8px;margin-bottom:14px;display:flex}.admin-inline-form input,.admin-inline-form select{color:#e8e8ec;background:#1e1e24;border:1px solid #33333a;border-radius:6px;padding:8px 10px;font-size:.85rem}.admin-inline-form button{color:#fff;cursor:pointer;background:#4a5cff;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.revealed-box{background:#7bd88f1a;border:1px solid #7bd88f66;border-radius:8px;margin-bottom:16px;padding:14px;font-size:.85rem;line-height:1.8}.revealed-box code{background:#1e1e24;border-radius:4px;padding:2px 6px}.revealed-box button{color:#e8e8ec;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:6px;margin-top:8px;padding:6px 12px;display:block}.admin-table{border-collapse:collapse;width:100%;font-size:.82rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #2a2a30;padding:8px 10px}.admin-table th{color:#9a9aa5;font-weight:600}.admin-actions{gap:8px;display:flex}.admin-actions button{color:#e8e8ec;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:6px;padding:5px 10px;font-size:.75rem}.admin-actions .danger{color:#ff6b6b;border-color:#ff6b6b55}.status-badge{color:#c4c4cc;background:#33333a;border-radius:999px;padding:3px 8px;font-size:.72rem;display:inline-block}.status-badge.status-pendiente{color:#e0b458;background:#e0b45826}.status-badge.status-pago_verificado{color:#7bd88f;background:#7bd88f26}.status-badge.status-rechazado{color:#ff6b6b;background:#ff6b6b26}.status-badge.status-enviado,.status-badge.status-imprimiendo{color:#5aa0ff;background:#5aa0ff26}.status-badge.status-completado{color:#7bd88f;background:#7bd88f26}.status-badge.status-error{color:#ff6b6b;background:#ff6b6b26}.admin-hint{color:#9a9aa5;margin:-6px 0 14px;font-size:.78rem;line-height:1.4}.admin-hint code{background:#1e1e24;border-radius:4px;padding:1px 5px}.job-error{color:#ff6b6b;margin-top:2px;font-size:.7rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app-shell{color:#e8e8ec;background:#0f0f12;flex-direction:column;width:100vw;height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topnav{background:#16161a;border-bottom:1px solid #2a2a30;flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 20px;display:flex}.topnav .brand{font-size:1rem;font-weight:700}.navtabs{gap:6px;display:flex}.navuser{color:#9a9aa5;align-items:center;gap:10px;margin-left:auto;font-size:.8rem;display:flex}.navuser button{color:#c4c4cc;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:6px;padding:5px 12px;font-size:.75rem}.navtabs button{color:#9a9aa5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:.82rem}.navtabs button.active{color:#e8e8ec;background:#1e1e24;border-color:#33333a}.app-layout{flex:1;min-height:0;display:flex}.panel{background:#16161a;border-right:1px solid #2a2a30;flex-shrink:0;width:320px;padding:20px;overflow-y:auto}.panel h1{margin:0 0 4px;font-size:1.3rem}.subtitle{color:#9a9aa5;margin:0 0 20px;font-size:.8rem}.field{margin-bottom:16px}.field label{color:#c4c4cc;margin-bottom:6px;font-size:.8rem;display:block}.field input[type=range]{width:100%}.field input[type=file]{color:#c4c4cc;width:100%;font-size:.75rem}.filename{color:#7bd88f;margin-top:4px;font-size:.75rem;display:block}.error{color:#ff6b6b;margin-top:6px;font-size:.75rem;line-height:1.3}.hint{color:#7a7a85;margin-top:4px;font-size:.7rem;display:block}.segmented{gap:6px;display:flex}.segmented button{color:#c4c4cc;cursor:pointer;background:#1e1e24;border:1px solid #33333a;border-radius:6px;flex:1;padding:8px 4px;font-size:.75rem}.segmented button.active{color:#fff;background:#4a5cff;border-color:#4a5cff}.export-btn{color:#fff;cursor:pointer;background:#4a5cff;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:.9rem;font-weight:600}.export-btn:disabled{color:#6a6a75;cursor:not-allowed;background:#33333a}.viewport{flex:1;position:relative}