@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#17332a;--muted:#71827c;--line:#dce7e2;--paper:#f5f8f6;--white:#fff;--green:#36dda9;--dark:#102b22;--violet:#8b5cf6;--cyan:#06b6d4;--amber:#f59e0b;--danger:#dc5a4d;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}.eyebrow{display:block;color:#15815e;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand .logo,.logo{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--green);color:#0a2d22;font:700 21px 'DM Serif Display';box-shadow:0 12px 35px #2cd59e2c}.brand>span:last-child{display:grid}.brand strong{font-size:16px;letter-spacing:.12em}.brand small{font-size:11px;color:#8ea79e}.logo.large{width:58px;height:58px;border-radius:16px;font-size:30px;margin:auto}.toast{position:fixed;z-index:1000;top:20px;right:20px;max-width:430px;padding:14px 18px;border-radius:12px;background:#14392d;color:white;box-shadow:0 18px 50px #09221a40}.toast.error{background:#8f3129}.toast.success{background:#116747}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.55fr 1fr}.hero-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 105% 10%,#274a3f 0 27%,transparent 27.2%),radial-gradient(circle at 98% 17%,transparent 0 36%,#21483b 36.2% 45%,transparent 45.2%),linear-gradient(150deg,#0d2a21,#153e31);color:#fff;padding:40px clamp(36px,6vw,92px);display:flex;flex-direction:column}.hero-panel:after{content:'';position:absolute;inset:auto -12% -20% 22%;height:45%;background:#1c4c3c66;transform:rotate(10deg)}.hero-copy{position:relative;z-index:1;margin:auto 0;max-width:780px}.hero-copy .eyebrow{color:#50e6b5}.hero-copy h1{font-size:clamp(48px,5.3vw,78px);line-height:.98;letter-spacing:-.045em;margin:26px 0}.hero-copy h1 em{color:#40dfaa;font-family:'DM Serif Display';font-weight:400}.hero-copy>p{max-width:650px;color:#c1d2cb;font-size:17px;line-height:1.75}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;border-top:1px solid #ffffff24;padding-top:22px}.feature-row span{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;color:#3fe0ac;font-size:21px}.feature-row b{color:#fff;font-size:13px}.feature-row small{grid-column:2;color:#91aaa0;font-size:11px}.login-panel{display:grid;place-items:center;background:#fafcfb;padding:30px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:45px;text-align:center;box-shadow:0 28px 90px #16382c13}.login-card h2{font-size:28px;margin:28px 0 10px}.login-card>p{color:var(--muted);line-height:1.6}.login-card>small{display:block;color:#95a39e;font-size:11px;margin-top:20px}.warning{border:1px solid #ead79f;background:#fff9e7;color:#7a6223;padding:12px;border-radius:11px;margin:18px 0;text-align:left}.google-button{width:100%;height:52px;border:1px solid #d6e1dc;border-radius:12px;background:#fff;font-weight:700;color:#52615c}.google-button b{color:#4285f4;margin-right:12px}
.app-view{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#102a21;color:#fff;padding:30px 22px;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:8px;margin-top:50px}.sidebar nav button{height:44px;border:0;border-radius:9px;background:transparent;color:#91aaa0;text-align:left;padding:0 14px;font-weight:600}.sidebar nav button.active{background:#2b5346;color:#fff;border-left:3px solid var(--green)}.usage-card{margin-top:auto;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;padding:15px}.usage-card>span,.usage-card>small{font-size:10px;color:#829a91}.usage-card>strong{float:right;font-size:12px}.usage-card>i{display:block;clear:both;height:4px;background:#ffffff0d;border-radius:99px;margin:12px 0}.usage-card>i b{display:block;height:100%;width:0;background:var(--green);border-radius:99px}.account-card{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff12;margin-top:16px;padding-top:16px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#2e6653;font-weight:800}.account-card>span:nth-child(2){display:grid}.account-card strong{font-size:11px}.account-card small{font-size:9px;color:#8ca298}.account-card button{margin-left:auto;border:0;background:transparent;color:#8ca298}.workspace{grid-column:2;min-width:0}.topbar{height:94px;padding:22px 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f8faf9}.topbar h1{font-size:25px;margin:8px 0 0}.api-state{border:1px solid #d7e4de;border-radius:99px;background:#fff;padding:9px 13px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.api-state i,.key-status:before{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a6b4af;margin-right:7px}.api-state.connected i,.key-status.connected:before{background:var(--green);box-shadow:0 0 0 4px #36dda920}.page{display:none;padding:34px 46px 70px}.page.active{display:block}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 38px #193f3010}.search-card{padding:26px}.card-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.card-head.compact{align-items:center;border-bottom:1px solid var(--line);padding:23px 26px}.card-head h2,.page-intro h2{font-size:25px;margin:8px 0}.card-head p,.page-intro p,.api-card p,.credit-card p{color:var(--muted);margin:0;line-height:1.6}.cost-chip{min-width:120px;border:1px solid #cfe9df;background:#f0fbf6;border-radius:12px;padding:11px 14px}.cost-chip span{display:block;color:#71867e;font-size:10px}.cost-chip strong{font-size:22px}.builder-grid{display:grid;grid-template-columns:1.1fr .9fr 1.25fr;gap:22px;margin-top:26px}.field{display:grid;align-content:start;gap:9px;position:relative}.field>span{font-size:12px;font-weight:800}.field>small{font-size:10px;color:#82928c}textarea,input,select{border:1px solid #d2dfd9;border-radius:9px;background:#fff;color:var(--ink);outline:none}textarea:focus,input:focus,select:focus{border-color:#1bb985;box-shadow:0 0 0 3px #1bb98518}textarea{padding:13px;resize:vertical;min-height:137px}.store-options{display:grid;gap:8px}.store-options button{display:flex;align-items:center;gap:11px;height:42px;border:1px solid #d6e2dd;border-radius:9px;background:#fff;color:#50615a;text-align:left;padding:0 11px}.store-options button.selected{border-color:#25bd8d;background:#effbf7;color:#123d30}.store-options span{display:grid;font-size:12px;font-weight:700}.store-options small{font-size:9px;color:#83928d}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:#edf3f0;border-radius:9px}.mode-switch button{height:34px;border:0;background:transparent;border-radius:7px;color:#6d7e77;font-size:11px}.mode-switch button.active{background:#fff;color:#163d31;box-shadow:0 2px 9px #14382c12;font-weight:800}.country-trigger{width:100%;height:43px;border:1px solid #d3dfda;border-radius:9px;background:#fff;text-align:left;padding:0 12px;color:#61736c}.country-trigger span{display:inline-block;width:calc(100% - 42px);margin-left:7px}.country-popover{position:absolute;z-index:10;top:109px;width:100%;background:#fff;border:1px solid #d5e2dc;border-radius:12px;padding:10px;box-shadow:0 20px 50px #173c3030}.country-popover>input{width:100%;height:38px;padding:0 10px}.quick-actions{display:flex;gap:7px;margin:8px 0}.quick-actions button{border:0;background:#eef7f3;color:#176748;border-radius:7px;padding:6px 9px;font-size:10px}.country-list{max-height:250px;overflow:auto}.country-list label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:7px;font-size:11px}.country-list label:hover{background:#f2f7f5}.country-list input{width:auto;box-shadow:none}.country-list strong{flex:1}.country-list small{color:#889891}.tier-choice{display:grid;gap:7px}.tier-choice button{display:flex;gap:8px;align-items:center;border:1px solid #d6e2dd;background:#fff;border-radius:9px;height:38px;padding:0 10px;color:#5e6f68}.tier-choice button.selected{border-color:#24b888;background:#effbf7}.tier-choice i{width:8px;height:8px;border-radius:50%}.tier-choice small{margin-left:auto}.builder-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5ede9;margin-top:25px;padding-top:20px}.metric-list{display:flex;gap:20px;color:#6e8179;font-size:11px}.metric-list i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.violet{background:var(--violet)}.cyan{background:var(--cyan)}.amber{background:var(--amber)}.primary,.secondary{height:42px;border-radius:9px;padding:0 17px;font-weight:800;border:0}.primary{background:#1a5b45;color:#fff}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#fff;border:1px solid #cadad3;color:#234c3e}.progress{display:flex;align-items:center;gap:12px;margin-top:16px}.progress>i{height:6px;background:#e3ece8;border-radius:99px;flex:1}.progress>i b{display:block;height:100%;width:0;background:var(--green);border-radius:99px}.progress span{font-size:11px}.progress button{border:0;background:transparent;color:var(--danger)}
.results-card{margin-top:22px;overflow:hidden}.results-tools{display:flex;gap:12px;align-items:center;color:#7a8a84;font-size:11px}.results-tools input{height:36px;padding:0 10px}.empty{text-align:center;padding:70px 20px}.empty>span{display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:15px;background:#e9f6f1;font-size:28px}.empty h3{margin:18px 0 7px}.empty p{color:var(--muted);margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{border-bottom:1px solid #e5ece9;padding:13px 16px;text-align:left;font-size:12px}th{background:#f8faf9;color:#71817b;text-transform:uppercase;letter-spacing:.08em;font-size:9px;cursor:default}th[data-sort]{cursor:pointer}td small{display:block;color:#8a9a94}.score{display:inline-grid;place-items:center;min-width:44px;padding:5px 8px;border-radius:7px;background:#edf8f4;color:#15704f;font-weight:800}.difficulty{display:flex;align-items:center;gap:8px}.difficulty i{width:55px;height:4px;background:#e6ecea;border-radius:9px}.difficulty b{display:block;height:100%;background:var(--amber);border-radius:9px}.expand{border:0;background:#eaf5f1;border-radius:7px;width:30px;height:30px}.apps-cell{background:#f4f8f6;padding:0}.apps-panel{padding:18px 24px}.apps-head{display:flex;justify-content:space-between;margin-bottom:12px}.app-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe9e5;border-radius:10px;padding:10px;margin:7px 0}.app-rank{font-weight:800;color:#667a72}.app-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf4f0;overflow:hidden}.app-icon img{width:100%;height:100%;object-fit:cover}.app-info{display:grid;flex:1}.app-info small{font-size:10px}.app-item button{height:34px}.install-value{text-align:right}.install-value strong{display:block}.install-value small{font-size:9px}
.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-intro>div:last-child{display:flex;gap:9px}.tier-editors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tier-editor{padding:20px;min-width:0}.tier-editor-head{display:grid;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:8px}.tier-editor-head input[type=color]{width:35px;height:35px;padding:3px}.tier-editor-head input[type=text]{height:38px;padding:0 10px;font-weight:800;min-width:0}.tier-editor-head span{font-size:10px;color:#7b8b85}.tier-editor-head button{border:0;background:#fff0ee;color:#b04439;border-radius:7px;height:30px}.tier-editor select{width:100%;max-width:100%;min-height:310px;margin-top:15px;padding:8px}.tier-editor>small{display:block;color:#84958f;font-size:10px;margin-top:8px}
.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.api-card,.credit-card{padding:24px;position:relative}.icon-box{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eee8ff;color:#7446d4;font-size:21px}.cyan-bg{background:#e5faff;color:#038aa2}.api-card h2{margin:15px 0 5px}.key-status{position:absolute;top:24px;right:24px;border:1px solid #d8e4df;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800}.secret-row{display:flex;gap:9px;margin-top:22px}.secret-row input{height:43px;padding:0 12px;flex:1}.credit-card>strong{display:block;font-size:39px;margin-top:14px}.credit-card>small{color:#82928c}.users-card{margin-top:20px;overflow:hidden}.user-cell{display:flex;align-items:center;gap:9px}.user-cell .avatar{width:31px;height:31px;color:#fff}.user-cell>span{display:grid}.users-card select,.quota-input{height:36px;padding:0 8px}.quota-input{width:100px}.status-button{border:0;border-radius:99px;padding:7px 10px;font-size:10px;background:#e9fff7;color:#16714f}.status-button.disabled{background:#fff0ee;color:#a63c32}
@media(max-width:1100px){.builder-grid{grid-template-columns:1fr 1fr}.markets-field{grid-column:1/-1}.tier-editors{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.login-view{grid-template-columns:1fr}.hero-panel{min-height:54vh}.login-panel{padding:50px 24px}}
@media(max-width:760px){.app-view{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px}.sidebar nav{grid-template-columns:repeat(3,1fr);margin-top:18px}.sidebar nav button{text-align:center}.usage-card{display:none}.account-card{position:absolute;top:16px;right:16px;border:0;margin:0;padding:0}.account-card>span:nth-child(2){display:none}.workspace{display:block}.topbar{height:auto;padding:20px}.page{padding:22px 14px}.builder-grid,.tier-editors{grid-template-columns:1fr}.markets-field{grid-column:auto}.card-head,.page-intro{align-items:flex-start;flex-direction:column}.builder-footer{align-items:flex-start;gap:15px;flex-direction:column}.builder-footer .primary{width:100%}.hero-panel{padding:26px}.hero-copy h1{font-size:45px}.feature-row{grid-template-columns:1fr}.login-card{padding:28px}.secret-row{flex-direction:column}}