:root{color:#eef9f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#061411;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{--bg:#061411;--text:#f0fffb;--muted:#a6c8c0;--panel:rgba(11, 35, 31, calc(var(--glass) / 100));--panel-strong:#0d362fd6;--border:#b5ffe92e;--accent:#3ee6bd;--accent-2:#5dc8ff;--coral:#ff8066;--shadow:#00000057;color:var(--text);background:radial-gradient(circle at 18% 10%,#3ee6bd2e,#0000 30%),radial-gradient(circle at 72% 18%,#5dc8ff29,#0000 32%),linear-gradient(135deg,#061411 0%,#071b1d 42%,#10211d 100%);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app.light{--bg:#f6fbf8;--text:#10231f;--muted:#536b65;--panel:rgba(255, 255, 255, calc(var(--glass) / 100));--panel-strong:#ffffffe6;--border:#114e4329;--shadow:#15594926;background:radial-gradient(circle at 18% 10%,#3ee6bd33,#0000 30%),radial-gradient(circle at 72% 18%,#ff806629,#0000 32%),linear-gradient(135deg,#f6fbf8 0%,#eaf8f2 48%,#eef8fb 100%)}.mapGlow{filter:blur(1px);pointer-events:none;background:linear-gradient(90deg,#0000,#3ee6bd33,#0000),repeating-linear-gradient(115deg,#0000 0 38px,#ffffff0e 39px 40px);height:42vh;position:fixed;inset:auto -12% -18% 20%;transform:skewY(-7deg)}.glass,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:0 22px 70px var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%)}.sidebar{border-width:0 1px 0 0;flex-direction:column;gap:22px;min-height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px;display:flex}.brandMark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#031412;letter-spacing:0;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand strong,.profileTile strong{font-size:15px;display:block}.brand small,.profileTile span{color:var(--muted);font-size:12px}nav{gap:5px;display:grid}nav button,.iconButton,.primary,.chips button,.toggleRow button,.sectionHeader button,.recActions button,.recActions a,.dealMini,.authLinks button,.toast{color:var(--text);cursor:pointer;border:1px solid #0000}nav button{text-align:left;min-height:40px;color:var(--muted);background:0 0;border-radius:8px;grid-template-columns:22px 1fr 16px;align-items:center;gap:9px;padding:9px 10px;font-size:14px;display:grid}nav button:hover,nav button.active,.settingRow,.dealMini:hover{color:var(--text);border-color:var(--border);background:#ffffff12}.profileTile{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar{background:#3ee6bd2e;border:1px solid #3ee6bd52;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.main{min-width:0;padding:20px;position:relative}.topbar{z-index:4;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 18px;display:flex;position:sticky;top:16px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:0;font-size:28px;line-height:1.08}.topbar p,.hero p,.panel p,.recommendation small,.visibleUrl{color:var(--muted);line-height:1.55}.topbar p{max-width:760px;margin-top:5px;font-size:14px}.topActions,.heroActions,.actions,.toggleRow,.toolbar,.chips,.authLinks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.iconButton,.primary,.sectionHeader button,.recActions button,.recActions a,.toggleRow button,.chips button,.authLinks button{border-color:var(--border);background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 12px;text-decoration:none;display:inline-flex}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#031412;border:0;font-weight:800}.primary.ghost,.sectionHeader button,.recActions button,.recActions a,.toggleRow button,.chips button,.authLinks button{color:var(--text);border:1px solid var(--border);background:#ffffff14;font-weight:650}.workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;margin-top:18px;display:grid}.contentColumn,.inspector{gap:18px;display:grid}.panel,.hero{border-radius:8px;padding:18px}.hero{grid-template-columns:minmax(0,.8fr) minmax(300px,1fr);align-items:center;gap:28px;min-height:520px;display:grid;overflow:hidden}.hero h2{max-width:880px;font-size:clamp(36px,7vw,72px);line-height:.98}.hero p{max-width:640px;margin:18px 0 24px;font-size:17px}.islandMap{border:1px solid var(--border);transform-origin:50%;background:radial-gradient(circle at 50% 52%,#3ee6bd3d,#0000 34%),linear-gradient(145deg,#5dc8ff26,#ff80661f);border-radius:8px;min-height:420px;position:relative;transform:perspective(900px)rotateX(58deg)rotate(-18deg)}.islandMap span{left:calc(12% + (var(--i) * 9%));top:calc(18% + ((var(--i) % 4) * 16%));color:#dffdf5;white-space:nowrap;background:#061411b8;border:1px solid #3ee6bd47;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;transform:rotate(18deg)}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.metric span,.sectionHeader span,label,.statusRow small{color:var(--muted);font-size:12px}.metric strong{margin:8px 0;font-size:30px;display:block}.plannerGrid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:18px;display:grid}.sectionHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.promptBuilder .formGrid{grid-template-columns:1fr}label{gap:7px;margin-bottom:12px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff12;border-radius:8px;outline:none;min-width:0;padding:11px 12px;font-size:13px}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:#3ee6bda6;box-shadow:0 0 0 3px #3ee6bd1f}.selected{background:#3ee6bd29!important;border-color:#3ee6bd9e!important}.searchBox{border:1px solid var(--border);background:#ffffff12;border-radius:8px;flex:1;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.searchBox input{background:0 0;border:0;padding:0}pre{white-space:pre-wrap;color:#d9fff6;border:1px solid var(--border);background:#00000038;border-radius:8px;max-height:380px;margin:14px 0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;overflow:auto}.light pre{color:#13332c;background:#ffffffb8}.resultCard,.statusRow,.settingRow{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.resultCard img{object-fit:cover;border-radius:8px;flex:none;width:86px;height:72px}.resultCard strong{align-items:center;gap:7px;display:inline-flex}.toolbar{align-items:stretch;margin-bottom:14px}.toolbar select{width:170px}.recommendationList{gap:12px;display:grid}.recommendation{border:1px solid var(--border);background:#ffffff0e;border-radius:8px;grid-template-columns:minmax(0,1fr) 210px;gap:16px;padding:15px;display:grid}.recommendation h4{margin:8px 0 7px;font-size:19px}.visibleUrl{overflow-wrap:anywhere;margin-top:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.status,.health{color:#04201a;background:var(--accent);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.status.estimated,.status.seasonal,.health.degraded,.health.untested{background:#ffd166}.status.unverified,.health.failed,.health.not-configured,.health.needs-key,.health.inactive{background:var(--coral)}.health.inactive{background:#9bb3ad}.inlineEdit{flex:1;margin:0}.recActions{align-content:start;gap:8px;display:grid}.recActions strong{line-height:1.3}.compact{padding:15px}.statusRow{justify-content:space-between;margin-top:8px}.dealMini{border:1px solid var(--border);text-align:left;background:#ffffff0d;border-radius:8px;grid-template-columns:44px 1fr auto;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:8px;padding:10px;display:grid}.dealMini img{object-fit:cover;border-radius:7px;width:44px;height:38px}.webhookTable{gap:8px;margin-bottom:14px;display:grid}.webhookTable>div{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;grid-template-columns:1fr 1fr 1.2fr auto;align-items:center;gap:12px;padding:12px;display:grid}.emptyState{text-align:center;border:1px dashed var(--border);border-radius:8px;justify-items:center;gap:10px;padding:44px 18px;display:grid}.toast{z-index:10;background:var(--panel-strong);border-color:var(--border);box-shadow:0 18px 50px var(--shadow);border-radius:8px;align-items:center;gap:8px;padding:12px 14px;display:flex;position:fixed;bottom:22px;right:22px}.modalBackdrop{z-index:20;background:#0000006b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.authModal{border-radius:8px;width:min(460px,100%);padding:22px;position:relative}.close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:#ffffff14;border-radius:8px;position:absolute;top:14px;right:14px}.compactBrand,.authModal p{margin-bottom:16px}.profileForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=1180px){.app{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand span:not(.brandMark),nav span,.profileTile div,nav svg:last-child{display:none}nav button{grid-template-columns:1fr;justify-items:center}.workspace,.plannerGrid,.hero{grid-template-columns:1fr}.inspector{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app{display:block}.sidebar{flex-direction:row;min-height:auto;position:static;overflow-x:auto}nav{display:flex}nav button{width:44px;min-width:44px}.profileTile{display:none}.main{padding:12px}.topbar{flex-direction:column;align-items:flex-start;position:static}.grid.two,.formGrid,.recommendation,.inspector,.webhookTable>div,.profileForm{grid-template-columns:1fr}.hero{min-height:auto}.hero h2{font-size:38px}.islandMap{min-height:280px}.toolbar select{width:100%}}
