:root{font-family:Segoe UI,Arial,sans-serif;color:var(--tg-text, #14213d);--tg-bg: #f4efe6;--tg-surface: #fffdf9;--tg-text: #14213d;--tg-hint: #6b7280;--tg-accent: #0f766e;--tg-accent-text: #ffffff;--app-bg: #f4efe6;--app-ink: #14213d;--app-muted: #5f6b7a;--app-line: rgba(20, 33, 61, .08);--app-card: rgba(255, 253, 249, .92);--app-card-strong: #fffaf2;--app-accent: #0f766e;--app-accent-strong: #115e59;--app-accent-soft: rgba(15, 118, 110, .1);--app-gold: #c28b2c;--app-gold-soft: rgba(194, 139, 44, .14);--app-danger: #b42318;--app-danger-soft: rgba(180, 35, 24, .08);--app-success: #15803d;--app-success-soft: rgba(21, 128, 61, .1);--app-shadow: 0 18px 50px rgba(58, 44, 26, .09);background:radial-gradient(circle at top left,rgba(194,139,44,.16),transparent 22%),radial-gradient(circle at top right,rgba(15,118,110,.12),transparent 28%),linear-gradient(180deg,#f8f3ea,#f4efe6 48%,#efe7d8)}*{box-sizing:border-box}html{height:100%;min-height:100%;background:var(--app-bg);overflow:hidden;overscroll-behavior-y:contain}body{margin:0;min-width:320px;height:100%;min-height:100vh;color:var(--app-ink);background:transparent;overflow:hidden;overscroll-behavior-y:contain}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at bottom right,rgba(15,118,110,.08),transparent 26%)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}#root{height:100%;min-height:100vh;position:relative;z-index:1;overflow:hidden}.mobile-shell{height:100%;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.mobile-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 16px 14px;margin:10px 10px 0;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:linear-gradient(135deg,#161f38f5,#115e59ed),linear-gradient(180deg,rgba(255,255,255,.08),transparent);box-shadow:0 18px 44px #14213d33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-brand-block,.seller-chip{display:grid;gap:4px}.brand-kicker,.page-eyebrow,.mobile-header small,.mobile-header span{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#ffffffb8}.mobile-brand-block strong,.seller-chip strong{color:#fffefc;line-height:1.15}.mobile-brand-block strong{font-size:1.08rem}.seller-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:11px;background:#ffffff24;font-size:.95rem}.seller-chip-copy{min-width:0;display:grid;gap:2px}.seller-chip-copy small{letter-spacing:.08em;font-size:.62rem;line-height:1;color:#ffffffad}.seller-chip strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.15}.menu-toggle,.drawer-close{border:0;cursor:pointer;font:inherit}.menu-toggle{flex-shrink:0;width:46px;height:46px;display:grid;align-content:center;gap:5px;padding:0 12px;border-radius:16px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff1f}.menu-toggle span{display:block;height:2px;border-radius:999px;background:#ffffffeb;transition:transform .18s ease,opacity .18s ease}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-content{width:min(100%,760px);margin:0 auto;padding:18px 14px 28px;height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#14213d57;opacity:0;pointer-events:none;transition:opacity .18s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;z-index:40;width:min(100vw,430px);height:100vh;display:grid;grid-template-rows:auto 1fr;padding:18px 16px 22px;background:radial-gradient(circle at top right,rgba(194,139,44,.14),transparent 20%),linear-gradient(180deg,#fffdf9fa,#f4efe6fa);box-shadow:-20px 0 48px #14213d2e;transform:translate(102%);transition:transform .22s ease}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 2px 14px}.mobile-drawer-head-copy{min-width:0}.mobile-drawer-head strong{display:block;margin-top:5px;color:var(--app-ink);font-size:1.25rem;line-height:1.08}.drawer-close{width:42px;height:42px;border-radius:14px;color:var(--app-ink);background:#14213d0f;font-size:1.7rem;line-height:1}.mobile-drawer-body{overflow-y:auto;display:grid;gap:18px;padding-right:2px}.drawer-profile-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:radial-gradient(circle at top right,rgba(194,139,44,.14),transparent 24%),linear-gradient(180deg,#ffffffe0,#faf5ede6);border:1px solid rgba(20,33,61,.07);box-shadow:var(--app-shadow)}.drawer-profile-card .seller-chip-icon{width:38px;height:38px;border-radius:14px;font-size:1rem}.drawer-profile-card .seller-chip-copy{gap:3px}.drawer-profile-card .seller-chip-copy span{color:var(--app-muted);font-size:.8rem;line-height:1.25}.drawer-section{display:grid;gap:10px}.drawer-section h3{margin:0;color:var(--app-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.drawer-links{display:grid;gap:10px}.drawer-links a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--app-ink);background:#ffffffc2;border:1px solid rgba(20,33,61,.07);box-shadow:inset 0 1px #ffffffb8}.drawer-links a.active{color:#fffefc;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong));box-shadow:0 12px 28px #0f766e2e}.drawer-links a span:last-child{font-size:.94rem;font-weight:800;line-height:1.2}.drawer-link-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#14213d0f;flex-shrink:0}.drawer-links a.active .drawer-link-icon{background:#ffffff29}.status-page{min-height:100vh;display:grid;place-content:center;gap:14px;padding:24px 18px;text-align:center}.status-page h1{margin:0;font-size:1.9rem;line-height:1.05}.status-page p{margin:0;color:var(--app-muted);line-height:1.5}.primary-button,.mini-button{border:0;font:inherit;font-weight:700;cursor:pointer}.primary-button{width:100%;padding:16px 20px;border-radius:18px;color:var(--tg-accent-text, #fff);background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong));box-shadow:0 16px 34px #0f766e33}.primary-button.large{padding:18px 22px;font-size:1rem}.primary-button:disabled,.mini-button:disabled{opacity:.6;cursor:default}.page-stack{display:grid;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.page-header-copy{display:grid;gap:5px}.page-header h1{margin:0;font-size:1.82rem;line-height:1.05;letter-spacing:-.03em}.page-header p{margin:0;max-width:34ch;color:var(--app-muted);line-height:1.45}.page-header-action{flex-shrink:0}.page-eyebrow{color:var(--app-accent)}.back-link,.ghost-link,.section-head a{color:var(--app-accent-strong);text-decoration:none;font-weight:700}.mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:14px;background:#ffffffb3;color:var(--app-ink);box-shadow:inset 0 0 0 1px #14213d14}.stats-grid,.quick-grid,.field-grid{display:grid;gap:12px}.stats-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card,.stat-card,.section-card,.form-card,.subform-card,.receipt-card,.note-card,.empty-state{position:relative;overflow:hidden;background:var(--app-card);border:1px solid rgba(255,255,255,.54);border-radius:24px;box-shadow:var(--app-shadow)}.quick-card:before,.stat-card:before,.section-card:before,.form-card:before,.subform-card:before,.receipt-card:before,.note-card:before,.empty-state:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,#ffffffd1,#fff0)}.quick-card{display:grid;gap:8px;padding:18px 16px;color:var(--app-ink);text-decoration:none;background:radial-gradient(circle at top right,rgba(15,118,110,.1),transparent 32%),linear-gradient(180deg,#ffffffe6,#fff9f0eb)}.quick-card span{font-weight:800;line-height:1.2}.quick-card small{color:var(--app-muted);font-size:.76rem}.stat-card{padding:16px;display:grid;gap:10px;background:linear-gradient(180deg,#fffffff0,#fffaf2f0)}.stat-card:nth-child(3n+1){border-color:#0f766e29}.stat-card:nth-child(3n+2){border-color:#c28b2c2e}.stat-card:nth-child(3n+3){border-color:#14213d14}.stat-label,.note-card span,.field span,.detail-row span,.summary-row span{color:var(--app-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:1.16rem;line-height:1.1;letter-spacing:-.03em}.stat-card small{color:#8c96a4}.section-card,.receipt-card,.form-card{padding:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:1rem}.list-stack{display:grid;gap:10px}.list-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#faf5ede0);border:1px solid rgba(20,33,61,.06)}.list-card-link{align-items:stretch}.inline-actions{display:grid;gap:10px;justify-items:end}.list-card h3,.empty-state h3{margin:0 0 5px;font-size:.98rem;line-height:1.2}.list-card p,.empty-state p,.list-card small,.note-card strong{margin:0;color:var(--app-muted);line-height:1.45}.list-card strong,.detail-row strong,.summary-row strong{font-size:1rem;line-height:1.2}.form-card,.subform-card{display:grid;gap:14px}.subform-card{padding:16px}.field{display:grid;gap:8px}.field input,.field textarea,.field select,.filter-bar input,.filter-bar select{width:100%;border:1px solid rgba(20,33,61,.1);border-radius:18px;padding:15px 14px;font:inherit;font-size:16px;color:var(--app-ink);background:#ffffffd1;box-shadow:inset 0 1px #ffffffb3}.field select,.filter-bar select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,rgba(20,33,61,.5) 50%),linear-gradient(135deg,rgba(20,33,61,.5) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 2px),calc(100% - 16px) calc(50% - 2px);background-size:7px 7px,7px 7px;background-repeat:no-repeat}.field input:focus,.field textarea:focus,.field select:focus,.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:#0f766e61;box-shadow:0 0 0 4px #0f766e1c}.field textarea{resize:vertical;min-height:108px}.toggle-row,.detail-row,.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-row,.summary-row{padding:10px 0;border-bottom:1px dashed rgba(20,33,61,.09)}.detail-row:last-child,.summary-row:last-child{border-bottom:0}.detail-row-top{align-items:flex-start}.toggle-switch-row{padding:2px 0}.toggle-switch{position:relative;display:inline-flex;width:54px;height:32px;flex-shrink:0}.toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0}.toggle-switch-ui{position:relative;width:100%;height:100%;border-radius:999px;background:#14213d1f;box-shadow:inset 0 0 0 1px #14213d14;transition:background .18s ease}.toggle-switch-ui:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #14213d29;transition:transform .18s ease}.toggle-switch input:checked+.toggle-switch-ui{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong))}.toggle-switch input:checked+.toggle-switch-ui:after{transform:translate(22px)}.toggle-switch input:focus-visible+.toggle-switch-ui{outline:0;box-shadow:inset 0 0 0 1px #14213d14,0 0 0 4px #0f766e1c}.summary-panel,.note-card{display:grid;gap:10px}.summary-panel{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffffc7,#f7f1e7e0);border:1px solid rgba(20,33,61,.06)}.summary-panel.accent{background:radial-gradient(circle at top right,rgba(194,139,44,.16),transparent 28%),linear-gradient(135deg,#0f766e1c,#ffffffe6);border-color:#0f766e2e}.note-card{padding:16px;background:radial-gradient(circle at top right,rgba(194,139,44,.14),transparent 24%),linear-gradient(180deg,#ffffffdb,#faf5ede0)}.error-text,.success-text{margin:0;padding:12px 14px;border-radius:16px;font-weight:700}.error-text{color:var(--app-danger);background:var(--app-danger-soft)}.success-text{color:var(--app-success);background:var(--app-success-soft)}.danger-text{border:0;background:transparent;color:var(--app-danger);padding:0;text-align:left;font:inherit;font-weight:700}.warning-banner,.stock-chip{border-radius:18px;padding:12px 14px;font-size:.9rem;font-weight:700}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-button{border:0;padding:10px 14px;border-radius:999px;background:#14213d0f;color:var(--app-ink);font:inherit;font-size:.9rem;font-weight:700}.pill-button.active{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong));color:#fff}.warning-banner{background:#c28b2c24;color:#7a5316;border:1px solid rgba(194,139,44,.22)}.stock-chip{background:#14213d0d;color:#475569}.stock-chip.warning{background:#b4231814;color:#9a3412;border:1px solid rgba(180,35,24,.14)}.filter-bar{display:grid;gap:10px}.empty-state{padding:24px 18px;text-align:center}.sale-form-card,.sale-line-card{display:grid;gap:14px}.sale-form-card{padding:20px 18px}.payment-type-card{padding:18px 16px}.sale-line-card{padding:18px 16px;border-radius:22px;background:linear-gradient(180deg,#ffffffeb,#fcf6edeb);border:1px solid rgba(20,33,61,.07)}.sale-line-card .summary-row{padding:12px 2px 10px}.sale-line-card .danger-text{margin-top:2px}.success-hero{padding:24px 18px;border-radius:28px;text-align:center;color:#fffefc;background:radial-gradient(circle at top left,rgba(194,139,44,.28),transparent 24%),linear-gradient(135deg,#163255,#115e59);box-shadow:0 20px 46px #14213d33}.success-hero h2{margin:10px 0 8px;font-size:1.9rem;letter-spacing:-.04em}.success-hero p{margin:0;color:#ffffffc7;line-height:1.5}.success-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#ffffff24;color:#fffefc;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chart-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:180px}.chart-bar{display:grid;gap:8px;align-items:end}.chart-bar-fill{min-height:12px;border-radius:20px 20px 8px 8px;background:linear-gradient(180deg,#d6a44c,#0f766e);box-shadow:inset 0 1px #ffffff4d}.chart-bar small{text-align:center;color:var(--app-muted)}.skeleton-block{border-radius:24px;background:linear-gradient(90deg,#ffffff94,#fffbf5fa,#ffffff94);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 768px){.mobile-content{padding-left:18px;padding-right:18px}.stats-grid,.quick-grid,.field-grid,.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}