:root{--bg:#f1eadf;--panel:#fffaf4d6;--line:#443a2a1a;--ink:#1d261f;--muted:#667267;--muted-strong:#435046;--accent:#3f6b55;--danger-bg:#f0d0c7;--danger-ink:#6c2f23;--shadow-soft:0 16px 50px #221b1214, 0 2px 12px #221b120d;--font-display:"Avenir Next", "SF Pro Display", "Trebuchet MS", sans-serif;--font-body:"IBM Plex Sans", "SF Pro Text", "Segoe UI", sans-serif;--text-label:11px;--text-caption:13px;--text-body:14px;--title-card:18px;--title-section:20px;--value-card:24px;font-family:var(--font-body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffeed699,#0000 32%),linear-gradient(#f8f1e8,#efe5d7 45%,#f1eadf);font-weight:400;line-height:1.45}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--ink);font-size:var(--text-body);margin:0}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000040,#0000 75%);mask-image:linear-gradient(#00000040,#0000 75%)}a{color:inherit}button,input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em}h1{font-size:clamp(34px,8vw,56px);line-height:.98}h2{font-size:clamp(24px,5vw,34px);line-height:1.02}h3{font-size:var(--title-card);line-height:1.08}#root{min-height:100svh}.app-shell{flex-direction:column;min-height:100svh;display:flex}.hero-panel{border-bottom:1px solid var(--line);color:#f6f0e4;background:radial-gradient(circle at 100% 0,#bc8a483d,#0000 34%),linear-gradient(135deg,#214035f5,#121c27f5);gap:20px;padding:28px 20px 22px;display:grid}.hero-copy{gap:12px;min-width:0;display:grid}.eyebrow,.section-kicker,.muted-label{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-label);font-weight:600}.hero-text,.hero-hint,.section-caption,.metric-card p,.field span,.lot-footer,.settings-card p,.history-card p{color:var(--muted)}.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8ef1a;border:1px solid #ffe8c829;border-radius:24px;gap:12px;min-width:0;padding:18px;display:grid}.hero-submetric{font-size:var(--text-caption);color:#f6f0e4b8;line-height:1.2}.status-pill{min-height:30px;font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-self:start;align-items:center;max-width:100%;padding:7px 12px;font-weight:700;display:inline-flex}.status-positive{color:#d7f6df;background:#b1e3bc29}.status-negative{background:var(--danger-bg);color:var(--danger-ink);border-color:#6c2f231f}.content-shell{box-sizing:border-box;gap:16px;width:min(100%,1040px);min-width:0;margin:0 auto;padding:18px 16px 108px;display:grid}.tab-layout,.stack-grid{gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px;min-width:0;padding:18px}.loading-panel,.empty-panel{text-align:center;padding-block:28px}.section-header,.form-headline,.lot-header,.lot-footer,.history-meta,.rate-panel-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.section-header>div,.form-headline>*,.lot-header>div,.rate-panel-header>div,.history-card,.settings-card,.danger-card{min-width:0}.section-header h2,.form-headline h3,.history-card h3,.settings-card h3,.lot-card h3,.highlight-grid h3{font-size:var(--title-section);margin:0;line-height:1.05}.rate-panel,.form-panel,.sale-form{gap:18px;display:grid}.rate-panel-grid,.metrics-grid,.lot-metrics,.form-grid,.highlight-grid{gap:12px;min-width:0;display:grid}.rate-panel-grid,.highlight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metrics-grid,.lot-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card,.rate-box{gap:8px;min-width:0;display:grid}.metric-card strong,.rate-box strong,.highlight-grid p,.lot-metrics strong{font-family:var(--font-display);font-size:var(--value-card);color:var(--ink);overflow-wrap:anywhere;word-break:break-word;line-height:1.05}.money-stack{gap:3px;min-width:0;display:inline-grid}.money-secondary,.inline-kzt{font-family:var(--font-body);font-size:var(--text-caption);color:var(--muted);line-height:1.25}.metric-card span,.rate-box span,.lot-metrics span{font-size:var(--text-label);color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em;font-weight:600;line-height:1.25}.rate-box small,.metric-card p,.hero-text,.hero-hint,.section-caption,.field span,.lot-footer,.settings-card p,.history-card p{font-size:var(--text-caption);overflow-wrap:anywhere;line-height:1.35}.hero-text,.hero-hint{color:#f6f0e4b8}.hero-card .money-stack{gap:6px}.hero-card .hero-metric{font-family:var(--font-display);overflow-wrap:anywhere;word-break:break-word;font-size:clamp(30px,8vw,48px);line-height:.96}.rate-form,.field{gap:8px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-wide{grid-column:1/-1}.text-input{border:1px solid var(--line);box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:#ffffffb8;border-radius:16px;padding:14px 16px;font-size:16px}.text-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button,.secondary-button,.danger-button,.nav-button{font:inherit;cursor:pointer;border:none}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:16px;padding:14px 18px;transition:transform .18s,background .18s,color .18s}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.nav-button:hover{transform:translateY(-1px)}.primary-button{color:#f7f2e7;background:linear-gradient(135deg,#214035,#40624d)}.secondary-button{color:var(--ink);background:#21403514}.danger-button{color:#7e2213;background:#85312224}.notice{border:1px solid #0000;border-radius:18px;padding:14px 16px}.notice-success{background:#97d0aa2e;border-color:#78b68d5c}.notice-warning{background:#ffdead42;border-color:#ca9c4d59}.notice-error{background:#ffd1c63d;border-color:#b561495c}.history-card,.settings-card,.danger-card{gap:12px;min-width:0;display:grid}.history-card h3,.settings-card h3,.lot-card h3,.highlight-grid h3,.form-headline h3{font-size:var(--title-card)}.settings-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.file-input{display:none}.history-meta{color:var(--muted);font-size:var(--text-caption);align-items:center}.history-type{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-weight:700}.history-type-lot{background:#2140351a}.history-type-trade{background:#bc8a4829}.history-type-rate{background:#42659a1f}.bottom-nav{inset-inline:0;width:min(100%,1040px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(#f1eadf00,#f1eadfeb 32%);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 auto;display:grid;position:fixed;bottom:0}.nav-button{color:var(--muted-strong);box-shadow:var(--shadow-soft);background:#fefbf5db;border:1px solid #41372714;border-radius:18px;gap:4px;min-width:0;padding:12px;display:grid}.nav-button span{font-size:12px;line-height:1.1}.nav-button small{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.1}.nav-button-active{color:#fff6ea;background:linear-gradient(135deg,#214035,#3f6650)}.nav-button-active small{color:#fff6eabd}.lot-card,.metric-card,.history-card{overflow:hidden}.lot-metrics>div{background:#ffffff80;border-radius:18px;align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.lot-footer p,.section-caption,.hero-text,.hero-hint{max-width:56ch}.metric-card,.rate-box,.history-card,.settings-card,.lot-card,.highlight-grid>article{align-content:start}.metric-card,.rate-box{gap:10px}.section-caption,.form-headline p,.lot-footer p,.history-card p,.settings-card p{color:var(--muted)}.highlight-grid>article{gap:8px;min-width:0;display:grid}.lot-header{align-items:flex-start}.lot-header .status-pill{flex-shrink:0;margin-top:2px}.lot-footer{gap:14px}@media (width<=560px){.hero-panel{gap:16px;padding:22px 16px 18px}.hero-copy{gap:8px}.hero-text,.hero-hint,.section-caption,.form-headline p{font-size:var(--text-caption)}.panel{border-radius:22px;padding:14px}.section-header,.form-headline,.lot-header,.lot-footer,.rate-panel-header{flex-direction:column;align-items:stretch}.section-header h2{font-size:30px;line-height:.98}.rate-panel-grid,.highlight-grid,.metrics-grid,.lot-metrics,.form-grid{grid-template-columns:1fr}.metric-card strong,.rate-box strong,.highlight-grid p,.lot-metrics strong{font-size:22px}.lot-header .status-pill{align-self:flex-start;margin-top:0}.primary-button,.secondary-button,.danger-button{white-space:normal;width:100%}.bottom-nav{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.nav-button{border-radius:16px;padding:10px 8px}.nav-button span{font-size:var(--text-caption)}.nav-button small{display:none}}@media (width>=720px){.hero-panel{border-bottom-right-radius:30px;border-bottom-left-radius:30px;grid-template-columns:1.3fr .9fr;align-items:end;padding:40px 28px 30px}.content-shell{padding-inline:24px}}