@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0a1f20;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}.layout{color:#fff;background:#071718;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.sidebar{z-index:100;background:linear-gradient(#081c1d 0%,#0d2628 50%,#0f2e30 100%);border-right:1px solid #c7c3621a;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #0006}.sidebar-logo{border-bottom:1px solid #c7c3621a;align-items:center;gap:12px;padding:24px 20px;display:flex}.s-logo-img{object-fit:cover;border:1px solid #c7c36240;border-radius:10px;flex-shrink:0;width:44px;height:44px}.s-logo-name{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700;display:block}.s-logo-tag{color:#c7c36299;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:20px 14px;display:flex}.nav-item{color:#ffffff73;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#ffffffd9;background:#c7c36212;border-color:#c7c3621a}.nav-item.active{color:#c7c362;background:linear-gradient(135deg,#c7c36226,#a8a44e14);border-color:#c7c36233;box-shadow:0 2px 12px #c7c3621a}.nav-icon{font-size:17px}.sidebar-footer{border-top:1px solid #c7c3621a;padding:18px 14px}.user-info{align-items:center;gap:10px;margin-bottom:12px;display:flex}.user-avatar{color:#0a1f20;background:linear-gradient(135deg,#c7c362,#a8a44e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.user-name{color:#fff;font-size:13px;font-weight:600}.user-role{color:#c7c36299;text-transform:capitalize;font-size:11px}.logout-btn{color:#fca5a5;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{background:#ef44442e;border-color:#ef444459}.main-content{background:#071718;flex:1;min-height:100vh;padding:32px}.main-content.has-sidebar{margin-left:260px}.bottom-nav{z-index:200;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0a1e1ff7,#0a1e1f);border-top:1px solid #c7c3621f;justify-content:space-around;align-items:center;height:68px;padding:0 4px 4px;display:none;position:fixed;bottom:0;left:0;right:0}.bn-item{color:#ffffff59;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px 4px;text-decoration:none;transition:color .25s;display:flex;position:relative}.bn-pill{background:linear-gradient(90deg,#c7c362,#a8a44e);border-radius:0 0 4px 4px;width:28px;height:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.bn-item--active .bn-pill{transform:translate(-50%)scaleX(1)}.bn-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .25s,transform .25s;display:flex}.bn-item--active .bn-icon{color:#c7c362;background:#c7c3621f;transform:translateY(-2px)}.bn-item:active .bn-icon{transform:scale(.88)translateY(-1px)}.bn-label{letter-spacing:.2px;font-size:10px;font-weight:600;line-height:1;transition:color .25s}.bn-item--active .bn-label{color:#c7c362}.page-topbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#081c1de0;border-bottom:1px solid #c7c3621a;align-items:center;gap:12px;margin:-32px -32px 28px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar-logo{object-fit:cover;border:1px solid #c7c36240;border-radius:8px;flex-shrink:0;width:36px;height:36px}.topbar-brand{flex-direction:column;gap:1px;display:flex}.topbar-name{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700;line-height:1}.topbar-tagline{color:#c7c3628c;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.page-body{padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:#0d2628f2;border:1px solid #c7c36226;border-radius:18px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) slide-up;box-shadow:0 20px 60px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:18px}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:color .2s}.modal-close:hover{color:#fff}.modal-content .field label{color:#ffffff8c;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.page-header{margin-bottom:28px}.page-header h1{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:700}.page-header p{color:#fff6;margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:linear-gradient(135deg,#143032e6,#0d2628cc);border:1px solid #c7c3621a;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.stat-card:before{content:"";opacity:.1;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-card.gold:before{background:#c7c362}.stat-card.blue:before{background:#5d9ea0}.stat-card.green:before{background:#10b981}.stat-card.purple:before{background:#8b5cf6}.stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.stat-icon-wrap.gold{color:#f59e0b;background:#f59e0b26}.stat-icon-wrap.blue{color:#7ec8ca;background:#5d9ea026}.stat-icon-wrap.green{color:#34d399;background:#10b98126}.stat-icon-wrap.purple{color:#a78bfa;background:#8b5cf626}.nav-active-dot{background:#c7c362;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 6px #c7c36299}.quick-action-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;display:grid}.quick-action-card{text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #c7c3621a;border-radius:14px;padding:20px 14px;transition:all .25s}.quick-action-card:hover{background:#c7c36214;border-color:#c7c36240;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.quick-action-icon{margin-bottom:10px}.quick-action-label{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600}.quick-action-desc{color:#ffffff59;font-size:11px}.stat-icon{margin-bottom:10px;font-size:24px}.stat-value{color:#fff;margin-bottom:4px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#fff6;font-size:12px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d2628b3;border:1px solid #c7c36217;border-radius:18px;margin-bottom:20px;padding:22px}.card h3{color:#fff;margin-bottom:16px;font-size:15px;font-weight:600}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#c7c36280;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #c7c3621a;padding:0 0 12px;font-size:11px;font-weight:600}td{color:#ffffffbf;border-bottom:1px solid #ffffff0a;padding:12px 0;font-size:14px}tr:last-child td{border-bottom:none}.td-gold{color:#f59e0b}.td-muted{color:#fff6}.td-green{color:#34d399}.fw-bold{font-weight:700}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-green{color:#34d399;background:#10b9811f;border:1px solid #10b98138}.badge-blue{color:#7ec8ca;background:#5d9ea026;border:1px solid #5d9ea040}.badge-yellow{color:#c7c362;background:#c7c36226;border:1px solid #c7c36240}.coins-badge{color:#c7c362;background:#c7c3621f;border:1px solid #c7c36240;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-gold{color:#0a1f20;background:linear-gradient(135deg,#c7c362,#a8a44e);box-shadow:0 4px 12px #c7c36240}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c7c36259}.btn-outline{color:#ffffffa6;background:0 0;border:1px solid #c7c36233}.btn-outline:hover{color:#fff;background:#c7c36212}.btn-full{width:100%}.mt-12{margin-top:12px}.field{margin-bottom:16px}.field label{color:#ffffff8c;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.field input,.field select{color:#fff;background:#ffffff0d;border:1px solid #c7c3622e;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s}.field input:focus,.field select:focus{border-color:#c7c362}.field input::placeholder{color:#fff3}.field select option{background:#113133}.success-msg{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.empty-msg{color:#fff6;text-align:center;padding:20px}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{margin-bottom:12px;font-size:48px}.empty-state p{color:#fff6}.two-col-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.col-stack{flex-direction:column;gap:20px;display:flex}.mobile-only{display:none}.desktop-only{display:block}.list-card{background:#ffffff0a;border:1px solid #c7c3621a;border-radius:12px;margin-bottom:10px;padding:14px}.list-card:last-child{margin-bottom:0}.list-card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.list-card-title{color:#ffffffd9;margin:6px 0 4px;font-size:14px;font-weight:500}.customer-cell{align-items:center;gap:10px;display:flex}.avatar-sm{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-header-row h3{margin-bottom:0}.search-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;max-width:220px;padding:9px 14px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:#c7c36266}.search-input::placeholder{color:#ffffff4d}.accent-card{background:linear-gradient(135deg,#f59e0b1f,#d9770614);border-color:#f59e0b33}.info-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.info-row{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.info-label{color:#ffffff80;font-size:13px}.info-value{color:#fff;font-size:14px;font-weight:600}.admin-avatar-block{text-align:center;margin-bottom:24px}.admin-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 14px;font-size:32px;font-weight:800;display:flex;box-shadow:0 8px 24px #f59e0b66}.admin-avatar-name{color:#fff;font-size:20px;font-weight:700}.privilege-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.privilege-item{color:#ffffffb3;background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.privilege-check{color:#34d399;flex-shrink:0;font-size:15px}.quick-actions{flex-direction:column;gap:10px;margin-top:12px;display:flex}.quick-btn{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.bar-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.bar-label-row{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.bar-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;height:100%}.wallet-summary-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.wallet-meta-col{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.wallet-balance-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;background:linear-gradient(135deg,#d97706 0%,#f59e0b 50%,#fbbf24 100%)!important;border:none!important;padding:32px 24px!important}.wallet-balance-main{justify-content:center;align-items:center;gap:12px;margin:10px 0;display:flex}.wallet-balance-label{color:#fffc;font-size:13px;font-weight:600}.wallet-balance-value{color:#fff;letter-spacing:-2px;font-size:56px;font-weight:900;line-height:1}.wallet-balance-sub{color:#ffffffbf;margin-top:6px;font-size:13px}.wallet-balance-sub strong{color:#fff}.wallet-top{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.wallet-stats{flex-direction:column;gap:16px;display:flex}.wallet-stats .stat-card{flex:1;margin:0}.earn-card{background:#8b5cf614!important;border-color:#8b5cf633!important}.earn-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.earn-item{text-align:center;background:#ffffff0a;border-radius:12px;padding:16px 12px}.earn-icon{margin-bottom:8px;font-size:26px}.earn-title{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600}.earn-desc{color:#fff6;font-size:12px}.offers-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.offer-card{background:#0d2628b3;border:1px solid #c7c3621a;border-radius:18px;transition:transform .25s,box-shadow .25s;overflow:hidden}.offer-card:hover{border-color:#c7c36238;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.offer-img-wrap{aspect-ratio:4/3;background:#ffffff0a;width:100%;overflow:hidden}.offer-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.offer-card:hover .offer-img{transform:scale(1.05)}.offer-body{padding:14px 16px}.offer-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.offer-desc{color:#fff6;margin-bottom:8px;font-size:12px}.offer-price{color:#c7c362;background:#c7c3621f;border:1px solid #c7c36238;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.offer-admin-card{background:#ffffff0a;border:1px solid #c7c3621a;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.offer-admin-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.offer-upload-zone{cursor:pointer;background:#ffffff08;border:2px dashed #c7c36233;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:160px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.offer-upload-zone:hover{background:#c7c3620a;border-color:#c7c36273}.redeem-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px;display:grid}.redeem-card{text-align:center;background:#ffffff0a;border:1px solid #c7c36226;border-radius:14px;padding:18px 14px;transition:all .2s}.redeem-card:hover:not(.redeem-card--disabled){background:#c7c36212;border-color:#c7c3624d;transform:translateY(-2px)}.redeem-card--disabled{opacity:.45}.redeem-value{color:#c7c362;margin-bottom:6px;font-size:26px;font-weight:800;line-height:1}.redeem-desc{color:#fff6;margin-bottom:4px;font-size:12px}.error-msg{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:10px 14px;font-size:14px}.coin-banner{justify-content:space-between;align-items:center;gap:16px;display:flex;background:linear-gradient(135deg,#f59e0b1f,#d9770614)!important;border-color:#f59e0b33!important}.coin-banner-left p{color:#ffffff80;margin-top:4px;font-size:13px}.coin-banner-right{text-align:right;flex-shrink:0}.coin-banner-value{color:#f59e0b;font-size:38px;font-weight:800;line-height:1}.coin-banner-sub{color:#fff6;margin-top:2px;font-size:12px}@media (width<=1024px){.bottom-nav{display:flex}.mobile-only{display:block}.desktop-only{display:none}.main-content{background:#071718;margin-left:0;padding:20px 16px 88px}.page-topbar{margin:-20px -16px 20px;padding:12px 16px}.page-header{margin-bottom:20px}.page-header h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{padding:16px}.stat-value{font-size:22px}.stat-icon{margin-bottom:8px;font-size:20px}.card{margin-bottom:16px;padding:16px}.two-col-grid{grid-template-columns:1fr;gap:16px}.wallet-summary-row{grid-template-columns:1fr}.wallet-meta-col{grid-template-columns:repeat(3,1fr)}.wallet-balance-value{font-size:44px}.wallet-top{grid-template-columns:1fr}.earn-grid{grid-template-columns:repeat(3,1fr)}.redeem-grid{grid-template-columns:repeat(2,1fr)}.quick-action-grid{grid-template-columns:repeat(3,1fr)}.offers-grid{grid-template-columns:repeat(2,1fr)}.coin-banner{flex-direction:column;align-items:flex-start}.coin-banner-right{text-align:left}.coin-banner-value{font-size:30px}.search-input{max-width:100%}.admin-avatar{width:64px;height:64px;font-size:26px}.admin-avatar-name{font-size:18px}}@media (width<=480px){.main-content{padding:16px 12px 88px}.page-topbar{margin:-16px -12px 16px;padding:10px 12px}.topbar-logo{width:32px;height:32px}.topbar-name{font-size:14px}.topbar-tagline{font-size:9px}.page-header h1{font-size:20px}.stats-grid{gap:10px}.stat-value{font-size:20px}.earn-grid,.redeem-grid,.quick-action-grid,.offers-grid{grid-template-columns:1fr}.btn{font-size:13px}.wallet-stats{flex-direction:column}}.auth-root{background:#040d0e;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.auth-root:before,.auth-root:after{content:"";filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-root:before{background:radial-gradient(circle,#c7c36217 0%,#0000 70%);width:700px;height:700px;animation:18s ease-in-out infinite blob-drift;top:-200px;left:-200px}.auth-root:after{background:radial-gradient(circle,#11313399 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite reverse blob-drift;bottom:-150px;right:-100px}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-25px,25px)scale(.97)}}.auth-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#c7c3620f 0%,#0000 65%);border-radius:50%;width:500px;height:500px;transition:left .1s ease-out,top .1s ease-out;position:fixed;transform:translate(-50%,-50%)}.auth-left{z-index:1;background:linear-gradient(150deg,#050e0f 0%,#081a1b 30%,#0d2628 60%,#122e30 100%);flex:1.15;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-grid{pointer-events:none;background-image:radial-gradient(#c7c3621f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 20%,#0000 100%);mask-image:radial-gradient(75% 75%,#000 20%,#0000 100%)}.auth-left-orb{filter:blur(90px);pointer-events:none;border-radius:50%;animation:ease-in-out infinite orb-drift;position:absolute}.auth-left-orb-1{background:radial-gradient(circle,#c7c3621c,#0000 65%);width:480px;height:480px;animation-duration:14s;top:-140px;left:-140px}.auth-left-orb-2{background:radial-gradient(circle,#1a393bcc,#0000 65%);width:360px;height:360px;animation-duration:18s;animation-direction:reverse;bottom:-80px;right:-80px}@keyframes orb-drift{0%,to{transform:translate(0)}33%{transform:translate(30px,-24px)}66%{transform:translate(-20px,20px)}}.auth-left-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:56px 52px;animation:1s cubic-bezier(.22,1,.36,1) both slide-in-left;display:flex;position:relative}@keyframes slide-in-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}.auth-logo-wrap{justify-content:center;align-items:center;width:148px;height:148px;margin-bottom:32px;display:flex;position:relative}.auth-ring{border-style:solid;border-color:#0000;border-radius:50%;position:absolute}.auth-ring-1{border-width:1.5px;border-top-color:#c7c36280;border-right-color:#c7c36226;animation:7s linear infinite spin;inset:-18px}.auth-ring-2{border-width:2px;border-bottom-color:#c7c362b3;border-left-color:#c7c36233;animation:4.5s linear infinite reverse spin;inset:-8px}.auth-ring-3{border-width:3px;border-top-color:#c7c362;border-right-color:#c7c3624d;animation:2.8s linear infinite spin;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-logo{object-fit:cover;z-index:2;border:5px solid #050e0f;border-radius:50%;width:148px;height:148px;animation:4s ease-in-out infinite logo-pulse;position:relative}@keyframes logo-pulse{0%,to{box-shadow:0 0 0 8px #c7c3620f,0 0 50px 15px #c7c36214}50%{box-shadow:0 0 0 12px #c7c3621f,0 0 70px 25px #c7c36226}}.auth-brand{letter-spacing:-3px;background:linear-gradient(135deg,#fffbe6 0%,#f0ebb0 25%,#c7c362 55%,#a8a44e 80%,#d4c96a 100%);-webkit-text-fill-color:transparent;text-shadow:none;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:64px;font-weight:900;line-height:1;animation:5s ease-in-out infinite gold-shift}@keyframes gold-shift{0%,to{background-position:0%}50%{background-position:100%}}.auth-tagline{color:#c7c3628c;letter-spacing:4px;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:40px;font-size:10px;font-weight:700;display:flex}.auth-tagline-line{background:linear-gradient(90deg,#0000,#c7c3624d);flex:1;max-width:40px;height:1px}.auth-tagline-line:last-child{background:linear-gradient(90deg,#c7c3624d,#0000)}.auth-features{flex-direction:column;gap:10px;width:100%;max-width:310px;margin:0 0 36px;padding:0;list-style:none;display:flex}.auth-feature{text-align:left;opacity:0;background:#c7c3620a;border:1px solid #c7c36217;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;transition:all .25s;animation:.6s cubic-bezier(.22,1,.36,1) forwards feature-in;display:flex}.auth-feature:hover{background:#c7c36214;border-color:#c7c3622e;transform:translate(6px)}@keyframes feature-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-feature-dot{background:#c7c362;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite dot-pulse;box-shadow:0 0 10px #c7c362cc}@keyframes dot-pulse{0%,to{box-shadow:0 0 5px #c7c36280}50%{box-shadow:0 0 14px #c7c362}}.auth-feature-icon{flex-shrink:0;font-size:18px}.auth-feature-label{color:#ffffffb3;font-size:13px;font-weight:500}.auth-stats{background:#c7c36208;border:1px solid #c7c3621f;border-radius:16px;width:100%;max-width:310px;display:flex;overflow:hidden}.auth-stat{border-right:1px solid #c7c3621a;flex-direction:column;flex:1;align-items:center;padding:16px 10px;transition:background .25s;display:flex}.auth-stat:last-child{border-right:none}.auth-stat:hover{background:#c7c36212}.auth-stat-val{color:#c7c362;letter-spacing:-.5px;font-size:20px;font-weight:900}.auth-stat-lbl{color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-top:3px;font-size:10px}.auth-right{z-index:1;-webkit-backdrop-filter:blur(24px);background:#060f1099;border-left:1px solid #c7c36214;flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:52px 44px;display:flex;position:relative}.auth-right:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 85% 10%,#c7c3620d 0%,#0000 60%),radial-gradient(45% 55% at 15% 90%,#11313366 0%,#0000 60%);position:absolute;inset:0}.auth-right--scroll{align-items:flex-start;padding-top:44px;padding-bottom:44px;overflow-y:auto}.auth-form-wrap{z-index:1;width:100%;animation:1s cubic-bezier(.22,1,.36,1) both slide-in-right;position:relative}@keyframes slide-in-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.auth-badge{color:#c7c362;letter-spacing:.5px;background:#c7c36212;border:1px solid #c7c3622e;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:11.5px;font-weight:700;display:inline-flex}.auth-badge-dot{background:#c7c362;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite dot-pulse;box-shadow:0 0 8px #c7c362e6}.auth-head{margin-bottom:32px}.auth-head h2{color:#fff;letter-spacing:-1.5px;margin-bottom:8px;font-size:38px;font-weight:900;line-height:1}.auth-head h2 span{background:linear-gradient(135deg,#c7c362,#a8a44e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-head p{color:#ffffff59;font-size:14px;font-weight:400}.auth-steps{align-items:center;gap:0;margin-bottom:28px;display:flex}.auth-step{flex:1;align-items:center;gap:8px;display:flex}.auth-step-num{color:#ffffff4d;border:1.5px solid #c7c36233;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.auth-step.active .auth-step-num{color:#040d0e;background:linear-gradient(135deg,#c7c362,#a8a44e);border-color:#c7c362;box-shadow:0 0 16px #c7c36266}.auth-step.done .auth-step-num{color:#c7c362;background:#c7c36226;border-color:#c7c36266}.auth-step-label{color:#ffffff40;letter-spacing:.3px;font-size:11px;font-weight:600}.auth-step.active .auth-step-label{color:#c7c362}.auth-step.done .auth-step-label{color:#c7c36280}.auth-step-line{background:#c7c3621f;flex:1;height:1px;margin:0 8px}.auth-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444438;border-radius:12px;align-items:center;gap:10px;margin-bottom:22px;padding:13px 16px;font-size:13px;animation:.4s cubic-bezier(.36,.07,.19,.97) shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.auth-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.auth-field--sm{margin-bottom:14px}.auth-field label{color:#ffffff61;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700;transition:color .2s}.auth-field.focused label{color:#c7c362}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:#ffffff38;pointer-events:none;z-index:1;transition:color .2s,transform .2s;display:flex;position:absolute;left:16px}.auth-field.focused .auth-input-icon{color:#c7c362;transform:scale(1.1)}.auth-input-wrap input{color:#fff;background:#ffffff0a;border:1.5px solid #c7c3621a;border-radius:14px;outline:none;width:100%;padding:15px 48px;font-family:inherit;font-size:14px;font-weight:500;transition:all .25s}.auth-input-wrap input::placeholder{color:#ffffff24}.auth-field.focused .auth-input-wrap input{background:#c7c3620a;border-color:#c7c36273;box-shadow:0 0 0 4px #c7c3620f,inset 0 1px #c7c3620d}.auth-eye{color:#ffffff40;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;transition:color .2s;display:flex;position:absolute;right:15px}.auth-eye:hover{color:#c7c362}.auth-head-brand{background:linear-gradient(135deg,#c7c362,#a8a44e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.auth-forgot{text-align:right;margin:-10px 0 18px}.auth-steps{align-items:center;margin-bottom:28px;display:flex}.auth-step-wrap{flex:1;align-items:center;gap:8px;display:flex}.auth-step-wrap:last-child{flex:none}.auth-step-node{color:#ffffff47;border:1.5px solid #c7c3622e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.auth-step-node.active{color:#040d0e;background:linear-gradient(135deg,#c7c362,#a8a44e);border-color:#c7c362;box-shadow:0 0 18px #c7c36266}.auth-step-node.done{color:#c7c362;background:#c7c3621f;border-color:#c7c36259}.auth-step-lbl{color:#ffffff38;white-space:nowrap;font-size:11px;font-weight:600}.auth-step-lbl.active{color:#c7c362}.auth-step-line{background:#c7c3621a;flex:1;height:1.5px;margin:0 6px;transition:background .3s}.auth-step-line.done{background:#c7c36259}.auth-submit{cursor:pointer;background:linear-gradient(135deg,#d4d06e 0%,#c7c362 40%,#b8b455 70%,#a8a44e 100%);border:none;border-radius:14px;width:100%;margin-top:6px;padding:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #c7c36233}.auth-submit-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-18deg)}.auth-submit:hover:not(:disabled) .auth-submit-shine{left:160%}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #c7c36261}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit.loading{opacity:.7;cursor:not-allowed}.auth-submit-inner{z-index:1;color:#040d0e;letter-spacing:.3px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex;position:relative}.auth-spinner{border:2.5px solid #040d0e33;border-top-color:#040d0e;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.auth-forgot{text-align:right;margin-top:-10px;margin-bottom:18px}.auth-forgot button{color:#c7c362a6;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12.5px;font-weight:600;transition:color .2s}.auth-forgot button:hover{color:#c7c362}.auth-switch{text-align:center;color:#ffffff47;margin-top:22px;font-size:13.5px}.auth-switch a{color:#c7c362;font-weight:700;text-decoration:none;transition:opacity .2s}.auth-switch a:hover{opacity:.75}.auth-demo{margin-top:30px}.auth-demo-label{color:#ffffff2e;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.auth-demo-label span{background:#c7c36214;flex:1;height:1px}.auth-demo-grid{flex-direction:column;gap:8px;display:flex}.auth-demo-btn{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #c7c36214;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.auth-demo-btn:hover{background:#c7c3620f;border-color:#c7c36233;transform:translate(4px)}.auth-demo-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.auth-demo-avatar.customer{color:#c7c362;background:linear-gradient(135deg,#1a393b,#2a5456);border:1px solid #c7c36233}.auth-demo-avatar.admin{color:#040d0e;background:linear-gradient(135deg,#c7c362,#a8a44e)}.auth-demo-info{flex-direction:column;flex:1;gap:2px;display:flex}.auth-demo-role{color:#c7c362;font-size:12px;font-weight:700}.auth-demo-cred{color:#ffffff40;font-family:Courier New,monospace;font-size:11px}.auth-demo-btn svg{color:#c7c36240;flex-shrink:0;transition:all .2s}.auth-demo-btn:hover svg{color:#c7c362;transform:translate(2px,-2px)}.modal-content .field{margin-bottom:16px}.modal-content .field label{color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.modal-content .field input{color:#fff;background:#ffffff0d;border:1px solid #c7c36226;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.modal-content .field input:focus{border-color:#c7c36280}.modal-content .field input::placeholder{color:#ffffff2e}@media (width<=900px){.auth-root{flex-direction:column;justify-content:flex-start;align-items:center;padding:0}.auth-left{border-radius:0 0 28px 28px;flex:none;width:100%;min-height:260px;padding:0}.auth-left-inner{padding:32px 28px}.auth-logo-wrap{width:100px;height:100px;margin-bottom:16px}.auth-logo{width:100px;height:100px}.auth-brand{font-size:44px}.auth-features{display:none}.auth-tagline{margin-bottom:16px}.auth-stats{max-width:100%}.auth-right{-webkit-backdrop-filter:none;backdrop-filter:none;background:#060f10f2;border-top:1px solid #c7c36214;border-left:none;width:100%;max-width:480px;padding:36px 28px 48px}.auth-right--scroll{align-items:flex-start}}@media (width<=500px){.auth-left{border-radius:0 0 20px 20px;min-height:200px}.auth-left-inner{padding:24px 20px}.auth-brand{font-size:36px}.auth-right{padding:28px 20px 80px}.auth-head h2{font-size:30px}.auth-submit{padding:15px}}