:root{color-scheme:dark;--bg:#101113;--card:#1c1d20;--text:#eeeef0;--muted:#92949d;--border:#303237;--green:#cdd9df;--soft:#262a2e;background:var(--bg);color:var(--text)}
body{background:var(--bg);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
header{position:relative;background:transparent;border:0;padding:19px 20px 15px;max-width:900px;margin:auto}
.wordmark{font-size:15px;letter-spacing:.1px;gap:10px}.wordmark div span{font-size:8px;letter-spacing:1.7px;color:#747780;margin-top:5px}.small-logo{width:32px;height:32px;background:#222429;color:#dddfe5;border:1px solid #34373f;border-radius:9px;font-size:14px}
.icon-button{background:#202226;border:1px solid #34363d;color:#b8bbc5;transition:transform .2s,background .2s}.icon-button:active{transform:rotate(15deg) scale(.95)}
.shop-switch{display:flex;gap:4px;background:#191b1f;border:1px solid #2d3036;border-radius:13px;padding:4px;margin:0 16px 15px;max-width:868px}
.shop-switch button{flex:1;border:0;background:transparent;color:#7f838e;font-size:14px;font-weight:600;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:background .25s,color .25s}
.shop-switch button.active{background:#303339;color:#f3f4f6;box-shadow:0 1px 4px #0003}.shop-switch i{height:5px;width:5px;background:#666b77;border-radius:50%}.shop-switch .connected{background:#9cbea8;box-shadow:0 0 9px #89b99a40}
main{padding:0 16px 110px;max-width:900px}h1{font-weight:650;letter-spacing:-1px}h2{font-weight:600;letter-spacing:-.4px}h3{font-weight:550}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#90949e}.muted{color:var(--muted);line-height:1.6}
.card,.stat,.date-tile,.account-card{border:1px solid var(--border);border-radius:16px;background:#1c1e22;box-shadow:inset 0 1px 0 #ffffff05;position:relative}
.card{padding:19px;margin-bottom:11px}.card:before,.card:after,.stat:before,.stat:after{display:none}.card h2{font-size:19px}.date-tile{isolation:isolate;overflow:hidden;padding:19px 21px;min-height:119px;background:#202226;margin-bottom:13px}.date-tile>span{font-size:10px;text-transform:capitalize;color:#a0a3ad;letter-spacing:.3px}.date-tile h1{font-size:31px;line-height:1.1;margin:7px 0 8px;letter-spacing:-1px}.date-tile p{font-size:11px;color:#a4a7b0;margin:0;position:relative;z-index:1}
.tile-light{position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 74%,#b3bfd950,transparent 40%);animation:ambient-light 14s ease-in-out infinite alternate;will-change:transform}
.tile-light:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#eef0fd9c .65px,transparent 1px);background-size:4px 4px;mask-image:radial-gradient(ellipse at 80% 70%,#000,transparent 45%);opacity:.5}
@keyframes ambient-light{from{transform:translate(-2%,-1%) scale(.98);opacity:.6}to{transform:translate(6%,4%) scale(1.09);opacity:1}}
@keyframes enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:enter .2s ease-out}
.account-card{padding:17px 19px;margin-bottom:13px;background:#191b1f}.account-identity{display:flex;align-items:center;gap:11px}.account-identity h2{font-size:17px;margin:0 0 3px;overflow-wrap:anywhere}.account-identity .muted{font-size:10px}.avatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#2a303a;border:1px solid #414956;border-radius:12px;font-size:18px;color:#cbd5e4}.connection-pill{margin-left:auto;font-size:8px;color:#a8b6ac;white-space:nowrap}.connection-pill i{display:inline-block;width:4px;height:4px;background:#9cbea8;border-radius:50%;margin-right:3px}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.account-metrics strong{display:block;font-size:17px;font-weight:550;margin-bottom:5px;font-variant-numeric:tabular-nums}.account-metrics span{font-size:9px;color:#8f939d}.account-meta{margin:14px 0 0;font-size:9px;color:#777c87}
.stats{grid-template-columns:repeat(2,1fr);gap:9px;margin:0 0 11px}.stat{padding:16px 18px;min-height:127px;text-align:left;color:var(--text);cursor:pointer;transition:border-color .2s,transform .2s;background:linear-gradient(145deg,#25272b,#1c1d21)}.stat .label{font-size:8px;font-weight:600;letter-spacing:1.2px;color:#969aa4}.stat strong{font-size:35px;font-weight:550;line-height:1;display:block;margin:20px 0 7px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat small{font-size:11px;color:#8d919c;line-height:1.4}.stat:active{transform:scale(.98)}.stat:hover{border-color:#454952}
.turnover{display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.turnover strong{font-size:27px;font-weight:550;letter-spacing:-1px;display:block;margin-top:6px}.turnover>span{color:#7e828d;font-size:9px;line-height:1.5;text-align:right}
.hero{background:#1a1d22;padding:20px}.hero .eyebrow{color:#8e98a8}.hero h2{font-size:21px;letter-spacing:-.5px;margin:10px 0}.hero p{font-size:12px;line-height:1.65;color:#959ba7;max-width:400px;margin-bottom:17px}.hero:after{display:none}.hero .button{background:#e2e6ed;color:#16181c;box-shadow:none}
.page-head{margin:22px 2px 19px}.page-head h1{font-size:29px;letter-spacing:-.7px}.page-head p{color:#8f949e;font-size:12px}.page-head .eyebrow{margin-bottom:7px}.section-title{margin:25px 2px 12px}.section-title h2{font-size:15px;font-weight:550}
.button{background:#2a2d33;color:#e6e8ee;border:1px solid #3b404a;border-radius:11px;min-height:42px;font-size:12px;font-weight:550;box-shadow:none;transition:background .2s,transform .15s,border-color .2s;cursor:pointer}.button.primary{background:#e2e6ed;color:#171a20;border-color:#e2e6ed}.button.small{min-height:34px;font-size:11px}.button:active{transform:scale(.98)}.button:hover{border-color:#616875}.button.primary:hover{background:#f4f6fa}.button.danger{background:#332327;color:#d0a5a9;border-color:#4e333a}.text-button{color:#b8c3d4;font-size:11px}.button:disabled{opacity:.55;cursor:wait}
.empty{padding:25px 19px;background:#17191d}.empty-symbol{width:38px;height:38px;font-size:19px;color:#818a9a;background:#242a34;border:1px solid #373f4c;border-radius:12px;box-shadow:none;margin-bottom:12px}.empty h3{font-size:14px;font-weight:550}.empty p{color:#868d9a;font-size:11px;line-height:1.7}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-tile{background:#1b1e24;color:#c5cad4;text-align:left;cursor:pointer;min-height:85px;margin:0;padding:17px}.quick-tile .eyebrow{display:block;font-size:8px;margin-bottom:14px}.quick-tile>span:last-child{font-size:12px}
nav{position:fixed;z-index:40;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:876px;background:#202329ed;border:1px solid #3a3e46;border-radius:18px;padding:5px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;box-shadow:0 10px 35px #0005;backdrop-filter:blur(18px);transform:none;pointer-events:auto}
nav button{color:#7f8897;background:transparent;border:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 1px;min-width:0;cursor:pointer;touch-action:manipulation;transition:color .2s,background .2s;position:relative}
nav button:after{display:none}nav button.active{background:#363b45;color:#f3f5f9;box-shadow:inset 0 1px 0 #ffffff07}nav button span:last-child{font-size:9px;font-weight:500;line-height:1.1}.nav-icon{display:block;width:20px;height:20px}.nav-icon svg{width:100%;height:100%;pointer-events:none}
.filter-bar{gap:6px}.chip{font-size:11px;background:#1c2027;color:#919aab;border:1px solid #353c47;border-radius:10px;padding:9px 13px}.chip.active{background:#343d4c;border-color:#4a5566;color:#e5eaf4}.status{background:#29332f;color:#bdd2c3;border:1px solid #39483f;font-size:9px;padding:5px 8px}.status.paused{background:#272b33;color:#a0a9b7;border-color:#3a404c}.status.warning{color:#d4b68c;background:#392e21;border-color:#564530}.review-stars{color:#c7b795}
.list-row{border-color:#2d323a}.row-icon{background:#242a34;color:#a4b0c3;border:1px solid #363f4e;font-size:17px;border-radius:10px}.row-main h3{font-size:13px;font-weight:550}.row-main p{font-size:11px;color:#8c95a5}.row-side{font-size:12px}.listing-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.listing-heading h3{margin:0}.listing-heading .status{flex-shrink:0}
input,textarea,select{background:#15191f;border:1px solid #373e4a;color:#e0e6ee;border-radius:10px;font-size:13px}input::placeholder,textarea::placeholder{color:#596578}input:focus,textarea:focus,select:focus{outline:none;border-color:#768ca8;box-shadow:0 0 0 3px #839bc018}input[type=checkbox]{accent-color:#a9bdd7}.check-field{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:12px}label{color:#bfc7d4}.mono{color:#7c899b;font-size:10px}.hint{background:#202731;border:1px solid #354050;color:#a2b0c5;font-size:11px;line-height:1.7}.hint.warning{background:#342b22;border-color:#544434;color:#d1b690}.error-note{background:#332128;color:#dba5b4;border:1px solid #563440}.toggle-row{border-color:#303741}.toggle-row p{color:#8e9aaa;font-size:11px}
dialog{background:#1c2027;border:1px solid #454e5e;border-radius:20px;color:var(--text);box-shadow:0 25px 90px #0009;max-height:90dvh}dialog::backdrop{background:#080b10a8;backdrop-filter:blur(8px)}.dialog-header h2{font-size:18px}.bubble{background:#272f3b;color:#dce3ee;border:1px solid #354054;font-size:12px}.bubble.mine{background:#394758;border-color:#4f6178}.bubble small{color:#8f9fb3}.chat-compose input{min-width:0}.connect-steps{list-style:none;margin:4px 0 20px;padding:0;display:grid;gap:15px}.connect-steps li{display:flex;gap:12px;font-size:12px;line-height:1.65;color:#a7b3c4}.connect-steps li>span{font-size:10px;color:#6d7d94;margin-top:3px}.import-actions{margin-bottom:16px}.import-actions .button{font-size:11px}details{margin:16px 0;border-top:1px solid #343b47;padding-top:14px}summary{font-size:11px;color:#acb8cb;cursor:pointer}#copy-fallback{min-height:240px;font-family:ui-monospace,monospace;font-size:10px}.catalog-results{display:grid;gap:5px;margin:14px 0;max-height:350px;overflow:auto}.catalog-row{display:flex;justify-content:space-between;text-align:left;gap:10px;border:1px solid #343e4e;border-radius:9px;background:#272f3b;color:#c8d3e4;padding:12px;font-size:12px;cursor:pointer}
#toast{background:#dde5f0;color:#202735;border:1px solid #f1f6ff;box-shadow:0 5px 25px #0008;bottom:105px;font-size:12px}.gate{background:none}.brandmark{background:#242b36;border:1px solid #465269;box-shadow:none;color:#e7edf6}.brandmark span{color:#9aacc5}.gate h1{color:#ecf0f7;line-height:1.13;letter-spacing:-1.4px}.gate>p{color:#96a2b6}.gate-features{border-color:#303b4d;color:#8fa0ba}
:focus-visible{outline:2px solid #a6bbd7;outline-offset:3px}
@media(min-width:700px){header{padding:22px 24px 20px}.shop-switch{margin:0 auto 18px;max-width:852px}.shop-switch button{padding:11px}.stats{grid-template-columns:repeat(4,1fr)}main{padding:0 24px 115px}.date-tile{padding:24px 26px;min-height:132px}.date-tile h1{font-size:37px}.stat{min-height:144px;padding:20px}.account-metrics strong{font-size:20px}nav{left:50%;right:auto;width:calc(100% - 48px);transform:translateX(-50%);max-width:852px}nav button{padding:11px}.nav-icon{width:21px;height:21px}nav button span:last-child{font-size:10px}}
@media(max-width:350px){main{padding-left:12px;padding-right:12px}.shop-switch{margin-left:12px;margin-right:12px}.date-tile h1{font-size:29px}nav{left:8px;right:8px}nav button span:last-child{font-size:8px}.account-metrics{gap:5px}.account-metrics strong{font-size:14px}.connection-pill{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile-light{will-change:auto}}

.preview-note{max-width:852px;margin:0 16px 13px;padding:9px 12px;border:1px solid #3e4757;border-radius:9px;font-size:10px;color:#8898af;background:#1b222c}.preview-note a{color:#becce2;text-decoration:none}.hint a{color:#dbbd94}@media(min-width:700px){.preview-note{margin-left:auto;margin-right:auto}}