html{font-size:14px}:root{--primary:#ffb700;--primary-glow:#ffb70066;--secondary:#00f0ff;--secondary-glow:#00f0ff66;--danger:#ff3b5c;--background:#080b13;--card-bg:#0f1523b3;--sidebar-bg:#0b101bf0;--border:#ffffff14;--border-focus:#00f0ff80;--text:#f1f5f9;--text-muted:#94a3b8}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff2e #0b0f1999;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f1999;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px;transition:background .3s,box-shadow .3s}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}::-webkit-scrollbar-corner{background:0 0}body{background-color:var(--background);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:Kantumruy Pro,Outfit,sans-serif;position:relative;overflow-x:hidden}.glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,#ffb70012 0%,#0000 45%),radial-gradient(circle at 85% 75%,#00f0ff12 0%,#0000 45%);width:120%;height:120%;position:fixed;top:-10%;left:-10%}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;box-sizing:border-box;flex-direction:column;width:270px;padding:1.5rem .9rem;transition:width .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.logo-icon-wrap{color:#fff;background:linear-gradient(135deg,#ffb700,#ff007f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:900;display:flex;box-shadow:0 0 15px #ffb70066}.sidebar-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.4rem;display:flex}.menu-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.menu-icon{flex-shrink:0;width:19px;height:19px;transition:transform .25s,color .25s}.menu-btn:hover{color:#fff;background:#ffffff0f;transform:translate(3px)}.menu-btn:hover .menu-icon{color:var(--secondary);transform:scale(1.15)}.menu-btn.active{color:#080b13;box-shadow:0 4px 20px var(--primary-glow);background:linear-gradient(135deg,#ffb700,#ffa000);font-weight:700}.menu-btn.active .menu-icon{color:#080b13}.sidebar-socials{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.sidebar-socials a{justify-content:center;width:100%}body.sidebar-collapsed .sidebar{width:76px;padding:1.5rem .6rem}body.sidebar-collapsed .sidebar .logo h1,body.sidebar-collapsed .sidebar .menu-btn span:not(.menu-icon),body.sidebar-collapsed .sidebar .sidebar-socials span,body.sidebar-collapsed .sidebar .user-info,body.sidebar-collapsed .sidebar .user-profile-actions span,body.sidebar-collapsed .sidebar .storage-quota-container,body.sidebar-collapsed .sidebar .status-container,body.sidebar-collapsed .sidebar-footer p{display:none!important}body.sidebar-collapsed .sidebar-header{background:#0f172ad9!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:.8rem .2rem!important}body.sidebar-collapsed .sidebar-header .user-profile-badge{align-items:center!important;gap:0!important;padding:0!important}body.sidebar-collapsed .sidebar-header .profile-row-1{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important}body.sidebar-collapsed .sidebar-header .profile-avatar-name-group{justify-content:center!important}body.sidebar-collapsed .sidebar-header .user-info,body.sidebar-collapsed .sidebar-header .profile-row-2,body.sidebar-collapsed .sidebar-header .profile-row-3,body.sidebar-collapsed .sidebar-header .avatar-level-tag{display:none!important}body.sidebar-collapsed .sidebar-header .user-avatar-container,body.sidebar-collapsed .sidebar-header .user-avatar{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0 auto!important}body.sidebar-collapsed .sidebar-toggle-btn{color:#0b0f19!important;cursor:pointer!important;background:linear-gradient(135deg,#ffb700 0%,#f80 100%)!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;margin-top:6px!important;transition:all .25s!important;display:flex!important;box-shadow:0 0 14px #ffb70099!important}body.sidebar-collapsed .sidebar-toggle-btn:hover{transform:scale(1.12)!important;box-shadow:0 0 20px #ffb700cc!important}body.sidebar-collapsed .sidebar-toggle-btn svg{stroke:#0b0f19!important;stroke-width:2.8px!important;transform:rotate(180deg)!important}body.sidebar-collapsed .sidebar .menu-btn{justify-content:center;padding:.85rem 0}body.sidebar-collapsed .sidebar .menu-btn:hover{transform:scale(1.08)}body.sidebar-collapsed .sidebar-socials a{border-radius:10px;padding:.7rem 0}body.sidebar-collapsed .user-profile-badge{align-items:center;padding:.6rem}body.sidebar-collapsed .user-profile-actions{flex-direction:column;padding-top:.4rem}body.sidebar-collapsed .main-content{margin-left:76px}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.85rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.user-profile-badge{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#10172af2,#1e2941d9);border:1px solid #ffb70040;border-radius:16px;flex-direction:column;gap:.8rem;padding:.9rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000073}.user-profile-badge:before{content:"";opacity:.9;background:linear-gradient(90deg,#ffea00,#ff007f,#00f0ff);width:100%;height:2px;position:absolute;top:0;left:0}.user-profile-badge:hover{border-color:#ffb70080;transform:translateY(-2px);box-shadow:0 14px 35px #0000008c,0 0 25px #ffb70033}.user-profile-main{align-items:center;gap:.85rem;width:100%;display:flex}.user-profile-actions{border-top:1px solid #ffffff14;align-items:center;gap:.55rem;width:100%;padding-top:.65rem;display:flex}.user-avatar-container{flex-shrink:0;position:relative}.user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ffea00,#ff007f,#00f0ff);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 16px #ffb70066}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-status-dot{background:#10b981;border:2px solid #080b13;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 10px #10b981}.avatar-level-tag{color:#0b0f19;letter-spacing:.02em;background:linear-gradient(135deg,#ffea00,#f80);border:1.5px solid #0b0f19;border-radius:9999px;padding:1px 5px;font-size:.65rem;font-weight:900;line-height:1;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ffea0099}.user-info{flex-direction:column;flex-grow:1;gap:.25rem;min-width:0;display:flex}.user-name-wrapper{align-items:center;gap:.35rem;min-width:0;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;background:linear-gradient(135deg,#fff 60%,#ffea00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.02rem;font-weight:800;overflow:hidden}.user-badges-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.badge-level{color:#00e5ff;letter-spacing:.03em;background:#00e5ff1f;border:1px solid #00e5ff66;border-radius:9999px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.68rem;font-weight:900;display:inline-flex;box-shadow:0 0 10px #00e5ff33}.level-progress-wrapper{width:100%;margin-top:.35rem}.level-progress-bar{background:#ffffff14;border-radius:9999px;width:100%;height:5px;position:relative;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#00e5ff 0%,#ffea00 50%,#ff007f 100%);border-radius:9999px;height:100%;transition:width .5s;box-shadow:0 0 8px #00e5ff99}.badge-admin{color:#ffea00;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 0 8px #f59e0b80;background:#f59e0b26;border:1px solid #f59e0b80;border-radius:50px;align-items:center;gap:.3rem;width:fit-content;padding:.15rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #f59e0b33}.badge-member{color:#70f3ff;letter-spacing:.8px;text-transform:uppercase;background:#38bdf826;border:1px solid #38bdf880;border-radius:50px;align-items:center;gap:.3rem;width:fit-content;padding:.15rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #38bdf833}.btn-profile-edit{color:#70f3ff;cursor:pointer;background:linear-gradient(135deg,#00f0ff26,#00a2ff26);border:1px solid #00f0ff73;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.35rem;height:34px;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-profile-edit:hover{color:#080b13;background:linear-gradient(135deg,#00f0ff,#00a2ff);border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 16px #00f0ff73}.btn-logout{color:#ff5c77;cursor:pointer;background:#ff3b5c1f;border:1px solid #ff3b5c59;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.35rem;height:34px;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.storage-quota-container{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);border-radius:14px;margin:1rem 0;padding:.85rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.storage-quota-container:before{content:"";background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);width:100%;height:2px;box-shadow:0 0 8px var(--secondary-glow);position:absolute;top:0;left:0}.storage-quota-container:hover{box-shadow:0 10px 28px #00000073, 0 0 15px var(--primary-glow);border-color:#ffb70059;transform:translateY(-1px)}.storage-quota-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.storage-quota-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:inline-flex}.storage-icon{width:16px;height:16px;color:var(--secondary);filter:drop-shadow(0 0 4px var(--secondary-glow));flex-shrink:0}.storage-quota-value{color:var(--primary);white-space:nowrap;letter-spacing:.3px;font-family:Outfit,Kantumruy Pro,sans-serif;font-size:.82rem;font-weight:700}.storage-bar-bg{background:#ffffff14;border-radius:50px;width:100%;height:6px;position:relative;overflow:hidden}.storage-bar-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);height:100%;box-shadow:0 0 8px var(--secondary-glow);border-radius:50px;transition:width .5s;position:relative}.storage-bar-fill:after{content:"";width:5px;box-shadow:0 0 6px var(--primary);background:#fff;border-radius:50%;position:absolute;top:0;bottom:0;right:0}.storage-bar-fill.warning{background:linear-gradient(90deg,#ff9800,#ffb700);box-shadow:0 0 8px #ff980080}.storage-bar-fill.warning:after{box-shadow:0 0 6px #ff9800}.storage-bar-fill.danger{background:linear-gradient(90deg, var(--danger), #ff5252);box-shadow:0 0 8px #ff3b5c99}.storage-bar-fill.danger:after{box-shadow:0 0 6px var(--danger)}.status-container{flex-direction:column;gap:.45rem;display:flex}.save-status{color:#34d399;text-align:center;background:#10b98114;border:1px solid #10b98140;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.save-status:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px}#bot-status-badge{text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}#bot-status-badge.connected{color:#34d399;background:#10b98114;border:1px solid #10b98140}#bot-status-badge.warning{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b40}#bot-status-badge.disconnected{color:#fb7185;background:#f43f5e14;border:1px solid #f43f5e40}.main-content{box-sizing:border-box;flex-grow:1;min-width:0;margin-left:270px;padding:2rem 2.5rem;transition:margin-left .3s cubic-bezier(.16,1,.3,1)}.content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.breadcrumb-tag{color:var(--secondary);letter-spacing:.8px;text-transform:uppercase;background:#00f0ff14;border:1px solid #00f0ff40;border-radius:50px;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.pulse-live-dot{background:var(--secondary);width:6px;height:6px;box-shadow:0 0 10px var(--secondary);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;box-shadow:0 0 14px var(--secondary);transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.content-header-text h2{color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 60%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.3rem;font-size:1.85rem;font-weight:800}.content-header-text p{color:var(--text-muted);margin:0;font-size:.9rem}.content-header-actions{align-items:center;gap:.75rem;display:flex}.header-action-btn{box-sizing:border-box;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.discord-header-btn{color:#a5b4fc;background:#5865f226;border:1px solid #5865f273}.discord-header-btn:hover{color:#fff;background:#5865f2;border-color:#5865f2;transform:translateY(-2px);box-shadow:0 4px 18px #5865f280}.telegram-header-btn{color:#38bdf8;background:#0088cc1f;border:1px solid #0088cc59}.telegram-header-btn:hover{color:#fff;background:#08c;border-color:#08c;transform:translateY(-2px);box-shadow:0 4px 18px #08c6}.coffee-header-btn{color:#080b13;background:linear-gradient(135deg,#ffb700,#ff9100);box-shadow:0 4px 16px #ffb7004d}.coffee-header-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 22px #ffb70080}.discord-btn{color:#fff;background:#5865f2;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #5865f259}.discord-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f28c}.discord-icon{width:16px;height:16px}.youtube-btn{color:#fff;background:red;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #ff000040}.youtube-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 20px #ff000073}.youtube-icon{width:16px;height:16px}.telegram-btn{color:#fff;background:#08c;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #0088cc40}.telegram-btn:hover{background:#0077b5;transform:translateY(-2px);box-shadow:0 6px 20px #0088cc73}.telegram-icon{width:16px;height:16px}.donate-btn{color:#0b0f19;background:#ffb300;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #ffb30040}.donate-btn:hover{background:#ffa000;transform:translateY(-2px);box-shadow:0 6px 20px #ffb30073}.donate-icon{width:16px;height:16px}.logo{align-items:center;gap:.75rem;display:flex}.logo .icon{filter:drop-shadow(0 0 10px #00e5ff80);font-size:2rem;animation:4s ease-in-out infinite alternate logoPulse}@keyframes logoPulse{0%{transform:scale(1)rotate(-5deg)}to{transform:scale(1.08)rotate(5deg)}}.logo h1{letter-spacing:1.2px;background:linear-gradient(135deg,#fff 40%,#a0c0e0 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;font-size:1.5rem;font-weight:900}.logo h1 span{background:linear-gradient(135deg,#ffea00 0%,#f70 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #ffaa0073);-webkit-background-clip:text}.badge{border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.badge.disconnected{border:1px solid var(--danger);color:#ff6d00;background:#ff3d0026}.badge.connected,.badge.success{color:#00e676;background:#00e67626;border:1px solid #00e676;box-shadow:0 0 10px #00e67633}.badge.warning{color:#fa0;background:#ffaa0026;border:1px solid #fa0;box-shadow:0 0 10px #fa03}.badge.error{border:1px solid var(--danger);color:#ff3d00;background:#ff3d0033}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=576px){.form-row{grid-template-columns:1fr}}.column{flex-direction:column;gap:1.25rem;display:flex}.card{border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:1.25rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006}h2{color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;display:flex}.description{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}label{color:var(--text-muted);margin-bottom:2px;font-size:.85rem;font-weight:500}input,select{border:1px solid var(--border);color:#fff;box-sizing:border-box;background:#0b0f19cc;border-radius:8px;outline:none;width:100%;height:38px;padding:0 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem!important}input:focus,select:focus{border-color:var(--secondary);box-shadow:0 0 10px var(--secondary-glow)}input[readonly]{color:var(--text-muted);cursor:default}input[type=color]{cursor:pointer;box-sizing:border-box;height:38px!important;padding:4px!important}.copy-box{align-items:center;gap:.5rem;display:flex}.copy-box input{flex-grow:1;height:38px}.copy-box button{white-space:nowrap;flex-shrink:0;height:38px}.btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;height:42px;padding:0 1.5rem;font-family:inherit;font-size:.88rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0003}.btn svg{width:1.1rem;height:1.1rem;transition:transform .25s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{color:#0b0f19;background:linear-gradient(135deg,#ffb700 0%,#f80 100%);border:1px solid #ffffff4d;font-weight:900}.btn-primary:hover{color:#000;background:linear-gradient(135deg,#ffc824 0%,#ffa012 100%);box-shadow:0 6px 22px #ffb70073}.btn-telegram{color:#fff;background:linear-gradient(135deg,#08c 0%,#00a8ff 100%);border:1px solid #fff3}.btn-telegram:hover{background:linear-gradient(135deg,#0099e6 0%,#33b8ff 100%);box-shadow:0 6px 22px #0088cc73}.btn-secondary{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff66}.btn-secondary:hover{color:#fff;background:#00e5ff38;border-color:#00e5ff;box-shadow:0 6px 20px #00e5ff59}.btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444466}.btn-danger:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 6px 20px #ef444466}.btn-success{color:#34d399;background:#10b9811f;border:1px solid #10b98166}.btn-success:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 6px 20px #10b98166}.btn-sm{border-radius:9999px;height:34px;padding:0 1rem;font-size:.8rem}.btn-xs{padding:.4rem .8rem;font-size:.75rem}.history-card{flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-container{border:1px solid var(--border);background:#0b0f1980;border-radius:8px;max-height:250px;overflow-y:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--border);padding:.75rem 1rem}th{color:#fff;z-index:1;background:#192038cc;font-weight:600;position:sticky;top:0}tr:last-child td{border-bottom:none}.empty-state{color:var(--text-muted);padding:2rem 0}.text-center{text-align:center}.btn-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.btn-delete:hover{color:#ff6d00}#toast-container{z-index:9999999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100vw - 32px);max-width:320px;display:flex;position:fixed;top:16px;right:16px}.toast-banner{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border-left-style:solid;border-left-width:3px;border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:700;line-height:1.35;transition:all .3s;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 6px 20px #00000059}.toast-banner.toast-exit{animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.toast-banner .toast-icon{flex-shrink:0;width:1rem;height:1rem}.toast-banner .toast-text{flex:1;margin:0}.toast-banner .toast-close{color:currentColor;opacity:.65;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem;font-size:1rem;line-height:1;transition:opacity .2s}.toast-banner .toast-close:hover{opacity:1}.toast-link{color:#ffb700;white-space:nowrap;background:#ffb7002e;border:1px solid #ffb70073;border-radius:6px;align-items:center;gap:.2rem;margin-left:.3rem;padding:.15rem .45rem;font-size:.7rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.toast-link:hover{color:#080b13;background:#ffb700;box-shadow:0 0 10px #ffb70080}.btn-google-auth{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.btn-google-auth svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-google-auth:hover{transform:translateY(-2px)scale(1.01);background:#ffffff1f!important;border-color:#ffffff59!important;box-shadow:0 8px 25px #4285f44d,0 0 15px #34a85333!important}.btn-google-auth:hover svg{transform:scale(1.18)rotate(12deg)}.btn-google-auth:active{filter:brightness(.95);transform:translateY(1px)scale(.96)!important;box-shadow:0 2px 10px #4285f466,inset 0 0 10px #fff3!important}.btn-google-auth:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:50%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.btn-google-auth:hover:after{left:125%}@keyframes otpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-otp-styled{justify-content:center;align-items:center;gap:.25rem;display:inline-flex;position:relative;color:#fbbf24!important;letter-spacing:-.2px!important;cursor:pointer!important;white-space:nowrap!important;-webkit-backdrop-filter:blur(8px)!important;background:linear-gradient(135deg,#f59e0b38 0%,#d9770661 100%)!important;border:1px solid #fbbf2473!important;border-radius:8px!important;flex-shrink:0!important;height:auto!important;padding:.35rem .55rem!important;font-size:.72rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 2px 10px #f59e0b26,inset 0 1px #ffffff26!important}.btn-otp-styled:hover:not(:disabled){color:#080b13!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border-color:#fbbf24!important;transform:translateY(-1px)scale(1.02)!important;box-shadow:0 4px 15px #f59e0b66!important}.btn-otp-styled:active:not(:disabled){transform:translateY(1px)scale(.96)!important;box-shadow:0 2px 6px #f59e0b4d!important}.btn-otp-styled:disabled{color:#fbbf24!important;cursor:not-allowed!important;opacity:.95!important;box-shadow:none!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important;transform:none!important}.otp-countdown-badge{color:#fbbf24;background:#f59e0b47;border:1px solid #fbbf2473;border-radius:4px;margin-left:.1rem;padding:.05rem .3rem;font-family:monospace;font-size:.68rem;font-weight:800;display:inline-block;box-shadow:0 0 6px #f59e0b38}.toggle-wrapper{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#2a2e39,#1e222d);border-radius:.5em;justify-content:center;align-items:center;padding:.125em;font-size:.85em;display:flex;position:relative;box-shadow:0 1px 1px #ffffff1a}.toggle-checkbox{appearance:none;z-index:1;border-radius:inherit;width:100%;height:100%;font:inherit;opacity:0;cursor:pointer;position:absolute}.toggle-container{background-color:#ffffff14;border-radius:.375em;align-items:center;width:3em;height:1.5em;transition:background-color .4s linear;display:flex;position:relative;box-shadow:inset 0 0 .0625em .125em #ffffff1a,inset 0 .0625em .125em #0006}.toggle-checkbox:checked+.toggle-container{background-color:#f59e0b}.toggle-button{background-color:#1e222d;border-radius:.3125em;justify-content:center;align-items:center;width:1.375em;height:1.375em;transition:left .4s;display:flex;position:absolute;left:.0625em;box-shadow:inset 0 -.0625em .0625em .125em #0003,inset 0 -.125em .0625em #0003,inset 0 .1875em .0625em #fff3,0 .125em .125em #00000080}.toggle-checkbox:checked+.toggle-container>.toggle-button{left:1.5625em}.toggle-button-circles-container{grid-template-columns:repeat(3,min-content);gap:.125em;margin:0 auto;display:grid;position:absolute}.toggle-button-circle{background-color:#2a2e39;border-radius:50%;width:.125em;height:.125em;box-shadow:0 1px 1px #fff3}.switch,.switch__input{-webkit-tap-highlight-color:transparent}.switch{cursor:pointer;align-items:center;margin:0;display:flex}.switch__input{appearance:none;cursor:pointer;background:#a72828;border-radius:50px;outline:none;width:58px;height:32px;transition:background-color .4s cubic-bezier(.65,0,.35,1),box-shadow .2s,transform .4s cubic-bezier(.68,-.6,.32,1.6);position:relative;box-shadow:inset 0 1px 1px 1px #00000080,0 1px #ffffff1a}.switch__input:before{content:"";background-color:#e8e3e3;border-radius:50%;width:24px;height:24px;transition:background-color .4s,transform .4s cubic-bezier(.68,-.6,.32,1.6);display:block;position:absolute;top:4px;left:4px}.switch__letters,.switch__letter{transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.switch__letters{pointer-events:none;width:1.2em;height:1.2em;margin-left:6px;font-size:24px;overflow:visible}.switch__letter:last-child{transform:translate(12px)}.switch__letter-stroke{stroke:#a72828;transition:stroke .4s cubic-bezier(.65,0,.35,1),stroke-dashoffset .4s cubic-bezier(.68,-.6,.32,1.6),transform .4s cubic-bezier(.68,-.6,.32,1.6)}.switch__letter-stroke:nth-child(2){transform-origin:2px 2px}.switch__text{width:1px;height:1px;position:absolute;overflow:hidden}.switch__input:checked{background-color:#1fad3e}.switch__input:checked,.switch__input:checked+.switch__letters{transform:translate(.3em)}.switch__input:checked:before{transform:translate(26px)}.switch__input:checked~.switch__letters .switch__letter-stroke{stroke:#1fad3e}.switch__input:checked~.switch__letters .switch__letter-stroke:nth-child(2){stroke-dashoffset:6px}.switch__input:checked~.switch__letters .switch__letter-stroke:last-child{stroke-dashoffset:4px}.switch__input:checked~.switch__letters .switch__letter:first-child .switch__letter-stroke:nth-child(2){stroke-dashoffset:0;transform:rotate(56.5deg)}.switch__input:checked~.switch__letters .switch__letter:last-child{stroke-dashoffset:0;transform:translate(8px)}.toast-banner.toast-success{color:#34d399;background:#0f172af0;border-color:#10b9814d #10b9814d #10b9814d #10b981;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.toast-banner.toast-success .toast-icon{color:#10b981}.toast-banner.toast-error{color:#fca5a5;background:#0f172af0;border-color:#ef44444d #ef44444d #ef44444d #ef4444;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.toast-banner.toast-error .toast-icon{color:#ef4444}.toast-banner.toast-warning{color:#fcd34d;background:#0f172af0;border-color:#f59e0b4d #f59e0b4d #f59e0b4d #f59e0b;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.toast-banner.toast-warning .toast-icon{color:#f59e0b}.toast-banner.toast-info{color:#93c5fd;background:#0f172af0;border-color:#3b82f64d #3b82f64d #3b82f64d #3b82f6;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.toast-banner.toast-info .toast-icon{color:#3b82f6}.alert-banner{box-sizing:border-box;border-left-style:solid;border-left-width:4px;border-radius:10px;align-items:center;width:100%;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;transition:all .3s ease-in-out;animation:.3s alertFadeIn;display:flex}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-banner .alert-icon{flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.6rem}.alert-banner .alert-text{margin:0;font-size:.82rem;font-weight:600;line-height:1.35}.alert-banner.alert-success{color:#34d399;background:#10b98126;border-left-color:#10b981}.alert-banner.alert-success .alert-icon{color:#10b981}.alert-banner.alert-error{color:#fca5a5;background:#ef444426;border-left-color:#ef4444}.alert-banner.alert-error .alert-icon{color:#ef4444}.alert-banner.alert-warning{color:#fcd34d;background:#f59e0b26;border-left-color:#f59e0b}.alert-banner.alert-warning .alert-icon{color:#f59e0b}.alert-banner.alert-info{color:#93c5fd;background:#3b82f626;border-left-color:#3b82f6}.alert-banner.alert-info .alert-icon{color:#3b82f6}.console-box{border:1px solid var(--border);color:#a0aec0;background:#05070c;border-radius:8px;flex-direction:column;gap:.4rem;height:180px;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.8rem;display:flex;overflow-y:auto}.log-line{word-break:break-all;line-height:1.4}.log-line.system{color:#3182ce}.log-line.success{color:#38a169}.log-line.error{color:#e53e3e}.iframe-container{aspect-ratio:16/9;border:1px solid var(--border);background-color:#0e1526;background-image:radial-gradient(circle at 50% 40%,#1e2d4bd9 0%,#0a0f1cfa 100%),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0,-1px -1px,-1px -1px;background-size:100% 100%,24px 24px,24px 24px;border-radius:14px;width:100%;max-width:720px;margin:0 auto;transition:background .3s,background-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0009,0 10px 30px #0000004d}.timer-iframe-container,.goal-iframe-container{aspect-ratio:auto!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:520px!important;height:180px!important;min-height:180px!important;margin:0 auto!important;display:flex!important;position:relative!important}.timer-iframe-container iframe,.goal-iframe-container iframe{width:100%!important;height:100%!important;margin:auto!important;position:absolute!important;inset:0!important;transform:none!important}.preview-bg-mesh{background-color:#0e1526!important;background-image:radial-gradient(circle at 50% 40%,#1e2d4bd9 0%,#0a0f1cfa 100%),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px)!important;background-size:100% 100%,24px 24px,24px 24px!important}.preview-bg-checker{background-color:#181f2c!important;background-image:linear-gradient(45deg,#283347 25%,#0000 25%),linear-gradient(-45deg,#283347 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#283347 75%),linear-gradient(-45deg,#0000 75%,#283347 75%)!important;background-position:0 0,0 10px,10px -10px,-10px 0!important;background-size:20px 20px!important}.preview-bg-neon{background-color:#090a14!important;background-image:radial-gradient(circle at 20% 20%,#ff008033 0%,#0000 40%),radial-gradient(circle at 80% 80%,#00e5ff33 0%,#0000 40%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px)!important;background-size:100% 100%,100% 100%,24px 24px,24px 24px!important}.preview-bg-slate{background-color:#1e293b!important;background-image:radial-gradient(circle,#334155 0%,#0f172a 100%)!important}.btn-bg-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-bg-toggle:hover{color:#fff;background:#ffffff24}.btn-bg-toggle.active{background:var(--primary-gradient,linear-gradient(135deg, #fa0, #f50));color:#000;border-color:#0000;font-weight:800;box-shadow:0 0 10px #fa06}.iframe-container iframe{transform-origin:0 0;border:none;width:1920px;height:1080px;position:absolute;top:0;left:0}.preview-card{flex-direction:column;align-items:center;display:flex}.alert-preview-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:1rem;padding:6px 12px;display:flex;box-shadow:0 4px 20px #0003,inset 0 1px 1px #ffffff14}.preview-btn{cursor:pointer;letter-spacing:.3px;border-radius:50px;outline:none;align-items:center;gap:8px;padding:.55rem 1.15rem;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.preview-btn:hover{transform:translateY(-2px)}.preview-btn:active{transform:translateY(0)scale(.97)}.preview-btn-youtube{color:#ff6b6b;background:linear-gradient(135deg,#ef44442e,#b91c1c4d);border:1px solid #ef444473}.preview-btn-youtube:hover{color:#fff;background:linear-gradient(135deg,#ef444459,#dc26268c);border-color:#ef4444d9;box-shadow:0 4px 18px #ef444473}.preview-btn-photo{color:#00e5ff;background:linear-gradient(135deg,#00e5ff2e,#03a9f44d);border:1px solid #00e5ff73}.preview-btn-photo:hover{color:#fff;background:linear-gradient(135deg,#00e5ff59,#03a9f48c);border-color:#00e5ffd9;box-shadow:0 4px 18px #00e5ff73}.preview-btn-video{color:#10b981;background:linear-gradient(135deg,#10b9812e,#0596694d);border:1px solid #10b98173}.preview-btn-video:hover{color:#fff;background:linear-gradient(135deg,#10b98159,#0596698c);border-color:#10b981d9;box-shadow:0 4px 18px #10b98173}.preview-btn-current{color:#0b0f19;background:linear-gradient(135deg,#fa0,#f70);border:1px solid #fa09;box-shadow:0 3px 14px #ffaa0059}.preview-btn-current:hover{color:#000;background:linear-gradient(135deg,#fb1,#f80);box-shadow:0 6px 22px #fa09}.ticker-iframe-container{border:1px solid var(--border);background-color:#0e1526;background-image:radial-gradient(circle,#1e2d4bd9 0%,#0a0f1cfa 100%),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:100% 100%,24px 24px,24px 24px;border-radius:12px;justify-content:center;align-items:center;width:100%;height:64px;transition:height .3s,background .3s;display:flex;overflow:hidden}.ticker-iframe-container iframe{background:0 0;border:none;width:100%;height:100%;display:block}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);width:100%;margin-top:3rem;padding-top:1.5rem;font-size:.8rem}.save-status{color:var(--text-muted);border:1px solid var(--border);background:#ffffff08;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex}.save-status:before{content:"";background:#00e676;border-radius:50%;width:7px;height:7px;transition:all .3s;display:inline-block;box-shadow:0 0 8px #00e676}.save-status.saving:before{background:#ffb300;animation:1s infinite alternate pulse-saving;box-shadow:0 0 8px #ffb300}@keyframes pulse-saving{0%{opacity:.4}to{opacity:1}}.tab-content{display:none}.tab-content.active{display:block}.status-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.status-container .save-status,.status-container .badge,.status-container .user-badge,.status-container button{white-space:nowrap;box-sizing:border-box;border-radius:50px;justify-content:center;align-items:center;width:100%;height:36px;padding:0 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-container button{border:1px solid var(--danger);color:#ff3d00;cursor:pointer;background:#ff3d0026;outline:none;transition:all .3s}.status-container button:hover{background:#ff3d004d;transform:translateY(-1px)}.mobile-top-bar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:90;background:#0b101bf2;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 1.2rem;display:none;position:sticky;top:0}.mobile-logo{align-items:center;gap:.65rem;display:flex}.mobile-logo-text{color:#fff;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.mobile-logo-text span{color:var(--primary)}.mobile-hamburger-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-hamburger-btn:active{background:var(--primary);color:#080b13;transform:scale(.95)}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99;opacity:0;pointer-events:none;background:#000000b3;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-sidebar-backdrop.active{opacity:1;pointer-events:auto}@media (width<=992px){.mobile-top-bar,.mobile-sidebar-backdrop{display:flex}.app-layout{flex-direction:column}.sidebar{top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 40px #000000b3;z-index:100!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex-direction:column!important;width:min(320px,86vw)!important;height:100dvh!important;max-height:100dvh!important;padding:1rem .85rem 3rem!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;overflow-y:auto!important}.sidebar.mobile-open{transform:translate(0)!important}body.sidebar-collapsed .sidebar,.sidebar{width:min(320px,86vw)!important}body.sidebar-collapsed .sidebar .logo h1,body.sidebar-collapsed .sidebar .menu-btn span,body.sidebar-collapsed .sidebar .sidebar-socials span,body.sidebar-collapsed .sidebar .user-info,body.sidebar-collapsed .sidebar .user-profile-actions span,body.sidebar-collapsed .sidebar .storage-quota-container,body.sidebar-collapsed .sidebar .status-container,body.sidebar-collapsed .sidebar-footer p,.sidebar .logo h1,.sidebar .menu-btn span,.sidebar .sidebar-socials span,.sidebar .user-info,.sidebar .user-profile-actions span,.sidebar .storage-quota-container,.sidebar .status-container,.sidebar-footer p{display:block!important}.sidebar-header{flex-shrink:0!important;margin-bottom:.85rem!important;padding:.65rem .75rem!important}.sidebar-menu{flex-direction:column!important;flex-grow:0!important;flex-shrink:0!important;gap:.35rem!important;overflow:visible!important}.menu-btn{border-radius:10px!important;justify-content:flex-start!important;width:100%!important;min-height:42px!important;padding:.65rem .85rem!important;font-size:.88rem!important}.sidebar-socials{flex-shrink:0!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;margin-top:.75rem!important;display:grid!important}.sidebar-socials a{border-radius:10px!important;justify-content:center!important;width:100%!important;min-height:38px!important;padding:.55rem .65rem!important;font-size:.78rem!important;box-shadow:0 2px 8px #0000004d!important}.sidebar-socials a svg{width:15px!important;height:15px!important}.sidebar-footer{flex-shrink:0!important;gap:.6rem!important;margin-top:.75rem!important;padding-top:.75rem!important;padding-bottom:2rem!important}.btn-logout-animated{max-width:170px!important;height:34px!important;min-height:34px!important;padding:.45rem .75rem!important;font-size:.75rem!important}.storage-quota-container{padding:.6rem .8rem!important}.status-container{gap:.4rem!important}.main-content{margin-left:0!important;padding:1.25rem 1rem!important}.content-header{flex-direction:column;align-items:flex-start;gap:.85rem}.content-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.header-action-btn{flex:1;justify-content:center;min-width:140px;padding:.65rem 1rem;font-size:.85rem}}.metric-card:after{content:"";filter:blur(40px);pointer-events:none;opacity:.15;border-radius:50%;width:100px;height:100px;transition:opacity .3s;position:absolute;top:0;right:0}.metric-card:hover:after{opacity:.3}.metric-card-gold:after{background:#ffb700}.metric-card-cyan:after{background:#00f0ff}.metric-card-fire:after{background:#ff3b5c}.metric-card-gold:hover{border-color:#ffb70059}.metric-card-cyan:hover{border-color:#00f0ff59}.metric-card-fire:hover{border-color:#ff3b5c59}.metric-info{flex-direction:column;flex-grow:1;gap:.35rem;min-width:0;display:flex}.metric-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.metric-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;font-weight:700;overflow:hidden}.metric-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:50px;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.gold-badge{color:#ffb700;background:#ffb70026;border:1px solid #ffb7004d}.cyan-badge{color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff4d}.fire-badge{color:#ff3b5c;background:#ff3b5c26;border:1px solid #ff3b5c4d}.gradient-text-gold{background:linear-gradient(135deg,#ffea00 0%,#ff9100 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:1.55rem;font-weight:900;line-height:1.1}.gradient-text-cyan{background:linear-gradient(135deg,#70f3ff 0%,#00a2ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:1.55rem;font-weight:900;line-height:1.1}.latest-donation-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:800;line-height:1.2;overflow:hidden}@media (width<=992px){.metrics-row{grid-template-columns:1fr;gap:1rem}}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.url-input-group{margin-bottom:0}.url-input-group label{color:#fff;font-weight:700}.url-input-group .copy-box{margin-top:.4rem}@media (width<=1280px){.settings-grid,.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.column{height:auto;padding-right:0;overflow-y:visible}.iframe-container{transform-origin:top}}.auth-layout{z-index:99999;box-sizing:border-box;background:radial-gradient(circle,#0d1527 0%,#050810 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.auth-layout:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffaa0014 0%,#fa00 70%);width:450px;height:450px;position:absolute;top:15%;left:15%}.auth-layout:after{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00e5ff14 0%,#00e5ff00 70%);width:450px;height:450px;position:absolute;bottom:15%;right:15%}.auth-card{-webkit-backdrop-filter:blur(40px);box-sizing:border-box;background:#0a0f1eb3;border:1px solid #ffffff0d;border-radius:28px;width:100%;max-width:460px;padding:3.25rem 2.5rem;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp;position:relative;box-shadow:0 4px 30px #00000080,0 30px 70px #0009,inset 0 1.5px #ffffff14,0 0 100px #ffaa0005,0 0 50px #ffaa001f}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);opacity:.8;border-top-left-radius:24px;border-top-right-radius:24px;height:3px;position:absolute;top:0;left:0;right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.auth-logo svg{filter:drop-shadow(0 0 12px #fa06);width:64px;height:64px;animation:4s ease-in-out infinite floatLogo}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-header{text-align:center;margin-bottom:2.25rem}.auth-header h1{letter-spacing:-.6px;background:linear-gradient(135deg,#fff 40%,#ffffffbf 100%);-webkit-text-fill-color:transparent;text-transform:none;filter:drop-shadow(0 2px 10px #00000073);-webkit-background-clip:text;margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:2.35rem;font-weight:800;line-height:1.15}.auth-header h1 span{background:linear-gradient(135deg,#ffea00 0%,#f70 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px #ffaa0080);-webkit-background-clip:text}.auth-header p{color:var(--text-muted);opacity:.85;font-size:.95rem;font-weight:400}.auth-error-msg{color:#ff5252;text-align:center;background:#ff3d0014;border:1px solid #ff3d004d;border-radius:12px;margin-bottom:1.75rem;padding:.9rem;font-size:.88rem;animation:.4s shake;box-shadow:0 4px 12px #ff3d001a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-card .form-group{margin-bottom:1.5rem}.auth-card label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.auth-card input{border-radius:12px;height:48px;color:#fff!important;background:#080b14b3!important;border:1px solid #ffffff14!important;padding:0 1.25rem!important;font-size:.95rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-card input::placeholder{color:#ffffff40!important}.auth-card input:hover{background:#080b14e6!important;border-color:#ffffff26!important}.auth-card input:focus{border-color:var(--primary)!important;background:#080b14f2!important;box-shadow:0 0 0 3px #ffaa001f,0 8px 20px #0000004d!important}.auth-card .btn-primary{border-radius:12px;width:100%;height:50px;color:#0b0f19!important;letter-spacing:.5px!important;cursor:pointer!important;background:linear-gradient(135deg,#ffea00 0%,#f70 100%)!important;border:none!important;margin-top:1.5rem!important;font-size:.98rem!important;font-weight:700!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 6px 20px #ff770040!important}.auth-card .btn-primary:hover{background:linear-gradient(135deg,#fff033 0%,#f80 100%)!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #f706!important}.auth-card .btn-primary:active{transform:translateY(0)!important;box-shadow:0 4px 10px #f703!important}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:1.75rem;font-size:.9rem}.auth-toggle a{color:var(--secondary);margin-left:.4rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.auth-toggle a:after{content:"";background-color:var(--secondary);transform-origin:100% 100%;width:100%;height:1.5px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-toggle a:hover{color:#80f0ff;text-decoration:none}.auth-toggle a:hover:after{transform-origin:0 100%;transform:scaleX(1)}.user-profile-badge{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.user-profile-badge:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff08,#0000 70%);position:absolute;inset:0}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#0b0f19;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 0 10px #00e5ff26}.user-info{flex-direction:column;flex-grow:1;gap:3px;display:flex}.user-name{color:#fff;letter-spacing:-.3px;font-size:.92rem;font-weight:600;line-height:1.2}.btn-logout{color:#fff6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-logout:hover{color:#ff5252;background:#ff525226;border-color:#ff525259;transform:scale(1.05);box-shadow:0 0 10px #ff525226}.badge-member{color:#a0aec0;text-transform:uppercase;background:#a0aec026;border:1px solid #a0aec04d;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-premium{color:gold;text-transform:uppercase;background:#d4af3726;border:1px solid #d4af374d;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 0 10px #d4af3726}.badge-sponsor{color:#e53e3e;text-transform:uppercase;background:#e53e3e26;border:1px solid #e53e3e4d;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 0 10px #e53e3e26}.badge-lock{color:#fa0;white-space:nowrap;background:#ffaa0026;border:1px solid #ffaa004d;border-radius:6px;margin-left:.5rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;transition:all .3s}.badge-lock.unlocked{color:#00e676;background:#00e67626;border:1px solid #00e6764d}.badge-admin{cursor:default;background:linear-gradient(135deg,#ff3d001f 0%,#ff80000f 100%);border:1px solid #ff3d0066;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite admin-glow;display:inline-flex;position:relative;font-size:0!important}.badge-admin:before{content:"";filter:drop-shadow(0 0 2px #ff3d0080);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5252' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:12px;height:12px;margin-right:3px;display:inline-block}.badge-admin:after{content:"ADMIN";background:linear-gradient(135deg,#ff4d4d 0%,#ff8000 100%);-webkit-text-fill-color:transparent;letter-spacing:.08em;text-shadow:0 0 8px #ff3d0040;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800}.badge-admin:hover{background:linear-gradient(135deg,#ff3d0033 0%,#ff80001a 100%);transform:translateY(-1px)scale(1.03)}@keyframes admin-glow{0%{border-color:#ff3d0059;box-shadow:0 0 6px #ff3d0033,inset 0 0 4px #ff3d001a}50%{border-color:#ff3d00a6;box-shadow:0 0 14px #ff3d0073,inset 0 0 7px #ff3d0033}to{border-color:#ff3d0059;box-shadow:0 0 6px #ff3d0033,inset 0 0 4px #ff3d001a}}input[type=range]{-webkit-appearance:none!important;cursor:pointer!important;background:#ffffff1a!important;border:none!important;border-radius:3px!important;outline:none!important;width:100%!important;height:6px!important;margin:.5rem 0!important;padding:0!important}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1a;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--primary);cursor:pointer;-webkit-appearance:none;width:16px;height:16px;box-shadow:0 0 10px var(--primary-glow);border:none;border-radius:50%;margin-top:-5px;transition:background-color .2s,transform .1s,box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{background:#ffc400;transform:scale(1.15);box-shadow:0 0 15px #fa09}input[type=range]::-moz-range-track{cursor:pointer;background:#ffffff1a;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--primary-glow);border:none;border-radius:50%;transition:background-color .2s,transform .1s,box-shadow .2s}input[type=range]::-moz-range-thumb:hover{background:#ffc400;transform:scale(1.15);box-shadow:0 0 15px #fa09}.sidebar .profile-shell,.sidebar-header{cursor:pointer}.sidebar .user-profile-badge{isolation:isolate}.sidebar-header .user-profile-badge{background:linear-gradient(140deg,#ffffff13,#ffffff04 42%),radial-gradient(circle at 18% 12%,#fbbf2433,#0000 36%),radial-gradient(circle at 88% 78%,#22d3ee29,#0000 38%),#070b14eb!important;border:1px solid #fbbf243d!important;border-radius:18px!important;flex-direction:column!important;gap:.82rem!important;width:100%!important;margin:0!important;padding:.92rem!important;display:flex!important;overflow:hidden!important;box-shadow:0 18px 38px #00000061,inset 0 1px #ffffff1c!important}.sidebar-header .user-profile-badge:before{content:""!important;opacity:.38!important;pointer-events:none!important;z-index:-1!important;background:linear-gradient(90deg,#fbbf2452,#0000 36%,#22d3ee38),linear-gradient(#0000 0%,#ffffff0b 100%)!important;position:absolute!important;inset:0!important}.sidebar-header .user-profile-badge:after{content:""!important;background:linear-gradient(90deg,#22d3ee,#fbbf24 48%,#fb7185)!important;height:2px!important;position:absolute!important;inset:auto 0 0!important;box-shadow:0 0 16px #22d3ee59!important}.sidebar-header .profile-row-1,.sidebar-header .profile-avatar-name-group,.sidebar-header .user-name-wrapper,.sidebar-header .profile-row-2{align-items:center!important;display:flex!important}.sidebar-header .profile-row-1{justify-content:space-between!important;gap:.72rem!important;width:100%!important}.sidebar-header .profile-avatar-name-group{flex:1!important;gap:.72rem!important;min-width:0!important}.sidebar-header .user-avatar-container{flex:none!important;position:relative!important}.sidebar-header .user-avatar{color:#090d16!important;background:linear-gradient(135deg,#fbbf24f2,#f97316eb)!important;border:1px solid #fbbf248c!important;border-radius:16px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;font-family:Outfit,sans-serif!important;font-size:.98rem!important;font-weight:900!important;overflow:hidden!important;box-shadow:0 0 0 4px #fbbf2414,0 14px 24px #fbbf242e!important}.sidebar-header .user-status-dot{background:#34d399!important;border:2px solid #080b13!important;border-radius:999px!important;width:12px!important;height:12px!important;position:absolute!important;bottom:-2px!important;right:-2px!important;box-shadow:0 0 0 4px #34d3991f,0 0 12px #34d399bf!important}.sidebar-header .avatar-level-tag{color:#090d16!important;white-space:nowrap!important;background:#fbbf24!important;border:1px solid #090d1659!important;border-radius:999px!important;padding:.08rem .42rem!important;font-family:Outfit,sans-serif!important;font-size:.58rem!important;font-weight:900!important;line-height:1.35!important;position:absolute!important;top:-8px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 8px 16px #00000059!important}.sidebar-header .user-info{flex-direction:column!important;flex:1!important;gap:.18rem!important;min-width:0!important;display:flex!important}.sidebar-header .user-name-wrapper{gap:.36rem!important;min-width:0!important}.sidebar-header .user-name{color:#f8fafc!important;letter-spacing:0!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:112px!important;font-family:Outfit,sans-serif!important;font-size:.98rem!important;font-weight:800!important;line-height:1.1!important;overflow:hidden!important}.sidebar-header .verified-crown-icon{color:#fbbf24!important;filter:drop-shadow(0 0 7px #fbbf2473)!important;flex:none!important;width:15px!important;height:15px!important}.sidebar-header .profile-account-type{color:#9ca3af!important;font-size:.71rem!important;font-weight:700!important;line-height:1.2!important}.sidebar-header .sidebar-toggle-btn{color:#fbbf24!important;width:32px!important;height:32px!important;box-shadow:none!important;background:#ffffff0e!important;border:1px solid #ffffff1c!important;border-radius:11px!important}.sidebar-header .sidebar-toggle-btn:hover{color:#fff!important;background:#fbbf2421!important;border-color:#fbbf2461!important;transform:translate(-1px)!important}.sidebar-header .profile-row-2{gap:.48rem!important;width:100%!important}.sidebar-header .badge-role,.sidebar-header .badge-level{letter-spacing:0!important;white-space:nowrap!important;text-transform:uppercase!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.34rem!important;min-height:24px!important;padding:.22rem .64rem!important;font-family:Outfit,sans-serif!important;font-size:.67rem!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.sidebar-header .badge-role{color:#fecaca!important;background:#f871711f!important;border:1px solid #f8717161!important;flex:none!important}.sidebar-header .badge-role:before{content:""!important;clip-path:polygon(50% 0,88% 15%,82% 70%,50% 100%,18% 70%,12% 15%)!important;background:currentColor!important;width:10px!important;height:10px!important}.sidebar-header .badge-level{color:#67e8f9!important;background:#22d3ee1a!important;border:1px solid #22d3ee57!important;flex:auto!important;min-width:0!important}.sidebar-header .badge-level:before{content:""!important;clip-path:polygon(48% 0,100% 0,62% 43%,100% 43%,36% 100%,50% 56%,0 56%)!important;background:currentColor!important;flex:none!important;width:8px!important;height:12px!important}.sidebar-header .level-progress-wrapper{width:100%!important;margin:0!important}.sidebar-header .level-progress-wrapper:before{content:"Creator rank";color:#cbd5e1ad;text-transform:uppercase;margin-bottom:.32rem;font-size:.64rem;font-weight:800;display:block}.sidebar-header .level-progress-bar{background:#94a3b824!important;border-radius:999px!important;height:6px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px 2px #0006!important}.sidebar-header .level-progress-fill{border-radius:inherit!important;background:linear-gradient(90deg,#22d3ee 0%,#fbbf24 58%,#fb7185 100%)!important;width:100%!important;height:100%!important;box-shadow:0 0 16px #22d3ee52!important}.sidebar-header:hover .user-profile-badge{transform:translateY(-1px);border-color:#fbbf2461!important}body.sidebar-collapsed .sidebar-header .user-profile-badge{border-radius:16px!important;padding:.65rem .45rem!important}body.sidebar-collapsed .sidebar-header .user-avatar{border-radius:14px!important}body.sidebar-collapsed .sidebar-header .profile-avatar-name-group{flex:none!important}body.sidebar-collapsed .sidebar-header .sidebar-toggle-btn{border-radius:12px!important}.tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.tutorial-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;padding:1rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000026}.tutorial-card:hover{background:#ffffff0a;border-color:#ffaa0026;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.tutorial-video-wrapper{border:1px solid #ffffff14;border-radius:10px;width:100%;height:0;margin-bottom:1rem;padding-bottom:56.25%;position:relative;overflow:hidden}.tutorial-card h3{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6rem;margin:0 0 1rem;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.tutorial-actions{justify-content:flex-end;margin-top:auto;display:flex}.btn-delete-tutorial{align-items:center;gap:.35rem;display:flex;color:#ff5252!important;cursor:pointer!important;background:#ff3d001a!important;border:1px solid #ff3d0033!important;border-radius:8px!important;padding:.4rem .8rem!important;font-size:.78rem!important;transition:all .2s!important}.btn-delete-tutorial:hover{transform:translateY(-1px);background:#ff3d0040!important;border-color:#ff5252!important}.profile-modal-card{width:100%;max-width:680px;max-height:90vh;color:var(--text);background:linear-gradient(145deg,#101625fa,#0b0f19f2);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) profileModalPop;display:flex;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 30px #ffaa001a}@keyframes profileModalPop{0%{opacity:0;transform:scale(.92)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-banner-cover{background:linear-gradient(135deg,#ffaa0080,#ff007f66,#00e5ff80) 0 0/200% 200%;justify-content:flex-end;height:95px;padding:.85rem 1rem;animation:8s infinite bannerGradientFlow;display:flex;position:relative}@keyframes bannerGradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.profile-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;align-items:flex-end;gap:1.2rem;padding:.85rem 1.5rem 1.25rem;display:flex;position:relative}.profile-avatar-wrapper{flex-shrink:0;width:76px;height:76px;margin-top:-38px;position:relative}.profile-avatar-large{color:#fff;object-fit:cover;background:linear-gradient(135deg,#fa0,#ff007f,#00e5ff);border:3px solid #101625;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 20px #fa06}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-avatar-overlay{opacity:0;cursor:pointer;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-modal-title-area{flex:1}.profile-modal-title-area h2{color:#fff;letter-spacing:.3px;margin:0 0 .35rem;font-size:1.3rem;font-weight:800}.profile-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.4rem;transition:all .2s;display:flex}.profile-modal-close:hover{background:#ef4444e6;border-color:#ef4444;transform:scale(1.1)}.profile-modal-tabs{background:#0b0f1980;border-bottom:1px solid #ffffff14;padding:0 1rem;display:flex}.profile-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.85rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .25s}.profile-tab-btn:hover{color:#fff}.profile-tab-btn.active{color:#fa0;text-shadow:0 0 10px #fa06;border-bottom-color:#fa0}.profile-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.pm-tab-content{display:none}.pm-tab-content.active{display:block}.profile-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.badge-2fa-enabled{color:#10b981;letter-spacing:.5px;background:#10b98126;border:1px solid #10b98180;border-radius:50px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.badge-2fa-disabled{color:#ef4444;letter-spacing:.5px;background:#ef444426;border:1px solid #ef444480;border-radius:50px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.switch-toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff1a;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider-round{background-color:#10b981;box-shadow:0 0 12px #10b98166}input:checked+.slider-round:before{transform:translate(22px)}.overlay-copy-row{border:1px solid var(--border);background:#0b0f1980;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.discord-frames-grid{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:#0a0f1dbf;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:310px;padding:12px;display:grid;overflow-y:auto}.discord-frames-grid::-webkit-scrollbar{width:6px}.discord-frames-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.discord-frame-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#182035d9;border:2px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.discord-frame-card:hover{background:#253152f2;border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.discord-frame-card.active{background:#1e3a8a59;border-color:#3b82f6;box-shadow:0 0 16px #3b82f699}.discord-frame-card.active .frame-card-badge{display:flex}.frame-card-badge{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:none;position:absolute;top:5px;right:6px;box-shadow:0 0 8px #3b82f6cc}.frame-card-avatar-wrap{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.frame-card-img{pointer-events:none;object-fit:contain;width:136%;height:136%;position:absolute;top:-18%;left:-18%}.frame-card-title{color:#94a3b8;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.74rem;font-weight:600;line-height:1.25;overflow:hidden}.discord-frame-card.active .frame-card-title{color:#93c5fd;font-weight:700}.btn-frame-tab{color:#94a3b8;cursor:pointer;background:#182035cc;border:1px solid #ffffff1a;border-radius:16px;padding:5px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.btn-frame-tab:hover{color:#fff;background:#253152e6}.btn-frame-tab.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px #3b82f673}.discord-card-styles-grid{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:#0a0f1dbf;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:290px;padding:12px;display:grid;overflow-y:auto}.discord-card-styles-grid::-webkit-scrollbar{width:6px}.discord-card-styles-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.discord-card-style-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#182035d9;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.discord-card-style-item:hover{border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.discord-card-style-item.active{border-color:#3b82f6;box-shadow:0 0 16px #3b82f699}.discord-card-style-item.active .card-style-badge{display:flex}.card-style-badge{color:#fff;z-index:5;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:none;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #3b82f6cc}.card-style-preview-box{align-items:center;gap:8px;width:100%;height:60px;padding:0 10px;display:flex;position:relative;overflow:hidden}.card-style-mini-avatar{color:#fff;z-index:2;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #0006}.card-style-mini-info{z-index:2;flex-direction:column;gap:2px;min-width:0;display:flex}.card-style-mini-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:800;overflow:hidden}.card-style-mini-amount{color:#38bdf8;font-size:.72rem;font-weight:800}.card-style-title{color:#94a3b8;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0f172ae6;padding:6px 8px;font-size:.74rem;font-weight:600;overflow:hidden}.discord-card-style-item.active .card-style-title{color:#93c5fd;font-weight:700}.btn-card-tab{color:#94a3b8;cursor:pointer;background:#182035cc;border:1px solid #ffffff1a;border-radius:16px;padding:5px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.btn-card-tab:hover{color:#fff;background:#253152e6}.btn-card-tab.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px #3b82f673}.btn-tip-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.btn-tip-action svg{width:1.1rem;height:1.1rem;transition:transform .25s}.btn-tip-copy{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff66}.btn-tip-copy:hover{color:#fff;background:#00e5ff38;border-color:#00e5ff;transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff59}.btn-tip-copy:hover svg{transform:scale(1.15)rotate(-5deg)}.btn-tip-open{color:#0b0f19;background:linear-gradient(135deg,#ffb700 0%,#f80 100%);border:1px solid #ffffff4d;font-weight:900}.btn-tip-open:hover{color:#000;background:linear-gradient(135deg,#ffc824 0%,#ffa012 100%);transform:translateY(-2px);box-shadow:0 6px 22px #ffb70073}.btn-tip-open:hover svg{transform:translate(2px,-2px)scale(1.1)}.btn-logout-animated{color:#fca5a5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef44441f 0%,#0f172ae6 50%,#b91c1c29 100%);border:1.2px solid #ef444466;border-radius:9px;justify-content:center;align-items:center;gap:.55rem;width:100%;max-width:180px;height:34px;margin:0 auto;padding:0 .9rem;font-family:inherit;font-size:.78rem;font-weight:900;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #00000059,inset 0 1px #ffffff14}.btn-logout-animated:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.btn-logout-animated:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ef4444,#0000);height:1.5px;transition:opacity .3s;position:absolute;bottom:0;left:10%;right:10%}.btn-logout-icon-wrap{background:#ef444426;border:1px solid #ef444459;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 0 8px #ef444433}.btn-logout-icon-wrap svg{stroke:#fca5a5;width:12.5px;height:12.5px;transition:all .3s;overflow:visible}.btn-logout-icon-wrap svg .logout-door{transition:opacity .3s,transform .3s}.btn-logout-icon-wrap svg .logout-arrow{transform-origin:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-logout-text{text-shadow:0 0 12px #ef444466;transition:transform .3s,color .3s}.btn-logout-animated:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 8px 25px #ef44448c,inset 0 1px #ffffff4d}.btn-logout-animated:hover:before{left:100%}.btn-logout-animated:hover:after{opacity:1;background:#fff}.btn-logout-animated:hover .btn-logout-icon-wrap{background:#ffffff38;border-color:#fff;transform:translate(2px)scale(1.08);box-shadow:0 0 14px #ffffff80}.btn-logout-animated:hover .btn-logout-icon-wrap svg{stroke:#fff}.btn-logout-animated:hover .btn-logout-icon-wrap svg .logout-arrow{animation:.75s cubic-bezier(.4,0,.2,1) infinite logoutArrowRun}.btn-logout-animated:hover .btn-logout-text{color:#fff;text-shadow:0 0 14px #fff9;transform:translate(3px)}.btn-logout-animated:active{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);transform:translateY(0)scale(.97);box-shadow:0 2px 12px #ef444499}.btn-logout-animated:active .btn-logout-icon-wrap{transform:translate(5px)scale(1.15)}.btn-logout-animated:active .btn-logout-icon-wrap svg .logout-arrow{animation:.45s cubic-bezier(.4,0,.2,1) infinite logoutArrowRun}@keyframes logoutArrowRun{0%{opacity:1;transform:translate(0)}45%{opacity:.1;transform:translate(7px)}48%{opacity:0;transform:translate(-6px)}60%{opacity:.5;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.feed-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.feed-stat-card{-webkit-backdrop-filter:blur(14px);background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feed-stat-card:hover{border-color:#00f0ff4d;transform:translateY(-3px);box-shadow:0 10px 25px #0006,0 0 15px #00f0ff26}.feed-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.feed-stat-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.feed-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.76rem;font-weight:600}.feed-stat-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:900;overflow:hidden}.feed-filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.feed-filter-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;transition:all .25s;display:inline-flex}.feed-filter-btn:hover{color:#fff;background:#ffffff1f}.feed-filter-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#38bdf8;box-shadow:0 4px 12px #0ea5e959}.feed-btn-replay{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)!important;border:none!important;border-radius:20px!important;align-items:center!important;gap:.35rem!important;padding:.38rem .8rem!important;font-size:.78rem!important;font-weight:800!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 4px 14px #0ea5e959!important}.feed-btn-replay:hover{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 6px 20px #0ea5e98c!important}.feed-btn-block{color:#fb7185!important;cursor:pointer!important;white-space:nowrap!important;background:#f43f5e26!important;border:1px solid #f43f5e59!important;border-radius:20px!important;align-items:center!important;gap:.35rem!important;padding:.38rem .8rem!important;font-size:.78rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.feed-btn-block:hover{color:#fff!important;background:linear-gradient(135deg,#f43f5e,#e11d48)!important;border-color:#fda4af!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 6px 18px #f43f5e73!important}.feed-btn-unblock{color:#38bdf8!important;cursor:pointer!important;white-space:nowrap!important;background:#38bdf826!important;border:1px solid #38bdf859!important;border-radius:20px!important;align-items:center!important;gap:.35rem!important;padding:.38rem .8rem!important;font-size:.78rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.feed-btn-unblock:hover{color:#fff!important;background:linear-gradient(135deg,#0284c7,#0369a1)!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 6px 18px #38bdf873!important}.feed-btn-delete{color:#fca5a5!important;cursor:pointer!important;white-space:nowrap!important;background:#ef444426!important;border:1px solid #ef44444d!important;border-radius:20px!important;align-items:center!important;gap:.35rem!important;padding:.38rem .75rem!important;font-size:.78rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.feed-btn-delete:hover{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#fca5a5!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 6px 18px #ef444473!important}.trx-copy-badge{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px dashed #ffffff2e;border-radius:8px;align-items:center;gap:.3rem;padding:2px 7px;font-family:monospace;font-size:.74rem;transition:all .2s;display:inline-flex}.trx-copy-badge:hover{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff66}.donor-tier-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:8px;padding:1px 6px;font-size:.68rem;font-weight:900}.donor-tier-top{color:#fbbf24;background:linear-gradient(135deg,#ffb70040,#f59e0b59);border:1px solid #fbbf2480;box-shadow:0 0 10px #fbbf2440}.donor-tier-vip{color:#f472b6;background:linear-gradient(135deg,#a855f740,#ec489959);border:1px solid #f472b680}.glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 15%,#ffb7001f 0%,#0000 40%),radial-gradient(circle at 80% 80%,#00f0ff1f 0%,#0000 45%),radial-gradient(circle,#9d4eed0f 0%,#0000 55%);width:120%;height:120%;animation:12s ease-in-out infinite alternate ambientMeshFloat;position:fixed;top:-10%;left:-10%}@keyframes ambientMeshFloat{0%{transform:scale(1)translate(0)}50%{transform:scale(1.04)translate(-10px,15px)}to{transform:scale(1.02)translate(10px,-10px)}}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;margin-bottom:1.75rem;display:grid}.metric-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#10172ad9,#1e2941a6);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:1.1rem;padding:1.35rem 1.4rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.metric-card:before{content:"";opacity:.85;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.metric-card-gold:before{background:linear-gradient(90deg,#ffea00,#ff9100,#ff007f)}.metric-card-cyan:before{background:linear-gradient(90deg,#00f0ff,#08f,#7000ff)}.metric-card-fire:before{background:linear-gradient(90deg,#ff3b5c,#ff7088,#ffb700)}.metric-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0000008c}.metric-card-gold:hover{border-color:#ffb70080;box-shadow:0 18px 45px #0000008c,0 0 25px #ffb70033}.metric-card-cyan:hover{border-color:#00f0ff80;box-shadow:0 18px 45px #0000008c,0 0 25px #00f0ff33}.metric-card-fire:hover{border-color:#ff3b5c80;box-shadow:0 18px 45px #0000008c,0 0 25px #ff3b5c33}.metric-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.metric-card:hover .metric-icon-wrap{transform:scale(1.1)rotate(5deg)}.gold-glow{color:#ffea00;background:linear-gradient(135deg,#ffb70033,#f59e0b59);border:1px solid #ffea0073;box-shadow:0 0 18px #ffb70059}.cyan-glow{color:#70f3ff;background:linear-gradient(135deg,#00f0ff33,#00a2ff59);border:1px solid #00f0ff73;box-shadow:0 0 18px #00f0ff59}.fire-glow{color:#ff7088;background:linear-gradient(135deg,#ff3b5c33,#e11d4859);border:1px solid #ff3b5c73;box-shadow:0 0 18px #ff3b5c59}.metric-info{flex-direction:column;gap:.35rem;width:100%;min-width:0;display:flex}.metric-label-row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.metric-label-row h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;font-weight:800;overflow:hidden}.metric-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:2px 7px;font-size:.65rem;font-weight:900}.gold-badge{color:#ffea00;background:#ffb70026;border:1px solid #ffb70066;box-shadow:0 0 8px #ffb70040}.cyan-badge{color:#70f3ff;background:#00f0ff26;border:1px solid #00f0ff66;box-shadow:0 0 8px #00f0ff40}.fire-badge{color:#ff7088;background:#ff3b5c26;border:1px solid #ff3b5c66;box-shadow:0 0 8px #ff3b5c40}.gradient-text-gold{background:linear-gradient(135deg,#fff 30%,#ffea00 80%,#ff9100 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ffb70059);letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:900;line-height:1.1}.gradient-text-cyan{background:linear-gradient(135deg,#fff 30%,#00f0ff 80%,#08f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #00f0ff59);letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:900;line-height:1.1}.latest-donation-text{color:#fff;background:linear-gradient(135deg,#fff 50%,#ff7088 100%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.25;overflow:hidden}.card.glass{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172acc,#172036a6);border:1px solid #ffffff14;border-radius:18px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 12px 35px #0006}.card.glass:hover{border-color:#ffffff26;box-shadow:0 18px 45px #00000080}.card.glass h2{letter-spacing:-.2px;font-family:Outfit,Kantumruy Pro,sans-serif;font-weight:800}.sidebar-menu .menu-btn{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.sidebar-menu .menu-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.sidebar-menu .menu-btn.active{background:linear-gradient(135deg,#ffea00 0%,#ff9100 100%);border:1px solid #fff6;font-weight:800;box-shadow:0 6px 22px #ffb70073;color:#080b13!important}.sidebar-menu .menu-btn.active *,.sidebar-menu .menu-btn.active span,.sidebar-menu .menu-btn.active svg,.menu-btn.active *,.menu-btn.active span,.menu-btn.active svg{color:#080b13!important;stroke:#080b13!important}.btn-donate-now-lux{justify-content:center;align-items:center;gap:.5rem;display:inline-flex;position:relative;color:#080b13!important;letter-spacing:.4px!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#ffea00 0%,#ff9100 45%,#ff007f 100%) 0 0/200% 200%!important;border:1.5px solid #fff9!important;border-radius:50px!important;padding:.55rem 1.25rem!important;font-family:Outfit,Kantumruy Pro,sans-serif!important;font-size:.85rem!important;font-weight:900!important;text-decoration:none!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important;animation:4s infinite donateGradientShift!important;overflow:hidden!important;box-shadow:0 6px 22px #ffb70080,0 0 18px #ff007f4d,inset 0 1.5px 2px #ffffffe6!important}@keyframes donateGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-donate-now-lux:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);width:50%;height:200%;transition:all .65s cubic-bezier(.16,1,.3,1);position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.btn-donate-now-lux:hover:after{left:135%}.btn-donate-now-lux:hover{color:#000!important;transform:translateY(-3px)scale(1.05)!important;box-shadow:0 10px 32px #ffb700bf,0 0 28px #ff007f8c,inset 0 2px 3px #fff!important}.btn-donate-now-lux:active{transform:translateY(1px)scale(.97)!important;box-shadow:0 3px 12px #ffb70099!important}.btn-donate-now-lux .donate-coffee-icon{filter:drop-shadow(0 1px 3px #00000080);font-size:1.05rem;animation:2s ease-in-out infinite alternate coffeeBounce;display:inline-block}@keyframes coffeeBounce{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(10deg)}}.rank-badge-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.rank-badge-wrap:hover{transform:scale(1.18)rotate(6deg)}.rank-1-glow{background:linear-gradient(135deg,#ffd70040,#ff880059);border:1.5px solid #ffd70099;box-shadow:0 0 20px #ffd70080,inset 0 1px 1px #fff9}.rank-2-glow{background:linear-gradient(135deg,#e2e8f033,#94a3b84d);border:1.5px solid #e2e8f080;box-shadow:0 0 18px #e2e8f066,inset 0 1px 1px #fff9}.rank-3-glow{background:linear-gradient(135deg,#f9731633,#c2410c4d);border:1.5px solid #f9731680;box-shadow:0 0 18px #f9731666,inset 0 1px 1px #ffffff80}.rank-default-glow{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;width:34px;height:34px}.rank-badge-icon{filter:drop-shadow(0 2px 6px #0006);width:28px;height:28px}.rank-badge-num{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.num-gold,.num-silver{color:#080b13;text-shadow:0 0 2px #fffc}.num-bronze{color:#fff;text-shadow:0 1px 3px #000c}.rank-badge-default-num{color:#94a3b8;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800}.announcement-banner-lux{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#10172ae6,#172036bf);border:1px solid #ffffff14;border-left:4px solid #ffb700;border-radius:14px;padding:1.15rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 8px 25px #00000059}.announcement-banner-lux.banner-type-important{border-left-color:#ff3b5c}.announcement-banner-lux.banner-type-maintenance{border-left-color:#fa0}.announcement-banner-lux.banner-type-news{border-left-color:#00f0ff}.announcement-banner-lux:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 12px 35px #00000073}.announcement-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.announcement-title-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.announcement-badge-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;display:inline-flex}.badge-pill-update{color:#ffea00;background:#ffb70024;border:1px solid #ffb70059}.badge-pill-important{color:#ff7088;background:#ff3b5c24;border:1px solid #ff3b5c59}.badge-pill-maintenance{color:#fa0;background:#ffaa0024;border:1px solid #ffaa0059}.badge-pill-news{color:#70f3ff;background:#00f0ff24;border:1px solid #00f0ff59}.announcement-title-text{color:#fff;letter-spacing:-.2px;margin:0;font-family:Outfit,Kantumruy Pro,sans-serif;font-size:1.08rem;font-weight:800}.announcement-body-text{color:#cbd5e1;white-space:pre-wrap;margin:.4rem 0 .75rem;font-size:.92rem;line-height:1.55}.btn-announcement-link{color:#70f3ff;background:linear-gradient(135deg,#00f0ff24 0%,#00a2ff40 100%);border:1.5px solid #00f0ff73;border-radius:50px;align-items:center;gap:.5rem;padding:.48rem 1.15rem;font-family:Outfit,Kantumruy Pro,sans-serif;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00f0ff26}.btn-announcement-link .link-arrow-icon{font-size:.9rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-announcement-link:hover{color:#080b13;background:linear-gradient(135deg,#00f0ff 0%,#08f 100%);border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 6px 22px #00f0ff73}.btn-announcement-link:hover .link-arrow-icon{transform:translate(4px)scale(1.15)}.btn-announcement-link:active{transform:translateY(0)scale(.97)}.color-preset-bar{flex-wrap:wrap;gap:8px;margin-top:.4rem;display:flex}.preset-color-chip{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:5px;padding:6px 14px;font-family:Outfit,Kantumruy Pro,sans-serif;font-size:.78rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #00000040}.preset-color-chip:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 18px #0006}.preset-color-chip:active{transform:translateY(0)scale(.96)}.custom-color-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172abf;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;margin-top:.35rem;padding:.55rem .9rem;transition:all .25s;display:flex}.custom-color-card:hover{background:#0f172af2;border-color:#00e5ff80;transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff26}.color-preview-circle{border:2px solid #fffc;border-radius:50%;width:24px;height:24px;transition:all .25s}.color-hex-val{color:#fff;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800}.btn-pro{color:#0b0f19;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#07f 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:.5rem 1.1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #00e5ff40,inset 0 1px 1px #fff6}.btn-pro:hover{color:#0b0f19;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #00e5ff66,inset 0 1px 1px #fff9}.btn-pro:active{transform:translateY(0)scale(.98)}.btn-pro-emerald{color:#0b0f19;background:linear-gradient(135deg,#00e676 0%,#00b0ff 100%);box-shadow:0 4px 15px #00e6764d}.btn-pro-emerald:hover{color:#0b0f19;box-shadow:0 6px 22px #00e67680}.btn-pro-amber{color:#fff;background:linear-gradient(135deg,#fa0 0%,#f50 100%);box-shadow:0 4px 15px #ffaa004d}.btn-pro-amber:hover{color:#fff;box-shadow:0 6px 22px #ffaa0080}.btn-grid-layout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-grid-layout:hover{color:#fff;background:#ffffff0d}.btn-grid-layout.active{color:#0b0f19;background:linear-gradient(135deg,#00e5ff 0%,#07f 100%);border-color:#00e5ff80;font-weight:800;box-shadow:0 0 14px #00e5ff66}.live-pulse-dot{background-color:#00e676;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 8px #00e676}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #00e676b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #00e67600}to{transform:scale(.95);box-shadow:0 0 #00e67600}}.offline-dot{background-color:#ff3d00;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #ff3d0080}.sidebar>.sidebar-header .user-profile-badge{background:linear-gradient(140deg,#ffffff13,#ffffff04 42%),radial-gradient(circle at 18% 12%,#fbbf2433,#0000 36%),radial-gradient(circle at 88% 78%,#22d3ee29,#0000 38%),#070b14eb!important;border:1px solid #fbbf243d!important;border-radius:18px!important;flex-direction:column!important;gap:.82rem!important;width:100%!important;margin:0!important;padding:.92rem!important;display:flex!important;overflow:hidden!important;box-shadow:0 18px 38px #00000061,inset 0 1px #ffffff1c!important}.sidebar>.sidebar-header .profile-row-1,.sidebar>.sidebar-header .profile-avatar-name-group,.sidebar>.sidebar-header .user-name-wrapper,.sidebar>.sidebar-header .profile-row-2{align-items:center!important;display:flex!important}.sidebar>.sidebar-header .profile-row-1{justify-content:space-between!important;gap:.72rem!important;width:100%!important}.sidebar>.sidebar-header .profile-avatar-name-group{flex:auto!important;gap:.72rem!important;min-width:0!important}.sidebar>.sidebar-header .user-avatar-container{flex:none!important;position:relative!important}.sidebar>.sidebar-header .user-avatar{color:#090d16!important;background:linear-gradient(135deg,#fbbf24f5,#f97316eb)!important;border:1px solid #fbbf248c!important;border-radius:16px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;font-size:.98rem!important;font-weight:900!important;box-shadow:0 0 0 4px #fbbf2414,0 14px 24px #fbbf242e!important}.sidebar>.sidebar-header .user-name{color:#f8fafc!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important;background:0 0!important;max-width:112px!important;font-size:.98rem!important;font-weight:800!important;line-height:1.1!important}.sidebar>.sidebar-header .user-status-dot{background:#34d399!important;border:2px solid #080b13!important;width:12px!important;height:12px!important;bottom:-2px!important;right:-2px!important;box-shadow:0 0 0 4px #34d3991f,0 0 12px #34d399bf!important}.sidebar>.sidebar-header .avatar-level-tag{color:#090d16!important;background:#fbbf24!important;border-radius:999px!important;padding:.08rem .42rem!important;font-size:.58rem!important;font-weight:900!important;line-height:1.35!important;top:-8px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.sidebar>.sidebar-header .profile-row-2{gap:.48rem!important;width:100%!important}.sidebar>.sidebar-header .badge-role,.sidebar>.sidebar-header .badge-level{letter-spacing:0!important;white-space:nowrap!important;border-radius:999px!important;min-height:24px!important;padding:.22rem .64rem!important;font-size:.67rem!important;font-weight:900!important;line-height:1!important}.sidebar>.sidebar-header .badge-role{color:#fecaca!important;background:#f871711f!important;border:1px solid #f8717161!important;flex:none!important}.sidebar>.sidebar-header .badge-level{color:#67e8f9!important;background:#22d3ee1a!important;border:1px solid #22d3ee57!important;flex:auto!important;min-width:0!important}.sidebar>.sidebar-header .level-progress-wrapper{width:100%!important;margin:0!important}.sidebar>.sidebar-header .level-progress-wrapper:before{content:"Creator rank";color:#cbd5e1ad;text-transform:uppercase;margin-bottom:.32rem;font-size:.64rem;font-weight:800;display:block}.sidebar>.sidebar-header .level-progress-fill{background:linear-gradient(90deg,#22d3ee 0%,#fbbf24 58%,#fb7185 100%)!important;box-shadow:0 0 16px #22d3ee52!important}body.sidebar-collapsed .sidebar>.sidebar-header{padding:.1rem 0 1rem!important}.sidebar>.sidebar-header{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:1px solid #94a3b81f!important;margin:0 0 1.2rem!important;padding:0 0 1rem!important}.sidebar>.sidebar-header .user-profile-badge{box-shadow:none!important;background:#0f172ab8!important;border:1px solid #94a3b82e!important;border-radius:14px!important;gap:.74rem!important;padding:.86rem!important}.sidebar>.sidebar-header .user-profile-badge:before,.sidebar>.sidebar-header .user-profile-badge:after{display:none!important}.sidebar>.sidebar-header .profile-row-1{gap:.65rem!important}.sidebar>.sidebar-header .profile-avatar-name-group{gap:.68rem!important}.sidebar>.sidebar-header .user-avatar{color:#f8fafc!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;box-shadow:none!important;background:#111827!important;border:1px solid #94a3b847!important;border-radius:12px!important}.sidebar>.sidebar-header .user-avatar img,.sidebar>.sidebar-header .user-avatar .avatar-img{border-radius:12px!important}.sidebar>.sidebar-header .avatar-level-tag{color:#111827!important;box-shadow:none!important;background:#e5e7eb!important;border:1px solid #94a3b83d!important;border-radius:999px!important;padding:.05rem .36rem!important;font-size:.56rem!important;font-weight:800!important;top:-6px!important;left:-5px!important;transform:none!important}.sidebar>.sidebar-header .user-status-dot{width:11px!important;height:11px!important;box-shadow:none!important;background:#22c55e!important;border:2px solid #0b1020!important;bottom:-2px!important;right:-2px!important}.sidebar>.sidebar-header .user-name{color:#f8fafc!important;letter-spacing:0!important;max-width:118px!important;font-size:.95rem!important;font-weight:800!important;line-height:1.16!important}.sidebar>.sidebar-header .profile-account-type{color:#94a3b8!important;font-size:.7rem!important;font-weight:600!important}.sidebar>.sidebar-header .verified-crown-icon{color:#cbd5e1!important;stroke:currentColor!important;width:13px!important;height:13px!important}.sidebar>.sidebar-header .sidebar-toggle-btn{color:#cbd5e1!important;width:30px!important;height:30px!important;box-shadow:none!important;background:#0f172ac2!important;border:1px solid #94a3b82e!important;border-radius:10px!important}.sidebar>.sidebar-header .sidebar-toggle-btn:hover{color:#fff!important;background:#1e293bd1!important;border-color:#cbd5e157!important}.sidebar>.sidebar-header .profile-row-2{gap:.45rem!important}.sidebar>.sidebar-header .badge-role,.sidebar>.sidebar-header .badge-level{color:#cbd5e1!important;min-height:22px!important;box-shadow:none!important;letter-spacing:0!important;background:#1e293bb8!important;border:1px solid #94a3b833!important;border-radius:999px!important;padding:.18rem .55rem!important;font-size:.64rem!important;font-weight:800!important}.sidebar>.sidebar-header .badge-role:before,.sidebar>.sidebar-header .badge-level:before{display:none!important}.sidebar>.sidebar-header .badge-role{flex:none!important}.sidebar>.sidebar-header .badge-level{color:#e2e8f0!important;flex:auto!important;min-width:0!important}.sidebar>.sidebar-header .level-progress-wrapper{margin:0!important}.sidebar>.sidebar-header .level-progress-wrapper:before{content:"Creator rank";color:#64748b;letter-spacing:.02em;margin-bottom:.34rem;font-size:.62rem;font-weight:800}.sidebar>.sidebar-header .level-progress-bar{background:#94a3b829!important;border-radius:999px!important;height:5px!important}.sidebar>.sidebar-header .level-progress-fill{box-shadow:none!important;background:#cbd5e1!important}body.sidebar-collapsed .sidebar>.sidebar-header .user-profile-badge{border-radius:12px!important;padding:.58rem .42rem!important}body.sidebar-collapsed .sidebar>.sidebar-header .sidebar-toggle-btn{color:#f8fafc!important;width:34px!important;height:34px!important;box-shadow:none!important;background:#334155!important;border:1px solid #cbd5e16b!important;border-radius:999px!important}body.sidebar-collapsed .sidebar>.sidebar-header .sidebar-toggle-btn:hover{color:#fff!important;background:#475569!important;border-color:#e2e8f094!important;transform:none!important}.tutorial-section-card{background:linear-gradient(145deg,#0f172af2 0%,#16213ad9 100%)!important;border:1.5px solid #ffb70040!important;box-shadow:0 12px 36px #00000073!important}.tutorial-header-flex{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.tutorial-header-title-wrap{align-items:center;gap:.75rem;display:flex}.tutorial-header-icon-badge{color:#fff;background:linear-gradient(135deg,#f05 0%,#f30 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 15px #ff005573}.tutorial-header-icon-badge svg{width:20px;height:20px}.tutorial-subtitle-tag{color:#ffb700;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.tutorial-hd-badge{color:#22d3ee;letter-spacing:.06em;background:#06b6d41f;border:1px solid #06b6d466;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.7rem;font-weight:900;display:inline-flex;box-shadow:0 0 10px #06b6d433}.tutorial-hd-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulseLiveDot;box-shadow:0 0 6px #22d3ee}.tutorial-card-cyber{background:linear-gradient(145deg,#0b1121f2,#131d34e6);border:1px solid #ffffff1a;border-radius:16px;padding:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff14}.tutorial-card-cyber:before{content:"";opacity:.85;background:linear-gradient(90deg,#f05,#ffb700,#00f0ff);height:2px;position:absolute;top:0;left:0;right:0}.tutorial-card-cyber:hover{border-color:#ffb70073;transform:translateY(-2px);box-shadow:0 14px 35px #0000008c,0 0 20px #ffb70026}.tutorial-video-wrapper{background:#000;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 18px #0009}.tutorial-video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-info-bar{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;display:flex}.tutorial-title-group{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.tutorial-play-icon-wrap{color:#ffb700;background:#ffb70026;border:1px solid #ffb70059;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tutorial-play-icon-wrap svg{width:12px;height:12px;margin-left:1px}.tutorial-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}.tutorial-badges{align-items:center;gap:.5rem;display:flex}.tutorial-badge-official{color:#34d399;letter-spacing:.04em;background:#10b9811f;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.tutorial-badge-official .pulse-dot{background:#34d399;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #34d399}.tutorial-yt-link{color:#ff4d79;background:#ff00551f;border:1px solid #ff005559;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.tutorial-yt-link:hover{color:#fff;background:#f05;border-color:#f05;transform:translateY(-1px);box-shadow:0 0 12px #ff005580}.tutorial-yt-link svg{width:13px;height:13px}