
@font-face{font-family:Jakarta;src:url('jakarta.woff2')}@font-face{font-family:Playfair;src:url('playfair.woff2')}
:root{--ink:#0e1f26;--cream:#fbf9f5;--green:#287166;--terra:#a95831;--line:#e5e5dc;--muted:#596963}*{box-sizing:border-box}body{margin:0;background:#e7e9e4;color:var(--ink);font-family:Jakarta,Arial,sans-serif;font-size:14px}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--terra);outline-offset:3px}button{min-height:44px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px}.brand{font-weight:800;font-size:19px;letter-spacing:-1px}.brand i{color:var(--terra);font-style:normal}.avatar{background:var(--ink);color:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:12px}.app{max-width:480px;margin:auto;min-height:100dvh;background:var(--cream);padding-bottom:100px}.demo{margin:0 20px;display:flex;align-items:center;justify-content:space-between;background:#f0e9dc;border-radius:9px;padding:2px 11px;font-size:10px;font-weight:800;letter-spacing:.5px}.demo button{border:0;background:none;font-size:11px;text-decoration:underline}.page{padding:24px 20px 12px}.page[hidden]{display:none}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--muted)}h1{font:35px/1.13 Playfair,Georgia,serif;letter-spacing:-.7px;margin:9px 0 12px}h2{font-size:18px;margin:0 0 10px;letter-spacing:-.5px}h3{font-size:14px;margin:0 0 5px}p{line-height:1.6;margin:8px 0;color:var(--muted)}.small{font-size:11px;line-height:1.6}.topline,.between{display:flex;justify-content:space-between;align-items:center;gap:10px}.topline{margin:17px 0}.pill{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700;background:#fff}.card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px;margin:14px 0}.hero{background:var(--ink);color:var(--cream);border:0;position:relative;overflow:hidden}.hero .eyebrow,.hero p{color:#c7d1ca}.hero .amount{font-size:43px;font-weight:800;letter-spacing:-2px;line-height:1.3;margin:10px 0 0}.unit{font-size:11px;font-weight:400;letter-spacing:0;color:#c7d1ca}.hero .bar{background:#35474a;margin:20px 0 10px;height:7px;border-radius:8px}.bar span{display:block;background:#f2b872;width:31.25%;height:100%;border-radius:8px}.hero .between{font-size:11px}.submoney{border-top:1px solid #3a4a4d;margin-top:20px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.submoney strong{display:block;font-size:19px;margin-top:4px}.submoney label{font-size:10px;color:#c7d1ca}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics .card{margin:0;padding:15px}.metrics strong{font-size:23px;letter-spacing:-1px;display:block;margin:7px 0}.metrics small{font-size:10px;color:var(--muted)}.accent{border-left:3px solid var(--terra);border-radius:0;padding:0 0 0 14px;margin:24px 0}.accent strong{font-size:21px}.accent p{font-size:12px}.section-head{margin-top:28px}.section-head span{font-size:11px;color:var(--muted)}.action{width:100%;display:flex;align-items:center;text-align:left;gap:13px;background:white;border:0;border-bottom:1px solid var(--line);padding:15px 0}.action:last-child{border-bottom:0}.number{font-size:19px;color:var(--terra);font-family:Playfair}.action strong{font-size:12px;display:block}.action small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.arrow{margin-left:auto;font-size:20px}.link{border:0;background:none;color:var(--green);font-weight:800;font-size:11px;padding:0 2px}.filters{display:flex;gap:7px;margin:17px 0}.filters button{flex:1;border:1px solid var(--line);background:transparent;border-radius:25px;font-size:11px;min-height:40px}.filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}.channel{padding:16px}.icon{width:35px;height:35px;border-radius:11px;background:#edf2f0;color:var(--green);display:grid;place-items:center;font-size:16px;font-weight:800;flex-shrink:0}.icon.fb{color:#235ca5;background:#edf3fb}.icon.ig{color:#a83e6f;background:#f9edf2}.icon.go{color:#806324;background:#f6f1e3}.channel-name{flex:1}.channel-name small{color:var(--muted);font-size:10px}.revenue{text-align:right}.revenue strong{font-size:17px}.revenue small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.channel-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.channel-stats strong{display:block;font-size:17px}.channel-stats span{font-size:9px;color:var(--muted)}summary{font-size:11px;color:var(--green);padding-top:14px;min-height:44px;cursor:pointer}details p{font-size:11px}.notice{background:#edf2ef;border-radius:12px;padding:13px 15px;font-size:11px;line-height:1.65;color:#37594f}.inboxhero{background:#eee7db;border:0}.inboxhero strong{font-size:42px;letter-spacing:-2px}.inboxhero .between{align-items:flex-end}.inboxrow{padding:17px 0;border-bottom:1px solid var(--line)}.inboxrow:last-child{border-bottom:0}.count{background:#f5e8df;color:#934621;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.task{margin-top:15px;padding:14px;background:#f7f7f2;border-radius:12px;font-size:11px;line-height:1.6}.task strong{display:block;margin-bottom:4px}.task span{color:var(--muted)}.source{padding:15px 0;border-bottom:1px solid var(--line)}.source:last-child{border-bottom:0}.status{font-size:9px;border-radius:20px;background:#eeeae0;padding:6px 8px;white-space:nowrap}.source p{font-size:11px;margin-top:7px}.modechoice{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.modechoice span{border:1px solid var(--line);border-radius:8px;padding:7px;font-size:10px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid var(--line);padding:9px 10px calc(9px + env(safe-area-inset-bottom));z-index:10}.nav button{flex:1;border:0;background:none;color:var(--muted);font-size:10px;padding:3px;min-height:52px}.nav svg{display:block;width:20px;height:20px;margin:0 auto 5px;stroke:currentColor;fill:none;stroke-width:1.6}.nav .active{color:var(--green);font-weight:800}.nav .active svg{background:#e5efe9;border-radius:4px}.footnote{font-size:10px;color:var(--muted);margin-top:20px}select{background:transparent;border:0;font-size:11px;min-height:44px;max-width:100%}#feedback{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:350px;width:calc(100% - 40px);padding:14px;background:var(--ink);color:white;border-radius:12px;font-size:12px;z-index:12}#feedback:empty{display:none}.real .demo{background:#e4ebe8}.real .bar span{width:0}.real .demo .demo-title{letter-spacing:0}@media(max-width:360px){h1{font-size:31px}.hero .amount{font-size:38px}.page{padding-left:16px;padding-right:16px}.channel{padding:13px}}@media print{body{background:white}.app{max-width:none}.nav{display:none}}

.app{max-width:1040px}.nav{max-width:1040px}.page{max-width:900px;margin:auto}input,textarea,select{font:inherit;min-height:44px;background:white;border:1px solid var(--line);border-radius:9px;padding:10px;width:100%}textarea{min-height:85px}label{display:block;font-size:12px;margin:10px 0 5px}form button,.btn{border:0;background:var(--ink);color:white;border-radius:9px;padding:11px 16px;min-height:44px}.secondary{background:#e9eee9;color:var(--ink)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 20px 10px}.toolbar>*{flex:1;min-width:120px}.toolbar label{margin:0}.toolbar select{font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics{grid-template-columns:repeat(4,1fr)}dialog{border:1px solid var(--line);border-radius:18px;max-width:600px;width:calc(100% - 24px);max-height:90dvh;padding:22px;background:var(--cream)}dialog::backdrop{background:#0e1f2699}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.row>div{min-width:0;overflow-wrap:anywhere}.row .link{flex-shrink:0}#auth{max-width:440px;padding:40px 24px;margin:8vh auto}.error{color:#9d3124}#auth h1{font-size:40px}.empty{padding:22px 0}.good{background:#e1eee6}.source p{overflow-wrap:anywhere}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.form-actions button{min-width:90px}.badge{font-size:10px;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}.metrics strong{font-size:22px}.hero .amount{font-size:43px}#loading{padding:20px}.preview{max-height:200px;overflow:auto;font-size:11px;white-space:pre-wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav button{font-size:12px}a{color:var(--green)}@media(min-width:700px){.page{padding:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hero{margin-top:0}.metrics{align-content:start}.channels-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channels-grid .card{margin:0}header{padding:25px 30px}}@media(max-width:600px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.toolbar>*{min-width:110px}.hero .amount{font-size:37px}h1{font-size:33px}}[hidden]{display:none!important}
html{scroll-padding-bottom:100px}button,input{scroll-margin-bottom:100px}@media(max-width:600px){.toolbar label{flex-basis:calc(50% - 8px)}.toolbar>.btn{flex-basis:100%}}
