:root{--blue:#356df3;--bg:#f5f7fb;--ink:#172237;--muted:#78849b;--line:#e4e9f2;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:var(--blue);color:white;min-height:44px;padding:12px 16px;font-weight:600;font-size:15px;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #aac2ff;outline-offset:2px}.working button{pointer-events:none;opacity:.65}.secondary{background:white;color:var(--blue);border:1px solid #b8ceff}.text,.back{background:transparent;color:var(--blue);padding:8px 0;min-height:40px}.danger{color:#d34c59}.full{width:100%;margin:8px 0 16px}.small{font-size:13px;padding:8px 12px;min-height:38px}.icon-button{background:white;color:var(--blue);width:42px;height:42px;padding:9px;border:1px solid var(--line);border-radius:50%}.lucide{width:23px;height:23px;vertical-align:middle;flex-shrink:0}h1{font-size:28px;letter-spacing:-.6px;margin:18px 0 8px;line-height:1.35}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0}p{font-size:14px;line-height:1.65;color:var(--muted)}small{font-size:12px;color:var(--muted);line-height:1.5}.muted,.subtitle{color:var(--muted)}.subtitle{font-size:15px;margin:0 0 20px}.center{text-align:center}.owner-header{max-width:640px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px}.owner-header strong{font-size:22px;color:var(--blue);letter-spacing:-.7px}.owner-header span{font-size:15px;color:var(--muted);margin-left:10px;border-left:1px solid #b3bac7;padding-left:10px}#owner{max-width:640px;margin:auto;padding:10px 20px calc(110px + env(safe-area-inset-bottom))}.date-line{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:16px}.date-line span{margin-left:auto;color:var(--muted);font-size:12px}.surface{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;margin:16px 0}.money-panel{border:1px solid #dce6fa;border-radius:14px;overflow:hidden;background:#edf3ff;padding:20px 20px 0;margin:18px 0}.money-panel>small{display:block;color:#6e7d97;font-size:15px}.money-panel>strong{font-size:39px;color:var(--blue);letter-spacing:-1.2px;display:block;margin:8px 0}.money-panel>span{font-size:12px;color:#7b88a0}.two-metrics{display:grid;grid-template-columns:1fr 1fr;margin:20px -20px 0;background:#fff;padding:18px 14px 4px;gap:14px}.two-metrics>div+div{border-left:1px solid var(--line);padding-left:14px}.two-metrics small{display:block;font-size:12px;white-space:nowrap}.two-metrics b{display:block;font-size:22px;margin:8px 0}.money-panel>p{background:white;text-align:center;margin:0 -20px;padding:6px 10px 15px;font-size:12px}.hero-action{display:flex;width:100%;align-items:center;padding:20px 18px;gap:14px;border-radius:12px;margin:12px 0 18px;text-align:left}.hero-action>.lucide{width:30px;height:30px}.hero-action span{flex:1}.hero-action b{font-size:20px;display:block}.hero-action small{color:#dce7ff;display:block;margin-top:5px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.section-heading h2{margin:0}.section-heading .text{font-size:13px}.trend{height:158px;display:flex;align-items:flex-end;justify-content:space-between;gap:5px;border-bottom:1px solid var(--line);padding:0 0 8px}.trend>div{flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:0}.trend span{display:block;width:65%;max-width:40px;background:#749cff;border-radius:5px 5px 0 0;min-height:2px}.trend small{font-size:9px;color:#6080b6;margin-bottom:4px}.trend label{font-size:9px;color:var(--muted);margin:7px 0 0}.alert-row{display:flex;gap:14px;align-items:center;width:100%;background:white;border:1px solid var(--line);text-align:left;color:var(--ink);padding:16px}.alert-row>.lucide:first-child{color:#e49b28}.alert-row span{flex:1}.alert-row small{display:block;font-weight:400;margin-top:5px}.owner-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);max-width:640px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.owner-nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:0;background:none;color:#808ba0;min-height:52px;font-size:12px;font-weight:500;padding:3px}.owner-nav .active{color:var(--blue);font-weight:700}.owner-nav b{position:absolute;top:-3px;left:55%;font-size:10px;line-height:17px;min-width:17px;border-radius:9px;background:#f05461;color:white;border:2px solid white;padding:0 3px}.owner-nav .lucide{width:25px;height:25px}.segments{display:flex;background:#edf1f8;border-radius:10px;overflow:hidden;margin:18px 0}.segments button{flex:1;color:#7c879b;background:transparent;border-radius:9px;padding:12px 6px;font-size:14px}.segments .selected{background:var(--blue);color:white}.chips{display:flex;gap:8px;overflow:auto;margin:16px 0}.chips button{background:#eaf0f8;color:#7b87a0;border-radius:22px;padding:9px 16px;min-height:36px;font-size:13px;white-space:nowrap}.chips .selected{color:var(--blue);background:#e0eaff}.list-row{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;background:none;color:var(--ink);border-radius:0;text-align:left;border-bottom:1px solid var(--line);font-weight:400}.list-row:last-child{border-bottom:0}.list-row>.lucide:first-child{width:28px;height:28px;color:#6c7c97}.list-row>.lucide:last-child{width:18px;color:#8795ac}.list-row span{flex:1;min-width:0}.list-row b{font-size:16px;display:block;overflow-wrap:anywhere}.list-row small{display:block;margin-top:6px}.list-row em,.pill{font-size:11px;font-style:normal;color:#3564b2;background:#eaf2ff;border-radius:6px;padding:3px 6px;display:inline-block;margin-top:7px}.notice{padding:13px 15px;background:#fff5e6;border-radius:9px;color:#946d35;font-size:12px}.inventory-total{background:#e8f0ff;border-radius:12px;padding:20px;margin:20px 0}.inventory-total>small{font-size:15px}.inventory-total strong{display:block;color:var(--blue);font-size:36px;margin:12px 0}.inventory-total p{margin:0;font-size:13px}.search-label{display:flex;align-items:center;background:#fff;border:1px solid var(--line);padding:0 14px;border-radius:10px;gap:8px}.search-label input{border:0;margin:0;padding-left:0}.search-label .lucide{color:#8090a7}.stock-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.stock-row:last-child{border-bottom:0}.stock-row>span:last-child{text-align:right}.stock-row b{display:block;font-size:15px}.stock-row small{display:block;margin-top:5px;font-size:11px}.surface.list-row{padding:18px}.action-pair{display:flex;gap:10px}.action-pair button{flex:1}.warning{color:#d1782d}label{display:block;color:#6e7a90;font-size:13px;margin:14px 0 8px}input,select,textarea{display:block;background:#fff;color:var(--ink);border:1px solid #dce3ee;border-radius:9px;width:100%;padding:12px;min-height:44px;margin-top:7px;font-size:16px;min-width:0}textarea{min-height:88px;resize:vertical}input:disabled{background:#f1f3f7}.period{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period button{grid-column:1/-1}.period label{min-width:0}.table-head,.data-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 90px;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.table-head{color:var(--muted)}.data-row:last-child{border:0}.data-row small{display:block}.data-row span:last-child{text-align:right}.empty{text-align:center;padding:25px 10px;color:#9aa7ba}.empty p{font-size:13px}.empty .lucide{width:32px;height:32px}.back{font-size:13px;display:flex;align-items:center}.owner-dialog{width:calc(100% - 28px);max-width:480px;max-height:calc(100dvh - 35px);overflow:auto;border:0;border-radius:16px;padding:20px;color:var(--ink);background:var(--bg)}.owner-dialog::backdrop{background:#14243d70}.dialog-title{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:var(--bg);padding:10px 0;z-index:2}.dialog-title h2{margin:0}.owner-dialog img{width:100%;height:auto;margin-top:16px}.owner-dialog .surface{padding:14px}.recipe-line,.document-line,.opening-line{border-bottom:1px solid var(--line);padding:16px 0}.recipe-line:last-child,.document-line:last-child{border:0}.count-line{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 0}.count-line span{flex:1;font-size:15px;color:var(--ink)}.count-line small{display:block}.count-line input{width:130px}.check{display:flex;align-items:center;gap:7px;font-size:12px}.check input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--blue)}.review-top{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.quantity-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:8px}.quantity-grid input{padding:10px 7px}details{margin-top:12px;color:var(--muted);font-size:12px}details summary{cursor:pointer;min-height:36px;padding-top:8px}.receipt-item h3{font-size:18px}.receipt-dock,.sticky-actions{position:sticky;bottom:72px;background:white;border:1px solid var(--line);box-shadow:0 -5px 18px #23355308;border-radius:12px;padding:14px;margin:20px -4px 0;z-index:10}.sticky-actions{display:flex;gap:10px}.sticky-actions button{flex:1}.total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--muted)}.total strong{font-size:24px;color:var(--blue)}.dock-extra{display:flex;justify-content:space-between;align-items:center;gap:8px}.dock-extra .check{font-size:11px}.dock-extra .text{font-size:12px}#owner-toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#20314d;color:white;max-width:90%;padding:13px 18px;border-radius:10px;z-index:10000;font-size:14px;box-shadow:0 6px 25px #14233b20;pointer-events:none}.login-panel{margin-top:50px}button.full+.surface{margin-top:0}button.text .lucide{width:17px}button[hidden]{display:none}@media(max-width:360px){#owner{padding-left:14px;padding-right:14px}.owner-header{padding-left:14px;padding-right:14px}.two-metrics b{font-size:19px}.two-metrics{gap:8px}.list-row{gap:10px}.data-row,.table-head{grid-template-columns:minmax(0,1fr) 44px 76px}.quantity-grid{gap:5px}.receipt-dock{padding:10px}.action-pair button{font-size:13px;padding:12px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.trend-chart{height:156px;position:relative}

/* Match the approved compact mobile hierarchy. */
.owner-header{padding-top:12px;padding-bottom:0}#owner{padding-top:12px}.date-line{margin:4px 0 22px}h1{font-size:27px;margin:0 0 7px}.subtitle{margin-bottom:14px}.money-panel{position:relative;padding-top:17px;margin:14px 0}.money-panel>small,.money-panel>strong,.money-panel>span{margin-left:67px}.money-panel>strong{font-size:33px;margin-top:7px;margin-bottom:5px}.income-symbol{position:absolute;left:15px;top:24px;background:#d9e5ff;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.income-symbol .lucide{width:29px;height:29px}.two-metrics{margin-top:17px;padding-top:14px}.two-metrics b{font-size:21px;margin:7px 0}.money-panel>p{padding:4px 10px 13px}.hero-action{padding:16px;margin:12px 0}.hero-action b{font-size:19px}.surface{padding:15px;margin:13px 0}.section-heading{margin-bottom:4px}.trend-chart{height:142px}.alert-row{padding:13px}.review-list .list-row{padding:21px 0}@media(max-width:360px){.money-panel>strong{font-size:28px}.money-panel>small,.money-panel>strong,.money-panel>span{margin-left:55px}.income-symbol{width:44px;height:44px;left:12px}.two-metrics b{font-size:18px}}

.date-line{margin-bottom:16px}.money-panel{padding-top:13px}.two-metrics{margin-top:12px;padding-top:10px}.two-metrics b{margin:5px 0}.money-panel>p{padding-bottom:9px}.trend-chart{height:108px}.section-heading .text{min-height:32px;padding:4px 0}.money-panel>strong{font-size:32px}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

.trend-chart{height:98px}