:root{--bg:#f5f7f8;--ink:#172d32;--muted:#79878c;--line:#e7ecee;--teal:#127d70;--accent:#2ed0b1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a,button,select,summary{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;background:white;padding:10px 15px;color:var(--ink);transition:.18s}button:hover{border-color:#8abeb3;background:#f1faf7}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--teal);border-color:var(--teal);color:white}button.primary:hover{background:#0d685d}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #dce4e5;background:white;border-radius:7px;padding:10px 12px;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #83cfbd;outline-offset:2px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:9px}h1,h2{font-weight:600}h2{margin-bottom:16px}h2,h3{font-size:16px}h3{margin:16px 0 10px}p{line-height:1.8}small{font-size:11px}.muted,small{color:var(--muted)}.muted{font-size:12px}.mono,code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.shell{display:flex;height:100dvh;overflow:hidden}aside{flex-shrink:0;height:100%;overflow-y:auto;overscroll-behavior:contain;width:244px;background:#102e30;color:#c1d1cf;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;margin:0 12px 36px;font-size:25px}.brandmark{font-weight:700;font-size:35px;letter-spacing:-3px;color:var(--accent)}.brand>span:last-child{border-left:1px solid #496360;padding-left:14px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:2px;color:#8ca6a3}.workspace{display:flex;align-items:center;gap:10px;background:#1c3b3d;border:1px solid #355153;border-radius:10px;padding:12px;font-size:12px}.workspace small{display:block;color:#8ca6a3;font-size:9px;margin-top:5px}.workspace-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#2d5352;color:#b6e1d5;font-weight:700}.dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%}.workspace>.dot{margin-left:auto}.nav-caption{font-size:10px;letter-spacing:2px;margin:30px 14px 14px;color:#789593}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;background:none;border:0;color:#9eb7b4;padding:14px;font-size:13px;display:flex;align-items:center;gap:12px}nav button span{font-size:20px;width:24px}nav button.active{background:#26504b;color:#64dfc2}nav button:hover{background:#224643}nav i{margin-left:auto;background:#f1ac63;width:6px;height:6px;border-radius:50%}.sidebar-bottom{margin-top:auto;padding:25px 12px 0;border-top:1px solid #2e494a;display:flex;flex-direction:column;gap:17px;font-size:11px}.sidebar-bottom button{padding:0;text-align:left;border:0;background:transparent;color:#90aaa5;font-size:11px}.status-line{font-size:10px;color:#9ab5af}.status-line .dot{margin-right:6px}.main{display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1;min-width:0}header{flex-shrink:0;height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:12px;color:var(--muted)}header b{font-weight:400;margin:0 12px;color:#c9d3d5}.header-right{display:flex;align-items:center;gap:7px}.header-right select{border:0;font-size:12px}.env-dot{height:6px;width:6px;border-radius:50%;background:#15a87d}.env-dot.sandbox{background:#e1a348}.avatar{background:#eef2f1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin-left:16px;color:#4d6c67;font-weight:700}.content{padding:35px 38px;width:100%;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.content>.banner,.content>.error,.content>.notice,.page-data,.page-heading,.refresh-status,.scope-loading{max-width:1494px;margin-left:auto;margin-right:auto}.refresh-status{min-height:28px;color:var(--muted);font-size:11px}.scope-loading{min-height:180px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:2px;color:#819793;margin-bottom:13px}.toolbar{display:flex;gap:8px;flex-shrink:0}.toolbar select{min-width:135px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px;border:1px solid var(--line);border-radius:12px;background:white}.stat>div{font-size:12px;color:#667d7d}.stat>div>span{float:right;color:#a9c1b9}.stat strong{display:block;font-size:38px;letter-spacing:-1px;font-weight:500;margin:16px 0 9px}.stat.featured{background:#153e39;border-color:#153e39;color:white}.stat.featured small,.stat.featured>div{color:#9ec7bc}.grid-two{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:24px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-title h2{margin:0}.badge{font-size:10px;font-weight:500;display:inline-block;border-radius:5px;background:#edf7f2;color:#26816a;padding:5px 8px;white-space:nowrap}.badge.warning{background:#fff2e2;color:#ab7634}.revenue-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 0;margin-top:18px}.revenue-row>div:first-child>span{display:block;font-size:11px;color:#839894;letter-spacing:1px}.revenue-row strong{font-size:32px;font-weight:500;display:block;margin-top:8px}.revenue-row>div:last-child{display:flex;flex-direction:column;gap:9px;text-align:right}.revenue-row b{font-weight:500}.chart{height:175px;display:flex;align-items:flex-end;gap:9px;padding-top:10px}.bar-slot{flex:1 1;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}.bar{width:100%;max-width:32px;background:#92d5c4;border-radius:4px 4px 0 0}.bar-slot:last-child .bar{background:#1b9179}.bar-value{font-size:10px;color:#819b95}.bar-slot small{font-size:9px}.chart-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#7d918c}.chart-foot b{color:#29493f;margin-left:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.3px;background:#f8faf9;color:#81928e;font-weight:500;padding:13px 12px}td{font-size:12px;border-bottom:1px solid #eff2f1;padding:16px 12px}td small{display:block;font-size:10px;margin-top:6px}td b{font-weight:500}tr:last-child td{border-bottom:0}.amber{color:#b18240}.text-button{border:0;background:none;color:var(--teal);font-size:11px;padding:3px}.footer-note{text-align:right;font-size:10px;color:#96a6a1;margin-top:4px}.empty{text-align:center;padding:36px;color:#98aaa6}.empty>span{font-size:28px}.empty p{font-size:12px;margin:10px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;align-items:end;margin:20px 0}.form-grid button{height:40px}.form-grid input[type=color]{width:100%;height:40px;padding:5px}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.app-grid .panel{margin-bottom:0}.app-grid{margin-bottom:24px}.app-icon{height:44px;width:44px;display:grid;place-items:center;font-weight:700;font-size:20px;border-radius:11px;color:white;margin-bottom:16px}.app-card h2{margin-bottom:8px}.app-card>small{display:block}.app-card>button{margin-top:16px}.url-code{display:block;overflow-wrap:anywhere;background:#f5f8f6;padding:10px;border-radius:6px;margin-bottom:8px}details{margin-top:18px}summary{font-size:12px;color:var(--teal);margin-bottom:12px}.product-list{display:flex;flex-wrap:wrap;gap:8px}.review-toolbar{display:flex;gap:12px;margin-bottom:16px}.review-toolbar input{flex:1 1}.review-body{white-space:pre-wrap;font-size:13px;color:#486059}.stars{color:#deb062;letter-spacing:3px}.stars>span{color:#dee7e2}textarea{display:block;width:100%;margin-bottom:12px}.banner,.error,.notice{border-radius:8px;padding:13px 16px;margin-bottom:20px;font-size:12px;line-height:1.6}.banner{background:#fff4db;color:#956d2c}.error{background:#fcece8;color:#b94b3c}.notice{background:#e3f5ed;color:#25775e}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#f7faf8}.login-brand{background:#123833;padding:12vh 12%;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-brand:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #335e52;border-radius:50%;bottom:-320px;right:-200px;box-shadow:0 0 0 60px #194137,0 0 0 61px #2e5348,0 0 0 120px #163d34}.login-brand .brandmark{font-size:64px;margin-bottom:50px}.login-brand .brandmark span{font-size:18px;vertical-align:super;margin-left:10px}.login-brand h1{font-size:42px;line-height:1.55;color:#effbf2;font-weight:500}.login-brand p{color:#8ab2a2;font-size:13px}.studio{font-size:10px;letter-spacing:3px;color:#6e9586;margin-top:70px}.login-card{width:350px;max-width:85%;margin:auto}.login-card h2{font-size:27px;margin:16px 0 6px}.login-card>p{margin-bottom:35px}.login-card label{margin-bottom:20px}.login-card>button{width:100%;margin:0 0 22px}.login-card>small{display:block;text-align:center}.loading{display:grid;place-content:center;min-height:100vh;text-align:center}@media (min-width:1600px){.content{padding-top:48px}.stat{padding:28px}}@media (max-width:1100px){aside{width:205px;padding:24px 12px}.main{margin-left:205px}.content{padding:26px 22px}header{padding:0 22px}.stats{gap:12px}.stat{padding:16px}.stat strong{font-size:31px}.page-heading{align-items:flex-start}.toolbar{flex-direction:column}.app-grid,.grid-two{grid-template-columns:1fr}}@media (max-width:760px){aside{position:static;width:100%;padding:15px}.shell{flex-direction:column}.shell>aside{height:auto;overflow:visible}.shell>.main{height:auto}.brand{margin:0;font-size:18px}.brandmark{font-size:26px}.nav-caption,.sidebar-bottom,.workspace{display:none}nav{flex-direction:row;overflow-x:auto;margin-top:12px;gap:3px}nav button{white-space:nowrap;padding:9px;font-size:11px}nav button span{font-size:15px;width:auto}.main{margin-left:0}header{height:55px}.content{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}.page-heading{display:block}.toolbar{flex-direction:row;margin-top:18px}.panel{padding:17px}.login{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:30px 0}.review-toolbar{flex-wrap:wrap}.review-toolbar input{width:100%;flex:auto}.chart{gap:4px}.bar-slot small{font-size:8px}.form-grid{grid-template-columns:1fr}.panel-title{flex-wrap:wrap}}.revenue-report{display:grid;gap:20px;min-width:0}.revenue-filters{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.revenue-filters label{display:grid;gap:8px;min-width:150px;max-width:100%}.revenue-filters select{max-width:100%}.revenue-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.revenue-scroll{overflow-x:auto}.revenue-scroll td,.revenue-scroll th{white-space:nowrap}.revenue-table h2{margin-bottom:18px}.revenue-report button[aria-pressed=true]{background:#e5f2ed;color:#17644e}