:root{--ink:#5e7768;--ink2:#496a57;--muted:#122e1e;--muted2:#113b23;--line:#e9edf3;--paper:#fff;--bg:#f6f7fa;--orange:#21894d;--orange2:#48b877;--orange-light:#ffffff;--navy:#617f6d;--violet:#85daa8;--green:#41ad8d;--blue:#8fd5ac;--shadow:0 14px 45px rgba(20,70,38,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:17px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}h1,h2,h3,strong,.brand{font-family:'Space Grotesk','DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cbf2db;outline-offset:3px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.8px;line-height:1}.brand-mark{width:37px;height:37px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#5dbf81,#176d3b);color:white;font-size:25px;box-shadow:0 7px 15px #21894d42}.brand-light{color:var(--orange);font-weight:500}.brand small{display:block;color:#113520;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.45px;margin-top:7px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:12px 17px;font-weight:700;font-family:'Space Grotesk',sans-serif;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#21894d,#34a565);color:#fff;box-shadow:0 7px 16px #21894d30}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px #21894d45}.btn-primary span{font-size:18px;font-weight:400}.btn-large{padding:15px 20px;border-radius:11px;font-size:15px}.btn-small{padding:10px 14px}.btn-ghost{color:#254332;background:rgba(255,255,255,.72);border-color:#e7e9ed}.btn-light{background:#fff;color:#176e3c}.btn-outline{background:white;border-color:#e4e8ef;color:#3d5b49}.btn-outline:hover:not(:disabled){border-color:#b5e9cb;background:#fffaf7}.btn-dark{background:#577463;color:white}.btn-full{width:100%}.btn-xs{padding:8px 10px;font-size:13px}.orange-dot{color:var(--orange)}.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.65px;color:#123621;display:inline-flex;align-items:center;gap:8px}.public-container{width:min(1160px,calc(100% - 64px));margin:0 auto}.public-nav{height:88px;width:min(1280px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.public-nav nav{display:flex;align-items:center;gap:33px;color:#162f20;font-size:14px;font-weight:600}.public-nav nav a:not(.btn):hover{color:var(--orange)}.public-nav .nav-login{margin-left:5px;color:var(--ink)}.public-body{background:#fbfbfd}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding-top:66px;padding-bottom:68px;min-height:575px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#21894d}.eyebrow-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ccedda;box-shadow:0 0 0 4px #ffffff}.hero h1{font-size:clamp(48px,5.3vw,71px);line-height:1.045;letter-spacing:-3.7px;margin:24px 0 22px;font-weight:600}.hero-lede{color:#132f1f;font-size:18px;line-height:1.85;max-width:460px;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.play-icon{font-size:19px;color:#248a4e}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:36px;color:#3d5a49}.proof-avatars{display:flex;padding-left:0}.proof-avatars span{width:28px;height:28px;border-radius:50%;margin-right:-6px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;background:#a3f1c4;color:#43bf77;font-size:15px}.proof-avatars span:nth-child(2){background:#ffffff;color:#21894d}.proof-avatars span:nth-child(3){background:#dff4ed;color:#359d7c}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#123621;margin-top:4px}.proof-divider{height:26px;width:1px;background:#e4e7ed;margin:0 4px}.hero-visual{position:relative;min-height:475px;padding:14px 9px;display:flex;flex-direction:column;justify-content:center;gap:14px}.hero-glow{position:absolute;width:440px;height:390px;right:4%;top:7%;background:radial-gradient(ellipse,#ffffff 0%,#ffffff 40%,transparent 73%);filter:blur(15px);pointer-events:none}.visual-topline{display:flex;align-items:center;justify-content:space-between;padding:0 12px 5px;position:relative;z-index:1;color:#123722;font-size:10px;letter-spacing:1.2px;font-weight:700}.visual-topline>span:first-child{display:flex;align-items:center;gap:7px}.visual-topline i,.running-tag i,.status-dot{width:6px;height:6px;border-radius:50%;background:#4bb991;display:inline-block}.live-pill{border-radius:4px;padding:5px 7px;background:#e8f7f0;color:#3aa27f;font-size:10px;letter-spacing:.8px}.preview-card{position:relative;z-index:1;background:rgba(255,255,255,.91);border:1px solid #fff;border-radius:17px;box-shadow:0 17px 48px #334f3f0e;backdrop-filter:blur(12px)}.preview-main{padding:24px 25px 17px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between}.preview-head small{display:block;color:#11321f;letter-spacing:1px;font-size:10px;font-weight:700}.preview-balance{font-family:'Space Grotesk';font-size:35px;font-weight:600;letter-spacing:-1.4px;margin-top:8px}.preview-balance span{font-size:20px;color:#11341f;font-weight:400}.coin-icon{width:38px;height:38px;border-radius:13px;background:#ffffff;color:#248a4e;display:grid;place-items:center;font-size:22px}.preview-chart{position:relative;height:122px;margin-top:20px}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{display:block;border-top:1px dashed #edf0f5}.preview-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-legend{display:flex;justify-content:space-between;color:#10331f;font-size:10px;margin-top:8px}.legend-range{color:#22894d;font-weight:700}.preview-task,.preview-auto{padding:15px 17px;display:flex;align-items:center;gap:12px}.task-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:19px}.orange-bg{background:#ffffff;color:#238d50}.purple-bg{background:#ffffff;color:#6dd197}.task-preview-copy{flex:1}.task-preview-copy strong,.task-preview-copy small{display:block}.task-preview-copy strong{font-size:13px}.task-preview-copy small{margin-top:5px;font-size:10px;color:#123721}.reward-tag{background:#e9f8f0;color:#3ba883;padding:7px 9px;border-radius:6px;font-size:10px;font-weight:700}.running-tag{display:flex;align-items:center;gap:5px;color:#4aac8c;font-size:10px;font-weight:700}.running-tag i{width:5px;height:5px}.floating-star{position:absolute;color:#50b575}.star-one{top:62px;right:-9px;font-size:26px}.star-two{bottom:70px;left:-14px;font-size:22px;color:#b3eecc}.trust-strip{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:#fff;border:1px solid #f0f1f5;border-radius:13px;box-shadow:0 10px 35px #6a887705;color:#173122;font-size:12px;font-weight:600}.trust-strip>div{display:flex;align-items:center;gap:10px}.trust-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f8f0ea;color:#278f53;font-size:14px}.section-how{padding-top:113px;padding-bottom:105px}.section-heading{text-align:center}.section-heading .eyebrow{color:#afe0c3}.section-heading h2,.features-layout h2{font-size:41px;line-height:1.2;letter-spacing:-1.8px;margin:18px 0 12px}.section-heading>p{font-size:14px;color:#12311f}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.step-card{padding:20px 21px 25px;background:#fff;border:1px solid #edf0f5;border-radius:16px;min-height:292px;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.step-number{display:flex;align-items:center;justify-content:space-between;color:#123822;font-size:10px;font-weight:700;letter-spacing:1px}.step-number span{font-size:18px;color:#0f4124}.step-art{height:133px;margin:12px 0 8px;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.art-1{background:linear-gradient(135deg,#ffffff,#fff8f1)}.art-2{background:linear-gradient(135deg,#ffffff,#f7f6ff)}.art-3{background:linear-gradient(135deg,#eaf7f2,#f6fbf8)}.art-circle{width:65px;height:65px;border-radius:20px;background:#fff;color:#278e51;display:grid;place-items:center;font-size:27px;box-shadow:0 10px 24px #162b1f14}.art-2 .art-circle{color:#60cd8e}.art-3 .art-circle{color:#40a789}.mini-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#86cfa0}.dot-a{top:28px;left:36%}.dot-b{bottom:28px;right:32%;width:5px;height:5px}.dot-c{right:29%;top:31px;background:#b3eecc}.dot-d{left:33%;bottom:28px;width:5px;height:5px;background:#c1f3d6}.dot-e{left:29%;top:33px;background:#84cbb4}.dot-f{right:34%;bottom:27px;width:5px;height:5px;background:#a8dfcc}.step-card h3{font-size:17px;margin:15px 0 8px}.step-card p{font-size:13px;line-height:1.8;color:#133220;margin-bottom:0;max-width:290px}.features-section{padding:84px 0 91px;background:#f2f3f8;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3}.features-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.features-layout h2{font-size:44px;margin-top:18px}.muted-lede{font-size:15px;line-height:1.9;color:#13301f;max-width:355px;margin-bottom:22px}.feature-list{display:flex;flex-direction:column}.feature-list article{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid #dfe3ec}.feature-list article:first-child{border-top:1px solid #dfe3ec}.feature-icon{width:45px;height:45px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;font-size:20px}.feature-orange{background:#ffffff;color:#278f53}.feature-violet{background:#ffffff;color:#7fd8a4}.feature-blue{background:#ffffff;color:#8ed5ab}.feature-list h3{font-size:15px;margin:0 0 6px}.feature-list p{font-size:12px;line-height:1.7;color:#123220;margin:0;max-width:355px}.feature-arrow{margin-left:auto;color:#103721;font-size:18px}.bottom-cta{display:flex;align-items:center;gap:25px;padding:35px 43px;margin-top:79px;margin-bottom:58px;border-radius:19px;color:white;background:linear-gradient(120deg,#21894d,#33a365);position:relative;overflow:hidden;box-shadow:0 15px 35px #2a985822}.bottom-cta:after{content:'';position:absolute;width:370px;height:370px;border:1px solid #ffffff23;border-radius:50%;right:80px;top:-225px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff07}.cta-spark{width:53px;height:53px;border-radius:16px;display:grid;place-items:center;background:#ffffff25;font-size:26px;flex:0 0 auto}.bottom-cta>div:nth-child(2){flex:1;position:relative;z-index:1}.bottom-cta .eyebrow{color:#ffffff}.bottom-cta h2{font-size:26px;letter-spacing:-.7px;margin:9px 0 5px}.bottom-cta p{font-size:13px;color:#ffffff;margin-bottom:0}.bottom-cta .btn{position:relative;z-index:1}.public-footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 32px;color:#10321e;font-size:10px;gap:18px}.brand-footer{transform:scale(.85);transform-origin:left center;color:var(--ink)}.public-bottom-note{text-align:center;font-size:10px;letter-spacing:1.1px;color:#0d301c;padding:0 18px 19px}
/* App shell */
.app-body{background:#f6f7fa}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #edf0f4;padding:25px 16px 15px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:2px 4px 38px}.sidebar-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#10341f;padding:0 12px;margin:0 0 10px}.main-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:27px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:9px;color:#122e1e;font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-link:hover{background:#f9f3ef;color:#21894d}.nav-link.active{background:#ffffff;color:#21894d;font-weight:700}.nav-icon{font-size:20px;display:inline-grid;place-items:center;width:20px;color:inherit}.sidebar-spacer{flex:1;min-height:10px}.sidebar-help{background:#faf5f1;border:1px solid #3dde80;border-radius:12px;padding:15px;margin:0 1px 15px}.help-orb{width:25px;height:25px;border-radius:8px;background:#fff;color:#268e50;display:grid;place-items:center;font-size:15px;font-weight:700;margin-bottom:11px}.sidebar-help strong{font-size:13px}.sidebar-help p{font-size:10px;line-height:1.65;color:#0f2719;margin:6px 0 9px}.sidebar-help a,.sidebar-help-link{font-size:10px;font-weight:700;color:#21894d}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;padding:16px 3px 2px}.avatar,.top-avatar{width:32px;height:32px;border-radius:10px;background:#c5f5d9;color:#8fd0aa;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;flex:0 0 auto}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-info strong,.sidebar-user-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info strong{font-size:12px}.sidebar-user-info small{color:#11311e;font-size:10px;margin-top:4px}.logout-form{margin:0}.icon-button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#113420;font-size:21px;border-radius:7px}.icon-button:hover{background:#4ae289;color:#21894d}.main-area{min-width:0;width:calc(100% - 248px);margin-left:248px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:72px;padding:0 36px;border-bottom:1px solid #eceff4;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.breadcrumbs{font-size:12px;color:#113520}.breadcrumbs span{margin:0 10px;color:#c8cdd6}.breadcrumbs strong{font-weight:600;color:#355342}.topbar-right{display:flex;align-items:center;gap:8px;color:#123220;font-size:10px}.status-dot{box-shadow:0 0 0 4px #e5f6ee}.top-avatar{margin-left:10px;width:30px;height:30px;border-radius:9px;background:#ffffff;color:#5bc989}.mobile-menu{display:none;border:0;background:#fff;color:#446351;font-size:20px}.page-content{padding:33px 36px 40px;width:100%;max-width:1550px;margin:0 auto;flex:1}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 36px;border-top:1px solid #e9edf3;color:#0f301c;font-size:10px}.app-footer a{color:#21894d}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-intro .eyebrow{margin-bottom:10px}.page-intro h1{font-size:29px;letter-spacing:-1px;margin:0 0 7px;font-weight:600}.page-intro p{font-size:13px;color:#12311f;margin:0;line-height:1.7}.wave{color:#b9e7cc;font-size:23px;margin-left:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #eceff4;border-radius:14px;padding:18px 18px 15px;position:relative;overflow:hidden;box-shadow:0 3px 10px #496a5703}.stat-featured{background:linear-gradient(125deg,#557562,#517560);border-color:#517560;color:#fff}.stat-sheen{position:absolute;right:-70px;top:-100px;width:190px;height:190px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 25px #ffffff05,0 0 0 52px #ffffff03;pointer-events:none}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#143a24;font-size:10px;font-weight:700;letter-spacing:.7px;position:relative;z-index:1}.stat-featured .stat-top{color:#19713e}.stat-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.stat-icon.orange{background:#ffffff;color:#bde7ce}.stat-icon.violet{background:#ffffff;color:#76d59d}.stat-icon.blue{background:#ffffff;color:#94d7b0}.stat-icon.green{background:#e5f7ef;color:#3faa89}.stat-value{font-size:28px;font-weight:600;letter-spacing:-1px;margin:14px 0 15px;font-family:'Space Grotesk';white-space:nowrap}.stat-featured .stat-value{color:#fff}.stat-value small{font-family:'DM Sans';font-size:13px;font-weight:500;letter-spacing:0;color:#143522}.stat-featured .stat-value small{color:#186d3b}.stat-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #edf0f4;padding-top:12px;min-height:33px;position:relative;z-index:1}.stat-featured .stat-bottom{border-color:#ffffff1b}.stat-hint{font-size:10px;color:#11341f;white-space:nowrap}.stat-featured .stat-hint{color:#1c7c44}.stat-link{font-size:10px;color:#278f53;font-weight:700;white-space:nowrap}.level-chip{font-size:10px;background:#ffffff;color:#78ce9c;border-radius:5px;padding:5px 7px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e9edf3;border-radius:15px;box-shadow:0 3px 12px #52796204}.progress-panel,.balance-panel,.activity-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-heading h2{font-size:18px;letter-spacing:-.3px;margin:0 0 6px}.panel-heading p{font-size:12px;color:#123621;margin:0}.panel-kicker{background:#ffffff;border-radius:5px;color:#aae0c1;font-size:10px;font-weight:700;letter-spacing:.7px;padding:7px 8px;white-space:nowrap}.routine-list{display:flex;flex-direction:column}.routine-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0f2f6;min-width:0}.routine-item:first-child{border-top:0;padding-top:0}.routine-item:last-child{padding-bottom:0}.routine-symbol{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.symbol-orange{background:#ffffff;color:#b8e6cb}.symbol-violet{background:#ffffff;color:#82d9a6}.symbol-blue{background:#ffffff;color:#8fd5ac}.routine-copy{flex:1;min-width:0}.routine-copy strong,.routine-copy small{display:block}.routine-copy strong{font-size:12px;font-weight:700}.routine-copy small{font-size:10px;color:silver;margin-top:5px;line-height:1.5}.routine-value{font-size:10px;color:#ace0c2;font-weight:700;white-space:nowrap}.routine-arrow{font-size:17px;color:gold;margin-left:1px}.snapshot-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff;color:#7fd7a4}.snapshot-hero{display:flex;align-items:center;gap:14px;padding:15px 13px;background:#fbfaff;border:1px solid #ffffff;border-radius:12px;margin-bottom:14px}.snapshot-ring{width:48px;height:48px;border:1px solid #ffffff;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #ffffff;color:#76d69e;font-size:21px;flex:0 0 auto}.snapshot-hero small,.snapshot-hero strong,.snapshot-hero span{display:block}.snapshot-hero small{font-size:10px;color:#28824e;font-weight:700;letter-spacing:.5px}.snapshot-hero strong{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:5px 0}.snapshot-hero em{font-size:12px;color:#54c985;font-style:normal}.snapshot-hero span{font-size:10px;color:#11341f}.snapshot-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f2f5;font-size:15px;color:silver}.snapshot-row strong{color:silver;font-size:10px}.panel-bottom-link{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:#ade0c2;font-size:10px;font-weight:700}.activity-panel{margin-bottom:18px}.text-link{font-size:10px;font-weight:700;color:#abe0c1}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.data-table th{color:#113520;font-size:10px;letter-spacing:.8px;font-weight:700;background:#fafbfc;padding:12px 13px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;white-space:nowrap}.data-table td{padding:13px;border-bottom:1px solid #f0f2f6;color:#1f3b2b;font-size:10px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdfdfd}.table-symbol{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ffffff;color:#b1e2c5;float:left;margin-right:10px}.table-primary{font-size:10px;color:#345141;font-weight:700;max-width:350px;overflow-wrap:anywhere}.type-chip{display:inline-block;background:#f1f3f7;border-radius:5px;padding:5px 7px;font-size:10px;color:#132d1d;text-transform:capitalize}.amount-cell{font-weight:700;color:#3da782!important;white-space:nowrap}.amount-cell small{font-size:10px;font-weight:500;color:#11331f}.amount-cell.negative{color:#75ce9a!important}.date-cell{color:#11341f!important;white-space:nowrap;font-size:10px!important}.empty-state{text-align:center;padding:34px 14px;color:#143622}.empty-state>span{display:grid;place-items:center;margin:0 auto 12px;width:42px;height:42px;border-radius:13px;background:#ffffff;color:#b0e2c5;font-size:23px}.empty-state strong{font-size:14px;color:#32503e}.empty-state p{font-size:12px;line-height:1.7;color:#10311e;margin:7px auto 0;max-width:350px}.header-balance{border:1px solid #ebeef4;background:#fff;padding:11px 15px;border-radius:10px;min-width:140px}.header-balance span,.header-balance strong{display:block}.header-balance span{font-size:10px;letter-spacing:.8px;color:white;font-weight:700}.header-balance strong{font-family:'Space Grotesk';font-size:20px;margin-top:6px}.header-balance strong:first-letter{color:#b6e5ca}.flash{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;margin:18px auto 0;width:calc(100% - 32px);max-width:1500px;font-size:13px;font-weight:600;position:relative;z-index:30}.flash>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px}.flash-success{background:#eaf8f0;border:1px solid #d3efdf;color:#2b8d68}.flash-success>span{background:#d2f1df}.flash-error{background:#ffffff;border:1px solid #99edbc;color:#49a971}.flash-error>span{background:#bbf3d2}.flash-close{margin-left:auto;border:0;background:transparent;font-size:20px;color:inherit;opacity:.6}.faucet-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:19px}.faucet-card{position:relative;overflow:hidden;padding:34px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:540px;background:radial-gradient(ellipse at 50% 5%,#ffffff 0%,#fff 46%)}.faucet-card .eyebrow{margin-top:18px;color:#21894d}.faucet-card h2{font-size:24px;letter-spacing:-.7px;margin:10px 0 8px}.faucet-card>p{max-width:375px;color:#12321f;font-size:12px;line-height:1.8;margin-bottom:14px;z-index:1}.faucet-orbit{position:absolute;border:1px solid #8debb4;border-radius:50%;pointer-events:none}.orbit-a{width:235px;height:235px;top:7px}.orbit-b{width:188px;height:188px;top:30px;border-style:dashed;border-color:#a1ecc0}.faucet-core{margin-top:4px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;z-index:1;background:radial-gradient(circle at 35% 30%,#ffffff,#c8ead6 75%);box-shadow:0 12px 28px #c6ead53b,inset 0 2px 8px #ffffff70;position:relative}.faucet-core:before{content:'';position:absolute;inset:9px;border:1px solid #ffffff75;border-radius:50%}.faucet-core span{font-size:52px;color:white;text-shadow:0 3px 9px #84bc9b70}.countdown{font-family:'Space Grotesk';font-weight:600;font-size:40px;letter-spacing:2px;color:#466453;font-variant-numeric:tabular-nums;z-index:1}.countdown-caption{font-size:10px;letter-spacing:1.3px;color:white;font-weight:700;margin-top:5px}.faucet-reward-row{display:flex;align-items:center;justify-content:center;gap:33px;padding:20px 0 19px;margin-top:5px;width:min(100%,380px);z-index:1}.faucet-reward-row>div:not(.reward-separator){display:flex;flex-direction:column;gap:5px}.reward-big{font-family:'Space Grotesk';font-size:22px;font-weight:600;color:#bde7ce}.faucet-reward-row small{font-size:10px;color:#10301d}.reward-separator{height:31px;width:1px;background:#e9ecf1}.faucet-card form{width:min(100%,380px);z-index:1}.fine-print{font-size:10px!important;color:silver!important;line-height:1.7!important;margin:13px 0 0!important;max-width:400px!important}.faucet-aside{display:flex;flex-direction:column;gap:14px}.mini-panel{display:flex;gap:13px;padding:19px}.mini-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.mini-icon.orange{background:#ffffff;color:#b1e2c5}.mini-icon.green{background:#e4f7ee;color:#40a985}.mini-icon.violet{background:#ffffff;color:#6cd196}.mini-panel h3{font-size:14px;margin:0 0 6px}.mini-panel p{font-size:12px;line-height:1.7;color:#12321f;margin:0 0 6px}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:11px;margin-bottom:20px;font-size:12px;line-height:1.65}.notice>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;flex:0 0 auto;font-size:15px;font-weight:700}.notice strong{font-size:12px}.notice p{font-size:10px;margin:3px 0 0}.notice-info{background:#ffffff;border:1px solid #e7fbf0;color:#439264}.notice-info>span{background:#ffffff}.notice-warning{background:#ffffff;border:1px solid #8ceab3;color:#63af83}.notice-warning>span{background:#d1f7e1}.tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.task-card{padding:20px;display:flex;flex-direction:column;min-height:245px}.task-card-top{display:flex;align-items:center;justify-content:space-between}.task-large-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:22px}.task-color-0{background:#ffffff;color:#b7e5ca}.task-color-1{background:#ffffff;color:#6dd197}.task-color-2{background:#e6f5ef;color:#3ea585}.task-color-3{background:#ffffff;color:#85d1a5}.task-status{font-size:10px;background:#f3f5f8;color:#123220;border-radius:6px;padding:6px 8px}.task-status.status-done{background:#e7f7ee;color:#39a27f}.task-card h3{font-size:17px;margin:15px 0 7px}.task-card>p{font-size:12px;line-height:1.7;color:#123220;flex:1;margin-bottom:17px}.task-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f4;padding-top:14px}.task-card-bottom strong,.task-card-bottom small{display:block}.task-card-bottom strong{font-size:13px;color:#abe0c1}.task-card-bottom small{font-size:10px;color:#10321e;margin-top:4px}.task-card-bottom .btn{font-size:10px;padding:10px 11px;gap:7px}.btn-complete{border:1px solid #d6efe2;background:#edf9f2;color:#47a782;cursor:default}.wide-empty{grid-column:1/-1}.running-status{display:inline-flex;align-items:center;gap:7px;background:#f0f2f6;color:#11301e;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.running-status i{width:6px;height:6px;border-radius:50%;background:#123822}.running-status.is-running{color:#31a27e;background:#e8f8f0}.running-status.is-running i{background:#39b68b;box-shadow:0 0 0 4px #d5f3e6}.auto-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px}.auto-main{padding:29px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 10%,#ffffff 0%,#fff 46%)}.auto-visual{width:190px;height:190px;position:relative;display:grid;place-items:center;margin:2px 0 13px}.auto-ring{position:absolute;border-radius:50%;border:1px solid #ffffff}.ring-1{inset:5px;border-style:dashed;animation:slowspin 35s linear infinite}.ring-2{inset:22px;border-color:#ffffff}.ring-3{inset:42px;border-color:#ffffff;box-shadow:0 0 0 10px #f7f5ff}.auto-center{width:83px;height:83px;border-radius:27px;background:linear-gradient(145deg,#bbefd1,#5cc789);box-shadow:0 12px 25px #65cd9040;display:grid;place-items:center;color:white;font-size:44px}.auto-visual.running .auto-center{background:linear-gradient(145deg,#ffffff,#c1e8d1);box-shadow:0 12px 25px #bee7cf40}.auto-visual.running .ring-1{border-color:#a3e9c1;animation-duration:9s}.auto-orbit-dot{width:10px;height:10px;border-radius:50%;background:#c0ecd2;position:absolute;right:21px;top:40px;box-shadow:0 0 0 5px #ffffff}.auto-main>.eyebrow{color:#6bd195}.auto-main h2{font-size:23px;margin:9px 0 7px}.auto-main>p{font-size:12px;line-height:1.8;color:silver;max-width:400px}.conversion-equation{display:flex;align-items:center;justify-content:space-around;gap:10px;width:100%;padding:18px 6px;background:#faf9ff;border:1px solid #ffffff;border-radius:12px;margin:6px 0 18px}.conversion-equation>div{display:flex;flex-direction:column;gap:5px}.conversion-equation strong{font-size:20px;color:#357c52}.conversion-equation small{font-size:10px;color:#102f1d}.conversion-equation>span{color:#31d174;font-size:18px}.auto-main form{width:100%}.auto-side{display:flex;flex-direction:column;gap:16px}.resource-panel,.auto-tips{padding:22px}.resource-panel .panel-heading{margin-bottom:10px}.resource-row{display:flex;gap:11px;align-items:center;padding:15px 0;border-top:1px solid #f0f2f6}.resource-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.resource-icon.orange{background:#ffffff;color:#b1e2c5}.resource-icon.green{background:#e5f7ef;color:#41a988}.resource-icon.violet{background:#ffffff;color:#6cd196}.resource-data{flex:1;min-width:0}.resource-data>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.resource-data span{font-size:13px;color:skyblue;}.resource-data strong{font-size:13px;color:skyblue;}.resource-track{height:5px;background:#2edc77;border-radius:5px;overflow:hidden}.resource-track i{height:100%;display:block;background:#2a9858;border-radius:5px}.fuel-track{background:#e1f3e9}.fuel-track i{background:#4db491}.credit-track{background:#7cebaa}.credit-track i{background:#72d49b}.auto-tips h3{font-size:15px;margin:0 0 18px}.tip-row{display:flex;gap:12px;margin:13px 0}.tip-row span{font-size:10px;color:#a8dfbf;font-weight:700}.tip-row p{font-size:10px;color:#123320;line-height:1.6;margin:0}.auto-tips .text-link{display:inline-block;margin-top:9px}.withdraw-layout{display:grid;grid-template-columns:1fr .8fr;gap:18px;margin-bottom:18px}.withdraw-form-panel,.withdraw-steps{padding:24px}.withdraw-form-panel .panel-heading{margin-bottom:23px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{font-size:12px;font-weight:700;color:#294735;display:flex;flex-direction:column;gap:8px}.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid #e3e8f0;background:#fcfcfd;border-radius:9px;padding:12px 13px;color:#42604e;font-size:13px;outline:none;transition:border .15s,box-shadow .15s}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#bfecd2;box-shadow:0 0 0 3px #bdf4d4}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#0f3720}.form-stack label small{color:silver;font-weight:400;font-size:10px;line-height:1.5}.withdraw-steps h2{font-size:18px;margin:0 0 23px}.withdraw-step{display:flex;align-items:flex-start;gap:12px;margin:20px 0}.withdraw-step>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#ffffff;color:#b2e2c6;font-size:12px;font-weight:700;flex:0 0 auto}.withdraw-step strong{font-size:12px}.withdraw-step p{font-size:10px;line-height:1.7;color:silver;margin:5px 0 0}.status-chip{display:inline-block;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:capitalize}.status-pending{background:#ffffff;color:#60b985}.status-approved{background:#ffffff;color:#71c895}.status-paid{background:#e5f8ef;color:#38a17b}.status-rejected{background:#ffffff;color:#5cc387}.muted-address{font-size:10px;color:#113420;display:block;max-width:240px;overflow-wrap:anywhere;margin-top:4px}.form-terms{font-size:10px;line-height:1.7;color:#11341f;margin:0}.referral-hero{display:grid;grid-template-columns:.4fr 1fr;gap:24px;padding:26px;background:linear-gradient(115deg,#fff9f3,#fff 50%);margin-bottom:18px;overflow:hidden}.referral-art{min-height:210px;border-radius:13px;background:radial-gradient(ellipse,#ffffff,#ffffff);position:relative;display:grid;place-items:center;overflow:hidden}.referral-art:before,.referral-art:after{content:'';position:absolute;width:125px;height:125px;border:1px solid #b9efd0;border-radius:50%;box-shadow:0 0 0 20px #b9efd011}.referral-art:after{width:85px;height:85px;border-style:dashed}.referral-person{position:absolute;width:48px;height:48px;border:4px solid white;border-radius:16px;display:grid;place-items:center;background:#bceacf;color:#fff;font-size:26px;box-shadow:0 10px 22px #70cb9625}.person-a{left:calc(50% - 51px);top:calc(50% - 24px);transform:rotate(-9deg)}.person-b{left:calc(50% + 14px);top:calc(50% - 7px);background:#80daa6;transform:rotate(10deg)}.referral-link-art{position:absolute;right:22%;top:24%;z-index:2;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#21894d;background:#fff;font-size:17px;box-shadow:0 5px 15px #70cb9628}.referral-copy{align-self:center}.referral-copy .eyebrow{color:#a8debf}.referral-copy h2{font-size:25px;letter-spacing:-.6px;margin:9px 0}.referral-copy>p{font-size:12px;color:#12321f;line-height:1.8;max-width:590px}.copy-link-row{display:flex;gap:9px;margin-top:15px}.copy-link-row input{min-width:0;flex:1;border:1px solid #e7eaf0;background:#fafbfc;padding:11px;border-radius:8px;font-size:10px;color:#122c1d}.copy-link-row .btn{padding:10px 13px;font-size:10px}.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.code-value{font-size:24px;letter-spacing:1.5px}.referral-rules{padding:22px}.ref-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref-rule-grid>div{padding:15px;border:1px solid #edf0f5;border-radius:10px}.ref-rule-grid span{display:block;color:#a8debf;font-size:10px;font-weight:700;margin-bottom:12px}.ref-rule-grid strong{display:block;font-size:13px;margin-bottom:6px}.ref-rule-grid p{font-size:10px;color:#12311f;line-height:1.7;margin:0}.admin-chip{color:#438760;background:#ffffff;border:1px solid #7be5a7;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:700;letter-spacing:.8px}.admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px;margin-bottom:18px}.admin-create,.admin-tasks{padding:22px}.admin-create .panel-heading,.admin-tasks .panel-heading{margin-bottom:19px}.admin-task-list{display:flex;flex-direction:column}.admin-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #eff1f5}.admin-task-row:first-child{border-top:0;padding-top:0}.admin-task-row strong,.admin-task-row small{display:block}.admin-task-row strong{font-size:12px}.admin-task-row small{font-size:10px;color:#11331f;margin-top:5px}.status-toggle{border:1px solid #5ee295;background:#ffffff;color:#78c999;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:700}.status-toggle.enabled{border-color:#d7efe3;background:#eaf8f0;color:#38a17c}.inline-admin-form{display:flex;align-items:center;gap:6px;min-width:160px}.inline-admin-form select{max-width:112px;padding:8px 5px;border-radius:7px;background:#fafbfc;border:1px solid #e3e8ef;color:#183424;font-size:10px}.admin-withdrawals{min-width:800px}.history-panel{margin-bottom:0}
/* Authentication */
.auth-wrap{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-side{background:#587665;color:#fff;padding:35px 7vw;display:flex;flex-direction:column;min-height:700px;position:relative;overflow:hidden}.auth-side:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff0e;border-radius:50%;bottom:-200px;right:-150px;box-shadow:0 0 0 35px #ffffff04,0 0 0 75px #ffffff03}.auth-side .brand{color:#fff;position:relative;z-index:1}.auth-side .brand-light{color:#65bc84}.auth-side .brand small{color:#163f27}.auth-side-content{position:relative;z-index:1;margin:auto 0;max-width:430px;padding:65px 0}.auth-side-content .eyebrow{color:#62bd84}.auth-side-content h1{font-size:49px;line-height:1.12;letter-spacing:-2px;margin:22px 0}.auth-side-content>p{color:#185732;font-size:15px;line-height:1.9;max-width:350px}.auth-quote{border-top:1px solid #ffffff20;margin-top:48px;padding-top:19px}.auth-quote>span{color:#ffffff;letter-spacing:3px;font-size:13px}.auth-quote p{font-size:14px;color:#e3e7ee;font-style:italic;line-height:1.7;margin:11px 0}.auth-quote small{font-size:10px;letter-spacing:1.2px;color:#18492d}.auth-side-foot{font-size:10px;color:#163c26;position:relative;z-index:1}.auth-main{padding:30px 7vw 45px;display:flex;flex-direction:column;align-items:flex-end;position:relative}.back-link{font-size:12px;color:#133320;align-self:flex-start}.back-link:hover{color:#abdfc1}.auth-form-wrap{width:min(100%,370px);margin:auto;align-self:center;padding:35px 0}.auth-form-wrap>.eyebrow{color:#96d6b0}.auth-form-wrap h2{font-size:34px;letter-spacing:-1.3px;margin:13px 0 7px}.auth-intro{font-size:13px;color:#123621;margin-bottom:26px}.auth-form-wrap .form-stack{gap:17px}.auth-form-wrap .btn{margin-top:5px}.auth-switch{text-align:center;color:#123621;font-size:12px;margin-top:25px}.auth-switch a{color:#21894d;font-weight:700}.auth-form-wrap label{gap:8px}.auth-form-wrap label input{padding:13px}.auth-form-wrap .form-terms{margin-top:-5px}
@keyframes slowspin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.page-content{padding-left:48px;padding-right:48px}.stats-grid{gap:18px}.stat-card{padding:20px 22px}.hero{gap:80px}}
@media(max-width:1180px){.sidebar{width:220px}.main-area{width:calc(100% - 220px);margin-left:220px}.page-content{padding:28px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:30px}.hero h1{font-size:60px}.features-layout{gap:45px}.faucet-layout,.auto-layout{grid-template-columns:1fr 1fr}.withdraw-layout{grid-template-columns:1fr .75fr}.stat-value{font-size:26px}}
@media(max-width:900px){.public-container,.public-nav{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:50px;gap:20px}.hero-copy{max-width:620px}.hero-visual{width:min(100%,530px);margin:0 auto;min-height:420px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px}.steps-grid{gap:12px}.step-card{padding:17px}.features-layout{grid-template-columns:1fr;gap:35px}.features-layout>div:first-child{max-width:600px}.section-how{padding-top:80px;padding-bottom:75px}.sidebar{width:75px;padding:22px 9px 12px;align-items:center}.sidebar .brand{margin:0 0 37px;gap:0}.sidebar .brand>span:nth-child(2),.sidebar-label,.nav-link>span:nth-child(2),.sidebar-help,.sidebar-user-info,.logout-form{display:none}.sidebar .brand-mark{width:42px;height:42px}.main-nav{width:100%;align-items:center}.nav-link{justify-content:center;width:48px;height:46px;padding:0}.nav-icon{font-size:22px}.sidebar-user{border-top:1px solid #edf0f4;justify-content:center;padding-top:13px}.main-area{width:calc(100% - 75px);margin-left:75px}.dashboard-grid{grid-template-columns:1fr}.balance-panel{min-height:0}.auth-side{padding:30px 5vw}.auth-main{padding:30px 5vw}.auth-side-content h1{font-size:41px}.faucet-layout,.auto-layout{grid-template-columns:1fr}.faucet-aside{display:grid;grid-template-columns:1fr 1fr}.faucet-aside .mini-panel:last-child{grid-column:1/-1}.withdraw-layout{grid-template-columns:1fr}.withdraw-steps{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.withdraw-steps h2{grid-column:1/-1}.withdraw-step{margin:6px 0}.referral-hero{grid-template-columns:.6fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-tasks .admin-task-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.admin-task-row:nth-child(2){border-top:0;padding-top:0}}
@media(max-width:620px){.public-container,.public-nav{width:calc(100% - 32px)}.public-nav{height:72px}.public-nav nav{gap:13px}.public-nav nav>a:not(.btn){display:none}.public-nav .brand{font-size:19px}.brand-mark{width:34px;height:34px}.hero{padding-top:38px;padding-bottom:37px;min-height:0}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-lede{font-size:15px;line-height:1.8}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1}.hero-proof{gap:10px;margin-top:28px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:10px}.proof-divider{margin:0}.hero-visual{min-height:385px;padding:8px 0}.preview-main{padding:18px}.preview-balance{font-size:29px}.preview-chart{height:105px}.trust-strip{padding:17px;gap:13px;font-size:10px}.trust-icon{width:22px;height:22px;flex:0 0 auto}.section-heading h2,.features-layout h2{font-size:35px}.section-how{padding-top:69px;padding-bottom:65px}.steps-grid{grid-template-columns:1fr;margin-top:29px;gap:13px}.step-card{min-height:0;padding:17px}.step-art{height:112px}.features-section{padding:60px 0}.bottom-cta{margin-top:45px;margin-bottom:36px;padding:25px;gap:13px;flex-wrap:wrap}.cta-spark{width:40px;height:40px}.bottom-cta h2{font-size:22px}.bottom-cta p{line-height:1.7}.bottom-cta>.btn{margin-left:53px}.public-footer{flex-wrap:wrap;justify-content:space-between}.public-footer>span:nth-child(2){order:3;width:100%;line-height:1.7}.public-footer .brand{transform:scale(.75);width:180px}.auth-wrap{grid-template-columns:1fr;min-height:calc(100vh - 72px)}.auth-side{min-height:0;padding:22px 25px 25px}.auth-side .brand .brand-mark{width:32px;height:32px}.auth-side-content{padding:35px 0 14px;margin:0}.auth-side-content .eyebrow{font-size:10px}.auth-side-content h1{font-size:33px;margin:14px 0 10px}.auth-side-content>p{font-size:13px;margin-bottom:0}.auth-quote,.auth-side-foot{display:none}.auth-main{padding:22px 25px 40px;align-items:stretch}.auth-form-wrap{padding:35px 0;margin:0 auto;width:min(100%,420px)}.auth-form-wrap h2{font-size:30px}.auth-form-wrap .form-stack{gap:14px}.main-area{width:calc(100% - 58px);margin-left:58px}.sidebar{width:58px;padding:16px 5px 10px}.sidebar .brand{margin-bottom:27px}.sidebar .brand-mark{width:36px;height:36px;border-radius:11px;font-size:22px}.nav-link{width:43px;height:43px}.nav-icon{font-size:19px}.topbar{height:59px;padding:0 12px;gap:7px}.breadcrumbs{font-size:10px;white-space:nowrap}.breadcrumbs span{margin:0 5px}.topbar-right{gap:5px}.online-label{display:none}.top-avatar{width:26px;height:26px;margin-left:4px}.mobile-menu{display:none}.page-content{padding:23px 13px 25px}.app-footer{padding:14px;gap:9px;flex-wrap:wrap;font-size:10px}.app-footer span:nth-child(2){order:3;width:100%;line-height:1.5}.page-intro{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.page-intro h1{font-size:26px}.page-intro .btn{align-self:flex-start}.header-balance{min-width:0;padding:9px 12px}.header-balance strong{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.stat-card{padding:13px 12px 11px;border-radius:11px}.stat-top{font-size:10px;letter-spacing:.2px;align-items:flex-start}.stat-icon{width:25px;height:25px;font-size:14px;border-radius:8px}.stat-value{font-size:25px;margin:12px 0}.stat-bottom{padding-top:9px;flex-wrap:wrap;min-height:29px}.stat-hint,.stat-link{font-size:10px;white-space:normal}.level-chip{font-size:10px}.panel{border-radius:12px}.progress-panel,.balance-panel,.activity-panel,.resource-panel,.auto-tips{padding:16px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:10px;line-height:1.55}.routine-item{gap:8px;padding:12px 0}.routine-symbol{width:31px;height:31px;border-radius:9px;font-size:17px}.routine-copy strong{font-size:10px}.routine-copy small{font-size:10px}.routine-value{display:none}.routine-arrow{font-size:15px}.snapshot-hero{padding:11px;gap:10px}.snapshot-ring{width:41px;height:41px}.snapshot-hero strong{font-size:21px}.faucet-card{padding:25px 16px;min-height:0}.faucet-card h2{font-size:22px}.faucet-card>p{font-size:10px}.faucet-core{width:108px;height:108px}.faucet-core span{font-size:43px}.orbit-a{width:200px;height:200px}.orbit-b{width:162px;height:162px;top:23px}.countdown{font-size:35px}.faucet-reward-row{gap:24px}.reward-big{font-size:21px}.faucet-aside{grid-template-columns:1fr}.faucet-aside .mini-panel:last-child{grid-column:auto}.mini-panel{padding:15px}.tasks-grid{grid-template-columns:1fr;gap:11px}.task-card{padding:16px;min-height:0}.task-card h3{font-size:15px}.task-card>p{margin-bottom:14px}.task-card-bottom .btn{font-size:10px;padding:9px}.notice{padding:12px;gap:9px}.notice p{font-size:10px}.auto-main{padding:21px 15px}.auto-visual{width:155px;height:155px}.auto-center{width:70px;height:70px;font-size:37px;border-radius:23px}.conversion-equation{gap:6px;padding:14px 4px}.conversion-equation strong{font-size:18px}.conversion-equation small{font-size:10px}.conversion-equation>span{font-size:14px}.withdraw-form-panel,.withdraw-steps{padding:17px}.withdraw-steps{display:block}.withdraw-step{margin:15px 0}.data-table th{padding:11px 10px}.data-table td{padding:11px 10px}.referral-hero{grid-template-columns:1fr;padding:15px;gap:18px}.referral-art{min-height:135px}.referral-copy h2{font-size:23px}.copy-link-row{gap:5px}.copy-link-row input{font-size:10px;padding:10px}.copy-link-row .btn{font-size:10px;padding:8px}.referral-stats{grid-template-columns:1fr 1fr}.referral-stats .stat-card:last-child{grid-column:1/-1}.ref-rule-grid{grid-template-columns:1fr;gap:9px}.ref-rule-grid>div{padding:12px}.admin-create,.admin-tasks{padding:16px}.admin-task-list{grid-template-columns:1fr!important}.admin-task-row:nth-child(2){border-top:1px solid #eff1f5;padding-top:13px}.inline-admin-form{min-width:0}.inline-admin-form select{max-width:90px}.admin-chip{font-size:10px}.page-intro .eyebrow{font-size:10px}.flash{width:calc(100% - 20px);margin-top:10px;padding:10px;font-size:12px}.code-value{font-size:21px}.trust-strip>div{align-items:center}.preview-task,.preview-auto{padding:13px}.task-preview-copy strong{font-size:12px}.reward-tag{font-size:10px;padding:6px}}


/* Language selector */
.language-picker{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 8px 0 0}
.language-picker select{appearance:auto;max-width:116px;border:1px solid #e7eaf0;background:#fff;color:#30483a;border-radius:10px;padding:8px 10px;font:600 11px/1.2 "DM Sans",sans-serif;cursor:pointer;outline:none}
.language-picker select:focus{border-color:#bce7ce;box-shadow:0 0 0 3px rgba(33,137,77,.16)}
.topbar .language-picker{margin-right:10px}
.public-nav nav .language-picker{margin-right:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.language-picker select{max-width:91px;padding:7px 7px;font-size:12px}.topbar .language-picker{margin-right:4px}}
@media(max-width:620px){.public-nav nav{gap:8px}.public-nav nav .language-picker{margin-right:0}.language-picker select{max-width:79px;padding:7px 5px}.topbar-right .language-picker{margin-right:1px}.topbar .language-picker select{max-width:66px;padding:6px 3px;font-size:10px}}


/* Ember Rewards green redesign + improved readability */
:root{
 --ink:#183025;--ink2:#294837;--muted:#66786e;--muted2:#87968d;--line:#dfeae2;--paper:#ffffff;--bg:#f4f8f5;
 --orange:#21894d;--orange2:#43b873;--orange-light:#e5f6eb;--navy:#153923;--violet:#39895a;--green:#248a52;--blue:#438c62;
 --shadow:0 14px 45px rgba(23,74,41,.09);--radius:18px;
}
body{font-size:16px;background:#f4f8f5;color:#183025}
.public-body{background:#fbfefc}
.btn-primary{background:linear-gradient(120deg,#21894d,#35a866);color:#fff;box-shadow:0 7px 16px rgba(33,137,77,.22)}
.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px rgba(33,137,77,.30)}
.btn-primary:focus-visible,.btn:focus-visible{outline-color:#83d7a1}
.btn{min-height:42px;padding:13px 18px;font-size:14px}
.btn-large{min-height:49px;padding:16px 22px;font-size:15px}
.btn-small{min-height:39px;padding:10px 15px;font-size:13px}
.btn-xs{min-height:34px;padding:9px 12px;font-size:12px}
.btn-outline:hover:not(:disabled){border-color:#76c493;background:#f3fbf5}
.brand-mark{background:linear-gradient(145deg,#43b873,#17723d);box-shadow:0 7px 15px rgba(33,137,77,.26)}
.brand-light{color:#21894d}
.orange-dot,.play-icon{color:#21894d}
.eyebrow-pulse{background:#38ad68;box-shadow:0 0 0 4px #ddf6e5}
.hero-copy .eyebrow,.section-heading .eyebrow{color:#21894d}
.hero-glow{background:radial-gradient(ellipse,#d8f3e1 0%,#effaf2 40%,transparent 73%)}
.sidebar{background:#ffffff;border-right-color:#dfeae2}
.nav-link:hover{background:#f0faf3;color:#21894d}
.nav-link.active{background:#e3f6e9;color:#197543}
.sidebar-label{color:#748b7a}
.sidebar-help{background:#f0faf3;border-color:#d6efdf}
.sidebar-help a,.sidebar-help-link{color:#21894d}
.sidebar-user{border-top-color:#dfeae2}
.topbar{border-bottom-color:#dfeae2}
.language-picker{margin-right:8px}
.language-picker select{appearance:auto;max-width:156px;min-height:42px;border:1px solid #b9dcc5;background:#fff;color:#214b32;border-radius:11px;padding:10px 12px;font:600 13px/1.25 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(27,89,49,.05)}
.language-picker select:focus{border-color:#329b5b;box-shadow:0 0 0 3px rgba(33,137,77,.15);outline:none}
.topbar .language-picker{margin-right:10px}
.public-nav nav .language-picker{margin-right:2px}
.auth-side{background:linear-gradient(145deg,#153923,#247b49)}
.auth-side .brand-light{color:#9be3b3}
.auth-side-content .eyebrow{color:#a2e5b7}
.trust-icon{background:#e5f6eb;color:#21894d}
.features-section{background:#f0f8f2;border-top-color:#dfeae2;border-bottom-color:#dfeae2}
.reward-tag,.status-chip.status-paid,.status-chip.status-approved{background:#e5f6eb;color:#197543}
/* Keep controls easy to use on touch screens and narrow devices. */
input,select,textarea{font-size:15px}
.form-stack input,.form-stack select,.form-stack textarea{min-height:45px;padding:11px 13px}
@media(max-width:900px){
 .language-picker select{max-width:132px;min-height:39px;padding:9px 9px;font-size:12px}
 .topbar .language-picker{margin-right:4px}
}
@media(max-width:620px){
 .public-nav .brand small{display:none}
 .public-nav .brand{font-size:16px;gap:7px}
 .public-nav nav{gap:6px}
 .public-nav nav .language-picker{margin-right:0}
 .language-picker select{max-width:100px;min-height:36px;padding:8px 4px;font-size:11px}
 .topbar-right .language-picker{margin-right:1px}
 .topbar .language-picker select{max-width:92px;padding:7px 3px;font-size:10px}
 .sidebar{width:62px;padding-left:5px;padding-right:5px}
 .main-area{width:calc(100% - 62px);margin-left:62px}
 .topbar{padding:0 8px;gap:5px}
 .breadcrumbs{font-size:10px;white-space:normal;line-height:1.2}
 .page-content{padding-left:12px;padding-right:12px}
 .stats-grid{gap:8px}
 .stat-card{padding-left:10px;padding-right:10px}
 .stat-top{line-height:1.35}
 .task-card-bottom .btn{font-size:11px;padding:10px}
 .app-footer{font-size:10px}
}


/* Real flag buttons: inline SVG flags render consistently on Windows, Linux and macOS. */
.language-picker.language-flags{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin:0 14px 0 0;white-space:nowrap}
.language-flags .language-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}
.language-flag-button{width:48px;height:38px;padding:5px;border:2px solid #d8e9dc;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(27,89,49,.07);transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}
.language-flag-button:hover{border-color:#7bc491;background:#f5fcf7;transform:translateY(-1px)}
.language-flag-button.is-active{border-color:#21894d;background:#e7f7ec;box-shadow:0 0 0 3px rgba(33,137,77,.14),0 3px 9px rgba(27,89,49,.1)}
.language-flag-button:focus-visible{outline:3px solid #83d7a1;outline-offset:3px}
.flag-svg{display:block;width:34px;height:23px;border-radius:4px;box-shadow:0 0 0 1px rgba(15,42,25,.12);overflow:hidden;flex:0 0 auto}
.topbar .language-flags{gap:6px;margin-right:12px}
.topbar .language-flag-button{width:43px;height:35px;padding:4px}
.topbar .flag-svg{width:31px;height:21px}
@media(max-width:900px){.language-picker.language-flags{gap:5px;margin-right:6px}.language-flag-button{width:40px;height:33px;padding:4px}.flag-svg{width:29px;height:20px}.topbar .language-flag-button{width:39px;height:32px}.topbar .flag-svg{width:28px;height:19px}}
@media(max-width:620px){.language-picker.language-flags{gap:3px;margin-right:2px}.language-flag-button{width:31px;height:27px;padding:3px;border-radius:7px;border-width:1px}.flag-svg{width:23px;height:16px}.topbar .language-picker.language-flags{gap:2px;margin-right:0}.topbar .language-flag-button{width:28px;height:25px;padding:2px}.topbar .flag-svg{width:21px;height:14px}}

/* Larger desktop layout: improve readability across cards, navigation, forms and tables. */
@media(min-width:901px){
 body{font-size:18px}
 .brand{font-size:25px;gap:12px;letter-spacing:-.7px}
 .brand-mark{width:45px;height:45px;border-radius:14px;font-size:29px}
 .brand small{font-size:12px;letter-spacing:1.5px;margin-top:8px}
 .btn{min-height:49px;padding:15px 22px;font-size:16px;border-radius:12px}
 .btn-large{min-height:57px;padding:18px 27px;font-size:17px}
 .btn-small{min-height:44px;padding:12px 17px;font-size:15px}
 .btn-xs{min-height:40px;padding:10px 14px;font-size:14px}
 .eyebrow{font-size:12px;letter-spacing:1.8px}
 .public-container{width:min(1360px,calc(100% - 96px))}
 .public-nav{height:104px;width:min(1480px,calc(100% - 96px))}
 .public-nav nav{gap:26px;font-size:16px}
 .hero{gap:74px;padding-top:90px;padding-bottom:92px;min-height:690px}
 .hero h1{font-size:clamp(66px,5.3vw,88px);line-height:1.06;letter-spacing:-4px;margin:28px 0 25px}
 .hero-lede{font-size:21px;line-height:1.8;max-width:570px;margin-bottom:32px}
 .hero-actions{gap:16px}
 .hero-proof{gap:16px;margin-top:42px}
 .hero-proof strong{font-size:15px}
 .hero-proof small{font-size:13px;margin-top:5px}
 .proof-avatars span{width:34px;height:34px;font-size:18px}
 .hero-visual{min-height:565px;gap:18px;padding:18px 12px}
 .visual-topline{font-size:13px;letter-spacing:1.4px;padding:0 16px 7px}
 .live-pill{font-size:12px;padding:7px 10px}
 .preview-main{padding:30px 32px 22px}
 .preview-head small{font-size:13px;letter-spacing:1.1px}
 .preview-balance{font-size:44px;margin-top:10px}
 .preview-balance span{font-size:25px}
 .coin-icon{width:46px;height:46px;font-size:26px}
 .preview-chart{height:145px;margin-top:24px}
 .chart-legend{font-size:13px;margin-top:10px}
 .preview-task,.preview-auto{padding:20px 22px;gap:16px}
 .task-icon{width:48px;height:48px;border-radius:14px;font-size:24px}
 .task-preview-copy strong{font-size:16px}
 .task-preview-copy small{font-size:13px;margin-top:6px}
 .reward-tag{font-size:13px;padding:9px 12px}
 .running-tag{font-size:13px}
 .trust-strip{padding:30px 34px;border-radius:16px;font-size:15px;gap:24px}
 .trust-icon{width:32px;height:32px;border-radius:10px;font-size:17px}
 .section-how{padding-top:140px;padding-bottom:130px}
 .section-heading h2,.features-layout h2{font-size:49px;letter-spacing:-2px;margin:22px 0 16px}
 .section-heading p,.features-layout p{font-size:18px;line-height:1.8}
 .steps-grid{gap:25px;margin-top:58px}
 .step-card{padding:28px 30px 34px;min-height:355px;border-radius:20px}
 .step-number{font-size:14px}
 .step-art{height:150px}
 .step-card h3{font-size:22px;margin:20px 0 10px}
 .step-card p{font-size:16px;line-height:1.8}
 .features-section{padding:120px 0}
 .bottom-cta{padding:40px;gap:24px;margin-top:70px;margin-bottom:55px}
 .bottom-cta h2{font-size:32px}
 .bottom-cta p{font-size:17px;line-height:1.8}
 .public-footer{font-size:14px;padding-top:30px;padding-bottom:30px}
 .sidebar{width:282px;padding:31px 22px 20px}
 .sidebar .brand{margin-bottom:42px}
 .sidebar .brand-mark{width:46px;height:46px}
 .sidebar-label{font-size:13px;letter-spacing:1.7px;padding:0 15px;margin-bottom:14px}
 .main-nav{gap:7px;margin-bottom:33px}
 .nav-link{padding:15px 15px;gap:16px;border-radius:12px;font-size:16px}
 .nav-icon{font-size:23px;width:26px;text-align:center}
 .sidebar-help{padding:20px;border-radius:15px;font-size:14px;line-height:1.65}
 .sidebar-help strong{font-size:16px}
 .sidebar-help p{font-size:14px;line-height:1.7;margin:10px 0}
 .sidebar-user{padding-top:18px;gap:12px}
 .sidebar-user .avatar{width:42px;height:42px;font-size:17px}
 .sidebar-user-info strong{font-size:15px}
 .sidebar-user-info small{font-size:12px}
 .main-area{width:calc(100% - 282px);margin-left:282px}
 .topbar{height:88px;padding:0 44px;gap:15px}
 .breadcrumbs{font-size:15px}
 .topbar-right{gap:12px;font-size:14px}
 .top-avatar{width:40px;height:40px;font-size:16px}
 .page-content{padding:43px 46px 54px;max-width:1800px}
 .page-intro{gap:25px;margin-bottom:36px}
 .page-intro .eyebrow{font-size:13px;margin-bottom:12px}
 .page-intro h1{font-size:38px;letter-spacing:-1.2px;margin-bottom:10px}
 .page-intro p{font-size:17px;line-height:1.8}
 .stats-grid{gap:22px;margin-bottom:27px}
 .stat-card{padding:26px 27px 22px;border-radius:17px}
 .stat-top{font-size:13px;letter-spacing:.75px;gap:10px}
 .stat-icon{width:44px;height:44px;font-size:23px;border-radius:13px}
 .stat-value{font-size:37px;letter-spacing:-1.3px;margin:19px 0 21px}
 .stat-value small{font-size:16px}
 .stat-bottom{padding-top:15px;min-height:42px;gap:10px}
 .stat-hint,.stat-link{font-size:13px;white-space:normal}
 .level-chip{font-size:13px;padding:7px 10px}
 .dashboard-grid{gap:24px;margin-bottom:24px}
 .panel{border-radius:18px}
 .panel-heading{gap:18px;margin-bottom:24px}
 .panel-heading h2{font-size:23px;letter-spacing:-.4px;margin-bottom:8px}
 .panel-heading p{font-size:15px;line-height:1.7}
 .panel-kicker{font-size:13px}
 .progress-panel,.balance-panel,.activity-panel,.resource-panel,.auto-tips,.withdraw-form-panel,.withdraw-steps,.referral-rules,.admin-create,.admin-tasks{padding:29px}
 .routine-item{gap:14px;padding:18px 0}
 .routine-symbol{width:44px;height:44px;border-radius:13px;font-size:23px}
 .routine-copy strong{font-size:15px}
 .routine-copy small{font-size:13px;line-height:1.6;margin-top:6px}
 .routine-value{font-size:14px}
 .routine-arrow{font-size:21px}
 .snapshot-hero{padding:18px;gap:16px}
 .snapshot-ring{width:55px;height:55px}
 .snapshot-hero strong{font-size:28px}
 .snapshot-hero small{font-size:13px}
 .faucet-layout,.auto-layout,.withdraw-layout,.admin-grid{gap:24px}
 .faucet-card{padding:45px;min-height:650px;border-radius:20px}
 .faucet-card h2{font-size:32px}
 .faucet-card>p{font-size:17px;line-height:1.75}
 .faucet-core{width:158px;height:158px}
 .faucet-core span{font-size:58px}
 .orbit-a{width:270px;height:270px}
 .orbit-b{width:220px;height:220px;top:25px}
 .countdown{font-size:50px}
 .faucet-reward-row{gap:36px}
 .reward-big{font-size:29px}
 .faucet-aside{gap:18px}
 .mini-panel{padding:25px;border-radius:16px}
 .mini-panel h3{font-size:20px}
 .mini-panel p,.mini-panel small{font-size:14px;line-height:1.7}
 .tasks-grid{gap:20px}
 .task-card{padding:27px;min-height:300px;border-radius:18px}
 .task-card h3{font-size:21px;margin:19px 0 10px}
 .task-card>p{font-size:16px;line-height:1.8;margin-bottom:22px}
 .task-card-bottom{gap:13px}
 .task-card-bottom .btn{font-size:14px;padding:12px 16px}
 .notice{padding:20px 22px;gap:15px;border-radius:15px;font-size:16px}
 .notice p{font-size:15px;line-height:1.75}
 .auto-main{padding:34px;border-radius:18px}
 .auto-visual{width:205px;height:205px}
 .auto-center{width:92px;height:92px;font-size:49px;border-radius:28px}
 .conversion-equation{gap:14px;padding:20px 12px}
 .conversion-equation strong{font-size:25px}
 .conversion-equation small{font-size:13px}
 .conversion-equation>span{font-size:18px}
 .form-stack{gap:20px}
 .form-stack label{font-size:15px;gap:10px}
 .form-stack input,.form-stack select,.form-stack textarea{min-height:56px;padding:15px 17px;font-size:17px;border-radius:11px}
 .form-stack label small{font-size:13px;line-height:1.6}
 .data-table{min-width:760px}
 .data-table th{font-size:13px;letter-spacing:1px;padding:16px 17px}
 .data-table td{font-size:14px;padding:17px}
 .table-primary{font-size:15px}
 .type-chip,.status-chip{font-size:13px;padding:7px 10px}
 .muted-address,.date-cell,.amount-cell small{font-size:13px}
 .withdraw-steps h2{font-size:23px}
 .withdraw-step{margin:17px 0;font-size:15px;line-height:1.7}
 .referral-hero{padding:30px;gap:30px;border-radius:20px}
 .referral-copy h2{font-size:31px}
 .referral-copy p{font-size:16px;line-height:1.8}
 .copy-link-row input{font-size:15px;padding:14px}
 .referral-stats{gap:22px}
 .ref-rule-grid{gap:17px}
 .ref-rule-grid>div{padding:20px;font-size:15px}
 .ref-rule-grid strong{font-size:17px}
 .ref-rule-grid p{font-size:14px;line-height:1.7}
 .admin-task-row{padding:18px 0;gap:16px}
 .admin-task-row strong{font-size:16px}
 .admin-task-row small{font-size:13px;line-height:1.6}
 .status-toggle,.admin-chip{font-size:13px;padding:9px 12px}
 .inline-admin-form select{min-height:42px;font-size:14px;padding:9px}
 .flash{padding:16px 20px;font-size:16px;border-radius:13px}
 .empty-state{padding:38px 24px}
 .empty-state strong{font-size:19px}
 .empty-state p{font-size:15px;line-height:1.8}
 .auth-side{padding:45px 6vw}
 .auth-side-content{max-width:540px;padding:75px 0}
 .auth-side-content h1{font-size:55px;line-height:1.12}
 .auth-side-content>p{font-size:17px;line-height:1.9;max-width:440px}
 .auth-main{padding:45px 6vw}
 .auth-form-wrap{width:min(100%,460px);padding:45px 0}
 .auth-form-wrap h2{font-size:39px}
 .auth-form-wrap .form-stack{gap:20px}
 .app-footer{padding:24px 32px;gap:18px;font-size:14px}
 .language-flags{gap:8px}
 .language-flag-button{width:49px;height:39px;padding:5px}
 .flag-svg{width:35px;height:24px}
}

/* Medium desktop/laptop: preserve the larger type without squeezing two-column forms. */
@media (min-width:901px) and (max-width:1180px){
 .sidebar{width:240px;padding:25px 16px 16px}
 .main-area{width:calc(100% - 240px);margin-left:240px}
 .page-content{padding:32px 28px 42px}
 .topbar{padding:0 28px}
 .faucet-layout,.auto-layout,.withdraw-layout,.dashboard-grid{grid-template-columns:1fr}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .public-container,.public-nav{width:calc(100% - 48px)}
 .public-nav nav{gap:15px;font-size:14px}
 .hero{gap:32px}
 .hero h1{font-size:clamp(54px,5vw,66px)}
 .hero-lede{font-size:18px}
 .language-picker.language-flags{gap:4px;margin-right:5px}
 .language-flag-button{width:37px;height:32px;padding:3px}
 .flag-svg{width:27px;height:19px}
 .topbar .language-flag-button{width:35px;height:30px}
 .topbar .flag-svg{width:25px;height:17px}
}


/* EM REWARDS WORLD wordmark */
.brand-name{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:5px;row-gap:2px;max-width:100%;font-size:18px;font-weight:800;letter-spacing:-.45px;line-height:1.02;white-space:normal}
.brand-name-main,.brand-world{display:inline-block;white-space:nowrap}
.brand-name .brand-world{font-weight:800;color:#21894d}
.brand-name small{flex:0 0 100%;font-size:9px;line-height:1.25;letter-spacing:1.15px;margin-top:5px;white-space:normal}
.sidebar .brand-name{max-width:143px;font-size:16px;column-gap:4px}
.sidebar .brand-name small{font-size:8px;letter-spacing:1px}
.public-nav .brand-name{font-size:18px}
.auth-side .brand-name{font-size:19px}
.auth-side .brand-name .brand-world{color:#9be3b3}
@media(max-width:620px){.public-nav .brand-name{font-size:13px;max-width:118px;column-gap:3px}.public-nav .brand-name small{display:none}.auth-side .brand-name{font-size:17px}.sidebar .brand-name{display:none}}

/* EM REWARDS WORLD: level progression and paid-to-click modules */
.level-current-chip{white-space:nowrap;border-color:#b9e8c8;background:#eaf8ef;color:#197544}
.level-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;padding:32px;margin-bottom:24px;background:radial-gradient(circle at 4% 0%,#e5f8eb 0,transparent 42%),linear-gradient(135deg,#fff,#f6fcf8);border:1px solid #dcefe2}
.level-emblem{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#239755,#145d35);color:white;box-shadow:0 16px 32px #21894d28,inset 0 0 0 8px #ffffff21;border:6px solid #bde9ca}
.level-emblem span{font:700 44px 'Space Grotesk',sans-serif;line-height:1}
.level-emblem small{font-size:12px;font-weight:800;letter-spacing:2px;margin-top:7px;color:#d9f9e3}
.level-hero-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.level-hero-top h2{font-size:29px;margin:7px 0 0;color:#17442a}
.level-bonus-pill{background:#e5f6eb;color:#17713d;border:1px solid #c3e9cf;padding:10px 14px;border-radius:999px;font-size:15px;font-weight:800;white-space:nowrap}
.level-progress-track{height:16px;width:100%;background:#e5eee8;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #1d3d2b12}
.level-progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21894d,#66c889);box-shadow:0 0 12px #46ae6b33;transition:width .25s}
.level-progress-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:#567563;margin-top:12px}
.level-progress-meta strong{color:#17683b}
.level-hero-copy>p{color:#5d7667;font-size:14px;line-height:1.7;margin:16px 0 0}
.level-stats{margin-bottom:24px}
.levels-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;margin-bottom:24px}
.level-reward-panel,.level-perks-panel{padding:29px;min-width:0}
.claim-reward-visual{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #dbeee1;border-radius:16px;background:#f5fcf7;margin-bottom:22px}
.claim-reward-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#37ab62,#1b773f);font-size:30px;box-shadow:0 8px 17px #21894d22;flex:0 0 auto}
.claim-reward-visual strong{display:block;color:#184d2d;font-size:20px;margin-bottom:7px}
.claim-reward-visual p{color:#287849;font-weight:700;margin:0;font-size:15px}
.level-empty{padding:24px 10px}
.level-perk-list{display:flex;flex-direction:column}
.level-perk-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #eaf0ec}
.level-perk-row:first-child{border-top:0;padding-top:0}
.level-perk-icon{width:46px;height:46px;border-radius:14px;background:#f0f3f1;color:#758a7d;font:700 17px 'Space Grotesk',sans-serif;display:grid;place-items:center}
.level-perk-row.unlocked .level-perk-icon{background:#e2f6e9;color:#197744}
.level-perk-row strong,.level-perk-row small{display:block}
.level-perk-row strong{font-size:15px;color:#254b34;line-height:1.45}
.level-perk-row small{font-size:12px;color:#769080;line-height:1.5;margin-top:4px}
.perk-state{font-size:12px;font-weight:800;color:#829489;background:#f0f3f1;padding:7px 9px;border-radius:8px;white-space:nowrap}
.level-perk-row.unlocked .perk-state{color:#187340;background:#e4f7ea}
.level-history-panel{margin-bottom:0}
.level-table-badge{display:inline-block;padding:6px 10px;border-radius:8px;color:#197544;background:#e5f6eb;font-size:12px;font-weight:800}
.ptc-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}
.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel{padding:28px;min-width:0}
.ptc-main-column{display:grid;gap:24px;min-width:0}
.ptc-create-panel{position:sticky;top:22px}
.ptc-create-panel .form-stack{gap:18px}
.ptc-budget-preview{border:1px solid #d2ebdb;background:#f2fbf5;padding:17px 19px;border-radius:13px;display:grid;gap:6px}
.ptc-budget-preview span{color:#426f54;font-size:13px;font-weight:700}
.ptc-budget-preview strong{font-size:28px;color:#176e3c;font-family:'Space Grotesk',sans-serif}
.ptc-budget-preview small{color:#708d79;font-size:12px;line-height:1.55}
.ptc-ad-list,.ptc-campaign-list,.ptc-review-list{display:grid;gap:12px}
.ptc-ad-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid #e7efe9;border-radius:15px;background:#fff;transition:border-color .18s,box-shadow .18s}
.ptc-ad-card:hover{border-color:#b6e4c3;box-shadow:0 8px 22px #1a63340b}
.ptc-ad-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e6f7eb;color:#197744;font-size:22px}
.ptc-ad-copy{min-width:0}
.ptc-ad-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ptc-ad-title-row h3{font-size:17px;color:#244d33;margin:0;overflow-wrap:anywhere}
.ptc-duration-pill{background:#f1f7f3;color:#4b785b;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;white-space:nowrap}
.ptc-ad-copy>p{color:#688273;line-height:1.65;font-size:13px;margin:8px 0}
.ptc-ad-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#7c9385}
.ptc-ad-action{display:grid;justify-items:end;gap:10px}
.ptc-ad-action>strong{color:#16733c;font:700 17px 'Space Grotesk',sans-serif;white-space:nowrap}
.ptc-ad-action form{margin:0}
.ptc-ad-action .btn{font-size:13px;padding:10px 14px;min-height:40px}
.ptc-campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf2ee}
.ptc-campaign-row:first-child{border-top:0;padding-top:0}
.ptc-campaign-title{min-width:0}
.ptc-campaign-title strong,.ptc-campaign-title small{display:block}
.ptc-campaign-title strong{color:#234d33;font-size:15px;overflow-wrap:anywhere}
.ptc-campaign-title small{color:#728b7b;font-size:12px;line-height:1.5;margin-top:5px}
.ptc-campaign-title .ptc-rejection-reason{color:#a54848}
.ptc-campaign-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ptc-campaign-actions form{margin:0}
.ptc-viewer-panel{padding:30px}
.ptc-viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.ptc-viewer-heading h2{font-size:27px;color:#1a472c;margin:10px 0 7px;overflow-wrap:anywhere}
.ptc-viewer-heading p{color:#698272;line-height:1.7;margin:0}
.ptc-viewer-reward{flex:0 0 auto;border:1px solid #cce9d5;background:#eefaf2;border-radius:15px;padding:16px 20px;text-align:center;min-width:180px}
.ptc-viewer-reward strong{display:block;color:#16733c;font:700 27px 'Space Grotesk',sans-serif}
.ptc-viewer-reward span{display:block;max-width:180px;color:#62816d;font-size:11px;line-height:1.5;margin-top:5px}
.ptc-iframe-wrap{height:440px;border:1px solid #dce9e0;background:#f5faf6;border-radius:15px;overflow:hidden}
.ptc-iframe-wrap iframe{width:100%;height:100%;border:0;background:white}
.ptc-external-fallback{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 2px 22px;color:#6e8777;font-size:12px}
.ptc-external-fallback a{color:#187542;font-weight:800}
.ptc-view-progress{border:1px solid #dfede3;background:#f8fcf9;border-radius:14px;padding:20px;margin-bottom:22px}
.ptc-view-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;color:#547660}
.ptc-view-progress>div:first-child strong{font:700 26px 'Space Grotesk',sans-serif;color:#176d3c}
.ptc-view-progress p{font-size:12px;color:#799181;line-height:1.5;margin:10px 0 0}
.ptc-claim-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ptc-claim-form label{flex:1;min-width:180px;display:grid;gap:8px;font-size:14px;font-weight:700;color:#3c6248}
.ptc-claim-form input{border:1px solid #dbe8df;border-radius:10px;padding:12px 14px;min-height:48px;background:#fff;color:#1c472e}
.ptc-claim-form button{min-height:48px}
.ptc-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;border:1px solid #e4eee7;border-radius:14px;background:#fff}
.ptc-review-copy{min-width:0}
.ptc-review-copy strong{display:block;font-size:16px;color:#214a31}
.ptc-review-copy p{font-size:13px;color:#627e6c;line-height:1.6;margin:7px 0}
.ptc-review-copy>a{display:block;color:#207746;font-size:12px;overflow-wrap:anywhere;margin:8px 0}
.ptc-review-copy small{display:block;color:#819587;font-size:11px;line-height:1.65}
.ptc-review-actions{display:grid;align-content:start;justify-items:stretch;gap:10px;min-width:180px}
.ptc-review-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ptc-review-actions input[type=text]{width:100%;min-width:0;padding:9px 10px;border:1px solid #dce8df;border-radius:8px;font-size:12px}
.ptc-review-actions .btn{flex:1}
@media(max-width:1180px){.ptc-layout{grid-template-columns:1fr}.ptc-create-panel{position:static}.levels-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.level-hero{grid-template-columns:1fr;padding:22px;gap:19px}.level-emblem{width:100px;height:100px}.level-emblem span{font-size:34px}.level-hero-top{align-items:flex-start;flex-direction:column}.level-hero-top h2{font-size:24px}.level-progress-meta{font-size:12px}.levels-layout{grid-template-columns:1fr}.level-reward-panel,.level-perks-panel,.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel,.ptc-viewer-panel{padding:19px}.level-perk-row{grid-template-columns:43px minmax(0,1fr);gap:10px}.level-perk-icon{width:40px;height:40px}.perk-state{grid-column:2;justify-self:start}.ptc-ad-card{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:14px}.ptc-ad-icon{width:42px;height:42px;border-radius:12px}.ptc-ad-action{grid-column:2;justify-items:start;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.ptc-ad-action>strong{font-size:15px}.ptc-ad-title-row h3{font-size:15px}.ptc-ad-meta{font-size:10px}.ptc-campaign-row{grid-template-columns:minmax(0,1fr);align-items:start}.ptc-campaign-actions{justify-content:flex-start}.ptc-viewer-heading{flex-direction:column}.ptc-viewer-heading h2{font-size:22px}.ptc-viewer-reward{min-width:0;width:100%;text-align:left}.ptc-viewer-reward span{max-width:none}.ptc-iframe-wrap{height:330px}.ptc-claim-form{align-items:stretch;flex-direction:column}.ptc-claim-form button{width:100%}.ptc-review-row{grid-template-columns:1fr}.ptc-review-actions{min-width:0;grid-template-columns:1fr 1fr}.ptc-review-actions form{align-items:stretch;flex-direction:column}.ptc-budget-preview strong{font-size:23px}}
/*
 * EM REWARDS WORLD — FireFaucet-inspired dark interface refresh
 * Independent implementation: dark navy background, charcoal surfaces,
 * teal action color, and restrained orange/violet status accents.
 */
:root{
  --ink:#edf2f8;
  --ink2:#cbd5e1;
  --muted:#a7b4c7;
  --muted2:#7f8ba0;
  --line:#3b4558;
  --paper:#282f3e;
  --bg:#202532;
  --orange:#20cdb0;
  --orange2:#12bda0;
  --orange-light:#163c3c;
  --navy:#111a2b;
  --violet:#9285ff;
  --green:#22cda9;
  --blue:#6698ff;
  --shadow:0 14px 38px rgba(0,0,0,.24);
  --radius:15px;
}

html{color-scheme:dark}
body,body.app-body{
  color:#e7edf5;
  background-color:#202532;
  background-image:radial-gradient(ellipse at 6% -8%,rgba(30,84,126,.20),transparent 38%),radial-gradient(ellipse at 96% 12%,rgba(19,139,128,.09),transparent 30%);
}
body.public-body{
  color:#eef3f9;
  background-color:#101a2c;
  background-image:radial-gradient(ellipse at 9% -10%,rgba(33,83,133,.30),transparent 42%),radial-gradient(ellipse at 89% 17%,rgba(7,151,140,.12),transparent 34%);
}
body,a,button,input,select,textarea{color:inherit}
a{transition:color .16s ease}
a:hover{color:#45dec4}
h1,h2,h3,h4{color:#f3f6fb}
p{color:inherit}
::selection{background:#1e9f94;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#28d9bf;box-shadow:0 0 0 3px rgba(40,217,191,.16)}

/* Brand and common controls */
.brand{color:#f4f7fc}
.brand-mark{background:linear-gradient(145deg,#ffb347,#ee7c2e);color:#111a2b;box-shadow:0 7px 18px rgba(243,143,50,.20)}
.brand-light,.brand-name .brand-world{color:#35d9bf}
.brand small{color:#9eabc0}
.orange-dot,.play-icon{color:#32d8bd}
.eyebrow,.page-intro .eyebrow,.sidebar-label{color:#a7b5c9}
.eyebrow-pulse{background:#26d2b7;box-shadow:0 0 0 4px rgba(38,210,183,.14)}
.btn-primary{background:linear-gradient(120deg,#20cdb0,#109d9b);color:#061b22;border-color:transparent;box-shadow:0 7px 18px rgba(16,188,162,.19)}
.btn-primary:hover:not(:disabled){background:linear-gradient(120deg,#4ce2cb,#1bb6ad);box-shadow:0 10px 23px rgba(16,188,162,.25)}
.btn-outline,.btn-ghost{background:#303849;border-color:#4a566b;color:#e2eaf4}
.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#394357;border-color:#65758d;color:#fff}
.btn-light{background:#edf5fb;color:#172235}
.btn-dark{background:#121b2d;color:#edf4fb;border:1px solid #354258}
.btn:disabled{opacity:.48}
.btn-complete{background:#163e3a!important;color:#55e1bd!important}
.orange-bg,.purple-bg{background:#313949;color:#36d6bb}

/* Public landing page */
.public-body .public-nav{background:transparent;color:#e8eef7}
.public-body .public-nav nav{color:#c5d0df}
.public-body .public-nav nav a:not(.btn):hover,.public-body .public-nav .nav-login:hover{color:#35d9bf}
.public-body .nav-login{color:#e8eef7}
.public-body .hero h1{color:#f5f7fb}
.public-body .hero-lede,.public-body .hero-proof,.public-body .hero-proof small{color:#b8c4d4}
.public-body .hero-proof strong{color:#f0f5fb}
.public-body .proof-divider{background:#3a4658}
.public-body .hero-glow{background:radial-gradient(ellipse,rgba(24,93,119,.28) 0%,rgba(18,50,75,.16) 42%,transparent 73%)}
.public-body .visual-topline{color:#bac8d8}
.public-body .preview-card{background:linear-gradient(145deg,#293244,#222a38);border-color:#3a4558;box-shadow:0 17px 48px rgba(0,0,0,.23);backdrop-filter:blur(12px)}
.public-body .preview-head small,.public-body .preview-balance span,.public-body .chart-legend,.public-body .task-preview-copy small{color:#aab8cb}
.public-body .preview-balance{color:#f4f7fb}
.public-body .coin-icon,.public-body .task-icon{background:#303b4e;color:#3cddc2}
.public-body .live-pill,.public-body .reward-tag{background:#153e3d;color:#49dec1}
.public-body .running-tag{color:#4be0c3}
.public-body .chart-grid i{border-top-color:#3a4557}
.public-body .trust-strip{background:#242d3c;border-color:#3b4557;color:#dce5f0;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.public-body .trust-icon{background:#3b3340;color:#ffb054}
.public-body .section-how{background:transparent}
.public-body .section-heading .eyebrow{color:#4be1c6}
.public-body .section-heading h2,.public-body .features-layout h2{color:#f2f6fb}
.public-body .section-heading>p,.public-body .features-layout p,.public-body .muted-lede{color:#b4c1d2}
.public-body .step-card{background:#242c3a;border-color:#394456;box-shadow:0 8px 28px rgba(0,0,0,.10)}
.public-body .step-number{color:#aebdd0}
.public-body .step-number span{color:#45ddc2}
.public-body .step-card h3{color:#f2f6fa}
.public-body .step-card p{color:#b6c2d2}
.public-body .step-art,.public-body .art-1,.public-body .art-2,.public-body .art-3{background:linear-gradient(135deg,#2a3343,#202a39)}
.public-body .art-circle{background:#344156;color:#43ddc2;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.public-body .features-section{background:#171f2e;border-color:#313c50}
.public-body .feature-icon{background:#2b384c;color:#43d8be}
.public-body .feature-orange,.public-body .feature-blue,.public-body .feature-violet{color:#4adecc}
.public-body .bottom-cta{background:linear-gradient(115deg,#116f77,#0a9e91);box-shadow:0 15px 35px rgba(2,150,137,.16)}
.public-body .bottom-cta h2,.public-body .bottom-cta p{color:#f3fffe}
.public-body .public-footer{color:#9eabc0}
.public-body .public-footer .brand{color:#f3f6fa}
.public-body .public-bottom-note{color:#8494aa;border-top-color:#303b4e}
.public-body .hero-proof .proof-avatars span{border-color:#202b3c}

/* Auth pages */
.auth-wrap{background:#202532}
.auth-side{background:radial-gradient(ellipse at 10% 8%,rgba(36,119,152,.30),transparent 45%),linear-gradient(145deg,#111a2d,#1c2b40);border-right:1px solid #344157}
.auth-side .brand-light,.auth-side .brand-name .brand-world{color:#42dfc3}
.auth-side-content .eyebrow{color:#55dfc8}
.auth-side-content h1,.auth-side-content p,.auth-quote,.auth-side-foot{color:#edf3fa}
.auth-side-content>p{color:#b8c7d8}
.auth-main{background:#202532;color:#e7edf5}
.auth-form-wrap h2{color:#f1f5fa}
.auth-form-wrap>p,.auth-switch,.form-terms{color:#aab7ca}
.auth-switch a,.back-link{color:#47d9c0}

/* Main authenticated application shell */
.app-shell,.app-body .app-shell{background:transparent;color:#e7edf5}
.sidebar{background:#151b28;border-right:1px solid #354054;color:#c5d0df;box-shadow:8px 0 28px rgba(0,0,0,.08)}
.sidebar .brand{color:#f3f6fa}
.sidebar-label{color:#7f8da3}
.sidebar-help{background:#1c303a;border-color:#314958;color:#c7d6e2}
.sidebar-help strong{color:#f1f6fa}
.sidebar-help p{color:#9daec2}
.sidebar-help a,.sidebar-help-link{color:#43ddc2}
.sidebar-user{border-top-color:#364154}
.sidebar-user-info strong{color:#f0f4f9}
.sidebar-user-info small{color:#91a0b4}
.avatar,.top-avatar{background:linear-gradient(145deg,#ffb14a,#db6d34);color:#172033}
.nav-link{color:#aab8ca;border:1px solid transparent}
.nav-link:hover{background:#263242;color:#e8f3fa}
.nav-link.active{background:linear-gradient(90deg,rgba(36,203,177,.19),rgba(36,203,177,.06));color:#4be0c5;border-color:#284c56;box-shadow:inset 3px 0 #26d2b6}
.nav-link.active .nav-icon{color:#4de1c6}
.main-area{background:transparent;color:#e7edf5}
.topbar{background:rgba(34,41,55,.96);border-bottom:1px solid #394457;color:#e7edf5;backdrop-filter:blur(12px)}
.breadcrumbs,.breadcrumbs strong{color:#bec9d8}
.breadcrumbs span{color:#74849b}
.topbar-right{color:#d1dae6}
.online-label{color:#54ddbe}
.header-balance{background:#173a3c;border-color:#285a5b;color:#58e0c8}
.header-balance strong{color:#effffb}
.mobile-menu,.icon-button{background:#303a4c;border-color:#45536b;color:#dfe8f3}
.page-content{color:#e2eaf4}
.page-intro h1{color:#f4f7fb}
.page-intro p{color:#aebbd0}
.page-intro .eyebrow{color:#7e93ad}
.admin-chip,.panel-kicker{background:#343d50;color:#bcc9da;border:1px solid #465269}

/* Cards, statistics, progress and feature panels */
.panel,.stat-card,.mini-panel,.task-card,.progress-panel,.balance-panel,.activity-panel,.resource-panel,.history-panel,.auto-tips,.withdraw-form-panel,.withdraw-steps,.referral-rules,.admin-create,.admin-tasks,.level-history-panel,.level-reward-panel,.level-perks-panel,.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel,.ptc-viewer-panel{
  background:#282f3e!important;
  color:gold;
  border:1px solid #3d485c!important;
  box-shadow:0 8px 25px rgba(0,0,0,.12);
}
.stat-card{background:linear-gradient(145deg,#293243,#252c3a)!important}
.stat-top{color:#9eacc1}
.stat-icon{background:#354155;color:#48ddc3}
.stat-icon.orange,.stat-icon.violet,.stat-icon.green,.stat-icon.blue{background:#354155;color:#48ddc3}
.stat-value{color:#f5f7fb}
.stat-value small,.stat-hint{color:#a6b5c9}
.stat-link,.panel-bottom-link{color:#47dfc3}
.panel-heading h2{color:#f0f4fa}
.panel-heading p{color:#aab8ca}
.panel-kicker{color:#9dacc0}
.empty-state{color:#b6c4d6}
.empty-state strong{color:#edf3fa}
.empty-state p{color:#97a8bd}
.muted-lede,.muted-address,.date-cell,.amount-cell small{color:#93a3b8!important}

/* Forms and data tables */
.form-stack label,.ptc-claim-form label{color:#c7d2e0}
input,select,textarea,.form-stack input,.form-stack select,.form-stack textarea,.ptc-claim-form input,.inline-admin-form select,.copy-link-row input,.ptc-review-actions input[type=text]{
  background:#1d2432!important;
  color:#edf3fa!important;
  border-color:#465267!important;
}
input::placeholder,textarea::placeholder{color:#75869e!important;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#35d4bd!important;box-shadow:0 0 0 3px rgba(53,212,189,.12)!important}
select option{background:#252d3b;color:#edf3fa}
.data-table{color:#dce5ef}
.data-table th{background:#222a38!important;color:#9fb0c5!important;border-color:#3b4659!important}
.data-table td{color:#d5dfeb!important;border-bottom-color:#384356!important}
.data-table tbody tr:hover{background:#2d3748}
.table-primary{color:#f0f5fb}
.table-wrap{border-color:#3a4559}
.status-chip,.type-chip{background:#354054;color:#ced8e6;border-color:#46556b}
.status-chip.status-paid,.status-chip.status-approved,.status-chip.status-completed,.enabled{background:#153e3c!important;color:#55dfc2!important;border-color:#286a62!important}
.status-chip.status-pending{background:#42351f!important;color:#ffc36b!important;border-color:#6e5732!important}
.status-chip.status-rejected,.flash-error{background:#472b35!important;color:#ff9cab!important;border-color:#713f4c!important}
.status-toggle{background:#333d50;color:#d1dce9;border-color:#4b5870}
.status-toggle.enabled{background:#153e3c;color:#57dfc4}

/* Faucet, Auto Faucet, tasks and transaction history */
.faucet-card{background:radial-gradient(ellipse at 50% 0%,rgba(23,106,126,.28),transparent 52%),linear-gradient(145deg,#272f3e,#1e2634)!important;border:1px solid #3b485c;color:#eaf1f9}
.faucet-card h2,.faucet-card h3{color:#f4f7fb}
.faucet-card>p,.faucet-aside p,.faucet-aside small{color:#aebdd0}
.faucet-core{background:radial-gradient(circle,#174a51,#1d2e43 70%);border-color:#27bcae;color:#4be0c8;box-shadow:0 0 40px rgba(28,201,180,.13)}
.faucet-orbit,.orbit-a,.orbit-b{border-color:rgba(56,211,193,.25)}
.countdown,.reward-big{color:#4fe0c6}
.mini-panel{background:#252e3c!important;border-color:#3c485c!important}
.tasks-grid .task-card{background:#282f3e!important}
.task-card h3,.task-card strong{color:#eff4fa}
.task-card>p,.task-card small{color:#abb9cb}
.task-card-bottom,.task-card-footer{border-top-color:#3a4659}
.auto-main{background:#252d3b;border:1px solid #3b4659;color:#e8eef6}
.auto-center{background:#17464b;color:#4ce0c6;box-shadow:0 0 32px rgba(41,206,180,.15)}
.auto-ring{border-color:rgba(55,207,190,.25)}
.conversion-equation{background:#202837;border-color:#3c485c;color:#edf3fa}
.conversion-equation small,.auto-tips p{color:#a8b6c9}
.resource-row,.routine-item,.level-perk-row,.ptc-campaign-row{border-color:#3b4658!important}
.resource-icon,.routine-symbol{background:#344055;color:#4addc4}
.resource-track,.credit-track,.fuel-track{background:#3a4559}
.resource-track>i,.credit-track>i,.fuel-track>i{background:linear-gradient(90deg,#20cbb0,#648cff)}
.notice{background:#293342;border:1px solid #3d4a5f;color:#dce5ef}
.notice p{color:#b2c0d0}
.notice-warning{background:#3c3325;border-color:#655332}
.notice-info{background:#1c3544;border-color:#31556c}
.flash{background:#203c39;color:#adf4df;border:1px solid #29645b;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.flash-success{background:#173d38;color:#a9f2dd;border-color:#2a6e60}

/* Levels & rewards */
.level-hero{background:radial-gradient(circle at 5% 2%,rgba(28,182,164,.18),transparent 40%),linear-gradient(135deg,#2a3342,#222a38)!important;border-color:#405066!important;color:#e7eef7}
.level-hero-top h2,.level-hero-copy>p{color:#eaf1f9}
.level-emblem{background:linear-gradient(145deg,#193e56,#175b66);border-color:#2e7c84;box-shadow:0 16px 32px rgba(0,0,0,.2),inset 0 0 0 8px rgba(255,255,255,.06)}
.level-emblem small{color:#8ff3df}
.level-bonus-pill,.level-current-chip,.level-table-badge{background:#173d3e!important;color:#5ae2c8!important;border-color:#2a6766!important}
.level-progress-track{background:#3c4759;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.level-progress-track>i{background:linear-gradient(90deg,#17bfa6,#4ce1c1,#7c9bff);box-shadow:0 0 13px rgba(40,211,191,.22)}
.level-progress-meta,.level-progress-meta strong{color:#aab9ce}
.claim-reward-visual{background:#202b3a!important;border-color:#3c4c60!important}
.claim-reward-icon{background:linear-gradient(145deg,#ffb24c,#d97535);color:#1a2433;box-shadow:0 8px 17px rgba(0,0,0,.2)}
.claim-reward-visual strong{color:#f3f6fb}
.claim-reward-visual p{color:#52dfc6}
.level-perk-icon{background:#333e51;color:#a6b4c8}
.level-perk-row.unlocked .level-perk-icon{background:#173d3d;color:#51ddc4}
.level-perk-row strong{color:#e7eef7}
.level-perk-row small{color:#9eafc4}
.perk-state{color:#a3b2c5;background:#333d4f}
.level-perk-row.unlocked .perk-state{color:#5ae0c7;background:#173d3d}

/* PTC advertising */
.ptc-budget-preview,.ptc-view-progress{background:#202b39!important;border-color:#3c4b60!important}
.ptc-budget-preview span,.ptc-budget-preview small,.ptc-view-progress p,.ptc-view-progress>div:first-child{color:#9fb0c5}
.ptc-budget-preview strong,.ptc-view-progress>div:first-child strong{color:#52dec5}
.ptc-ad-card,.ptc-review-row{background:#242c3b!important;border-color:#3b475b!important}
.ptc-ad-card:hover{border-color:#397f7a!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ptc-ad-icon{background:#183e43;color:#4be0c6}
.ptc-ad-title-row h3,.ptc-campaign-title strong,.ptc-review-copy strong{color:#edf3fa}
.ptc-ad-copy>p,.ptc-campaign-title small,.ptc-review-copy p,.ptc-review-copy small{color:#a4b3c7}
.ptc-ad-meta,.ptc-external-fallback{color:#8798ae}
.ptc-duration-pill{background:#333e51;color:#c7d3e2}
.ptc-ad-action>strong,.ptc-external-fallback a,.ptc-review-copy>a{color:#4cdec5}
.ptc-viewer-heading h2{color:#f0f5fb}
.ptc-viewer-heading p{color:#aab9cb}
.ptc-viewer-reward{background:#173c3d!important;border-color:#2d6968!important}
.ptc-viewer-reward strong{color:#5ae1c8}
.ptc-viewer-reward span{color:#a3c6c7}
.ptc-iframe-wrap{background:#192232;border-color:#3e4a5f}
.ptc-review-actions input[type=text]{color:#edf3fa}
.ptc-campaign-actions .btn-outline{background:#303949}

/* Referrals, admin and footer */
.referral-hero{background:linear-gradient(135deg,#283241,#222a38)!important;border:1px solid #3b475b;color:#e6edf6}
.referral-copy h2,.ref-rule-grid strong{color:#eff4fa}
.referral-copy p,.ref-rule-grid p{color:#aab8cb}
.ref-rule-grid>div{background:#222a38;border:1px solid #3b465a;border-radius:13px}
.copy-link-row input{color:#e7eef7}
.admin-task-row{border-color:#3a4558}
.admin-task-row strong{color:#ecf2f9}
.admin-task-row small{color:#a1b0c4}
.app-footer{background:#202532;color:#8797ad;border-top:1px solid #394457}
.app-footer a{color:#45d9c0}

/* Language flag selector — keep each flag visible against dark navigation */
.language-flag-button{background:#282f3e;border-color:#465268;box-shadow:0 2px 8px rgba(0,0,0,.17)}
.language-flag-button:hover{background:#343e51;border-color:#64778f}
.language-flag-button.is-active{background:#163c3d;border-color:#2fcbb4;box-shadow:0 0 0 3px rgba(47,203,180,.16)}
.flag-svg{box-shadow:0 0 0 1px rgba(255,255,255,.14)}

/* Small screens */
@media(max-width:900px){
 .sidebar{background:#151b28;border-right-color:#354054}
 .topbar{background:rgba(34,41,55,.97)}
 .public-nav nav{color:#d2dbe7}
}
@media(max-width:620px){
 .page-content{background:transparent}
 .sidebar{box-shadow:4px 0 22px rgba(0,0,0,.17)}
 .stat-card,.panel,.ptc-ad-card,.task-card{box-shadow:0 5px 16px rgba(0,0,0,.13)}
 .public-body .hero h1{letter-spacing:-1.7px}
}