@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#18191d;background:#fff;--orange:#e85509;--muted:#77797e;--line:#ececef;--green:#45a957}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding-bottom:88px}.topbar{height:74px;position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e9e9eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 900px)/2))}.brand{display:flex;align-items:center;gap:8px;color:#25252a;text-decoration:none;font-size:10px;line-height:1.1;letter-spacing:1.4px}.brand b{font-weight:700}.brand-mark{font-size:25px;color:var(--orange)}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{position:relative;background:none;border:0;font:28px Arial;color:#18191d;cursor:pointer}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);right:3px;top:2px}.online{border:1px solid #82b78b;border-radius:30px;background:#fff;padding:8px 13px;color:var(--green);font:600 13px 'DM Sans',sans-serif;display:flex;gap:8px;align-items:center;cursor:pointer}.online.off{color:#73757a;border-color:#c6c7ca}.status-dot{width:8px;height:8px;border-radius:50%;background:#50ad60}.off .status-dot{background:#aaa}.switch{width:31px;height:18px;border-radius:20px;background:#e7f1e8;position:relative;margin-left:8px}.switch:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#4caf60;right:2px;top:2px}.off .switch{background:#eee}.off .switch:after{right:auto;left:2px;background:#aaa}main{max-width:900px;margin:0 auto;padding:0 20px}.profile-card{padding:40px 0 48px;display:flex;align-items:center;gap:20px}.avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 65% 25%,#fff8ed,#efdbc8 65%,#d8bba0);border:3px solid #f5f1ec;color:#b04c1d;font-size:36px}.profile-info h1{font-size:23px;margin:0 0 17px}.profile-info p{font-size:14px;margin:0 0 13px;color:#36373a}.profile-info p span:first-child{font-size:13px}.bullet{margin:0 9px;color:#777}.profile-info a{font-weight:700;text-decoration:none;color:#cb4d0a;font-size:15px}.profile-info a span{padding-left:5px;font-size:19px}.share{margin-left:auto;color:#d95008}h2{font-size:23px;margin:0 0 24px;letter-spacing:-.35px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{border-radius:22px;border:1px solid;padding:18px 20px;min-height:135px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.stat-icon{align-self:flex-end;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:17px}.stat strong{font-size:30px;letter-spacing:-1px}.stat>span:last-child{font-size:14px;font-weight:500}.earnings{background:#fff3e2;border-color:#f5d8b9;color:#c94e06}.earnings .stat-icon{background:#fce4cb}.consultations{background:#e7f4ff;border-color:#cde4f6;color:#2478be}.consultations .stat-icon{background:#d4eaf8}.hours{background:#f0eaf8;border-color:#ded0ef;color:#7046ad}.hours .stat-icon{background:#e5dafa}.go-live{margin:34px 0 48px;width:100%;background:linear-gradient(100deg,#ff7824,#eb4d00);border:0;border-radius:23px;padding:21px 25px;display:flex;align-items:center;gap:18px;color:#fff;text-align:left;box-shadow:0 9px 18px #e8550922;cursor:pointer}.live-icon{width:54px;height:54px;border-radius:16px;background:#ffffff30;display:grid;place-items:center;font-size:27px}.live-copy{display:flex;flex-direction:column;gap:5px}.live-copy b{font-size:19px}.live-copy small{font-size:13px;color:#ffe3d0}.live-copy i{display:inline-block;width:9px;height:9px;background:white;border-radius:50%;margin:0 5px 1px 0}.chevron{margin-left:auto;font-size:35px;font-weight:300}.section-title{margin-bottom:17px}.section-title h2{margin:0}.section-title p{color:var(--muted);font-size:13px;margin:8px 0}.rate-list{display:grid;gap:16px}.rate-card{border:1px solid #eae4df;border-radius:22px;box-shadow:0 3px 7px #17171712;min-height:112px;padding:17px 20px;display:flex;align-items:center;gap:18px}.rate-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:#fff2e9;color:#cb4d0a;font-size:25px}.rate-card h3{font-size:17px;margin:0 0 5px}.rate-card p{margin:0;color:#4b4d51;font-size:15px}.rate-card input{border:0;background:transparent;width:42px;font:inherit;color:inherit;padding:0;outline:0}.rate-card input:focus{border-bottom:1px solid currentColor}.rate-card.green{border-color:#deeee1}.green .rate-icon{background:#edf8ef;color:#45a957}.rate-card.blue{border-color:#dcebf4}.blue .rate-icon{background:#eef8ff;color:#258fd0}.toggle{margin-left:auto;border:0;border-radius:20px;background:#e6e6e8;width:48px;height:27px;position:relative;cursor:pointer;flex:none}.toggle:after{content:'';position:absolute;width:23px;height:23px;left:2px;top:2px;border-radius:50%;background:#aaa;transition:transform .15s}.toggle.active{background:#f3dbcb}.toggle.active:after{background:#e65b12;transform:translateX(21px)}.green .toggle.active{background:#d9f0de}.green .toggle.active:after{background:#4bac5c}.blue .toggle.active{background:#d9ecfb}.blue .toggle.active:after{background:#278fd1}.demo-note{margin:24px 0;color:#85868a;font-size:11px;line-height:1.6}.bottom-nav{position:fixed;z-index:4;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ececef;display:flex;justify-content:center;padding:8px 12px max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 12px #10101809}.nav-item{border:0;background:none;color:#626368;font:500 12px 'DM Sans',sans-serif;display:flex;flex:1;max-width:190px;flex-direction:column;align-items:center;gap:2px;padding:4px;cursor:pointer}.nav-item span{font-size:25px}.nav-item.selected{color:#d64f06;font-weight:700}.view{display:none;padding:0 0 25px}.view.active{display:block}.view-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px}.view-heading h2{margin:0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#bf5c24;font-weight:700;margin:0 0 7px}.period,.filter-button,.edit-profile{border:1px solid #e8e8eb;border-radius:20px;background:#fff;padding:10px 13px;font:500 12px 'DM Sans',sans-serif;color:#47484d}.balance-card{border-radius:22px;background:linear-gradient(130deg,#fff3e2,#fff9f0);border:1px solid #f0dcc2;padding:25px;color:#6a4a34}.balance-card>span{font-size:14px}.balance-card strong{display:block;font-size:40px;color:#cc5008;margin:5px 0}.balance-card p{font-size:12px;color:#7f7468;margin:0 0 22px}.withdraw-button{background:#e85509;border:0;border-radius:12px;color:white;font:600 14px 'DM Sans',sans-serif;padding:13px 16px;cursor:pointer}.withdraw-button span{padding-left:20px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:17px 0 36px}.mini-stats article{border:1px solid var(--line);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats b{font-size:17px}.empty-state{min-height:180px;border:1px dashed #dddde1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#77797e;text-align:center;padding:20px}.empty-state span{font-size:28px;color:#bbb;margin-bottom:10px}.empty-state b{color:#44464a;font-size:14px}.empty-state p{font-size:12px;margin:7px 0 0}.history-empty{margin-top:35px;min-height:250px}.profile-panel{border:1px solid var(--line);border-radius:18px;padding:24px;margin:10px 0 16px}.avatar.large{margin:0 auto 12px;width:75px;height:75px}.profile-panel h3,.profile-panel>p{text-align:center}.profile-panel h3{margin:0 0 4px}.profile-panel>p{margin:0 0 22px;color:var(--muted);font-size:13px}.profile-line{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.profile-line span{color:var(--muted)}.profile-line b{font-size:12px}.verified{color:#b36b1c}.profile-links{border:1px solid var(--line);border-radius:15px;padding:0 16px}.profile-links a{padding:16px 0;display:flex;justify-content:space-between;color:#28292d;text-decoration:none;font-size:13px}.profile-links a+a{border-top:1px solid var(--line)}.profile-links span{color:var(--orange)}.dialog{border:0;border-radius:22px;width:min(440px,calc(100% - 32px));padding:27px;box-shadow:0 20px 80px #15152540}.dialog::backdrop{background:#15152566}.dialog form{position:relative}.dialog h2{margin:0 0 10px}.dialog-intro{font-size:13px;line-height:1.6;color:#686a70;margin:0 0 20px}.dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:14px 0}.dialog input{border:1px solid #dedee2;border-radius:10px;padding:13px;font:14px 'DM Sans',sans-serif}.dialog .button{width:100%;justify-content:center;margin-top:10px}.close-dialog{position:absolute;right:0;top:0;border:0;background:transparent;font-size:25px;color:#666;cursor:pointer}.dialog-error{font-size:12px;color:#b13a16;min-height:16px}.privacy-hint{font-size:10px;color:#777;text-align:center}.button.primary{background:#e85509;color:white;border:0;border-radius:12px;padding:14px;font:600 14px 'DM Sans',sans-serif;cursor:pointer}
.activity-row{display:flex;align-items:center;gap:13px;padding:16px 4px;border-bottom:1px solid var(--line)}.activity-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff2e9;color:var(--orange);font-size:20px}.activity-details{display:flex;flex:1;flex-direction:column;gap:4px}.activity-details b{font-size:13px}.activity-details span,.activity-disclaimer{font-size:10px;color:var(--muted)}.activity-amount{font-size:14px}.activity-disclaimer{margin:0 0 10px 57px}
@media(max-width:600px){.topbar{height:68px;padding:0 19px}.top-actions{gap:10px}.online{padding:7px 10px}main{padding:0 20px}.profile-card{padding:31px 0 37px;gap:14px}.avatar{width:77px;height:77px;font-size:30px}.profile-info h1{font-size:20px;margin-bottom:12px}.profile-info p{font-size:12px}.profile-info a{font-size:14px}.stats-grid{gap:9px}.stat{border-radius:18px;padding:13px 12px;min-height:119px}.stat strong{font-size:25px}.stat>span:last-child{font-size:12px}.stat-icon{width:29px;height:29px}.go-live{margin:29px 0 39px;border-radius:20px;padding:17px}.live-icon{width:48px;height:48px}.live-copy b{font-size:17px}.section-title h2,h2{font-size:21px}.rate-card{padding:14px 12px;gap:12px;min-height:98px;border-radius:19px}.rate-icon{width:49px;height:49px}.rate-card h3{font-size:15px}.rate-card p{font-size:12px}.toggle{width:43px}.toggle.active:after{transform:translateX(16px)}.mini-stats{gap:7px}.mini-stats article{padding:12px 9px}.mini-stats span{font-size:10px}.mini-stats b{font-size:14px}.bottom-nav{justify-content:space-around}.nav-item{font-size:11px;max-width:none}.nav-item span{font-size:23px}}