:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f6f7f9;color:#1a1d21;--paper: #ffffff;--surface-2: #f1f3f5;--ink: #1a1d21;--line: #e4e7ec;--muted: #667085;--green: #15803d;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--orange: #b45309;--orange-soft: #fef3c7;--blue: #2563eb;--blue-soft: #dbeafe;--brand: #2563eb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 6px 18px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(980px,100%);margin:0 auto;padding:16px 14px 100px}.app-topbar{display:flex;align-items:center;gap:10px;margin:4px 0 16px}.app-topbar h1{flex:1;min-width:0;margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.02em}.topbar-back,.topbar-refresh{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;width:min(560px,100%);margin:0 auto;display:flex;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -2px 12px #1018280d}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;background:transparent;color:var(--muted)}.bottom-nav__icon{display:inline-flex;align-items:center;justify-content:center}.bottom-nav__label{font-size:.66rem;font-weight:700}.bottom-nav__tab.is-active,.bottom-nav__tab--primary{color:var(--brand)}.bottom-nav__tab--primary .bottom-nav__icon{width:40px;height:40px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:var(--shadow-md)}.app-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title actions";align-items:start;gap:12px;margin:6px 0 18px}.app-header--detail{grid-template-columns:auto 1fr;grid-template-areas:"back actions" "title title";align-items:center;gap:12px 10px}.app-header--catalog{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.app-title{grid-area:title;min-width:0}.app-header--catalog .app-title{display:grid;gap:7px;text-align:left}.app-header--detail .app-title{text-align:left}.app-header h1{margin:2px 0 0;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.app-header--catalog h1{margin:0;color:#111827;font-family:Avenir Next,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:1}.app-header--catalog .eyebrow{color:#6b7280;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.app-header time{color:var(--muted);font-size:.72rem;text-align:right;white-space:nowrap}.header-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-end;justify-content:end;gap:6px;min-width:max-content}.header-meta{display:grid;justify-items:end;gap:2px}.header-meta span{color:#166534;font-size:.7rem;font-weight:900;white-space:nowrap}.header-buttons{display:flex;align-items:center;gap:6px}.logout-button,.settings-button{min-height:32px;border:1px solid rgba(29,27,24,.16);border-radius:8px;padding:0 10px;color:var(--ink);background:#ffffffd6;font-size:.78rem;font-weight:800}.settings-button{display:inline-flex;align-items:center;gap:5px}.back-button{grid-area:back;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(23,23,23,.14);border-radius:999px;padding:0 12px;color:var(--ink);background:#ffffffe6;font-size:.82rem;font-weight:900;box-shadow:none}.app-header--catalog .back-button{width:fit-content;margin-bottom:3px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%);display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.login-card h1{margin:4px 0 0;font-size:1.65rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.login-card label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.login-card input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffffd1}.eyebrow{display:inline-block;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bento-grid{display:grid;grid-template-columns:1fr;gap:16px}.bento-card{min-height:16rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bento-card--clickable{cursor:pointer}.bento-card--clickable:hover{border-color:#1d1b183d;box-shadow:0 8px 26px #1d1b180f;transform:translateY(-2px)}.bento-card--clickable:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.bento-card--ink{color:#f5f6f7;background:#1a1d21;border-color:#2f343a}.bento-card--signal{background:#fef6e7;border-color:#f4d9a8}.bento-card--success{background:#effaf2;border-color:#bbe3cc}.bento-card--ink .eyebrow,.bento-card--ink .metric-line span,.bento-card--ink .text-action{color:#c8cdd4}.bento-card--signal .eyebrow{color:#9a3412}.bento-card--success .eyebrow,.bento-card--success .arrival-note{color:#166534}.card-topline{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-topline h2,.detail-panel h2{margin:4px 0 0;font-size:1.08rem;line-height:1.1;letter-spacing:0}.icon-tile{width:auto;height:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;opacity:.72}.card-body{min-height:0;display:flex;flex:1;flex-direction:column;justify-content:center;gap:14px}.hero-number{font-size:clamp(2rem,9vw,2.9rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metrics-stack{display:grid;gap:4px}.metric-line{min-height:36px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(116,111,100,.22)}.metric-line span,.alert-badge span{color:var(--muted);font-size:.82rem}.metric-line strong,.alert-badge strong{font-size:1rem}.metric-line small{grid-column:1 / -1;color:var(--muted)}.text-action{width:fit-content;border:0;padding:0;color:currentColor;background:transparent;font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}.stock-pair{display:flex;align-items:baseline;gap:8px}.stock-pair strong{font-size:clamp(3.3rem,14vw,4.8rem);line-height:1}.stock-pair span{color:var(--muted)}.alert-stack{display:flex;flex-direction:column;gap:10px}.alert-badge{min-height:38px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:9px 14px;border:1px solid transparent;border-radius:999px;font-weight:800}.alert-badge span{color:currentColor;font-size:.84rem;white-space:nowrap}.alert-badge--red{color:var(--red);background:var(--red-soft);border-color:#c9323233}.alert-badge--orange{color:var(--orange);background:var(--orange-soft);border-color:#b4631938}.arrival-cta{width:100%;min-height:112px;display:flex;align-items:center;gap:12px;border:0;border-radius:0;color:#0f6b55;background:transparent;padding:0;text-align:left;font-size:1.05rem;font-weight:900;pointer-events:none}.arrival-cta span{max-width:12rem}.arrival-note{color:#3f7f66;font-size:.86rem;font-weight:800}.arrival-form{display:grid;grid-template-columns:64px 1fr;gap:10px}.arrival-form--expanded{grid-template-columns:1fr 1fr}.mode-switch,.full-field,.camera-button--wide,.form-hint{grid-column:1 / -1}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #bdd6c9;border-radius:8px;background:#ffffff94}.mode-switch button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.78rem;font-weight:800}.mode-switch button.is-active{color:#fff;background:var(--green)}.camera-button{grid-row:span 2;width:64px;height:64px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #9ac5ae;border-radius:8px;color:var(--green);background:var(--green-soft)}.camera-button--wide{width:100%;height:118px}.camera-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arrival-form label{display:grid;gap:4px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.arrival-form input,.arrival-form select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #bdd6c9;border-radius:8px;color:var(--ink);background:#ffffffc7}.submit-button{grid-column:1 / -1;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#fff;background:var(--green);font-weight:800}.submit-button:disabled{opacity:.6}.demo-button{min-height:42px;border:1px solid rgba(23,23,19,.22);border-radius:8px;color:var(--ink);background:#fffdf7eb;font-weight:800}.form-message{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.82rem}.form-message--success{color:var(--green)}.form-message--error,.form-hint{color:var(--red)}.form-hint{margin:0;font-size:.78rem}.detail-panel{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.arrival-panel{display:grid;gap:16px}.sellers-panel{display:grid;gap:18px}.seller-form{display:grid;gap:10px}.seller-form label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.seller-form input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.seller-list{display:grid}.seller-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #f3f4f6}.seller-row div{min-width:0;display:grid;gap:4px}.seller-row strong{color:#111827;overflow-wrap:anywhere}.seller-row span{color:#6b7280;font-size:.84rem}.seller-status{min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:999px;padding:0 11px;font-size:.78rem;font-weight:900}.seller-status--active{color:#166534;background:#dcfce7}.seller-status--inactive{color:#991b1b;background:#fee2e2}.catalog-panel{padding:0 18px;overflow:hidden;background:#fff}.catalog-panel__header{padding:20px 0 14px;border-bottom:1px solid #f3f4f6}.catalog-panel__header h2{margin:0;color:#111827;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.94rem;font-weight:900;letter-spacing:0}.catalog-list{display:grid}.catalog-item{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6}.catalog-item:last-child{border-bottom:0}.catalog-item__lead{display:flex;align-items:center;gap:12px;min-width:0}.catalog-item__thumb{width:46px;height:46px;flex:0 0 auto;border-radius:9px;object-fit:cover;border:1px solid var(--line);background:#f3f4f6}.catalog-item__thumb--empty{display:flex;align-items:center;justify-content:center;color:#9ca3af}.catalog-item__identity{min-width:0;display:grid;gap:5px}.catalog-item__identity strong{color:#111827;font-size:1rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.catalog-item__identity span{color:#6b7280;font-size:.86rem;font-weight:800}.catalog-item__metrics{flex:0 0 auto;display:grid;justify-items:end;gap:5px}.stock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:900;white-space:nowrap}.stock-pill--normal{color:#111827;background:#f3f4f6}.stock-pill--low{color:#c2410c;background:#ffedd5}.stock-pill--empty{color:#b91c1c;background:#fee2e2}.catalog-item__metrics em{color:#6b7280;font-size:.86rem;font-style:normal;text-align:right}.compact-list{display:grid;gap:8px;margin-top:14px}.compact-list article{min-height:50px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;border-top:1px solid rgba(116,111,100,.2)}.compact-list span,.compact-list em{color:var(--muted);font-size:.78rem;font-style:normal}.compact-list strong{overflow-wrap:anywhere}.review-list{display:grid;gap:12px;margin-top:14px}.review-card{display:grid;gap:12px;padding:12px;border:1px solid rgba(180,99,25,.2);border-radius:8px;background:#fffaf0}.review-card__head{display:flex;justify-content:space-between;gap:12px}.review-card p{margin:0;line-height:1.4}.review-card audio{width:100%}.review-card dl{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.review-card dt{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.review-card dd{margin:2px 0 0}.review-card label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.review-card input,.review-card select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #edc98e;border-radius:8px;color:var(--ink);background:#ffffffdb}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;color:#fff;background:var(--green);font-weight:800}.review-actions button.danger{background:var(--red)}.review-actions button:disabled{opacity:.55}.loading-grid{display:grid;gap:10px}.skeleton-card{height:180px;padding:16px;border-radius:8px;background:var(--paper);border:1px solid var(--line)}.skeleton-card span,.skeleton-card strong,.skeleton-card em{display:block;height:14px;margin-bottom:14px;border-radius:8px;background:linear-gradient(90deg,#ede7d7,#faf8ef,#ede7d7);background-size:220% 100%;animation:shimmer 1.4s infinite}.skeleton-card strong{width:70%;height:42px}.skeleton-card em{width:48%}.error-state{display:grid;gap:12px;margin-bottom:12px;padding:14px;border:1px solid rgba(201,50,50,.26);border-radius:8px;color:var(--red);background:var(--red-soft)}.error-state p{margin:0}.error-state button{width:fit-content;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:9px 12px;color:#fff;background:var(--red);font-weight:800}.floating-refresh{position:fixed;right:14px;bottom:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(23,23,19,.16);border-radius:8px;color:var(--ink);background:#fffdf7f0;box-shadow:var(--shadow)}@keyframes shimmer{to{background-position:-220% 0}}@media(min-width:720px){.app-shell{padding:30px 22px 54px}.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions";align-items:end;gap:16px}.app-header--detail{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title actions";align-items:center}.app-header--detail .app-title{text-align:center}.app-header--catalog{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.app-header--catalog .app-title{text-align:left}.header-actions{flex-direction:row;align-items:center;gap:10px}.header-meta{justify-items:end}.app-header time{font-size:.78rem}.seller-form{grid-template-columns:1fr 1fr}.seller-form .submit-button{grid-column:span 2}.bento-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bento-card{height:19rem;min-height:19rem;aspect-ratio:auto}.bento-card--wide{grid-column:span 1}}@media(min-width:1040px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card--wide{grid-column:span 1}}.announcement-bar{margin:0 0 14px;padding:12px 14px;border:1px solid #f2d49d;border-radius:12px;background:#fff8ec;display:grid;gap:8px}.announcement-bar__title{display:flex;align-items:center;gap:6px;color:#9a3412;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.announcement-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:#ffffffb8}.announcement-item__body{min-width:0}.announcement-item__message{color:#1d1b18;font-size:.9rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.announcement-item__meta{margin-top:2px;color:#92745a;font-size:.72rem;font-weight:700}.announcement-item__remove{flex:0 0 auto;display:flex;padding:2px;border:0;background:transparent;color:#b46319}.announcement-item__remove:disabled{opacity:.4}.announcement-form{display:flex;gap:8px}.announcement-form input{flex:1;min-width:0;min-height:38px;padding:8px 11px;border:1px solid #f2d49d;border-radius:9px;background:#fff;color:var(--ink)}.announcement-form button{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:9px;background:#b46319;color:#fff;font-size:.82rem;font-weight:800}.announcement-form button:disabled{opacity:.5}.sale-lines{display:grid;gap:10px}.sale-line{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff9}.sale-line__row{display:flex;gap:8px;align-items:flex-end}.sale-line__row label{flex:1;min-width:0}.sale-line__remove{flex:0 0 auto;height:42px;width:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--red)}.sale-line__remove:disabled{opacity:.3}.sale-line__hint{color:var(--orange);font-size:.72rem;font-weight:700}.sale-add-line{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px dashed rgba(29,27,24,.3);border-radius:9px;background:transparent;color:var(--ink);font-size:.84rem;font-weight:800}.arrival-form textarea{width:100%;min-height:60px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;color:var(--ink);font:inherit;resize:vertical}.profile-screen{display:grid;gap:14px}.profile-identity{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.profile-avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--brand);color:#fff;font-size:1rem;font-weight:800}.profile-identity h2{margin:0;font-size:1.15rem;font-weight:700}.profile-role{color:var(--muted);font-size:.82rem;font-weight:600}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.profile-stat__label{color:var(--muted);font-size:.72rem;font-weight:700}.profile-stat__value{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.profile-stat__sub{color:var(--muted);font-size:.74rem}.profile-block{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.profile-block h3{margin:0 0 2px;font-size:.95rem;font-weight:700}.profile-empty{margin:0;color:var(--muted);font-size:.85rem}.profile-sales{display:grid;gap:6px}.profile-sale{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.profile-sale div{display:grid}.profile-sale strong{font-size:.86rem;font-weight:700}.profile-sale span{color:var(--muted);font-size:.72rem}.profile-sale em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.profile-link{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:.88rem;font-weight:700}.profile-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--red);border-radius:var(--radius);background:var(--red-soft);color:var(--red);font-size:.9rem;font-weight:700}.sale-form{display:grid;gap:14px}.sale-form>label{display:grid;gap:5px;font-size:.8rem;font-weight:700;color:var(--muted)}.sale-form input,.sale-form select,.sale-form textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}.sale-form textarea{min-height:58px;resize:vertical}.sale-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted)}.sale-search input{flex:1;min-width:0;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit}.sale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px;max-height:322px;overflow-y:auto;padding:2px}.sale-grid__empty{grid-column:1 / -1;margin:0;padding:16px;text-align:center;color:var(--muted);font-size:.85rem}.sale-product{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}.sale-product.is-in-cart{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.sale-product__thumb{width:100%;height:82px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2)}.sale-product__thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--muted)}.sale-product__name{font-size:.82rem;font-weight:700;line-height:1.25;color:var(--ink)}.sale-product__price{font-size:.8rem;font-weight:700;color:var(--brand)}.sale-product__badge{position:absolute;top:6px;right:6px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:.74rem;font-weight:800}.cart{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.cart h3{margin:0;font-size:.9rem;font-weight:700}.cart__empty{margin:0;color:var(--muted);font-size:.84rem}.cart-line{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.cart-line__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-line__head strong{font-size:.88rem;font-weight:700}.cart-line__remove{flex:0 0 auto;display:inline-flex;padding:2px;border:0;background:transparent;color:var(--red)}.cart-line__controls{display:flex;align-items:flex-end;gap:10px}.qty-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--paper)}.qty-stepper button{width:38px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:var(--paper);color:var(--ink)}.qty-stepper span{min-width:34px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.cart-line__price{flex:1;display:grid;gap:4px;font-size:.72rem;font-weight:700;color:var(--muted)}.sale-receipt{display:grid;gap:10px;justify-items:center;padding:22px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow);text-align:center}.sale-receipt__check{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:var(--green-soft);color:var(--green)}.sale-receipt h2{margin:0;font-size:1.2rem;font-weight:700}.sale-receipt__ref{margin:0;color:var(--muted);font-size:.8rem;font-weight:700}.sale-receipt__lines{width:100%;display:grid;gap:4px;margin-top:4px}.sale-receipt__line{display:flex;justify-content:space-between;gap:10px;font-size:.86rem}.sale-receipt__line em{font-style:normal;font-weight:700}.sale-receipt__total{width:100%;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line);font-size:1rem}.sale-receipt__total strong{font-weight:700;font-variant-numeric:tabular-nums}.sale-receipt__status{margin:0;color:var(--muted);font-size:.82rem;font-weight:600}.sale-receipt__share,.sale-receipt__new{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:var(--radius);font-size:.9rem;font-weight:700}.sale-receipt__share{border:0;background:#25d366;color:#fff}.sale-receipt__new{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.catalog-search{margin-bottom:12px}.catalog-empty{margin:0 0 8px;padding:14px;text-align:center;color:var(--muted);font-size:.85rem}.tx-list{display:grid;gap:8px}.tx-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}.tx-row__main{flex:1;min-width:0;display:grid;gap:2px}.tx-row__main strong{font-size:.9rem;font-weight:700}.tx-row__main span{color:var(--muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-row__side{flex:0 0 auto;display:grid;justify-items:end;gap:3px}.tx-row__side em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.tx-row__chevron{flex:0 0 auto;color:var(--muted)}.tx-badge{padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800}.tx-badge--ok{background:var(--green-soft);color:var(--green)}.tx-badge--warn{background:var(--orange-soft);color:var(--orange)}.tx-badge--danger{background:var(--red-soft);color:var(--red)}.tx-detail{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.tx-detail__back{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:700}.tx-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tx-detail__head h2{margin:0;font-size:1.1rem;font-weight:700}.tx-detail__date{color:var(--muted);font-size:.78rem}.tx-detail__lines{display:grid;gap:6px}.tx-detail__line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.tx-detail__line div{display:grid;gap:1px}.tx-detail__line strong{font-size:.86rem;font-weight:700}.tx-detail__line span{color:var(--muted);font-size:.74rem}.tx-detail__line em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.tx-detail__meta{margin:0;font-size:.85rem}.tx-detail__meta span{display:inline-block;min-width:56px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.tx-detail__totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--line)}.tx-detail__totals div{display:grid;gap:2px}.tx-detail__totals span{color:var(--muted);font-size:.72rem;font-weight:700}.tx-detail__totals strong{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.tx-cancel-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--red);border-radius:var(--radius);background:var(--red-soft);color:var(--red);font-size:.88rem;font-weight:700}.tx-cancel-box{display:grid;gap:8px;padding:12px;border:1px solid var(--red);border-radius:var(--radius);background:var(--red-soft)}.tx-cancel-box p{margin:0;font-size:.85rem;font-weight:600;color:var(--ink)}.tx-cancel-box input{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}.tx-cancel-box__actions{display:flex;gap:8px}.tx-cancel-confirm{flex:1;min-height:42px;border:0;border-radius:var(--radius-sm);background:var(--red);color:#fff;font-size:.86rem;font-weight:700}.tx-cancel-back{flex:1;min-height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:.86rem;font-weight:700}.tx-filters{margin-bottom:12px}.tx-collect-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green-soft);color:var(--green);font-size:.88rem;font-weight:700}.tx-collect-box{display:grid;gap:8px;padding:12px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green-soft)}.tx-collect-box p{margin:0;font-size:.85rem;font-weight:600;color:var(--ink)}.tx-collect-box input,.tx-collect-box select{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}.tx-collect-box__actions{display:flex;gap:8px}.tx-collect-confirm{flex:1;min-height:42px;border:0;border-radius:var(--radius-sm);background:var(--green);color:#fff;font-size:.86rem;font-weight:700}.report-screen{display:grid;gap:14px}.report-title{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.report-periods{margin-bottom:0}.report-list{display:grid;gap:6px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.report-row div{display:grid;gap:1px;min-width:0}.report-row strong{font-size:.86rem;font-weight:700}.report-row span{color:var(--muted);font-size:.72rem}.report-row em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.report-export{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--brand);border-radius:var(--radius);background:var(--blue-soft);color:var(--brand);font-size:.88rem;font-weight:700}.report-row--profit{background:var(--green-soft);border-left:3px solid var(--green)}.report-row--profit em{color:var(--green)}.expense-screen{display:grid;gap:14px}.expense-form{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.expense-form label{display:grid;gap:4px;color:var(--muted);font-size:.78rem;font-weight:700}.expense-form input{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}.expense-form__row{display:flex;gap:8px}.expense-form__row label{flex:1;min-width:0}.expense-list{display:grid;gap:6px}.expense-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.expense-row div{flex:1;min-width:0;display:grid;gap:1px}.expense-row strong{font-size:.88rem;font-weight:700}.expense-row span{color:var(--muted);font-size:.72rem}.expense-row em{flex:0 0 auto;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.expense-row__remove{flex:0 0 auto;display:inline-flex;padding:4px;border:0;background:transparent;color:var(--red)}.cash-screen{display:grid;gap:14px}.cash-open{display:grid;gap:12px;padding:14px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green-soft)}.cash-open__head{display:flex;align-items:center;gap:8px;color:var(--green);font-size:.84rem;font-weight:700}.cash-open__head span{margin-left:auto;color:var(--muted);font-size:.74rem;font-weight:600}.cash-expected{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);background:var(--paper)}.cash-expected span{color:var(--muted);font-size:.82rem;font-weight:600}.cash-expected strong{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.cash-history{display:grid;gap:6px}.cash-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.cash-row div{display:grid;gap:1px;min-width:0}.cash-row strong{font-size:.86rem;font-weight:700}.cash-row span{color:var(--muted);font-size:.72rem}.catalog-item--clickable{width:100%;border:0;border-bottom:1px solid #f3f4f6;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.product-detail{display:grid;gap:14px}.product-detail__head{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.product-detail__head img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2)}.product-detail__placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted)}.product-detail__head h2{margin:0;font-size:1.1rem;font-weight:700}.product-detail__head span{color:var(--muted);font-size:.8rem}.product-detail__head em{display:inline-block;margin-top:4px;font-style:normal;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.threshold-form{display:flex;gap:8px}.threshold-form input{flex:1;min-width:0;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}.threshold-form .submit-button{flex:0 0 auto}.movement-list{display:grid;gap:6px}.movement-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.movement-row div{display:grid;gap:1px;min-width:0}.movement-row strong{font-size:.84rem;font-weight:700;text-transform:capitalize}.movement-row span{color:var(--muted);font-size:.72rem}.movement-row em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:var(--green)}.movement-row__negative{color:var(--red)}.product-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.product-photo{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-2)}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#dc2626eb;color:#fff;cursor:pointer}.variant-picker{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0f172a8c;z-index:50}.variant-picker__card{width:100%;max-width:520px;padding:16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--paper);box-shadow:var(--shadow-md);display:grid;gap:12px}.variant-picker__card h4{margin:0;font-size:.95rem;font-weight:700}.variant-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.variant-pick-chip{display:grid;gap:4px;padding:10px;border:1px solid var(--brand);border-radius:var(--radius);background:var(--blue-soft);color:var(--brand);text-align:left;cursor:pointer;font:inherit}.variant-pick-chip strong{font-size:.88rem;font-weight:700;color:var(--ink)}.variant-pick-chip span{font-weight:700;font-variant-numeric:tabular-nums}.topbar-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.topbar-bell:hover{background:var(--surface-2)}.topbar-bell__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--red);color:#fff;font-size:.66rem;font-weight:800;line-height:1}.notif-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:60px 12px 12px;background:#0f172a73;z-index:60}.notif-panel{width:100%;max-width:480px;display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-md);max-height:calc(100vh - 96px);overflow-y:auto}.notif-header{display:flex;align-items:center;justify-content:space-between}.notif-header h3{margin:0;font-size:1rem;font-weight:700}.notif-close{display:inline-flex;padding:4px;border:0;background:transparent;color:var(--muted);cursor:pointer}.notif-permission{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--blue-soft);color:var(--brand);font-size:.82rem;font-weight:700;cursor:pointer}.notif-permission--blocked{border-color:var(--line);background:var(--surface-2);color:var(--muted);cursor:default}.notif-empty{margin:0;padding:16px;text-align:center;color:var(--muted);font-size:.85rem}.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.notif-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.notif-item--critical{background:var(--red-soft)}.notif-item--warning{background:var(--orange-soft)}.notif-item__icon{flex:0 0 auto;display:inline-flex;color:var(--ink)}.notif-item__msg{flex:1;min-width:0;font-size:.82rem;line-height:1.3}.notif-item__cta{flex:0 0 auto;padding:4px 10px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:.76rem;font-weight:700;cursor:pointer}@media(max-width:380px){.tx-detail__totals{grid-template-columns:1fr 1fr;row-gap:12px}.tx-detail__totals div:nth-child(3){grid-column:span 2}.expense-form__row{flex-direction:column}.cart-line__controls{flex-wrap:wrap}.cart-line__price{flex-basis:100%}.sale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-topbar h1{font-size:1.2rem}.bento-card{aspect-ratio:1.4}}@media(min-width:720px){.app-shell{background:var(--paper);border-radius:var(--radius-lg);margin-top:24px;box-shadow:var(--shadow)}.app-topbar h1{font-size:1.6rem}.topbar-back,.topbar-refresh,.topbar-bell{height:42px;width:42px}.variant-picker{align-items:center;padding:24px}.variant-picker__card{max-width:520px;border-radius:var(--radius-lg)}.notif-overlay{padding-top:80px}.notif-panel{max-width:440px}.expense-form,.threshold-form{max-width:560px}.catalog-item--clickable{padding:14px 4px}}@media(min-width:1120px){.app-shell{width:min(1040px,100%)}.sale-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:420px}.catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.catalog-item--clickable{border-bottom:0;border:1px solid var(--line);border-radius:var(--radius)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes message-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:no-preference){button,.catalog-item--clickable,.tx-row,.sale-product,.profile-link,.bento-card,.bottom-nav__tab{transition:transform .12s ease,background-color .16s ease,color .16s ease,box-shadow .2s ease,border-color .16s ease}button:not(:disabled):active,.catalog-item--clickable:active,.tx-row:active,.sale-product:active,.profile-link:active{transform:scale(.97)}.bottom-nav__tab.is-active .bottom-nav__icon{animation:pop-in .22s cubic-bezier(.34,1.56,.64,1)}.topbar-bell__badge{animation:badge-pulse 2.4s ease-in-out infinite}.notif-overlay,.variant-picker{animation:overlay-fade .18s ease both}.notif-panel{animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}.variant-picker__card{animation:drawer-up .24s cubic-bezier(.16,1,.3,1) both}@media(min-width:720px){.variant-picker__card{animation:modal-in .24s cubic-bezier(.16,1,.3,1) both}.bento-card:hover,.sale-product:hover,.catalog-item--clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}}.form-message{animation:message-in .22s ease both}.sale-receipt__check{animation:pop-in .32s cubic-bezier(.34,1.56,.64,1) both}.qty-stepper button:active{transform:scale(.88)}}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pulse-strong{0%,to{transform:scale(1);box-shadow:0 0 #dc26268c}50%{transform:scale(1.18);box-shadow:0 0 0 6px #dc262600}}@media(prefers-reduced-motion:no-preference){.bento-grid,.detail-panel,.tx-detail,.product-detail,.report-screen,.expense-screen,.cash-screen,.profile-screen,.sale-form,.sale-receipt{animation:view-in .26s cubic-bezier(.16,1,.3,1) both}.topbar-bell__badge{animation:badge-pulse-strong 1.8s ease-in-out infinite}}.product-margin{display:block;margin-top:4px;font-size:.78rem;font-weight:700}.product-margin--positive{color:var(--green)}.product-margin--negative{color:var(--red)}.product-margin--muted{color:var(--muted);font-weight:500;font-style:italic}.catalog-margin{font-size:.7rem;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}.login-logo{width:64px;height:64px;border-radius:18px;background:var(--surface-2);align-self:center;margin-bottom:4px}.password-field{position:relative;display:block}.password-field input{padding-right:40px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{background:var(--surface-2);color:var(--ink)}.report-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sale-search{padding:2px 14px}.sale-search input{min-height:46px;padding-left:4px}.product-photo--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--brand);background:var(--blue-soft);color:var(--brand);cursor:pointer;font-size:.72rem;font-weight:700}.product-photo--add:disabled{opacity:.6;cursor:progress}
