:root{--bg:#0a0a0f;--surface:#ffffff08;--border:#ffffff0f;--text:#e2e8f0;--text-dim:#64748b;--text-muted:#475569;--blue:#3b82f6;--blue-dark:#1d4ed8;--purple:#8b5cf6;--purple-dark:#6d28d9;--green:#10b981;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;background:var(--bg);background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;color:#e2e8f0;color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.setup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.setup-card{background:#111827;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;box-shadow:0 25px 60px #00000080;max-width:460px;padding:40px;width:100%}.setup-card h2{color:#fff;font-size:20px;font-weight:700}.setup-card .subtitle{color:#64748b;color:var(--text-dim);font-size:14px;margin-top:2px}.setup-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;outline:none;padding:14px 18px;transition:border-color .2s;width:100%}.setup-input:focus{border-color:#3b82f680}.setup-input::placeholder{color:#475569;color:var(--text-muted)}.setup-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 20px #3b82f64d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.setup-btn:hover{box-shadow:0 6px 25px #3b82f666;transform:translateY(-1px)}.setup-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--red);font-size:13px;padding:8px 12px;text-align:center}.app-container{margin:0 auto;max-width:1280px;min-height:100vh;padding:16px}@media (min-width:768px){.app-container{padding:32px}}header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.logo-area,header{gap:16px}.logo-area,.logo-icon,header{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:16px;box-shadow:0 0 20px #3b82f633;height:48px;justify-content:center;width:48px}.logo-icon svg{color:#fff;height:24px;width:24px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.header-sub{color:#64748b;color:var(--text-dim);font-size:14px;margin-top:2px}.conn-status{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:9999px;display:flex;font-size:12px;gap:8px;padding:8px 16px}.conn-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;display:flex;gap:4px;margin-bottom:24px;padding:6px;width:100%}.tab-btn{align-items:center;background:none;border:none;border-radius:12px;color:#64748b;color:var(--text-dim);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;position:relative;transition:all .3s}.tab-btn:hover{background:#ffffff08;color:#94a3b8}.tab-btn.active-selfie{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f666;color:#fff}.tab-btn.active-payment{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 20px #8b5cf666;color:#fff}.count-badge{align-items:center;background:#fff3;border-radius:11px;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:16px;position:relative}.stat-card:before{content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-card.selfie:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.payment:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-label{color:#64748b;color:var(--text-dim);font-size:11px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700}.stat-value.blue{color:#60a5fa}.stat-value.purple{color:#c4b5fd}.stat-value.amber{color:#fbbf24}.stat-value.green{color:#34d399}.stat-value.red{color:#f87171}.panel{display:flex;flex-direction:column;gap:12px}.panel.hidden{display:none}.card{animation:slideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s}.card:hover{transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flashBlue{0%{background:#3b82f659;border-color:#3b82f699;box-shadow:0 0 30px #3b82f666,inset 0 0 20px #3b82f61a}25%{background:#3b82f626;border-color:#3b82f64d}50%{background:#3b82f64d;border-color:#3b82f680;box-shadow:0 0 25px #3b82f64d,inset 0 0 15px #3b82f60d}75%{background:#3b82f61a;border-color:#3b82f633}to{background:#ffffff08;background:var(--surface);border-color:#ffffff0f;border-color:var(--border);box-shadow:none}}@keyframes flashPurple{0%{background:#8b5cf659;border-color:#8b5cf699;box-shadow:0 0 30px #8b5cf666,inset 0 0 20px #8b5cf61a}25%{background:#8b5cf626;border-color:#8b5cf64d}50%{background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 0 25px #8b5cf64d,inset 0 0 15px #8b5cf60d}75%{background:#8b5cf61a;border-color:#8b5cf633}to{background:#ffffff08;background:var(--surface);border-color:#ffffff0f;border-color:var(--border);box-shadow:none}}.card.flash-selfie{animation:flashBlue 3s ease-out}.card.flash-payment{animation:flashPurple 3s ease-out}.card.card-pulse-blue{animation:cardPulseBlue 1.5s ease-in-out infinite}@keyframes cardPulseBlue{0%,to{border-color:#3b82f626;box-shadow:0 0 0 0 #3b82f600}50%{border-color:#3b82f680;box-shadow:0 0 25px #3b82f633,inset 0 0 15px #3b82f60d}}.card.card-pulse-purple{animation:cardPulsePurple 1.5s ease-in-out infinite}@keyframes cardPulsePurple{0%,to{border-color:#8b5cf626;box-shadow:0 0 0 0 #8b5cf600}50%{border-color:#8b5cf680;box-shadow:0 0 25px #8b5cf633,inset 0 0 15px #8b5cf60d}}.card.card-pulse-blue .open-btn,.card.card-pulse-purple .open-btn{animation:openBtnPulse 1.5s ease-in-out infinite}@keyframes openBtnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.card-inner{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.card-left{flex:1 1;min-width:0}.card-header{gap:12px;margin-bottom:8px}.avatar,.card-header{align-items:center;display:flex}.avatar{border-radius:12px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.avatar.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 15px #3b82f633}.avatar.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 15px #8b5cf633}.card-username{color:#fff;font-size:14px;font-weight:600}.card-time{color:#64748b;color:var(--text-dim);font-size:12px}.card-link-area{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:48px}.card-link{color:#64748b;color:var(--text-dim);flex-shrink:1;font-size:12px;max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-no-link{color:#475569;color:var(--text-muted);font-size:12px}.status-area{flex-shrink:0}.status-select{appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;outline:none;padding:6px 28px 6px 10px;transition:all .2s}.status-select:hover{border-color:#fff3}.status-select:disabled{cursor:not-allowed;opacity:.5}.status-select option{background:#1e293b;color:#e2e8f0}.status-select.pending,.status-select.processing,.status-select.started{background-color:#f59e0b14;border-color:#f59e0b4d;color:#fbbf24}.status-select.success{background-color:#10b98114;border-color:#10b9814d;color:#34d399}.status-select.failed{background-color:#ef444414;border-color:#ef44444d;color:#f87171}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s}.action-btn svg{height:16px;width:16px}.copy-btn{background:#ffffff0f;border:1px solid #ffffff1a;color:#94a3b8}.copy-btn:hover{background:#ffffff1a;color:#e2e8f0;transform:translateY(-1px)}.open-btn{font-weight:700;letter-spacing:.01em}.open-btn-blue{animation:openBtnPulseBlue 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 12px #3b82f64d;color:#fff}.open-btn-blue:hover{animation:none;box-shadow:0 4px 20px #3b82f680;transform:translateY(-2px)}@keyframes openBtnPulseBlue{0%,to{box-shadow:0 2px 12px #3b82f64d;transform:scale(1)}50%{box-shadow:0 4px 24px #3b82f699;transform:scale(1.05)}}.open-btn-purple{animation:openBtnPulsePurple 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 12px #8b5cf64d;color:#fff}.open-btn-purple:hover{animation:none;box-shadow:0 4px 20px #8b5cf680;transform:translateY(-2px)}@keyframes openBtnPulsePurple{0%,to{box-shadow:0 2px 12px #8b5cf64d;transform:scale(1)}50%{box-shadow:0 4px 24px #8b5cf699;transform:scale(1.05)}}.tab-alert-dot{animation:alertBlink .6s ease-in-out infinite alternate;background:#ef4444;border-radius:50%;display:inline-block;height:10px;width:10px}@keyframes alertBlink{0%{box-shadow:0 0 6px #ef4444;opacity:1}to{box-shadow:0 0 2px #ef4444;opacity:.3}}.tab-btn.alert-selfie{animation:tabPulseBlue 1s ease-in-out 3;background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}@keyframes tabPulseBlue{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 20px 4px #3b82f64d}}.tab-btn.alert-payment{animation:tabPulsePurple 1s ease-in-out 3;background:#8b5cf61a;border:1px solid #8b5cf64d;color:#c4b5fd}@keyframes tabPulsePurple{0%,to{box-shadow:0 0 0 0 #8b5cf666}50%{box-shadow:0 0 20px 4px #8b5cf64d}}.opened-label{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:5px;padding:6px 14px;text-decoration:none;transition:all .2s}.opened-label svg{height:16px;width:16px}.opened-label:hover{background:#10b98133;border-color:#10b98166;box-shadow:0 2px 10px #10b98133;transform:translateY(-1px)}.badge{border-radius:9999px;flex-shrink:0;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.badge-pending{background:#f59e0b1f;border:1px solid #f59e0b33;color:#f59e0b}.badge-success{background:#10b9811f;border:1px solid #10b98133;color:#10b981}.badge-error{background:#ef44441f;border:1px solid #ef444433;color:#ef4444}.badge-default{background:#64748b1f;border:1px solid #64748b33;color:#94a3b8}.empty-state{padding:80px 0;text-align:center}.empty-state svg{display:block;height:64px;margin:0 auto 16px;opacity:.15;width:64px}.empty-state p{color:#64748b;color:var(--text-dim);font-size:14px}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:50}.toast{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 30px #0000004d;font-size:14px;font-weight:500;padding:12px 16px;transition:opacity .3s}.toast.success{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.toast.error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.toast.info{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}
/*# sourceMappingURL=main.bf5ad297.css.map*/