@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0A0A1A;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--border: rgba(139,92,246,.12);--border-light: rgba(255,255,255,.06);--purple: #8B5CF6;--purple-light: #A78BFA;--purple-dim: rgba(139,92,246,.15);--accent: #C9A22C;--gold: #C9A22C;--green: #10B981;--blue: #3B82F6;--yellow: #F59E0B;--red: #EF4444;--text: #F5F5FF;--text-dim: rgba(245,245,255,.5);--text-dimmer: rgba(245,245,255,.3);--text-dimmest: rgba(245,245,255,.15);--font: "Sora", -apple-system, BlinkMacSystemFont, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:16px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dimmer);font-weight:600}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.login-card{width:100%;max-width:360px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px 28px}.login-logo{text-align:center;font-size:24px;font-weight:800;letter-spacing:4px;color:var(--purple);font-family:var(--font);margin-bottom:4px}.login-subtitle{text-align:center;font-size:12px;letter-spacing:6px;color:var(--text-dim);font-weight:600;margin-bottom:32px}.login-input{width:100%;padding:14px 16px;margin-bottom:12px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:12px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--purple)}.login-input::placeholder{color:var(--text-dimmer)}.login-error{background:#ef44441a;color:#ef4444;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px;text-align:center}.login-btn{width:100%;padding:14px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;font-family:var(--font);transition:opacity .2s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.ventas-app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:72px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0a0a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:10px}.header-title{font-size:16px;font-weight:800;letter-spacing:3px;color:var(--purple);font-family:var(--font)}.saving-indicator{font-size:10px;color:var(--yellow);letter-spacing:1px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-right{display:flex;align-items:center;gap:10px}.user-name{font-size:12px;color:var(--text-dim)}.event-selector{padding:10px 16px}.event-select{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.event-select option{background:#1a1a2e;color:var(--text)}.event-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,220px));gap:16px;padding:0 16px 16px}.event-card-v{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s;max-width:220px}.event-card-v:active{transform:scale(.97)}.event-card-v:hover{transform:translateY(-3px)}.event-card-v.active{border-color:var(--accent);box-shadow:0 0 16px #8b5cf640}.event-card-v-img{width:100%;aspect-ratio:3/4;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.event-card-v-img img{width:100%;height:100%;object-fit:contain;display:block}.event-card-v-placeholder{font-size:36px;font-weight:800;color:#ffffff14}.event-card-v-info{padding:10px 12px}.event-card-v-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card-v-date{font-size:11px;color:var(--text-dim);margin-top:3px}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px;margin-bottom:16px}.stat-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px 10px;text-align:center}.stat-value{font-size:20px;font-weight:700;font-family:var(--font)}.stat-label{font-size:9px;color:var(--text-dimmer);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.controls-bar{padding:0 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.view-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.toggle-btn{flex:1;padding:10px;background:none;border:none;color:var(--text-dim);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.toggle-btn.active{background:var(--purple-dim);color:var(--purple-light)}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 14px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-dim);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .2s}.pill.active{background:var(--purple-dim);border-color:var(--purple);color:var(--purple-light)}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 16px 12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.search-input{flex:1;background:none;border:none;color:var(--text);font-size:14px;font-family:var(--font);outline:none}.search-input::placeholder{color:var(--text-dimmer)}.sales-map-wrapper{margin:0 16px 12px;border-radius:20px;overflow:hidden;border:1.5px solid rgba(139,92,246,.15);box-shadow:0 8px 40px #00000080,0 0 60px #8b5cf60a}.sales-map-canvas{position:relative;width:100%;padding-top:70%;background:linear-gradient(155deg,#0f0f24,#0a0a18,#080814);overflow:hidden}.sales-map-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(139,92,246,.025) 24px,rgba(139,92,246,.025) 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(139,92,246,.025) 24px,rgba(139,92,246,.025) 25px);pointer-events:none;z-index:0}.sales-map-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.sales-map-table{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;min-height:52px;padding:6px 8px;border-radius:12px;cursor:pointer;z-index:2;transform:translate(-50%,-50%);transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sales-map-table:active{transform:translate(-50%,-50%) scale(.92)}.sales-map-table.available{background:linear-gradient(145deg,#10b98133,#10b98114);border:1.5px solid rgba(16,185,129,.4);box-shadow:0 0 16px #10b9811f,inset 0 1px #ffffff0d}.sales-map-table.available .t-status-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.sales-map-table.paid{background:linear-gradient(145deg,#3b82f633,#3b82f614);border:1.5px solid rgba(59,130,246,.35);box-shadow:0 0 12px #3b82f61a;opacity:.75}.sales-map-table.paid .t-status-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.sales-map-table.reserved{background:linear-gradient(145deg,#f59e0b33,#f59e0b14);border:1.5px solid rgba(245,158,11,.4);box-shadow:0 0 16px #f59e0b26;animation:reservePulse 2.5s ease-in-out infinite}.sales-map-table.reserved .t-status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}@keyframes reservePulse{0%,to{box-shadow:0 0 16px #f59e0b26}50%{box-shadow:0 0 28px #f59e0b4d}}.sales-map-table .t-status-dot{width:7px;height:7px;border-radius:50%;margin-bottom:3px}.sales-map-table .t-num{font-family:var(--font);font-size:13px;font-weight:800;color:#fff;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.sales-map-table .t-price{font-family:var(--font);font-size:9px;font-weight:700;color:var(--gold);margin-top:2px}.sales-map-table .t-buyer{font-size:7px;color:#ffffff80;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.sales-map-zone{position:absolute;border-radius:12px;z-index:1;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(139,92,246,.2);background:#8b5cf608;transform:translate(-50%,-50%)}.sales-map-zone .zone-label{font-family:var(--font);font-size:9px;color:#8b5cf680;font-weight:700;text-align:center;letter-spacing:3px;text-transform:uppercase}.sales-map-stage{position:absolute;background:linear-gradient(135deg,#12122a,#0e0e20);border:2px solid rgba(201,162,44,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-family:var(--font);font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-weight:800;z-index:1;transform:translate(-50%,-50%);box-shadow:0 0 20px #c9a22c0f,inset 0 0 15px #c9a22c08;overflow:visible}.sales-map-stage:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.3}.sales-map-dancefloor{position:absolute;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.06),transparent 60%),radial-gradient(circle at 70% 70%,rgba(201,162,44,.04),transparent 60%),#ffffff04;border:2px dashed rgba(139,92,246,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:9px;letter-spacing:3px;color:#8b5cf659;text-transform:uppercase;font-weight:700;z-index:1;transform:translate(-50%,-50%)}.sales-map-legend{display:flex;gap:14px;justify-content:center;padding:10px 16px;font-size:11px;color:var(--text-dim);background:#0000004d}.sales-map-legend-item{display:flex;align-items:center;gap:5px}.sales-map-legend-dot{width:8px;height:8px;border-radius:50%}.table-list{padding:0 16px}.table-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s}.table-row:hover{background:var(--bg-card-hover);border-color:var(--border)}.table-row-left{display:flex;align-items:center;gap:12px}.table-num{width:36px;height:36px;border-radius:10px;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.table-row-title{font-size:14px;font-weight:600}.table-row-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.table-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.table-buyer-name{font-size:12px;color:var(--text-dim)}.status-badge{font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px}.table-detail-card{margin:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-title{font-size:16px;font-weight:700}.detail-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid>div{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:10px;color:var(--text-dimmer);letter-spacing:1px;text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#0f0f1f;border:1px solid var(--border);border-radius:20px;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-title{font-size:18px;font-weight:700}.modal-subtitle{font-size:13px;color:var(--text-dim);margin-top:4px}.form-input{width:100%;padding:12px 14px;margin-bottom:10px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:10px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--purple)}.form-input::placeholder{color:var(--text-dimmer)}.form-select{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:10px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select option{background:#1a1a2e}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-label{font-size:11px;color:var(--text-dimmer);letter-spacing:.5px;margin-bottom:4px}.form-actions{display:flex;gap:10px;margin-top:16px}.sale-form{display:flex;flex-direction:column}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s}.icon-btn:hover{background:#ffffff0f;color:var(--text)}.btn-primary{padding:14px 20px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:12px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--purple);color:var(--text)}.btn-danger-sm{padding:6px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s}.btn-danger-sm:hover{background:#ef444433}.qr-type-selector{display:flex;gap:8px;padding:0 16px;margin-bottom:16px}.qr-type-btn{flex:1;padding:12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;color:var(--text-dim);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.qr-type-btn.active{background:var(--purple-dim);border-color:var(--purple);color:var(--purple-light)}.qr-form{padding:0 16px}.capacity-section{padding:0 16px;margin-bottom:20px}.section-label{font-size:10px;letter-spacing:2px;color:var(--text-dimmer);font-weight:600;margin-bottom:10px}.capacity-bar-row{margin-bottom:10px}.capacity-info{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.capacity-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.capacity-fill{height:100%;border-radius:3px;transition:width .4s ease}.recent-entradas{padding:0 16px;margin-top:24px}.entrada-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:6px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px}.entrada-name{font-size:13px;font-weight:600}.entrada-meta{font-size:11px;color:var(--text-dimmer);margin-top:2px}.entrada-type-badge{font-size:10px;font-weight:600;padding:4px 10px;border-radius:16px;letter-spacing:.5px}.empty-state{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-dim);font-size:14px}.empty-hint{font-size:12px;color:var(--text-dimmer)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:50}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;background:none;border:none;color:var(--text-dimmer);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;transition:color .2s;letter-spacing:1px}.nav-btn.active{color:var(--purple-light)}.nav-btn:hover{color:var(--text-dim)}.ventas-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:12px;font-size:13px;font-weight:600;font-family:var(--font);z-index:200;animation:toastIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ventas-toast.success{background:#10b981e6;color:#fff}.ventas-toast.error{background:#ef4444e6;color:#fff}.ventas-toast.info{background:#8b5cf6e6;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 380px){.stats-bar{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}}.page-content{padding-top:12px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}