:root{--navy:#03132d;--navy2:#071e40;--blue:#0865f5;--teal:#11bda7;--green:#079b76;--ink:#10203b;--muted:#71809b;--line:#e7edf5;--bg:#f7f9fc;--orange:#ff9d20;--red:#f04444;--purple:#885bea;--r:16px;--shadow:0 10px 30px #152d4d0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;background:var(--navy);color:#fff;padding:28px 20px 18px;display:flex;flex-direction:column;gap:28px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.14em;font-size:18px}.logo em{display:block;color:#12cfb5;font-size:11px;font-style:normal;letter-spacing:.3em;margin-top:4px}.logo-mark{font-size:38px;font-style:italic;color:#edf4ff}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{color:#e4ebf7;text-decoration:none;padding:13px 13px;border-radius:10px;display:flex;align-items:center;gap:15px;font-weight:600}.nav-item span{font-size:21px;width:22px;text-align:center}.nav-item.active{background:linear-gradient(110deg,#0978ff,#1054e7);box-shadow:0 5px 15px #005cff50;color:#fff}.side-callout{background:#092951;padding:18px;border-radius:12px;margin-top:auto;color:#fff}.side-callout strong{font-size:15px;line-height:1.5}.side-callout p{color:#bccde7;line-height:1.5}.side-callout b,.side-callout a{color:#13c9b1}.side-callout a{font-size:13px;text-decoration:none}.side-user{border-top:1px solid #183354;padding-top:17px;display:flex;gap:10px;align-items:center}.side-user span:nth-child(2){flex:1}.side-user b,.side-user small{display:block}.side-user small{font-size:11px;color:#9eb0cb;margin-top:4px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:#f4f7fc;color:#17345d;font-weight:800;border:2px solid #fff}.main-area{flex:1;min-width:0}.topbar{height:86px;display:flex;align-items:center;padding:0 clamp(24px,3.2vw,52px);gap:16px;background:#fff;border-bottom:1px solid var(--line)}.topbar-spacer{flex:1}.balance-pill{border:1px solid var(--line);border-radius:13px;padding:10px 18px;display:flex;align-items:center;gap:12px;min-width:175px}.coin{display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#12c9b9,#148b9b);color:#fff;font-size:24px;font-weight:900;width:40px;height:40px}.balance-pill b{font-size:22px}.balance-pill small{display:block;color:var(--muted);font-size:11px}.icon-btn{position:relative;border:0;background:transparent;color:var(--ink);font-size:23px;width:32px;height:40px}.icon-btn i{position:absolute;top:1px;right:-2px;background:#1764ed;color:#fff;font-size:9px;border-radius:99px;padding:3px 5px;font-style:normal}.top-user{display:flex;align-items:center;gap:8px;margin-left:10px}.mobile-menu{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-head h1{font-size:28px;line-height:1.1;margin:4px 0 7px;letter-spacing:-.03em}.page-head p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.eyebrow{font-size:10px;color:#6680a8;font-weight:900;letter-spacing:.12em;margin:0}.head-actions{display:flex;gap:10px}.primary,.outline,.dark-outline,.claim{border-radius:9px;padding:11px 17px;font-weight:800;cursor:pointer;border:1px solid transparent}.primary,.claim{background:var(--blue);color:#fff}.outline{background:#fff;color:var(--blue);border-color:#9bbcff}.dark-outline{background:transparent;color:#fff;border-color:#8092b5}.outline:hover,.claim:hover{filter:brightness(.97)}main{padding:34px clamp(24px,3.2vw,52px);max-width:1500px;margin:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:18px}.level-card,.next-card,.wallet-hero,.voucher-feature{border-radius:15px;min-height:250px;padding:27px}.level-card{color:#fff;background:linear-gradient(135deg,#031431,#082f62);position:relative;overflow:hidden}.level-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,#0c3c76aa,transparent 55%);pointer-events:none}.level-card>*{position:relative;z-index:1}.level-card small,.next-card>small,.wallet-hero small{font-size:11px;letter-spacing:.05em;color:#b8c6dc}.level-row{display:flex;align-items:center;gap:16px;margin:16px 0 20px}.level-row h2{margin:0;font-size:26px}.level-row p{margin:5px 0;color:#ccd8ec}.level-badge{font-size:27px;width:66px;height:66px;display:grid;place-items:center;border-radius:20px;border:4px solid var(--teal);color:#57eee0;background:#073963}.progress,.mini-progress{height:12px;background:#354866;border-radius:99px;overflow:hidden}.progress i,.mini-progress i{height:100%;display:block;background:linear-gradient(90deg,#12bfa7,#3de1c7);border-radius:99px}.progress-meta{display:flex;gap:5px;align-items:center;margin:13px 0 22px;color:#c8d4e8}.progress-meta b,.teal{color:#17cbb4}.progress-meta span{margin-left:auto}.next-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.next-content{display:flex;gap:23px;align-items:center;margin:17px 0}.big-product{font-size:85px;display:grid;place-items:center;width:150px;height:145px;background:linear-gradient(135deg,#fff4f0,#fff);border-radius:14px}.next-content h2{font-size:18px;margin:0}.next-content p{margin:4px 0 17px;color:var(--muted)}.next-content strong{font-size:27px}.next-content strong small{color:var(--ink)}.mini-progress{height:6px;background:#e7ebf4;margin:12px 0;width:190px}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.quick-links a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;box-shadow:var(--shadow)}.quick-links b{color:var(--ink);font-size:14px;flex:1}.quick-links small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:4px}.quick-links span{font-size:26px}.q-green{color:#08aa82}.q-blue{color:#1768f4}.q-purple{color:#885bea}.q-orange{color:#ff8d20}.content-two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.panel h2{font-size:15px;margin:0;text-transform:none}.panel-head a{color:var(--blue);font-weight:700;font-size:12px;text-decoration:none}.reward-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.reward-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;min-width:0}.reward-image{height:120px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#eef6fa,#fff0eb)}.img-1{background:linear-gradient(135deg,#e9f3ff,#f4f6f9)}.img-2{background:linear-gradient(135deg,#f4f5f1,#e4e6e1)}.img-3{background:linear-gradient(135deg,#ecebff,#e9efff)}.reward-art{font-size:70px}.tag,.stock{position:absolute;top:9px;border-radius:8px;padding:4px 7px;font-size:10px;font-weight:800}.tag{left:8px;background:#08a982;color:#fff}.stock{right:8px;background:#25354e;color:#fff}.reward-body{padding:12px}.reward-body>small{color:#73809a}.reward-body h3{font-size:14px;margin:5px 0}.reward-body p{color:var(--muted);font-size:11px;line-height:1.4;min-height:30px;margin:5px 0}.reward-body>strong{color:#079b76;font-size:16px}.reward-body>strong small{font-size:10px}.reward-body .claim{width:100%;padding:8px;margin-top:10px;font-size:11px}.missing{color:#885bea;background:#f3efff;border-radius:7px;padding:7px;margin-top:10px;font-size:11px;text-align:center;font-weight:800}.right-rail{display:flex;flex-direction:column;gap:18px}.quick-summary h3,.earn-card h3,.new-reward h3{font-size:12px;margin:0 0 15px}.quick-summary>div{display:flex;gap:9px;align-items:center;border:1px solid #edf1f7;padding:12px;border-radius:10px;margin:6px 0;color:#53637c;font-size:11px}.quick-summary>div span{font-size:18px;color:var(--green)}.quick-summary b{margin-left:auto;color:var(--green);font-size:11px}.negative{color:var(--red)!important}.warning{color:var(--orange)!important}.earn-card{background:linear-gradient(135deg,#061a39,#092d5b);color:#fff;padding:20px;border-radius:15px}.earn-card p{color:#bfcee2;font-size:12px}.earn-card a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #315075;color:#fff;font-size:11px;text-decoration:none}.earn-card a b{color:#1ce1c0}.earn-card button{width:100%;border:0;background:var(--blue);color:#fff;padding:12px;border-radius:8px;font-weight:800;margin-top:15px}.new-reward{background:#e9fbf7;border:1px solid #c9f1e8;border-radius:15px;padding:20px}.new-reward span{font-size:55px;float:right}.new-reward p{color:#667891;font-size:12px;line-height:1.5}.new-reward a{color:var(--blue);font-weight:800;font-size:12px}.wallet-hero{background:linear-gradient(135deg,#031431,#092e5c);color:#fff;position:relative}.wallet-hero>div:first-child strong{font-size:52px;display:block;margin:12px 0 0}.wallet-hero em{font-size:20px;font-style:normal}.wallet-hero p{color:#c9d6e9;margin:5px 0}.coin-large{position:absolute;right:70px;top:30px;width:105px;height:105px;font-size:55px;box-shadow:0 0 0 10px #12c9b922}.wallet-metrics{position:absolute;left:27px;right:27px;bottom:0;border-top:1px solid #345074;display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px}.wallet-metrics span{display:grid;grid-template-columns:22px 1fr;gap:2px;color:#12c9b9;border-right:1px solid #345074;padding-left:12px}.wallet-metrics span:last-child{border:0}.wallet-metrics b{color:#fff}.wallet-metrics small{grid-column:2;color:#b6c7dd}.wallet-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:20px}.chart-panel{min-height:450px}.fake-chart{height:210px;margin:20px 10px;border-bottom:1px solid #dce5f1;background:repeating-linear-gradient(0deg,transparent,transparent 49px,#eff3f8 50px);position:relative}.chart-line{position:absolute;inset:45px 10px 20px;background:linear-gradient(145deg,transparent 15%,transparent 16%,#14b99f 17%,transparent 18%,transparent 31%,#14b99f 32%,transparent 33%,transparent 49%,#14b99f 50%,transparent 51%,transparent 68%,#14b99f 69%,transparent 70%,transparent 85%,#14b99f 86%,transparent 87%);filter:drop-shadow(0 5px 3px #19bba633)}.chart-labels{position:absolute;bottom:-22px;left:0;right:0;display:flex;justify-content:space-between;color:#8392a8;font-size:11px}.wallet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.wallet-cards article{border:1px solid var(--line);border-radius:12px;padding:15px;min-height:160px}.wallet-cards small{display:block;color:#71809a;font-size:10px;font-weight:800}.wallet-cards b{display:block;font-size:20px;margin:13px 0}.wallet-cards p{font-size:11px;color:var(--muted);min-height:27px}.wallet-cards button{width:100%;padding:8px;font-size:11px}.donut{width:75px;height:75px;border-radius:50%;background:conic-gradient(#0fae90 0 45%,#196cf4 45% 65%,#ffad28 65% 80%,#8757da 80%);margin:10px auto;position:relative}.donut:after{content:'';position:absolute;inset:18px;background:#fff;border-radius:50%}.movement-panel{padding:0;overflow:hidden}.tabs{display:flex;gap:6px;padding:18px;border-bottom:1px solid var(--line)}.tabs button,.filter-tabs button{border:0;background:transparent;padding:9px 14px;color:#4c5d79;font-weight:700;border-radius:8px}.tabs button.active,.filter-tabs button.active{background:var(--blue);color:#fff}.movement-head{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding:14px 18px;color:#8491a8;font-size:9px}.movement{display:flex;align-items:center;gap:11px;padding:14px 18px;border-top:1px solid #eff2f7}.movement-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d8fbf1;color:#0ba37f}.movement-icon.negative{background:#ffe4e4;color:var(--red)}.movement div{flex:1}.movement b,.movement small{display:block}.movement small{color:#8491a8;font-size:10px;margin-top:4px}.movement>strong{white-space:nowrap}.filter-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.filter-tabs i{font-style:normal;font-size:10px;background:#fff3;border-radius:10px;padding:2px 5px}.catalog-layout{display:grid;grid-template-columns:1fr 270px;gap:20px}.catalog-toolbar{display:flex;justify-content:space-between;margin:10px 0 14px;color:#53637c}.catalog-toolbar select,.panel select{border:1px solid var(--line);padding:8px;border-radius:8px;color:var(--ink)}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;height:max-content}.filter-panel label,.filter-panel>b{display:block;margin:15px 0 7px;font-size:12px}.filter-panel input[placeholder],.filter-panel input[type=range]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.filter-panel .check{color:#566782;margin:8px 0}.filter-panel .check input{accent-color:var(--blue)}.voucher-feature{display:grid;grid-template-columns:1.2fr 180px 1fr;gap:30px;background:linear-gradient(135deg,#031431,#092f60);color:#fff;margin-bottom:20px}.voucher-feature>div>small{color:#b9c9df;font-size:11px}.voucher-product{display:flex;gap:18px;align-items:center;margin-top:18px}.voucher-product .big-product{width:125px;height:120px;font-size:65px}.voucher-product h2{margin:11px 0 4px}.voucher-product p{color:#b8c9de}.voucher-product code{display:block;border:1px solid #5c7291;border-radius:6px;padding:7px;margin:15px 0;font-size:13px;width:max-content}.voucher-product>div>small{display:block;color:#b8c9de}.qr-box{background:#fff;color:#091831;border-radius:12px;display:grid;place-items:center;font-size:90px;margin:auto;width:155px;height:155px}.qr-box small{font-size:10px;text-align:center;color:#53637c}.status{border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.success{background:#d9f8ee;color:#07886e}.info{background:#e4edff;color:#1764e8}.voucher-table{overflow:auto}.table-head{font-size:9px;color:#8793aa;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.voucher-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr .7fr;gap:10px;padding:15px 12px;border-bottom:1px solid var(--line);align-items:center;font-size:11px;min-width:720px}.voucher-row code{color:#53637c}.empty,.error-state{text-align:center;padding:40px;color:var(--muted)}.error-state strong{font-size:35px;color:var(--orange)}.mobile-nav{display:none}@media(max-width:1100px){.sidebar{width:210px;flex-basis:210px}.dashboard-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(3,1fr)}.reward-grid{grid-template-columns:repeat(3,1fr)}.wallet-columns{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.filter-panel{display:none}}@media(max-width:760px){.sidebar{display:none}.topbar{height:66px;padding:0 16px}.mobile-menu{display:block;background:none;border:0;font-size:22px}.top-user{display:none}.balance-pill{min-width:0;padding:7px 10px}.balance-pill b{font-size:16px}.balance-pill .coin{width:30px;height:30px;font-size:17px}.icon-btn{font-size:19px}.page-head{display:block}.head-actions{display:none}main{padding:24px 15px 80px}.page-head h1{font-size:25px}.hero-grid,.content-two,.quick-links{grid-template-columns:1fr}.quick-links a{padding:13px}.right-rail{display:flex}.reward-strip{grid-template-columns:repeat(2,1fr)}.reward-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reward-image{height:100px}.reward-art{font-size:55px}.wallet-hero{min-height:330px}.coin-large{right:25px;width:70px;height:70px;font-size:35px}.wallet-metrics{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:15px}.wallet-metrics span:nth-child(2){border:0}.wallet-cards{grid-template-columns:1fr}.movement-head{display:none}.movement{padding:13px 10px}.voucher-feature{grid-template-columns:1fr;padding:20px;gap:15px}.qr-box{width:135px;height:135px}.mobile-nav{position:fixed;display:flex;z-index:10;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav a{color:#53637c;text-decoration:none;display:grid;place-items:center;padding:7px;font-size:20px}.mobile-nav small{font-size:10px}.panel{padding:15px}}