:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--accent-color:#4895ef;--success-color:#4cc9f0;--warning-color:#f72585;--card-bg:rgba(255, 255, 255, 0.85);--glass-border:1px solid rgba(255, 255, 255, 0.5);--nav-active:#4361ee}body{font-family:'Plus Jakarta Sans',sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;padding-bottom:100px;overflow-x:hidden;background-color:#f0f2f5}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 0 0,#100e14 0,transparent 50%),radial-gradient(at 50% 0,#2e3d6a 0,transparent 50%),radial-gradient(at 100% 0,#712741 0,transparent 50%);background:conic-gradient(from 90deg at 50% 50%,#e2e2e2,#fff,#e2e2e2);background-image:radial-gradient(at 80% 0,#1eddff 0,transparent 50%),radial-gradient(at 0 50%,#ffdbde 0,transparent 50%),radial-gradient(at 80% 50%,#ff84ad 0,transparent 50%),radial-gradient(at 0 100%,#ffb489 0,transparent 50%),radial-gradient(at 80% 100%,#6b65ff 0,transparent 50%),radial-gradient(at 0 0,#ff84a7 0,transparent 50%);z-index:-2;background-size:200% 200%}@keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.main-card{width:100%;max-width:400px;background:rgba(255,255,255,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:var(--glass-border);overflow:hidden;transition:max-width .5s cubic-bezier(.16, 1, .3, 1);min-height:85vh;position:relative}.main-card.wide{max-width:1100px}.hero-header{padding:60px 30px 40px;border-radius:0 0 40px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 10px 30px -10px rgba(67,97,238,.4)}.hero-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#4361ee 0,#3a0ca3 100%)}.hero-header.register::before{background:linear-gradient(135deg,#4cc9f0 0,#4361ee 100%)}.hero-header.reset::before{background:linear-gradient(135deg,#f72585 0,#b5179e 100%)}.hero-header.admin::before{background:linear-gradient(135deg,#212529 0,#343a40 100%)}.hero-title{font-weight:800;letter-spacing:-1px;margin-bottom:5px}.hero-subtitle{opacity:.8;font-weight:500}.dash-header{padding:25px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:10}.form-control{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:15px;font-weight:600;color:#333;transition:.3s}.form-control:focus{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.05);border-color:var(--primary-color);transform:translateY(-2px)}.btn-vibrant{background:linear-gradient(90deg,#4361ee,#3a0ca3);border:none;border-radius:16px;padding:15px;color:#fff;font-weight:700;letter-spacing:.5px;box-shadow:0 10px 20px -5px rgba(67,97,238,.4);transition:transform .2s,box-shadow .2s}.btn-vibrant:active{transform:scale(.98);box-shadow:none}.btn-vibrant.success{background:linear-gradient(90deg,#4cc9f0,#4361ee);box-shadow:0 10px 20px -5px rgba(76,201,240,.4)}.btn-vibrant.danger{background:linear-gradient(90deg,#f72585,#b5179e);box-shadow:0 10px 20px -5px rgba(247,37,133,.4)}.stat-card{background:#fff;border-radius:24px;padding:16px;border:1px solid rgba(0,0,0,.03);box-shadow:inset 0 0 20px rgba(187,187,187,.58),0 0;transition:.3s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-8px);box-shadow:0 5px 0 #e4e4e4,0 14px 20px 0 rgba(0,0,0,.45)}.card-icon-bg{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:15px}.variant-purple{background:linear-gradient(135deg,#ba73ff 0,#9000b4 100%);color:#fff;border:none}.variant-orange{background:#fff3e0;color:#e65100}.variant-blue{background:#e3f2fd;color:#1565c0}.bottom-nav{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5);z-index:999}.nav-item{padding:4px;border-radius:20px;color:#9ca3af;transition:.3s;text-align:center;cursor:pointer;flex:1}.nav-item i{font-size:1.4rem;display:block;margin-bottom:2px;transition:.3s}.nav-item span{font-size:.7rem;font-weight:700;display:block;transform:scale(.9);opacity:0;transition:.3s}.nav-item.active{color:var(--primary-color);background:rgba(67,97,238,.1)}.nav-item.active i{transform:translateY(-2px)}.nav-item.active span{opacity:1;transform:scale(1)}.locked-overlay{position:absolute;inset:0;background:rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.locked-overlay:hover{background:rgba(255,255,255,.4)}.lock-icon-circle{width:50px;height:50px;background:#333;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:0;font-size:1.2rem;box-shadow:0 5px 15px rgba(0,0,0,.2)}.admin-table-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05)}.table{margin-bottom:0}.table thead{background:#f8f9fa}.table th{padding:18px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#6c757d;font-weight:700;border:none}.table td{padding:18px;vertical-align:middle;background:#fff;border-bottom:1px solid #f1f5f9}.table tr:last-child td{border-bottom:none}.view-section{animation:2.4s cubic-bezier(.16,1,.3,1) fadeUp}.tab-content{display:none;animation:.3s fadein}.tab-content.active,.tab-content>.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{from{opacity:0}to{opacity:1}}.loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:none;justify-content:center;align-items:center;flex-direction:column}.badge-custom{padding:6px 12px;border-radius:30px;font-size:.7rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.badge-free{background:#e9ecef;color:#495057}.badge-premium{background:#fff0f3;color:#a4133c;border:1px solid #ffccd5}.badge-unlimited{background:#e0faff;color:#0077b6;border:1px solid #90e0ef}.badge-admin{background:#212529;color:#fff}.search-wrapper{background:#fff;padding:10px;border-radius:20px;box-shadow:0 10px 30px -10px rgba(0,0,0,.1);margin-top:-30px;z-index:5;position:relative}@media (min-width:992px){.bottom-nav{display:none}.pc-nav-btn{display:inline-block!important}}.pc-nav-btn,.tab-content>.tab-pane{display:none}.lonceng-free{background:linear-gradient(#3400c6 0,#0277cb 99%),#2d00ae;border-radius:50%;width:30px;height:30px;padding:8px;color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.56)}.lonceng-pro{background:linear-gradient(#98841a 0,#cbc783 52%,#e9ed4d 99%),#2d00ae;border-radius:50%;width:30px;height:30px;padding:8px;color:#473b3b;box-shadow:2px 2px 12px rgba(0,0,0,.56)}