:root{--primary: #0061ff;--primary-dark: #0046b8;--bg-main: #f8f9fc;--sidebar-bg: #1a1c23;--sidebar-text: #adb5bd;--on-surface: #2d3436;--error: #e74c3c;--success: #2ecc71;--surface: #ffffff;--radius: 12px;--on-surface-variant: #636e72;--gradient-primary: linear-gradient(135deg, #0061ff 0%, #60efff 100%)}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.gap-xs{gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.wrap{flex-wrap:wrap}.w-full{width:100%}.mb-0{margin-bottom:0!important}.mb-lg{margin-bottom:24px!important}.mb-xl{margin-bottom:32px!important}.mt-lg{margin-top:24px!important}.mt-xl{margin-top:32px!important}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:32px}.rounded{border-radius:8px}.surface-container{background:#00000008}.text-center{text-align:center}.text-xs{font-size:.75rem}.opacity-50{opacity:.5}.opacity-30{opacity:.3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-main);color:var(--on-surface);height:100vh;overflow:hidden}.pin-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1c23,#0061ff)}.pin-card{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 50px #0003;width:320px}.pin-card h2{margin:20px 0 10px;font-weight:800}.pin-card p{opacity:.7;font-size:.9rem;margin-bottom:20px}.pin-card input{width:100%;padding:15px;font-size:1.5rem;text-align:center;letter-spacing:.5em;border:2px solid #eee;border-radius:10px;outline:none;transition:border-color .3s}.pin-card input:focus{border-color:var(--primary)}.error-text{color:var(--error);font-size:.8rem;margin-top:10px;font-weight:600}.admin-layout{display:flex;height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;padding:24px 0}.sidebar-brand{padding:0 24px 32px;display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem}.nav-links{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{padding:12px 24px;color:var(--sidebar-text);text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:500;transition:all .2s}.nav-item:hover,.nav-item.active{background:#ffffff0d;color:#fff;border-left:4px solid var(--primary)}.nav-badge{background:#ff4757;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;margin-left:auto;font-weight:800;display:none}.content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.top-bar{background:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e6f0}.top-bar h1{font-size:1.2rem;font-weight:700;color:#4e73df}.user-profile{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:600}.avatar{width:32px;height:32px;background:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:var(--radius);border-left:4px solid var(--primary);box-shadow:0 .15rem 1.75rem #3a3b4526}.stat-label{font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;margin-bottom:5px}.stat-value{font-size:1.5rem;font-weight:700;color:#5a5c69}.table-container{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 .15rem 1.75rem #3a3b4526}table{width:100%;border-collapse:collapse}th{background:#f8f9fc;padding:12px 16px;text-align:left;font-size:.8rem;text-transform:uppercase;color:#858796;border-bottom:1px solid #e3e6f0}td{padding:12px 16px;border-bottom:1px solid #e3e6f0;font-size:.9rem}.badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.badge-vip{background:#c8e6c9;color:#1b5e20}.badge-free{background:#f5f5f5;color:#666}.admin-form{display:flex;flex-direction:column;gap:16px;max-width:600px}.input-group{display:flex;flex-direction:column;gap:6px}.input-field{padding:10px;border:1px solid #d1d3e2;border-radius:6px;outline:none}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px;border-radius:6px;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--primary-dark)}.search-container{position:relative;margin-bottom:24px;max-width:400px}.search-input{width:100%;padding:12px 16px 12px 40px;border-radius:50px;border:1px solid #e3e6f0;background:#fff;font-size:.9rem;transition:all .3s;box-shadow:0 4px 12px #0000000d}.search-input:focus{border-color:var(--primary);box-shadow:0 4px 20px #0061ff26;outline:none}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.4}.premium-row{transition:all .2s}.premium-row:hover{background-color:#f8f9fc;transform:scale(1.005);box-shadow:0 4px 12px #0000000d;z-index:10}.avatar-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;box-shadow:0 4px 10px #0000001a}.user-meta{display:flex;flex-direction:column}.user-name{font-weight:700;color:var(--on-surface)}.user-email{font-size:.75rem;opacity:.5}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-online{background:var(--success);box-shadow:0 0 8px var(--success)}.action-btn{padding:8px 12px;border-radius:8px;border:none;background:#f8f9fc;color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.action-btn:hover{transform:translateY(-2px)}.btn-sync-prominent{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:50px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 20px #0061ff4d!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.btn-sync-prominent:hover{transform:scale(1.05) translateY(-3px)!important;box-shadow:0 15px 30px #0061ff66!important}.btn-sync-prominent:active{transform:scale(.95)!important}.modal-content{animation:slideInUp .4s cubic-bezier(.16,1,.3,1)}.status-error{background:#fff5f5!important;color:var(--error)!important;border-bottom-color:var(--error)!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-error .status-dot{background:var(--error);animation:pulse 1s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d3e2;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b7b9cc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(0,0,0,.05)}.btn-close-modal:hover{color:var(--error)}.pie-chart-container{width:150px;height:150px;position:relative}.pie-chart{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.pie-center{width:70%;height:70%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0000000d}.headline-sm{font-size:1.2rem;font-weight:800}.title-sm{font-size:1rem;font-weight:700}.card{background:#fff;border-radius:var(--radius);box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.03)}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}