:root{--bg: #09090b;--bg-2: #0e0e12;--sidebar: #0c0c10;--card: #131318;--card-hover: #1a1a20;--card-2: #18181d;--border: #26262c;--border-2: #33333b;--text: #fafafa;--muted: #a1a1aa;--muted-2: #71717a;--accent: #8b5cf6;--accent-strong: #7c3aed;--accent-soft: rgba(139, 92, 246, .14);--red: #f43f5e;--green: #22c55e;--danger: #ef4444;--r: 12px;--r-lg: 16px;--sidebar-w: 240px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{color:#a78bfa}.shell{min-height:100vh}.content{padding:28px clamp(16px,4vw,40px) 48px;max-width:1080px;margin:0 auto}.shell.authed .content{margin-left:var(--sidebar-w);max-width:calc(1080px + var(--sidebar-w))}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px calc(14px + env(safe-area-inset-bottom));z-index:50}.sb-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em;padding:6px 10px 18px}.sb-brand .dot{color:var(--accent)}.sb-nav{display:flex;flex-direction:column;gap:3px;flex:1}.sb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:15px;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:background .15s,color .15s}.sb-item .ic{font-size:18px;width:22px;text-align:center}.sb-item:hover{background:var(--card);color:var(--text)}.sb-item.active{background:var(--accent-soft);color:#c4b5fd;box-shadow:inset 2px 0 0 var(--accent)}.sb-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:8px}.sb-user{display:flex;align-items:center;gap:8px;padding:4px 10px 10px;font-size:13px;color:var(--muted)}.sb-user .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--muted);font-weight:600;cursor:pointer}.sb-logout:hover{color:var(--text);border-color:var(--border-2)}.sb-social{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:4px 0;border-radius:10px;color:#c4b5fd;font-weight:600;font-size:14px;background:var(--accent-soft)}.sb-social .ic{font-size:18px;width:22px;text-align:center}.sb-social:hover{color:#ddd6fe}.topbar{display:none}.tb-brand{font-weight:800;letter-spacing:-.02em}.tb-brand .dot{color:var(--accent)}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:11px;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer}.hamburger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px}.drawer-overlay{display:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}.auth-card{max-width:400px;margin:8vh auto}.center-card{text-align:center;max-width:480px;margin:40px auto}h1{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:-.03em}h2{letter-spacing:-.02em}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#fb7185;font-weight:600}.success{color:#4ade80;font-weight:600}.center{text-align:center;padding:48px;color:var(--muted)}.page-head{margin-bottom:24px}label{display:block;margin:14px 0 6px;font-size:13px;color:var(--muted);font-weight:600}input,select,textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--card-2);color:var(--text);font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}.row{display:flex;gap:12px}.row>div{flex:1}.btn{margin-top:16px;padding:11px 18px;border-radius:10px;border:1px solid var(--border-2);background:var(--card-2);color:var(--text);font-weight:700;font-size:15px;cursor:pointer;transition:filter .15s,transform .05s,background .15s,border-color .15s}.btn:hover{background:var(--card-hover);border-color:var(--border-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.big{font-size:17px;padding:14px 26px;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);margin-top:8px}.btn.ghost:hover{color:var(--text)}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-weight:600}.link-btn:hover{color:var(--text)}.match-page{max-width:440px;margin:0 auto}.presence-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.badge{padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-weight:600;font-size:13px}.badge.on{color:#4ade80;border-color:#22c55e66}.match-banner{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:14px;border-radius:12px;text-align:center;margin-bottom:14px;font-weight:700}.swipe-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.photo{height:380px;background:var(--card-2);display:flex;align-items:center;justify-content:center;position:relative}.photo-placeholder{font-size:80px}.swipe-info{padding:18px 20px}.swipe-info h2{margin:0 0 4px}.age{color:var(--muted);font-weight:400}.swipe-actions{display:flex;justify-content:center;gap:40px;padding:8px 0 24px}.round{width:64px;height:64px;border-radius:50%;font-size:26px;border:1px solid var(--border-2);background:var(--card);cursor:pointer;transition:transform .12s,border-color .15s}.round.like{color:var(--red);border-color:#f43f5e80}.round.pass{color:var(--muted)}.round:hover{transform:scale(1.08)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:24px;cursor:pointer}.carousel-nav.left{left:8px}.carousel-nav.right{right:8px}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center}.carousel-dots .dot{width:7px;height:7px;border-radius:50%;background:#fff6}.carousel-dots .dot.on{background:#fff}.profile-photo{height:160px;width:160px;border-radius:50%;margin:12px auto;object-fit:cover}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.gallery-item{position:relative;aspect-ratio:1;border-radius:12px;background:var(--card-2) center/cover no-repeat;border:1px solid var(--border)}.gallery-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#000000a6;color:#fff;cursor:pointer;font-size:12px;line-height:1}.gallery-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border-2);border-radius:12px;background:var(--card-2);color:var(--muted);font-size:32px;cursor:pointer}.matches-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:560px}.matches-list{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px}.matches-list h3{margin:6px 8px 12px}.match-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:none;background:none;color:var(--text);border-radius:10px;cursor:pointer;text-align:left;margin-bottom:2px}.match-item:hover,.match-item.active{background:var(--card-hover)}.match-name{font-weight:700}.avatar{width:44px;height:44px;border-radius:50%;background:var(--card-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-size:cover;background-position:center}.avatar.sm{width:32px;height:32px;font-size:14px}.chat-panel,.chat-full{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.chat-full{height:min(70vh,640px);padding:0}.chat{display:flex;flex-direction:column;height:100%;min-height:560px}.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;font-weight:600;background:var(--bg-2)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:min(78%,480px);padding:8px 12px;border-radius:16px;line-height:1.4;display:flex;flex-direction:column;word-break:break-word}.bubble.mine{align-self:flex-end;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:var(--card-2);border:1px solid var(--border);border-bottom-left-radius:5px}.sender{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:3px}.bubble.mine .sender{color:#ffffffd9}.chat-photo{display:block;width:auto;max-width:100%;max-height:300px;height:auto;border-radius:12px;margin:2px 0;object-fit:cover;cursor:pointer}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--bg-2)}.chat-input input{flex:1;margin:0}.chat-input .btn{margin:0}.chat-input .btn.icon{padding:0 14px;font-size:20px;line-height:1;display:flex;align-items:center}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.matches-back{display:none;align-items:center;justify-content:center;margin:0 4px 0 0!important;padding:0 12px!important;font-size:20px}.blocked-banner{margin:0 12px 8px;padding:9px 12px;border-radius:10px;background:#7f1d1d80;border:1px solid rgba(239,68,68,.4);color:#fecaca;font-weight:600;font-size:14px}.cooldown-banner{margin:0 12px 8px;padding:9px 12px;border-radius:10px;background:#78350f66;border:1px solid rgba(245,158,11,.35);color:#fed7aa;font-weight:600;font-size:14px}.role-badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.role-user,.role-badge.role-user{background:var(--card-2);color:var(--muted);border:1px solid var(--border)}.role-vip,.role-badge.role-vip{background:linear-gradient(90deg,#f6c343,#f59e0b);color:#3a2600}.role-admin,.role-badge.role-admin{background:#3b82f6;color:#fff}.vip-page{display:grid;gap:16px;max-width:640px;margin:0 auto}.vip-hero{text-align:center}.vip-hero.active{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b59,var(--shadow)}.perks{list-style:none;padding:0;text-align:left;max-width:340px;margin:12px auto;display:grid;gap:8px}.price{font-size:40px;font-weight:900;margin:12px 0}.price span{font-size:16px;color:var(--muted);font-weight:600}.vip-expiry{margin:6px 0 4px;color:#fbbf24;font-weight:700}.vip-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.btn.plan{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;margin:0;height:auto}.btn.plan .plan-label{font-weight:800}.btn.plan .plan-price{font-size:22px;font-weight:900}.locked{text-align:center;padding:16px}.locked-count{font-size:48px;font-weight:900;color:var(--accent)}.likes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.like-card{text-align:center}.like-photo{width:100%;padding-top:100%;border-radius:12px;background:var(--card-2) center/cover no-repeat;position:relative}.like-name{font-weight:700;margin:6px 0 2px}.admin-page h1{margin-bottom:16px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center;box-shadow:var(--shadow)}.stat-card.highlight{border-color:#f59e0b80}.stat-num{font-size:32px;font-weight:900}.stat-lbl{color:var(--muted);font-size:13px;margin-top:4px}.admin-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{padding:9px 6px;border-bottom:1px solid var(--border);text-align:left}.rank-table th.right,.rank-table td.right{text-align:right}.rank-table .pos{color:var(--muted);font-weight:700;width:28px}.rank-user{display:flex;align-items:center;gap:8px}.vip-list{list-style:none;padding:0;display:grid;gap:10px}.vip-list li{padding:10px;border-radius:10px;background:var(--card-2);border:1px solid var(--border)}.users-card{margin-top:16px}.users-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.users-search{width:auto;flex:1;min-width:200px;max-width:320px;margin:0}.table-wrap{overflow-x:auto}.users-table{min-width:560px}.users-table td{vertical-align:middle}.you-tag{font-size:11px;color:var(--accent);font-weight:700}.role-select{width:auto;min-width:132px;margin:0;padding:7px 10px;font-size:14px;cursor:pointer}.role-select.role-vip{border-color:#f59e0b8c}.role-select.role-admin{border-color:#3b82f68c}.icon-del{width:34px;height:34px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:#ef444424;color:#fca5a5;cursor:pointer;font-size:15px}.icon-del:hover:not(:disabled){background:#ef444447}.icon-del:disabled{opacity:.4;cursor:not-allowed}.users-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-actions{display:inline-flex;gap:6px;justify-content:flex-end}.icon-vip{height:34px;padding:0 10px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid rgba(245,158,11,.5);background:#f59e0b24;color:#fbbf24;cursor:pointer;white-space:nowrap}.icon-vip:hover:not(:disabled){background:#f59e0b42}.icon-vip:disabled{opacity:.5;cursor:not-allowed}.create-user{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px;background:var(--card-2)}.santas-logo{display:block}.brand-logo{height:26px;width:auto}.hero-logo{width:min(300px,80%);height:auto;margin:2px auto 10px}.auth-logo{display:block;width:190px;max-width:70%;height:auto;margin:4px auto 12px}.inicio{display:grid;gap:16px;max-width:640px;margin:0 auto}.hero-club{text-align:center;padding:34px 24px;background:radial-gradient(700px 240px at 50% -30%,rgba(139,92,246,.2),var(--card))}.hero-emoji{font-size:56px;line-height:1}.hero-title{font-size:42px;margin:8px 0 2px;letter-spacing:-.04em;background:linear-gradient(90deg,#c4b5fd,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-tag{font-weight:700;margin:0 0 2px}.hero-loc{margin:2px 0 0}.club-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.club-cta .btn{width:auto;margin-top:0}.club-stats{grid-template-columns:repeat(3,1fr);margin-bottom:0}.socials{display:grid;gap:10px;margin-top:12px}.social{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--card-2);border:1px solid var(--border);color:var(--text)}.social:hover{border-color:var(--accent)}.social-ic{font-size:22px}.social-txt{display:flex;flex-direction:column;flex:1}.social-arrow{color:var(--muted)}@media (max-width: 860px){.topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:60;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#0c0c10e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.sidebar{transform:translate(-100%);transition:transform .25s ease;width:82vw;max-width:320px;box-shadow:0 0 50px #0000008c;padding-top:calc(18px + env(safe-area-inset-top));z-index:70}.sidebar.open{transform:none}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-overlay.show{opacity:1;pointer-events:auto}.content{padding:20px 16px 40px}.shell.authed .content{margin-left:0;max-width:100%;padding-top:calc(66px + env(safe-area-inset-top))}.matches-layout{grid-template-columns:1fr;min-height:0}.matches-layout.has-active .matches-list{display:none}.matches-layout:not(.has-active) .chat-panel{display:none}.matches-back{display:inline-flex}.stat-row{grid-template-columns:repeat(2,1fr)}.admin-cols{grid-template-columns:1fr}.admin-cols .card{overflow-x:auto}.rank-table{min-width:320px}}@media (max-width: 640px){h1{font-size:24px}.card{padding:16px}.match-page{max-width:100%}.photo{height:320px}.chat-full{height:calc(100dvh - 180px)}.chat{min-height:calc(100dvh - 240px)}.bubble{max-width:88%}.row{flex-direction:column;gap:0}.vip-plans{grid-template-columns:1fr}.likes-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media (max-width: 380px){.hero-title,.price{font-size:34px}.swipe-actions{gap:24px}}