:root{--ink:#f7f8fc;--muted:#9ba5b6;--surface:#151d2c;--surface-2:#1c2637;--line:#2b3648;--green:#83f2ba;--lime:#c5ff83;--accent:#a88bff;--danger:#ff9b9b;--shell-w:520px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:#0c1220;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{width:100%;max-width:var(--shell-w);min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) 20px calc(88px + env(safe-area-inset-bottom));background:radial-gradient(circle at 84% 2%,#283052 0,transparent 27%),#0c1220}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:20px;font-weight:800;letter-spacing:-.8px;display:flex;align-items:center;gap:8px}.brand-mark,.onboarding-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#111a26;background:var(--lime);font-size:17px}.top-actions{display:flex;gap:7px}.currency-button,.icon-button,.theme-button{border:1px solid var(--line);background:#172033;color:var(--ink);border-radius:10px;padding:8px 11px;font-weight:700}.theme-button{font-size:17px;padding:5px 9px}.intro{padding:18px 2px 20px}.intro.compact{padding-top:24px}.eyebrow{margin:0 0 6px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:1.1px}.intro h1,.screen-heading h1{font-size:32px;line-height:1.05;letter-spacing:-1.3px;margin:0 0 8px}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:15px}.card{background:linear-gradient(145deg,#1b2638,#161e2d);border:1px solid #2b3648;border-radius:19px}.input-card{padding:17px}.field{display:block;flex:1;min-width:0}.field>span,.market-row>span{color:#c5cbd5;font-size:12px;font-weight:700;display:block;margin:0 0 7px}.field em{color:#748096;font-style:normal;font-weight:500}.field-row{display:flex;gap:13px;margin-top:15px}.money-input,.suffix-input{height:45px;border-radius:11px;border:1px solid #334052;background:#111826;display:flex;align-items:center;padding:0 11px;gap:5px}.money-input span,.suffix-input span{color:#9eabc0;font-size:15px;font-weight:700}.money-input input,.suffix-input input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:inherit;font-size:16px;font-weight:700}.field>input,.field select{width:100%;height:44px;border:1px solid #334052;border-radius:11px;background:#111826;color:inherit;padding:0 12px;font:inherit;outline:0}.market-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3648;padding:16px 0 13px;margin-top:2px}.market-row span{margin:0}.market-row select{border:0;background:transparent;color:var(--lime);font-weight:750;outline:0;max-width:165px;text-align:right}.market-row option{background:#172033;color:white}.photo-picker{display:flex;gap:11px;align-items:center;margin-top:15px;border:1px dashed #40506a;border-radius:12px;padding:9px;cursor:pointer}.photo-picker input{display:none}.photo-picker>span{height:42px;width:42px;border-radius:9px;background:#28354d;display:grid;place-items:center;color:var(--lime);font-size:21px;overflow:hidden;background-size:cover;background-position:center}.photo-picker b,.photo-picker small{display:block;font-size:12px}.photo-picker small{color:var(--muted);margin-top:2px}.profit-card{margin:18px 0 11px;border-radius:19px;padding:21px;background:linear-gradient(135deg,#1b3a36,#1b2c39);border:1px solid #30524c}.profit-label{font-size:11px;font-weight:800;color:#bde7d6;letter-spacing:1px}.profit-card strong{display:block;color:var(--green);font-size:42px;letter-spacing:-2px;margin:6px 0}.profit-meta{color:#b5d5c6;display:flex;gap:15px;font-size:13px;font-weight:650}.profit-bar{height:5px;margin-top:17px;background:#34524e;border-radius:8px;overflow:hidden}.profit-bar i{display:block;height:100%;border-radius:8px;width:0;transition:width .25s}.breakdown{display:flex;justify-content:space-between;padding:9px 4px 18px}.breakdown div{display:grid;gap:4px}.breakdown div:last-child{text-align:right}.breakdown span{color:var(--muted);font-size:12px}.breakdown b{font-size:14px}.primary-button,.secondary-button{width:100%;border:0;border-radius:14px;min-height:53px;background:var(--lime);color:#17201c;font-weight:850;font-size:15px;cursor:pointer}.secondary-button{background:#202b3e;color:#e6eaf2;border:1px solid #344156}.screen{display:none}.screen.active{display:block}.screen-heading{padding:23px 2px 18px;display:flex;justify-content:space-between;align-items:center}.screen-heading h1{margin:0}.icon-button{font-size:27px;line-height:24px;width:43px;height:43px}.summary-card{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:16px;margin-bottom:14px}.summary-card div{flex:1;display:grid;gap:6px}.summary-card div+div{border-left:1px solid var(--line);padding-left:17px}.summary-card span{color:var(--muted);font-size:11px}.summary-card strong{font-size:19px}.inventory-filters{display:flex;gap:8px;margin:15px 0}.filter{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:7px 12px;font-size:12px;font-weight:700}.filter.active{background:#293550;color:var(--lime);border-color:#3b4a65}.inventory-list,.recent-sales{display:grid;gap:10px}.inventory-item{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:15px;display:flex;align-items:center;gap:12px}.item-dot{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#293550;color:var(--lime);font-weight:800;flex:none;background-position:center;background-size:cover}.item-main{flex:1;min-width:0}.item-main h3{font-size:14px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main span{font-size:12px;color:var(--muted)}.item-profit{text-align:right}.item-profit b{display:block;font-size:14px;color:var(--green)}.item-profit button{padding:3px 0;border:0;background:transparent;color:#9ba7ba;font-size:11px}.item-actions{display:flex;gap:7px;margin-top:6px}.item-actions button{border:0;border-radius:6px;background:#2c3a50;color:#dfe6f3;padding:4px 7px;font-size:10px;font-weight:700}.item-actions button:last-child{background:#24463c;color:#9df0bf}.age-warning{color:#ffcb83!important}.empty-state{text-align:center;padding:72px 24px}.empty-state div{font-size:42px;color:var(--lime)}.empty-state h2{font-size:19px;margin:10px 0 6px}.empty-state p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 21px}.minimum-result{margin:18px 0;border:1px solid #39345b;background:linear-gradient(145deg,#282344,#1b2338);border-radius:19px;text-align:center;padding:26px 16px}.minimum-result span{font-size:11px;font-weight:800;color:#c9baff;letter-spacing:1px}.minimum-result strong{display:block;font-size:43px;letter-spacing:-2px;color:#ded2ff;margin:5px}.minimum-result p{margin:0;color:#abb1c3;font-size:13px}.wide{min-height:50px}.hero-stat{padding:20px;border-radius:18px;background:linear-gradient(135deg,#2d3a32,#1a2934);border:1px solid #415845}.hero-stat span{display:block;font-size:10px;letter-spacing:1px;font-weight:800;color:#b6d2ba}.hero-stat strong{display:block;font-size:35px;color:var(--green);letter-spacing:-1.5px;margin:5px 0}.hero-stat small{color:#b9c6ba}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 18px}.metric-grid div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px}.metric-grid span{display:block;color:var(--muted);font-size:11px}.metric-grid b{font-size:17px;margin-top:4px;display:block}.attention-panel{display:flex;justify-content:space-between;align-items:center;padding:13px;margin-bottom:20px;background:#372f25;border:1px solid #635139;border-radius:14px}.attention-panel>div{display:flex;gap:10px}.attention-panel b{font-size:13px}.attention-panel p{font-size:11px;color:#dfc89b;margin:2px 0}.attention-icon{color:#ffce7f;font-size:21px}.attention-panel button,.section-title button{border:0;background:transparent;color:var(--lime);font-size:12px;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}.section-title h2{font-size:17px;margin:0}.onboarding{position:fixed;z-index:10;inset:0;background:radial-gradient(circle at 80% 10%,#39486a,transparent 34%),#0c1220;display:none;padding:25px}.onboarding.show{display:grid;place-items:center}.onboarding-card{width:min(100%,400px)}.onboarding-mark{width:55px;height:55px;border-radius:18px;font-size:32px;margin-bottom:35px}.onboarding h1{font-size:38px;line-height:1.03;letter-spacing:-1.8px;margin:0 0 14px}.onboarding p:not(.eyebrow){color:#aeb9ca;line-height:1.5;margin-bottom:28px}.onboarding .field{margin-bottom:20px}.onboarding small{display:block;text-align:center;color:#8591a4;margin-top:15px;font-size:11px}.tabbar{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(var(--shell-w),100%);max-width:100vw;height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;background:rgba(12,18,32,.93);backdrop-filter:blur(18px);border-top:1px solid #253044}.tab{border:0;background:transparent;color:#8d98aa;font-size:9px;font-weight:700;display:grid;gap:2px;place-items:center;flex:1;min-width:0}.tab span{font-size:20px;line-height:20px}.tab i{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.active{color:var(--lime)}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);background:#eaf5ee;color:#12231a;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:700;opacity:0;transition:.25s;pointer-events:none;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}body.light{--ink:#1a2633;--muted:#667589;--surface:#fff;--line:#dce3ec;--lime:#6ca62d;--green:#237c55;background:#f3f5f0}body.light .app-shell{background:radial-gradient(circle at 84% 2%,#dbe7cf,transparent 27%),#f3f5f0}body.light .card{background:#fff}body.light .money-input,body.light .suffix-input,body.light .field>input,body.light .field select{background:#f8fafc;border-color:#dce3ec}body.light .tabbar{background:rgba(247,249,244,.94)}body.light .market-row select{background:transparent}body.light .onboarding{background:#f2f5ec}@media (min-width:600px){body{background:#070b14}.app-shell{box-shadow:0 0 60px rgba(0,0,0,.3)}}
body.light{--ink:#1a2633;--muted:#667589;--surface:#fff;--line:#dce3ec;--lime:#57951a;--green:#237c55;--danger:#c13c3c;background:#f3f5f0}body.light .app-shell{background:radial-gradient(circle at 84% 2%,#dbe7cf,transparent 27%),#f3f5f0}body.light .card,body.light .summary-card,body.light .inventory-item,body.light .metric-grid div{background:#fff;box-shadow:0 2px 8px rgba(35,51,69,.035)}body.light .money-input,body.light .suffix-input,body.light .field>input,body.light .field select{background:#f8fafc;border-color:#cfd9e5;color:#182534}body.light .currency-button,body.light .theme-button,body.light .icon-button{background:#fff;color:#263648;border-color:#cbd6e3}body.light .currency-button:hover,body.light .theme-button:hover,body.light .icon-button:hover{background:#edf3e8}body.light .market-row{border-color:#dce3ec}body.light .market-row select{background:transparent;color:#3f7d13}body.light .photo-picker{border-color:#b8c8d9;background:#fafcfe}body.light .photo-picker>span{background:#e7f1df;color:#3f7d13}body.light .profit-card{background:linear-gradient(135deg,#e4f5e6,#edf5f4);border-color:#b9dccc}body.light .profit-label,body.light .profit-meta{color:#3e6958}body.light .profit-bar{background:#c8e3d5}body.light .minimum-result{background:linear-gradient(145deg,#f0eaff,#f7f4fc);border-color:#d3c7ee}body.light .minimum-result span{color:#7057a9}body.light .minimum-result strong{color:#4d357c}body.light .minimum-result p{color:#687086}body.light .secondary-button{background:#fff;color:#263648;border-color:#cbd6e3}body.light .secondary-button:hover{background:#f3f7ed}body.light .filter{background:#fff;color:#58697d;border-color:#cbd6e3}body.light .filter.active{background:#e8f2df;color:#3d7413;border-color:#b8d29d}body.light .item-dot{background:#e8eff7;color:#3f7d13}body.light .item-actions button{background:#e8eef5;color:#34475c}body.light .item-actions button:last-child{background:#def2e5;color:#1d704b}body.light .hero-stat{background:linear-gradient(135deg,#e6f4df,#eef6f0);border-color:#c4dbbd}body.light .hero-stat span,body.light .hero-stat small{color:#47634b}body.light .attention-panel{background:#fff4df;border-color:#e8cf98}body.light .attention-panel p{color:#8b682d}body.light .tabbar{background:rgba(247,249,244,.94);border-color:#dce3ec}body.light .tab{color:#647489}body.light .tab.active{color:#4d8a17}body.light .onboarding{background:radial-gradient(circle at 80% 10%,#dcebd2,transparent 34%),#f2f5ec}body.light .onboarding h1{color:#1d2d20}body.light .onboarding p:not(.eyebrow){color:#5e6b61}body.light .onboarding-card .field>span{color:#3d4b40}@media (min-width:600px){body.light{background:#e8ece5}.app-shell{box-shadow:0 0 60px rgba(0,0,0,.3)}}
/* Language picker and translated navigation */
.language-button{border:1px solid var(--line);background:#172033;color:var(--ink);border-radius:10px;padding:8px 6px;font-weight:700;font-size:11px;outline:0;max-width:48px}.language-button option{background:#172033;color:#fff}.tab i{font-style:normal}body.light .language-button{background:#fff;color:#263648;border-color:#cbd6e3}body.light .language-button option{background:#fff;color:#263648}

/* Tablet/desktop sizing */
@media (min-width:600px){:root{--shell-w:560px}}
@media (min-width:768px){:root{--shell-w:640px}.field-row{gap:16px}}
@media (min-width:1024px){:root{--shell-w:720px}}

/* Site navigation and ad slots */
.back-link{display:inline-block;margin:14px 0 -4px;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none}
.app-footer{display:flex;gap:16px;margin:22px 2px 8px;font-size:11px}
.app-footer a{color:var(--muted);text-decoration:none;font-weight:700}
.ad-slot{border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase;background:var(--surface)}
.ad-slot-banner{min-height:90px;margin:14px 0}
.ad-rail{display:none;position:fixed;top:50%;transform:translateY(-50%);width:160px;height:600px;max-height:80vh;border:1px dashed var(--line);border-radius:14px;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase;background:var(--surface);z-index:1}
.ad-rail-left{left:24px}.ad-rail-right{right:24px}
@media (min-width:1200px){.ad-rail{display:grid}}
body.light .back-link,body.light .app-footer a{color:#647489}

/* Legal pages */
.legal-shell{width:100%;max-width:640px;margin:auto;padding:env(safe-area-inset-top) 20px 60px}
.legal-shell h1{font-size:26px;letter-spacing:-1px;margin:24px 0 6px}
.legal-shell h2{font-size:16px;margin:26px 0 8px;color:var(--ink)}
.legal-shell p,.legal-shell li{color:#c5cbd5;font-size:14px;line-height:1.6}
.legal-shell small{color:var(--muted)}
.legal-shell a{color:var(--lime)}
body.light .legal-shell p,body.light .legal-shell li{color:#33475e}

/* Backup settings menu */
.settings-wrap{position:relative}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;display:none;flex-direction:column;gap:2px;min-width:190px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:15}.settings-panel.show{display:flex}.settings-panel button,.settings-panel label{display:block;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:10px 11px;border-radius:9px;font-size:13px;font-weight:650;font-family:inherit;cursor:pointer}.settings-panel button:hover,.settings-panel label:hover{background:#26314a}.settings-panel input[type=file]{display:none}
body.light .settings-panel{background:#fff;box-shadow:0 12px 30px rgba(35,51,69,.14)}body.light .settings-panel button:hover,body.light .settings-panel label:hover{background:#f3f7ed}