:root{
  --bg:#020b27;--card:#061943;--card2:#071f58;--line:#1765e8;--blue:#1477ff;
  --cyan:#28c9ff;--gold:#ffc51b;--text:#f6f8ff;--muted:#c1cbed;--green:#16a34a;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 25%,#092d87 0,#020a25 45%,#010615 100%);color:var(--text)}
body{padding:0 12px}.app-shell{width:min(790px,100%);margin:auto;min-height:100vh;background:linear-gradient(180deg,#04113a 0,#031333 70%,#020c27 100%);border-left:1px solid #2c7dff;border-right:1px solid #2c7dff;box-shadow:0 0 50px #0754dc44}
.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 10px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{font-size:48px;line-height:1;color:#ffd000;transform:rotate(0deg)}.brand b,.brand strong{display:block;font-size:22px;line-height:20px}.brand strong{color:#ffc600}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn,.vip-badge,.round-btn{border:1px solid #2676ff;background:#041747;color:#fff;border-radius:50%;width:48px;height:48px;font-size:25px;cursor:pointer}.notification-btn{position:relative}.notification-btn i{position:absolute;right:-2px;top:-7px;background:#f33;border-radius:50%;font-size:12px;font-style:normal;padding:4px 7px}.vip-badge{width:62px;height:62px;border-color:#1477ff;font-size:22px}.vip-badge span{display:block;font-size:10px;color:#ffc400;font-weight:900}.content{padding:8px 20px 105px}.card{border:1px solid #1d6ff2;border-radius:20px;background:linear-gradient(145deg,#061d58,#04143b 72%);margin:10px 0;box-shadow:inset 0 1px 0 #ffffff0b}.welcome{min-height:220px;padding:24px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.eyebrow,.section-label{margin:0;color:#e8edff;font-weight:800;font-size:17px}.welcome h1{font-size:40px;margin:8px 0 8px;line-height:1.05}.member-status{display:flex;align-items:center;gap:8px;font-weight:900}.verified{background:#1978ff;border-radius:50%;width:28px;height:28px;text-align:center;line-height:28px}.pill{padding:5px 12px;border-radius:20px}.gold{background:#ffc321;color:#111}.welcome p:last-child{max-width:340px;font-size:17px;line-height:1.3}.diamond-art{font-size:110px;color:#1999ff;text-shadow:0 0 35px #1b75ff;align-self:center;margin-right:35px}.balance{padding:16px 20px;display:grid;grid-template-columns:1fr 180px;position:relative}.balance h2{font-size:44px;margin:4px 0}.balance p{margin:3px 0;font-size:16px}.wallet-art{font-size:90px;text-align:center;align-self:center;color:#28c9ff;text-shadow:0 0 30px #178cff}.primary-btn{border:0;background:linear-gradient(90deg,#ffc125,#ffb50b);color:#0a0f1d;font-size:20px;font-weight:900;border-radius:10px;padding:11px 16px;cursor:pointer}.balance .primary-btn{grid-column:1/-1;margin-top:12px}.hidden{display:none!important}.offer{padding:12px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head b{color:#ffc400;font-size:20px;margin-left:8px}.round-btn{width:34px;height:34px;font-size:20px}.offer-hero{margin-top:8px;height:125px;border:1px solid #1477ff;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(180deg,#071c55,#02081c)}.city-art{position:absolute;inset:0;background:radial-gradient(circle at 50% 80%,#1268ff66,transparent 35%),linear-gradient(180deg,transparent 60%,#0a63ff33),repeating-linear-gradient(90deg,transparent 0 25px,#183c7b 26px 29px);opacity:.9}.unlock-btn{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:90%;background:#041234dd;color:#ffc600;border:0;font-size:20px;font-weight:900;padding:12px;border-radius:10px;cursor:pointer}.unlock-btn.locked{background:#5c371b;color:#d9d1c7;cursor:not-allowed}.offer-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.outline-btn{border:1px solid #0d7dff;background:#04163c;color:#fff;border-radius:10px;padding:11px;font-size:16px;font-weight:800;cursor:pointer}.outline-btn.hot{color:#ffd000}.lock-note{text-align:center;color:#ffb7b7;font-size:12px;min-height:14px;margin:5px}.access{display:grid;grid-template-columns:60px 1fr 1.3fr;align-items:center;padding:13px 20px;gap:10px}.access-icon,.stat-icon{display:grid;place-items:center;border-radius:50%;background:#075cff;width:52px;height:52px;font-size:25px}.access-copy p{margin:0;font-size:14px}.access-copy strong{font-size:30px}.access-copy small{display:block}.access-progress{border-left:1px solid #31558f;padding-left:20px}.access-progress p{font-size:14px;margin:0 0 10px}.progress{height:10px;background:#19325d;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:#1786ff;width:0}.stats{padding:12px 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{display:flex;gap:10px;align-items:center;padding:8px;border-right:1px solid #1a3d78}.stat:nth-child(4){border-right:0}.stat small{display:block;color:#d5dcf2;font-size:13px}.stat b{font-size:18px}.stat-icon{width:42px;height:42px;font-size:20px}.stat-icon.green{background:#09821f}.stat-icon.purple{background:#6922dc}.stat-icon.blue{background:#1477ff}.stat-icon.gold-icon{background:#b97700}.revenue{grid-column:1/3;border-right:1px solid #1a3d78}.source{grid-column:3/5;border:1px solid #123a78;border-radius:12px;padding:10px;font-size:12px;color:#d4ddf5}.offers,.sessions{padding:12px 20px}.text-btn{border:0;background:#0b2459;color:#ffc600;font-weight:900;border-radius:12px;padding:8px 12px;cursor:pointer}.offer-strip{display:flex;gap:16px;overflow-x:auto;padding:12px 0 5px;scrollbar-width:none}.offer-strip::-webkit-scrollbar{display:none}.offer-person{min-width:85px;text-align:center}.avatar{width:62px;height:62px;margin:auto;border-radius:50%;border:2px solid #27baff;background:radial-gradient(circle at 50% 35%,#f1c2a0 0 18%,#342b29 19% 40%,#172b4e 41% 100%);box-shadow:0 0 15px #1596ff}.offer-person b{display:block;font-size:13px;margin-top:6px}.offer-person small{font-size:11px}.table-wrap{overflow-x:auto}.sessions table{width:100%;border-collapse:collapse;font-size:13px}.sessions th,.sessions td{padding:9px 7px;text-align:center;border-bottom:1px solid #17345f;white-space:nowrap}.sessions th:first-child,.sessions td:first-child{text-align:left}.done{color:#fff;background:#0d9c48;border-radius:8px;padding:3px 6px}.todo{color:#1d7cff;font-size:18px}.status-done{background:#086d35;border-radius:8px;padding:4px 7px}.status-todo{background:#173fc1;border-radius:8px;padding:4px 7px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(790px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);background:#031435f2;border:1px solid #246be2;border-radius:20px 20px 0 0;padding:8px 8px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottom-nav a,.bottom-nav button{color:#fff;text-decoration:none;background:none;border:0;display:grid;gap:3px;place-items:center;font-size:13px;cursor:pointer}.bottom-nav span{font-size:23px}.bottom-nav .active{color:#11c6ff}.side-menu{position:fixed;inset:0;background:#0009;z-index:20;opacity:0;pointer-events:none;transition:.2s}.side-menu.open{opacity:1;pointer-events:auto}.side-menu-inner{margin-left:auto;width:min(340px,88%);height:100%;background:#06163d;padding:30px 20px;box-shadow:-10px 0 30px #0008}.side-menu button{display:block;width:100%;padding:15px;text-align:left;background:#0a2457;border:1px solid #174c9b;color:#fff;border-radius:10px;margin:10px 0;font-size:16px}.close-menu{float:right;width:auto!important;background:none!important;border:0!important;font-size:30px!important}.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:30;padding:20px}.modal.open{display:grid}.modal-box{width:min(460px,100%);background:#071b4a;border:1px solid #2878ff;border-radius:18px;padding:25px;position:relative}.modal-close{position:absolute;right:14px;top:8px;border:0;background:none;color:#fff;font-size:30px}.modal-box h2{margin-top:0}.form-row{display:grid;gap:6px;margin:10px 0}.form-row input,.form-row select{padding:12px;border-radius:9px;border:1px solid #315b9c;background:#031238;color:#fff}.login-page{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,100%);background:#061943;border:1px solid #1c6df2;border-radius:20px;padding:30px;box-shadow:0 20px 70px #0008}.brand.large{margin-bottom:30px}.login-card h1{font-size:28px}.login-card p{color:#c7d1ed}.login-card label{display:grid;gap:7px;margin:14px 0;font-weight:700}.login-card input{padding:13px;border-radius:10px;border:1px solid #2b5ea6;background:#031238;color:#fff}.login-card .primary-btn{width:100%;margin-top:10px}.form-message{min-height:20px;color:#ffc400!important}
@media(max-width:650px){body{padding:0}.app-shell{border:0;box-shadow:none}.topbar{height:88px;padding:14px 14px 5px}.brand-mark{font-size:38px}.brand b,.brand strong{font-size:18px}.top-actions{gap:7px}.icon-btn{width:42px;height:42px;font-size:21px}.vip-badge{width:52px;height:52px}.content{padding:4px 10px 100px}.card{border-radius:16px}.welcome{min-height:190px;padding:17px}.welcome h1{font-size:30px}.welcome p:last-child{font-size:14px;max-width:245px}.diamond-art{font-size:70px;margin-right:0}.balance{grid-template-columns:1fr 105px;padding:14px}.balance h2{font-size:32px}.balance p{font-size:13px}.wallet-art{font-size:55px}.section-label{font-size:14px}.offer{padding:10px 12px}.offer-hero{height:118px}.unlock-btn{font-size:15px}.outline-btn{font-size:13px;padding:10px 5px}.access{grid-template-columns:48px 1fr; padding:11px 12px}.access-icon{width:45px;height:45px}.access-progress{grid-column:1/-1;border-left:0;border-top:1px solid #31558f;padding:9px 0 0}.stats{padding:8px 10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{border-right:0;border-bottom:1px solid #17345f}.revenue{grid-column:1/-1}.source{grid-column:1/-1}.offer-strip{gap:10px}.bottom-nav{width:100%;border-radius:15px 15px 0 0}.bottom-nav a,.bottom-nav button{font-size:11px}}