:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:rgba(59, 130, 246, 0.4);--accent:#8b5cf6;--accent-glow:rgba(139, 92, 246, 0.3);--bg-main:#0b0e14;--bg-card:rgba(22, 27, 38, 0.8);--bg-header:rgba(11, 14, 20, 0.6);--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:rgba(255, 255, 255, 0.08);--input-bg:rgba(15, 23, 42, 0.6);--nav-bg:rgba(30, 41, 59, 0.4);--shadow-main:0 25px 50px -12px rgba(0, 0, 0, 0.5);--hero-gradient:radial-gradient(circle at top center, rgba(59, 130, 246, 0.15) 0%, rgba(139, 92, 246, 0.05) 50%, transparent 100%)}[data-theme=light]{--bg-main:#f1f5f9;--bg-card:#ffffff;--bg-header:rgba(255, 255, 255, 0.8);--text-main:#0f172a;--text-muted:#475569;--border-color:rgba(0, 0, 0, 0.12);--input-bg:#f1f5f9;--nav-bg:rgba(226, 232, 240, 0.95);--shadow-main:0 20px 40px -15px rgba(0, 0, 0, 0.1)}[data-theme=light] .bg-mesh-grid{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:85%;scroll-behavior:smooth}a{text-decoration:none!important;color:inherit}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.bg-mesh-container{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg-main)}.bg-mesh-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,black 0%,transparent 80%)}.bg-mesh-gradient{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:100vw;height:100vh;background:var(--hero-gradient);filter:blur(80px)}.bg-deep{background-color:var(--bg-main)}.bg-deep-dark{background-color:var(--bg-main)}.bg-card{background-color:var(--bg-card)}.admin-layout{display:flex;flex-direction:column;min-height:100vh}.admin-topbar{position:sticky;top:0;z-index:40;background:var(--bg-main)}.admin-topbar-row1{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.75rem;border-bottom:1px solid var(--border-color)}.admin-topbar-logo{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;transition:opacity .2s;flex-shrink:0}.admin-topbar-logo:hover{opacity:.85}.admin-topbar-logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-topbar-logo-icon img{width:1.875rem;height:1.875rem;object-fit:contain}.admin-topbar-logo-text{font-size:1.1875rem;font-weight:900;letter-spacing:-.03em;color:#fff!important}.admin-topbar-search{display:flex;align-items:center;gap:.625rem;background:var(--nav-bg);border-radius:999px;padding:.5625rem 1rem;width:23.75rem;max-width:100%}.admin-topbar-search i{width:.9375rem;height:.9375rem;opacity:.6;flex-shrink:0}.admin-topbar-search input{background:0 0;border:none;outline:0;color:inherit;font-size:.8125rem;width:100%}.admin-topbar-right{display:flex;align-items:center;gap:1.125rem;flex-shrink:0}.admin-notif-group{position:relative}.admin-topbar-bell{position:relative;display:flex;width:1.375rem;height:1.375rem;color:var(--text-muted);background:0 0;border:none;padding:0;cursor:pointer;transition:color .15s}.admin-topbar-bell:hover{color:var(--text-main)}.admin-topbar-bell i{width:100%;height:100%}.admin-topbar-bell-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-main)}.admin-notif-dropdown{position:absolute;top:100%;right:0;padding-top:.5rem;z-index:30;display:none}.admin-notif-group.open .admin-notif-dropdown{display:block}.admin-notif-dropdown-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:.5rem;width:20rem;max-width:80vw;max-height:24rem;overflow-y:auto;box-shadow:0 12px 28px rgba(0,0,0,.35)}.admin-notif-dropdown-title{font-size:.8125rem;font-weight:800;color:var(--text-main);padding:.5rem .625rem .375rem}.admin-notif-empty{padding:.75rem .625rem;font-size:.8125rem;color:var(--text-muted)}.admin-notif-item{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem;border-radius:.75rem;font-size:.78125rem;color:var(--text-muted);line-height:1.4}.admin-notif-item:hover{background:var(--nav-bg)}.admin-notif-item i{width:.875rem;height:.875rem;flex-shrink:0;margin-top:.125rem;color:var(--primary)}.admin-notif-item b{color:var(--text-main);font-weight:700}.admin-topbar-user{display:flex;align-items:center;gap:.5625rem}.admin-topbar-user-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.6875rem;color:#fff;flex-shrink:0}.admin-topbar-user-name{font-size:.75rem;font-weight:700;color:var(--text-main)}.admin-topbar-logout{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:0 0;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s}.admin-topbar-logout:hover{background:var(--nav-bg);color:var(--primary)}.admin-topbar-logout i{width:1rem;height:1rem}.admin-nav-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.75rem;border-bottom:1px solid var(--border-color);position:relative}.admin-nav-group{position:relative}.admin-nav-pill{display:inline-flex;align-items:center;gap:.4375rem;padding:.5625rem 1rem;border-radius:999px;cursor:pointer;font-size:.78125rem;font-weight:800;color:var(--text-muted);background:var(--nav-bg);text-decoration:none;border:none;transition:background .15s,color .15s}.admin-nav-pill:hover{background:var(--border-color);color:var(--text-main)}.admin-nav-pill--active{color:#fff;background:var(--primary)}.admin-nav-pill--active:hover{background:var(--primary-hover);color:#fff}.admin-nav-pill i{width:.875rem;height:.875rem;flex-shrink:0}.admin-nav-chevron{width:.625rem;height:.625rem;opacity:.8;flex-shrink:0;transition:transform .15s}.admin-nav-group.open .admin-nav-chevron,.admin-nav-group:hover .admin-nav-chevron{transform:rotate(180deg)}.admin-nav-dropdown{position:absolute;top:100%;left:0;padding-top:.5rem;z-index:20;display:none}.admin-nav-group.open .admin-nav-dropdown,.admin-nav-group:hover .admin-nav-dropdown{display:block}.admin-nav-dropdown-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:.5rem;min-width:14rem;box-shadow:0 12px 28px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:.1875rem}.admin-nav-dropdown-card a{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:.75rem;font-size:.78125rem;font-weight:700;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.admin-nav-dropdown-card a:hover{background:var(--nav-bg);color:var(--text-main)}.admin-nav-dropdown-card a.admin-nav-link--active{background:var(--primary);color:#fff}.admin-nav-dropdown-card a i{width:.875rem;height:.875rem;flex-shrink:0}.admin-main{flex:1;padding:1.75rem}@media (min-width:640px){.admin-main{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.admin-main{padding-left:2.5rem;padding-right:2.5rem}}@media (max-width:900px){.admin-topbar-search{width:14rem}}@media (max-width:720px){.admin-topbar-row1{flex-wrap:wrap;row-gap:.75rem}.admin-topbar-search{order:3;width:100%}}@media (max-width:480px){.admin-topbar-search{display:none}.admin-topbar-user-name{display:none}.admin-nav-row{padding:.625rem 1rem;flex-wrap:wrap}.admin-topbar-row1{padding:.875rem 1rem}.admin-main{padding:1rem}.dashboard-title{font-size:1.25rem!important}.table td,.table th{font-size:.78rem;padding:.4rem .5rem}}.booster-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.75rem;border-bottom:1px solid var(--border-color);background:var(--bg-main)}.booster-topbar-brand{display:flex;align-items:center;gap:.625rem;color:var(--primary);text-decoration:none}.booster-topbar-brand i{width:1.125rem;text-align:center;font-size:1rem}.booster-topbar-brand-text{font-weight:900;font-size:1.1875rem;letter-spacing:-.03em;color:var(--primary)}.booster-topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.booster-topbar-user{display:flex;align-items:center;gap:.4375rem;font-size:.84375rem;color:var(--text-main);font-weight:500}.booster-topbar-user b{font-weight:800}.booster-btn{display:inline-flex;align-items:center;gap:.4375rem;border:1px solid transparent;border-radius:999px;font-size:.8125rem;font-weight:800;padding:.5625rem 1.125rem;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,opacity .15s}.booster-btn--ghost{background:var(--nav-bg);border-color:var(--border-color);color:var(--primary)}.booster-btn--ghost:hover{background:var(--border-color);color:var(--primary)}.booster-btn--danger{background:#dc3545;color:#fff}.booster-btn--danger:hover{background:#c8303f;color:#fff}.booster-btn--primary{background:var(--primary);color:#fff}.booster-btn--primary:hover{background:var(--primary-hover);color:#fff}.booster-page{padding:1.75rem;max-width:78rem;margin:0 auto}.booster-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.375rem}.booster-page-title{font-size:1.625rem;font-weight:900;letter-spacing:-.02em;color:var(--text-main);margin:0}.booster-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;margin-bottom:.875rem;overflow:hidden}.booster-card-title-bar{padding:1rem 1.375rem;background:var(--nav-bg);font-size:.90625rem;font-weight:800;color:var(--text-main)}.booster-card-body{padding:1.25rem 1.375rem}.booster-collapsible-toggle{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;color:var(--primary);font-size:.84375rem;font-weight:700;background:0 0;border:none;width:100%;text-align:left;transition:background .15s}.booster-collapsible-toggle:hover{background:var(--nav-bg)}.booster-collapsible-toggle:focus{outline:0;box-shadow:none}.booster-empty-state{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:3.5rem 1.25rem;text-align:center}.booster-empty-state-icon{width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(34,197,94,.18);color:#22c55e;display:flex;align-items:center;justify-content:center;font-size:1.375rem}.booster-empty-state-text{font-size:.875rem;color:var(--text-muted);font-weight:500}.booster-calc-card{max-width:70rem}.booster-calc-card-header{display:flex;align-items:center;gap:.625rem;padding-bottom:1.125rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;color:var(--primary);font-weight:800;font-size:1rem}.booster-calc-tabs{display:flex;gap:.625rem;margin-bottom:1.25rem;flex-wrap:wrap}.booster-calc-tab{padding:.6875rem 1.25rem;border-radius:.75rem;font-size:.8125rem;font-weight:800;cursor:pointer;border:1px solid transparent;background:var(--nav-bg);color:var(--text-muted);transition:background .15s,color .15s}.booster-calc-tab:hover{background:var(--border-color);color:var(--text-main)}.booster-calc-tab--active-rank{background:var(--primary);color:#fff}.booster-calc-tab--active-rank:hover{background:var(--primary-hover);color:#fff}.booster-calc-tab--active-placement{background:0 0;border-color:#f59e0b;color:#f59e0b}.booster-calc-tab--active-placement:hover{background:rgba(245,158,11,.1);color:#f59e0b}.booster-calc-price-controls{background:var(--nav-bg);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;margin-bottom:1.25rem}.booster-calc-price-controls label{font-size:.84375rem;font-weight:700;color:var(--text-main);margin:0}.booster-calc-price-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:999px;padding:.5625rem 1rem;color:var(--text-main);font-size:.8125rem;width:6.25rem;outline:0}.booster-calc-note{font-size:.78125rem;color:var(--text-muted);font-weight:500}.booster-rank-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media (max-width:640px){.booster-rank-select-grid{grid-template-columns:1fr}}.booster-rank-field label{font-size:.8125rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main);display:block}.booster-rank-select{background:var(--nav-bg);border:1px solid var(--border-color);border-radius:.875rem;padding:.8125rem 1.125rem;font-size:.84375rem;color:var(--text-main);width:100%}.booster-rank-select:disabled{color:var(--text-muted)}.booster-calc-result{background:var(--primary-glow);border:1px solid rgba(59,130,246,.4);border-radius:1rem;padding:1.625rem;display:flex;flex-direction:column;align-items:center;gap:.375rem}.booster-calc-result-label{font-size:.90625rem;font-weight:700;color:var(--text-main)}.booster-calc-result-value{font-size:2rem;font-weight:900;letter-spacing:-.02em;color:#ef4444}.booster-calc-price-panel{background:var(--nav-bg);border-radius:1rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.placement-price-card{padding:.875rem;border-radius:.875rem;text-align:center;cursor:pointer;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.2);transition:all .2s}.placement-price-card.selected,.placement-price-card:hover{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.6);transform:translateY(-2px)}.booster-placement-selected-box{padding:1.5rem;border-radius:1rem;text-align:center;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3)}@media (max-width:720px){.booster-topbar{padding:.875rem 1.25rem}.booster-page{padding:1.25rem}}.login-page{min-height:100vh;margin:0;padding:0!important;overflow:hidden;background:var(--bg-main)}.login-split{display:flex;width:100%;min-height:100vh}.login-side-left{flex:1;background:0 0;display:flex;align-items:center;justify-content:flex-end;padding:2rem 3rem;position:relative;overflow:hidden}.login-side-left::after{content:'';position:absolute;top:0;right:-100px;width:200px;height:100%;background:inherit;transform:skewX(-15deg);z-index:1}.login-side-right{flex:1;background:var(--bg-card);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:2rem 3rem;border-left:none}.login-wrap{width:100%;max-width:36rem;position:relative;z-index:20}.login-card{border-radius:28px;background:var(--bg-card);padding:4.5rem 5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-main);color:var(--text-main);min-height:617.5px;display:flex;flex-direction:column;justify-content:center}.login-card h1{margin-bottom:3rem;text-align:left;font-size:2.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.025em}.order-ticker-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.order-ticker-header{display:flex;align-items:center;gap:.75rem;color:#10b981;font-size:.875rem;font-weight:800;text-transform:uppercase;margin-bottom:2rem;letter-spacing:.15em}.order-ticker-track-wrap{flex:1;position:relative;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.order-ticker-track{display:flex;flex-direction:column;gap:1.25rem;animation:tickerVerticalFull 40s linear infinite}@keyframes tickerVerticalFull{0%{transform:translateY(0)}100%{transform:translateY(-33.33%)}}.order-ticker-item{background:rgba(30,41,59,.5);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:transform .2s,background .2s}.order-ticker-item:hover{background:var(--nav-bg);transform:translateX(10px)}.order-ticker-icon{width:3rem;height:3rem;border-radius:12px;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-ticker-icon i{width:1.5rem;height:1.5rem;color:#10b981}.order-ticker-content{flex:1;min-width:0}.order-ticker-user{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.order-ticker-product{font-size:.9375rem;color:var(--text-muted)}.order-ticker-time{font-size:.875rem;color:var(--text-muted);font-weight:600}.login-field{margin-bottom:2rem}.login-field label{display:block;margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--text-muted);letter-spacing:.025em}.login-field input{width:100%;padding:1.25rem 1.5rem;font-size:1.125rem;border-radius:12px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-main);box-sizing:border-box;transition:all .2s}.login-field input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-alert-error{margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#fca5a5}.login-field--checkbox{margin-bottom:1rem}.login-remember{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--text-muted)}.login-remember input[type=checkbox]{width:auto;margin:0;accent-color:var(--primary)}.login-btn{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.login-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}.admin-alert-success{margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;border-radius:10px;border:1px solid rgba(52,211,153,.3);background:rgba(52,211,153,.1);color:#6ee7b7}.admin-alert-error{margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#fca5a5}.otokod-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.85);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.otokod-modal-overlay.otokod-modal-visible{opacity:1;visibility:visible}.otokod-modal{width:100%;max-width:24rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:scale(.95);transition:transform .2s}.otokod-modal-overlay.otokod-modal-visible .otokod-modal{transform:scale(1)}.otokod-modal-title{padding:1rem 1.25rem .5rem;font-size:1.125rem;font-weight:700;color:var(--text-main)}.otokod-modal-body{padding:.5rem 1.25rem 1rem;font-size:.9375rem;color:var(--text-muted);line-height:1.5;word-break:break-all}.otokod-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--border-color)}.otokod-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none;gap:.5rem;text-decoration:none}.otokod-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.otokod-btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.otokod-btn--secondary{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}.otokod-btn--secondary:hover{background:var(--border-color)}.otokod-btn--success{background:#22c55e;color:#fff}.otokod-btn--success:hover{background:#4ade80}.otokod-alert-icon{margin-bottom:.5rem}.otokod-alert-icon.otokod-alert--success{color:#6ee7b7}.otokod-alert-icon.otokod-alert--error{color:#fca5a5}.otokod-success-tick{display:none;width:4rem;height:4rem;margin:0 auto 1rem}#otokod-alert-overlay.otokod-alert--success .otokod-modal{text-align:center}#otokod-alert-overlay.otokod-alert--success .otokod-success-tick{display:block;margin-top:.5rem}#otokod-alert-overlay.otokod-alert--success .otokod-modal-body,#otokod-alert-overlay.otokod-alert--success .otokod-modal-title{text-align:center}#otokod-alert-overlay.otokod-alert--success .otokod-modal-footer{justify-content:center}.otokod-success-tick svg{width:100%;height:100%;overflow:visible}.otokod-success-tick .tick-circle{fill:none;stroke:#22c55e;stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:otokod-tick-circle .45s ease-out forwards;transform-origin:center}.otokod-success-tick .tick-mark{fill:none;stroke:#22c55e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45;stroke-dashoffset:45;animation:otokod-tick-mark .3s ease-out .3s forwards}@keyframes otokod-tick-circle{to{stroke-dashoffset:0}}@keyframes otokod-tick-mark{to{stroke-dashoffset:0}}.text-white{color:#fff!important}.text-slate-200{color:var(--text-main)!important}.text-slate-400{color:var(--text-muted)!important}.text-red-400{color:var(--primary)!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.15em}@keyframes spinner-border{to{transform:rotate(360deg)}}.me-2{margin-right:.5rem!important}.dashboard-section{margin-bottom:2.5rem}.dashboard-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main)}.dashboard-subtitle{margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.dashboard-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-cards{grid-template-columns:repeat(4,1fr)}}.dashboard-card-inner{border-radius:1.25rem;border:1px solid var(--border-color);background:var(--bg-card);padding:1.5rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dashboard-card{text-decoration:none!important;color:inherit;display:block}.dashboard-card:hover .dashboard-card-inner{transform:translateY(-3px);border-color:rgba(239,68,68,.4);box-shadow:0 8px 24px rgba(239,68,68,.15)}.dashboard-card-body{display:flex;align-items:center;gap:1.25rem}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:10px;background:var(--primary-glow);color:var(--primary);flex-shrink:0}.dashboard-card-value{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.25rem}.dashboard-card-label{font-size:.8125rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-icon-container{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.03);flex-shrink:0}.user-header{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);width:calc(100% - 3rem);max-width:85rem;z-index:1000;border:1px solid var(--border-color);background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}.user-header-inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem;padding:0 1.5rem}.user-header-pill-nav{display:flex;align-items:center;background:rgba(0,0,0,.2);padding:.35rem;border-radius:50px;border:1px solid var(--border-color);gap:.15rem}.user-header-pill-nav a{padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;color:var(--text-muted);border-radius:50px;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.user-header-pill-nav a:hover{color:var(--text-main);background:rgba(255,255,255,.05)}.user-header-pill-nav a.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.user-header-right{display:flex;align-items:center;gap:1rem}.user-profile-dropdown{position:relative;z-index:1000}.user-profile-trigger{display:flex;align-items:center;gap:.75rem;background:var(--nav-bg);border:1px solid var(--border-color);padding:.375rem .75rem;border-radius:50px;cursor:pointer;transition:all .2s;color:var(--text-main)}.user-profile-trigger:hover{border-color:var(--primary);background:var(--bg-card)}.user-profile-avatar{width:2rem;height:2rem;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile-avatar i{width:1.125rem;height:1.125rem}.user-profile-name{font-size:.875rem;font-weight:600}.dropdown-chevron{width:1rem;height:1rem;color:var(--text-muted)}.user-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;width:14rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:.5rem;box-shadow:var(--shadow-main);display:none;flex-direction:column;animation:dropdownFade .2s ease}.user-profile-menu.show{display:flex}@keyframes dropdownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:var(--text-main);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.user-profile-item:hover{background:var(--nav-bg);color:var(--primary)}.user-profile-item i{width:1.125rem;height:1.125rem}.user-profile-divider{height:1px;background:var(--border-color);margin:.5rem .75rem}.user-profile-item.logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.user-header-link{font-size:.875rem;font-weight:600;color:var(--text-main);text-decoration:none;transition:color .2s}.user-header-link:hover{color:var(--primary)}.theme-toggle-btn{background:var(--nav-bg);border:1px solid var(--border-color);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:all .2s}.theme-toggle-btn:hover{background:var(--border-color);transform:scale(1.05)}.theme-toggle-btn i{width:1.25rem;height:1.25rem}.user-main{padding:8rem 1.5rem 4rem;max-width:85rem;margin:0 auto;min-height:calc(100vh - 10rem)}.user-body:has(.login-split) .user-main{padding-top:0!important}.hero-section{text-align:center;padding:4rem 0 6rem;max-width:50rem;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 40%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero-title{background:linear-gradient(135deg,#0f172a 40%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:32rem;margin:0 auto;line-height:1.6}.how-it-works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:6rem}.step-card{text-align:center}.step-icon{width:3.5rem;height:3.5rem;background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--primary);transition:all .3s ease}.step-card:hover .step-icon{background:var(--primary-glow);transform:translateY(-5px);border-color:var(--primary)}.step-title{font-size:.9375rem;font-weight:700;margin-bottom:.5rem}.step-desc{font-size:.8125rem;color:var(--text-muted)}.split-content-grid{display:grid;grid-template-columns:1fr 400px;grid-template-rows:auto auto;gap:1.5rem 4rem;align-items:stretch}.split-content-note{grid-column:1/-1}.info-side{display:flex;flex-direction:column}.info-side>.user-info-bubble{flex:1}.stats-widget{position:fixed;bottom:2rem;left:2rem;background:var(--bg-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:.75rem 1.25rem;border-radius:50px;display:flex;align-items:center;gap:.75rem;z-index:100;box-shadow:0 10px 30px -10px rgba(0,0,0,.3);transition:background-color .3s,border-color .3s,box-shadow .3s}[data-theme=light] .stats-widget{box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}.stats-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px rgba(16,185,129,.6);animation:pulse-green 2s infinite}[data-theme=light] .stats-dot{box-shadow:0 0 6px rgba(16,185,129,.4)}@keyframes pulse-green{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}.stats-text{font-size:.8125rem;font-weight:700;color:var(--text-main)}.stats-value{color:var(--primary)}.user-header-logo{display:flex;align-items:center;gap:.75rem;color:var(--text-main);text-decoration:none}.user-header-logo-icon{display:flex;align-items:center;justify-content:center;height:2.5rem;width:auto;border-radius:0;background:0 0!important}.user-header-logo-icon i{width:1.5rem;height:1.5rem}.user-header-logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.user-form-card{border-radius:2rem;border:1px solid var(--border-color);background:var(--bg-card);padding:3rem;box-shadow:0 30px 60px -12px rgba(0,0,0,.5);width:100%;position:relative;overflow:hidden;backdrop-filter:blur(20px);max-width:571.19px;margin:0 auto;flex:1}.user-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5}.user-form-btn{width:100%;padding:1.125rem;background:var(--primary);color:#fff;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.user-form-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.user-form-btn i{width:1.25rem;height:1.25rem;transition:transform .3s ease}.user-form-btn:hover i{transform:translateX(4px)}.user-form-wrap{max-width:672px;margin:0;width:100%;height:100%;display:flex;flex-direction:column}.user-form-field{margin-bottom:1.5rem}.user-form-field label{display:block;margin-bottom:.625rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.user-form-field input{width:100%;padding:.875rem 1.125rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-size:.9375rem;transition:all .2s ease}.user-form-field input:focus{border-color:var(--primary);background:var(--bg-main);box-shadow:0 0 0 4px var(--primary-glow);outline:0}.user-info-bubble{z-index:30;max-width:42rem;margin:.75rem auto .5rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px}.user-info-bubble-title{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.125rem;margin-bottom:.75rem;color:var(--text-main)}.user-info-bubble-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--primary);animation:user-bubble-icon-pulse 1.2s ease-in-out infinite}.user-info-bubble-text{font-size:.9375rem;color:var(--text-muted)!important;line-height:1.6;margin:0}.user-info-bubble-text li,.user-info-bubble-text ol li,.user-info-bubble-text p{color:var(--text-muted)!important}.user-info-bubble-text p{margin:0 0 .5rem 0}.user-info-bubble-text p:last-child{margin-bottom:0}.user-info-bubble-text ol{margin:.5rem 0 0 1.25rem;padding-left:.25rem}.user-info-bubble-text li{margin-bottom:.25rem}.user-info-bubble-text strong{color:var(--text-main)}.user-info-bubble--note{margin-top:.75rem}.user-info-bubble--note .user-info-bubble-icon{color:var(--primary)}.user-form-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.auth-feature-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--nav-bg);border-radius:16px;color:var(--primary);flex-shrink:0}.auth-feature-icon i{width:1.75rem;height:1.75rem}.auth-feature-text{display:flex;flex-direction:column;gap:.25rem}.auth-feature-text strong{font-size:1.25rem;font-weight:700;color:var(--text-main)}.auth-feature-text span{font-size:.9375rem;color:var(--text-muted);line-height:1.4}.user-form-header-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--primary-glow);color:var(--primary)}.user-form-header-icon i{width:1.5rem;height:1.5rem}.user-form-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main)}.user-disclaimer-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.9);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.user-disclaimer-overlay.user-disclaimer-visible{opacity:1;visibility:visible}.user-disclaimer-popup{width:100%;max-width:28rem;padding:1.5rem;background:#1e293b;border:1px solid #334155;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.user-disclaimer-title{font-size:1.125rem;font-weight:700;color:#f8fafc;margin:0 0 1rem}.user-disclaimer-body{font-size:.875rem;color:#cbd5e1;line-height:1.55;margin-bottom:1.25rem}.user-disclaimer-body p{margin:0 0 .75rem}.user-disclaimer-body p:last-child{margin-bottom:0}.user-disclaimer-body strong{color:var(--text-main)}.user-disclaimer-btn{margin:0}.filter-title,.table-header,th{color:var(--text-main)!important;font-weight:600!important}.form-label,label,label.form-label,main label{color:var(--text-main)!important;font-weight:600!important}body main p,main p,p{color:var(--text-main)!important}.filter-title,.table-header,label,th{font-weight:600!important}.text-muted,main p.text-muted,p.text-muted{color:var(--text-muted)!important;font-weight:400!important}.form-control,.form-select,input.form-control,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select.form-select,textarea.form-control{background:var(--input-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;padding:8px 10px!important}input.form-control::placeholder,textarea.form-control::placeholder{color:#94a3b8!important}.form-select option,select.form-select option{background-color:var(--bg-card)!important;color:var(--text-main)!important}input.form-control:focus,input:focus,select.form-select:focus,select:focus,textarea.form-control:focus,textarea:focus{outline:0!important;border-color:var(--primary)!important;background-color:var(--input-bg)!important;box-shadow:0 0 0 2px var(--primary-glow)!important}.form-control-sm.form-control,.form-select-sm.form-select{background:var(--input-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;padding:8px 10px!important}.form-control-sm.form-control:focus,.form-select-sm.form-select:focus{outline:0!important;border-color:#8b5cf6!important;box-shadow:0 0 0 2px rgba(139,92,246,.35)!important}.table-admin{width:100%;text-align:left;font-size:.875rem}.table-admin thead th{border-bottom:1px solid var(--border-color);padding:.875rem 1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-main)!important;background-color:var(--input-bg)!important}.table-admin tbody td{border-bottom:1px solid var(--border-color);padding:.875rem 1rem;color:var(--text-main)!important}.table-admin tbody tr:hover td{color:var(--text-main)!important}.table-admin tbody tr:hover{background:var(--nav-bg)!important;transition:background .2s}.table th,.table thead th{border:none;border-bottom:1px solid var(--border-color);padding:.875rem 1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-main)!important;background-color:var(--input-bg)!important}.table tbody td,.table td{border:none;border-bottom:1px solid var(--border-color);padding:.875rem 1rem;color:var(--text-main)!important;background-color:transparent!important}.table tbody td a{color:var(--primary)!important}.table tbody td a:hover{color:var(--primary-hover)!important;text-decoration:underline!important}.table tbody tr:hover td,.table tbody tr:hover td code,.table-hover tbody tr:hover td,.table-hover tbody tr:hover td code{color:var(--text-main)!important}.table tbody tr,.table-admin tbody tr{transition:background .2s}.table-striped tbody tr:nth-of-type(2n),.table-striped tbody tr:nth-of-type(odd),.table:not(.table-striped) tbody tr{background-color:var(--bg-card)!important}.table td,.table th{background-color:transparent!important}.table{--bs-table-accent-bg:transparent!important;--bs-table-hover-bg:var(--nav-bg)!important;--bs-table-striped-bg:transparent!important}.table tbody tr:hover,.table-admin tbody tr:hover,.table-striped tbody tr:hover{background-color:var(--nav-bg)!important}.table tbody tr:hover td,.table tbody tr:hover td *,.table-admin tbody tr:hover td,.table-admin tbody tr:hover td *,.table-striped tbody tr:hover td,.table-striped tbody tr:hover td *{color:var(--text-main)!important}@media (max-width:767.98px){.table-responsive .table{font-size:.8125rem}.table-responsive .table td,.table-responsive .table th{padding:.5rem .5rem}}.btn-primary,a.btn-primary,button.btn-primary{background:#8b5cf6!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:8px 14px!important;font-weight:600!important}.btn-primary:hover{background:#7c3aed!important;color:#fff!important}.btn-sm.btn-primary{background:#8b5cf6!important;color:#fff!important;padding:6px 12px!important;border-radius:10px!important;font-weight:600!important}.btn-sm.btn-primary:hover{background:#7c3aed!important}.btn-primary:focus-visible{outline:0;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px rgba(139,92,246,.4)}.btn-outline-primary{border-radius:10px;border:1px solid rgba(139,92,246,.6);background:0 0;color:#a78bfa;padding:8px 14px;font-weight:600}.btn-outline-primary:hover{background:rgba(139,92,246,.15);border-color:#8b5cf6;color:#c4b5fd}.btn-outline-primary:focus-visible{outline:0;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px rgba(139,92,246,.4)}.btn-outline-secondary{border-radius:10px;border:1px solid #475569;background:#1e293b;color:#94a3b8;padding:8px 14px;font-weight:600}.btn-outline-secondary:hover{background:#334155;color:#e2e8f0}.btn-outline-secondary:focus-visible,.btn-secondary:focus-visible{outline:0;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px rgba(100,116,139,.3)}.btn-danger,.btn-outline-danger{border-radius:10px;border:none!important;background:#ef4444!important;color:#fff!important;padding:8px 14px!important;font-weight:600!important}.btn-danger:hover,.btn-outline-danger:hover{background:#dc2626!important;color:#fff!important}.btn-sm.btn-danger,.btn-sm.btn-outline-danger{padding:6px 12px!important}.btn-danger:focus-visible,.btn-outline-danger:focus-visible{outline:0!important;box-shadow:0 0 0 2px rgba(239,68,68,.35)!important}.btn-secondary{border-radius:10px;border:none;background:#334155!important;color:#fff!important;padding:8px 14px!important;font-weight:600!important}.btn-secondary:hover{background:#475569!important;color:#fff!important}.btn-link,a.btn-link{color:#94a3b8!important;text-decoration:none}.btn-link:hover{color:#f87171!important}.badge{display:inline-flex;align-items:center;border-radius:10px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.bg-success{background-color:rgba(34,197,94,.2);color:#4ade80}.bg-danger{background-color:#ef4444!important;color:#fff!important}.bg-warning{background-color:rgba(234,179,8,.2);color:#facc15}.bg-secondary{background-color:rgba(100,116,139,.3);color:#94a3b8}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px!important;margin-bottom:24px!important}.table-container,.table-responsive{margin-top:16px;border-radius:16px;overflow:hidden;border:1px solid #334155;background:#1e293b}.list-group-item.text-muted,.text-muted,main .text-muted,p.text-muted,td.text-muted{color:#cbd5e1!important}.text-muted a{color:#f87171!important}.card,.card-body,.table,body,main,p,td{color:var(--text-main)}main .form-label,main .small,main label,main p,main small{color:var(--text-main)!important}main p{color:var(--text-main)!important}.text-slate-400,main p.text-slate-400{color:var(--text-muted)!important}label.text-slate-300,main .text-slate-300,main h2.text-slate-300{color:var(--text-main)!important}.text-dark{color:var(--text-main)!important}.text-body{color:var(--text-main)!important}.small,small{color:var(--text-muted)!important}code{background-color:rgba(51,65,85,.6)!important;color:#f8fafc!important;padding:.2em .5em;border-radius:8px}.card-body{color:#cbd5e1!important}.card-title,.h1,.h2,.h3,.h4,.h5,.h6{color:#f8fafc!important}.pagination{gap:.25rem}.pagination .page-link{background:#1e293b!important;border:1px solid #334155;color:#fff;border-radius:6px}.pagination .page-link:hover{background:#334155!important;color:#fff}.pagination .page-item.active .page-link{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.pagination .page-item.disabled .page-link{background-color:var(--bg-main);color:#64748b}.list-group,ul.list-group{background:0 0!important;border:none!important}.list-group-item{background:var(--input-bg)!important;color:var(--text-main)!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:10px!important;padding:10px!important;margin-bottom:6px!important;transition:background .2s}.list-group-item:last-child{border-bottom:none!important;margin-bottom:0!important}.list-group-item:hover{background:var(--nav-bg)!important;color:var(--text-main)!important;transition:background .2s}.list-group-flush .list-group-item{background:var(--input-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-main)!important;border-radius:10px!important;padding:10px!important}.list-group-flush .list-group-item:hover{background:var(--nav-bg)!important}.list-group-item.text-muted{color:#94a3b8!important}.log-item td,.table tbody tr td,tr.log-item td{color:var(--text-main)!important}.table tbody tr td code{color:var(--text-main)!important}.table tbody tr:hover td,.table tbody tr:hover td code{color:var(--text-main)!important}.form-check-input{background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:4px}.form-check-input:checked{background:#8b5cf6!important;border-color:#8b5cf6!important}.form-check-input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 2px rgba(139,92,246,.35)!important}main h1,main h2,main h3,main h4,main h5{color:var(--text-main)}main .rounded-xl h2{color:var(--text-main)}.form-check-label{color:var(--text-muted)}.table tbody tr:hover{background-color:rgba(139,92,246,.1)!important}.table thead th,body main .table thead th,body main table thead th,main .table thead th{color:var(--text-main)!important}.table tbody td,.table tbody tr:hover td,body main .table tbody td,body main .table tbody tr:hover td,body main table tbody td,main .table tbody td,main .table tbody tr:hover td{color:var(--text-main)!important}.table tbody tr:hover td code,body main .table tbody td code,body main .table tbody tr:hover td code,main .table tbody td code{color:var(--text-main)!important}body main p.text-muted,main p.text-muted{color:var(--text-muted)!important}.bg-white,.card.bg-white,.list-group-item.bg-white,.table.bg-white,body .bg-white,input.bg-white,main .bg-white,select.bg-white{background-color:var(--bg-card)!important}main .form-control,main .form-select,main .list-group-item,main input,main select,main textarea{background-color:var(--input-bg)!important;color:var(--text-main)!important}.form-control.bg-white,.form-select.bg-white{background-color:var(--input-bg)!important}.table thead th{background-color:var(--input-bg)!important;color:var(--text-main)!important}.user-header-auth{display:flex;align-items:center;gap:.75rem}.user-header-btn{padding:.5rem .875rem;font-size:.8125rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:all .2s}.user-header-btn--login{background:var(--nav-bg);color:var(--text-main);border:1px solid var(--border-color)}.user-header-btn--login:hover{background:var(--border-color);color:var(--text-main)}.user-header-btn--register{background:#ef4444;color:#fff}.user-header-btn--register:hover{background:#f87171;box-shadow:0 0 15px rgba(239,68,68,.3)}.user-header-user{display:flex;align-items:center;gap:.75rem;background:var(--nav-bg);padding:.375rem .75rem;border-radius:10px;border:1px solid var(--border-color)}.user-header-username{font-size:.875rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.375rem}.user-header-username i{width:1rem;height:1rem;color:#94a3b8}.user-header-logout{color:#94a3b8;display:flex;align-items:center;transition:color .2s}.user-header-logout:hover{color:#ef4444}.user-header-logout i{width:1.125rem;height:1.125rem}.user-header-nav a.active{background:#ef4444;color:#fff}.auth-modal{max-width:32rem!important;background:var(--bg-card)!important;border-radius:24px!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-main)!important;overflow:hidden}.auth-modal .otokod-modal-title{padding:3rem 2.5rem 1.5rem!important;font-size:1.75rem!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em!important;text-align:center!important;border-bottom:none!important}.auth-modal .otokod-modal-body{padding:0 2.5rem 1.5rem!important}.auth-modal .otokod-modal-footer{padding:1rem 2.5rem 3rem!important;border-top:none!important;display:flex!important;gap:.75rem!important;justify-content:stretch!important}.auth-modal .otokod-modal-footer .otokod-btn{flex:1;padding:.875rem 1.25rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:12px!important}.otokod-btn--primary{background:#0ea5e9!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px rgba(14,165,233,.2)!important;transition:all .2s ease!important}.otokod-btn--primary:hover{background:#38bdf8!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(14,165,233,.3)!important}.otokod-btn--primary:active{transform:translateY(0)}.otokod-btn--secondary{background:var(--nav-bg)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important}.otokod-btn--secondary:hover{background:var(--border-color)!important;color:var(--text-main)!important}.auth-error{margin:0 2.5rem 1.5rem!important;padding:.875rem 1.125rem;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#fca5a5;font-size:.8125rem}.user-form-group{margin-bottom:1.5rem}.user-form-group label{display:block;margin-bottom:.625rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.user-form-input{width:100%;padding:.875rem 1.125rem!important;background:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;color:var(--text-main)!important;font-size:.9375rem!important;transition:all .2s ease!important}.user-form-input::placeholder{color:#94a3b8!important;opacity:.8!important}[data-theme=light] .user-form-input::placeholder{color:#64748b!important}.user-form-input:focus{border-color:var(--primary)!important;background:var(--bg-card)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;outline:0!important}.user-form-hint{font-size:.8125rem;color:#94a3b8;margin-top:.5rem;line-height:1.4}.password-strength-meter{height:6px;background:var(--bg-main);border-radius:3px;margin:.75rem 0 .25rem;overflow:hidden;position:relative}.strength-bar{height:100%;width:0;transition:all .3s}.strength-v-weak{background:#ef4444}.strength-weak{background:#f97316}.strength-medium{background:#eab308}.strength-strong{background:#22c55e}.strength-v-strong{background:#10b981}.strength-text{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-top:.25rem;display:block;text-align:left}#btn-register-submit:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.leaderboard-wrap{width:100%;max-width:60rem;margin:6rem auto 0}.leaderboard-winners{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:3rem;margin-top:8rem}.winner-card{flex:1;max-width:14rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.2)}.winner-card--1st{order:2;transform:scale(1.1);border-color:#facc15;box-shadow:0 15px 40px rgba(250,204,21,.15);z-index:2;padding-top:3rem}.winner-card--2nd{order:1;border-color:#94a3b8}.winner-card--3rd{order:3;border-color:#d97706}.winner-rank{position:absolute;top:-1.5rem;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;border:4px solid var(--bg-card)}.winner-rank--1{background:linear-gradient(135deg,#fde047,#facc15);top:-2rem;width:4rem;height:4rem;font-size:2rem}.winner-rank--2{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.winner-rank--3{background:linear-gradient(135deg,#fbbf24,#d97706)}.winner-username{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-top:.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;width:100%}.winner-count{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.winner-count strong{color:var(--primary);font-size:1.125rem}.winner-badge{margin-top:1rem;padding:.375rem .75rem;border-radius:20px;background:var(--primary-glow);color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid var(--border-color)}.leaderboard-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.leaderboard-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background .2s}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:var(--nav-bg)}.dashboard-quick-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dashboard-quick-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.9375rem;font-weight:600;transition:all .2s;cursor:pointer;border:1px solid transparent}.dashboard-quick-btn i{width:1.25rem;height:1.25rem}.dashboard-quick-btn--primary{background:var(--primary);color:#fff}.dashboard-quick-btn--primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.dashboard-quick-btn--secondary{background:var(--nav-bg);color:var(--text-main);border-color:var(--border-color)}.dashboard-quick-btn--secondary:hover{background:var(--border-color);transform:translateY(-2px)}.dashboard-quick-btn--outline-red{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.dashboard-quick-btn--outline-red:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.leaderboard-item-rank{width:3rem;font-size:1.125rem;font-weight:700;color:var(--text-muted)}.leaderboard-item-user{flex:1;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.leaderboard-item-user i{width:1rem;height:1rem;color:var(--text-muted)}.leaderboard-item-count{font-size:.9375rem;color:var(--text-muted)}.leaderboard-item-count strong{color:var(--text-main)}.user-auth-side{background-color:var(--bg-main)!important;display:flex;align-items:center;justify-content:center;color:var(--text-main);padding:4rem!important}.auth-promo-content{width:100%;max-width:36rem;background:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:32px;padding:3.5rem;box-shadow:var(--shadow-main);min-height:617.5px;display:flex;flex-direction:column;justify-content:center}.auth-promo-badge{display:inline-block;padding:.375rem 1rem;background:var(--primary-glow);color:var(--primary);border-radius:50px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.auth-promo-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:var(--text-main)}.auth-promo-content p{font-size:1.125rem;color:var(--text-muted)!important;margin-bottom:3rem}.auth-features-list{display:flex;flex-direction:column;gap:2rem}.auth-feature-item{display:flex;gap:1.25rem}.auth-feature-icon{width:3rem;height:3rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-icon i{width:1.5rem;height:1.5rem;color:#0ea5e9}.auth-feature-text strong{display:block;font-size:1.125rem;margin-bottom:.25rem;color:var(--text-main)!important}.auth-feature-text span{color:var(--text-muted)!important;font-size:.9375rem}.auth-footer-btns{display:flex;gap:1rem;margin-top:1rem}.auth-footer-btns .otokod-btn{flex:1;padding:.875rem!important;border-radius:12px!important;font-weight:600!important}.auth-switch{margin-top:2rem;text-align:center;font-size:.9375rem;color:var(--text-muted)!important}.auth-switch a{color:#0ea5e9;font-weight:600;text-decoration:none;margin-left:.5rem}.auth-switch a:hover{text-decoration:underline}.password-input-wrapper{position:relative;width:100%;box-sizing:border-box;overflow:hidden;display:block}.password-input-wrapper input{padding-right:3.5rem!important;box-sizing:border-box;width:100%!important;display:block}.btn-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0!important;border:none!important;color:#475569;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;box-shadow:none!important;outline:0!important}.btn-toggle-password:hover{color:#0ea5e9;background:rgba(14,165,233,.08)!important;border-radius:10px}.btn-toggle-password i{width:1.25rem;height:1.25rem}@media (max-width:992px){.login-split{flex-direction:column;min-height:100vh}.login-side-left{width:100%!important;flex:0 0 auto!important;padding:8rem 1rem 4rem!important;justify-content:center!important}.login-side-right.user-auth-side{display:none!important}.login-card{padding:3rem 2rem!important;margin:0 auto}}.user-footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:5rem 1.5rem 3rem;margin-top:4rem}.user-footer-inner{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:768px){.user-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr}}.user-footer-brand{display:flex;flex-direction:column;gap:1.25rem}.user-footer-logo{display:flex;align-items:center;gap:.75rem;color:var(--text-main);text-decoration:none;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.user-footer-logo-favicon{width:24px;height:24px;object-fit:contain;border-radius:6px}.user-footer-slogan{color:var(--text-muted);font-size:1rem;max-width:20rem}.user-footer-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.5rem}.user-footer-links{display:flex;flex-direction:column;gap:1rem}.user-footer-links a{color:var(--text-muted);font-size:.9375rem;font-weight:500;transition:color .2s}.user-footer-links a:hover{color:var(--primary)}.user-footer-bottom{max-width:80rem;margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;color:var(--text-muted);font-size:.875rem;font-weight:500}.login-field--checkbox{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem;cursor:pointer;position:relative;z-index:10}.login-field--checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-radius:6px;background:var(--input-bg);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.4, 0, .2, 1);margin-top:.15rem}.login-field--checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.login-field--checkbox input[type=checkbox]:checked::after{display:none}[data-theme=light] .login-field--checkbox input[type=checkbox]{border-color:rgba(0,0,0,.35)!important;background:#fff!important}[data-theme=light] .login-field--checkbox input[type=checkbox]:checked{background:var(--primary)!important;border-color:var(--primary)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important}[data-theme=light] .login-field--checkbox input[type=checkbox]:checked::after{display:none}.login-field--checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-field--checkbox label{font-size:.875rem!important;font-weight:500!important;color:var(--text-muted)!important;line-height:1.4!important;margin:0!important;cursor:pointer;user-select:none}.cf-turnstile-container{width:100%;display:flex;justify-content:flex-start;margin-bottom:1.25rem}.winner-avatar-container{position:absolute;top:-1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;border:4px solid var(--bg-card);box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.winner-avatar-container--1{top:-2.5rem;width:4.5rem;height:4.5rem;border-color:#facc15;box-shadow:0 0 15px rgba(250,204,21,.3)}.winner-avatar-container--2{border-color:#94a3b8;box-shadow:0 0 10px rgba(148,163,184,.2)}.winner-avatar-container--3{border-color:#d97706;box-shadow:0 0 10px rgba(217,119,6,.2)}.winner-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.winner-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;color:#94a3b8}.winner-avatar-placeholder i{width:1.5rem;height:1.5rem}.winner-avatar-container--1 .winner-avatar-placeholder i{width:2rem;height:2rem}.winner-rank-badge{position:absolute;bottom:-5px;right:-5px;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;border:2px solid var(--bg-card)}.winner-rank-badge--1{background:linear-gradient(135deg,#fde047,#facc15);width:1.75rem;height:1.75rem;font-size:.95rem;bottom:-2px;right:-2px}.winner-rank-badge--2{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.winner-rank-badge--3{background:linear-gradient(135deg,#fbbf24,#d97706)}.leaderboard-item-avatar-wrapper{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--border-color);background:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-item-avatar{width:100%;height:100%;object-fit:cover}.leaderboard-item-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.leaderboard-item-avatar-placeholder i{width:16px!important;height:16px!important}.user-body .login-side-left{background:0 0;padding-top:8rem;padding-bottom:4rem;align-items:flex-start!important}.user-body .login-side-left::after{display:none!important}.user-body .login-side-right{background:0 0;padding-top:8rem;padding-bottom:4rem;align-items:flex-start!important}.user-body .user-auth-side{background-color:transparent!important;padding-top:8rem!important;padding-bottom:4rem!important;align-items:flex-start!important}.user-body .auth-promo-content,.user-body .login-card{box-shadow:0 30px 60px -15px rgba(0,0,0,.6),0 0 50px rgba(59,130,246,.05)!important;border-color:rgba(255,255,255,.1)!important;background:rgba(22,27,38,.85)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}[data-theme=light] .user-body .auth-promo-content,[data-theme=light] .user-body .login-card{background:rgba(255,255,255,.9)!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 30px 60px -15px rgba(0,0,0,.1),0 0 50px rgba(59,130,246,.02)!important}[data-theme=light] .auth-feature-icon{background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.05)!important}[hidden]{display:none!important}@media (max-width:767.98px){body,html{overflow-x:hidden;width:100%;position:relative}.user-header{top:.5rem;width:calc(100% - 1rem);border-radius:12px}.user-header-inner{flex-direction:column;height:auto;padding:1rem;gap:.75rem}.user-header-pill-nav{width:100%;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:.25rem!important;gap:.15rem!important;background:rgba(0,0,0,.2);border-radius:50px}.user-header-pill-nav::-webkit-scrollbar{display:none}.user-header-pill-nav a{flex-shrink:0!important;padding:.4rem .7rem!important;font-size:.75rem!important;white-space:nowrap!important}.user-header-right{width:100%;justify-content:space-between;gap:.5rem}.user-main{padding:12rem 1rem 3rem}.split-content-grid{grid-template-columns:1fr!important;gap:2rem!important}.user-form-wrap{margin:0 auto!important}.how-it-works-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.user-form-card{padding:1.5rem!important;border-radius:1.25rem!important}.user-footer{padding:3rem 1rem 2rem!important}.user-footer-slogan{max-width:100%!important}.user-footer-links{align-items:flex-start!important;gap:.4rem!important}.user-footer-column{width:120px!important;max-width:120px!important}.user-footer-column h3{text-align:left!important}}@media (max-width:575.98px){.how-it-works-grid{grid-template-columns:1fr!important}.hero-title{font-size:2.25rem!important;line-height:1.2}.hero-subtitle{font-size:1rem!important}.user-profile-menu{width:100%;left:0;right:0}}.hero-scroll-btn{display:none}@media (max-width:767.98px){.hero-scroll-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.75rem 1.75rem;background:var(--primary);color:#fff;font-size:.9375rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);transition:transform .2s,box-shadow .2s;animation:bounce-hint 2.5s ease-in-out 1.2s 3}.hero-scroll-btn:active{transform:scale(.96)}@keyframes bounce-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}}