:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf5ee;--paper-raised:#fff;--paper-sunken:#f1e9dc;--ink:#241d17;--ink-soft:#5b5148;--ink-faint:#948a7d;--line:#e7dcc9;--line-strong:#d8c9ac;--rust:#b8502f;--rust-dark:#963f22;--rust-tint:#f6e2d8;--teal:#1f4a48;--teal-dark:#143331;--teal-tint:#e1ebe9;--gold:#b6903f;--gold-tint:#f3e9d2;--ok:#2f7a4f;--ok-tint:#dcefe2;--warn:#b6903f;--warn-tint:#f3e9d2;--danger:#b23b3b;--danger-tint:#f6dede;--info:#2f5f8a;--info-tint:#dfe9f3;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #241d170f, 0 1px 1px #241d170a;--shadow-md:0 8px 24px #241d171a, 0 2px 6px #241d170f;--shadow-lg:0 20px 48px #241d1729, 0 4px 12px #241d1714;--font-display:"Fraunces", "Georgia", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-h:64px;--top-h:56px;--max-desktop:1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::selection{background:var(--rust-tint);color:var(--rust-dark)}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--rust);color:#fff8f2;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--rust-dark)}.btn-dark{background:var(--ink);color:var(--paper)}.btn-outline{color:var(--ink);border:1.5px solid var(--line-strong);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--rust);color:var(--rust-dark)}.btn-ghost{background:var(--paper-sunken);color:var(--ink-soft)}.btn-sm{padding:9px 16px;font-size:13.5px}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-pill);padding:12px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chip{border-radius:var(--radius-pill);letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-teal{background:var(--teal-tint);color:var(--teal-dark)}.chip-rust{background:var(--rust-tint);color:var(--rust-dark)}.chip-gold{background:var(--gold-tint);color:#7c5f22}.chip-ok{background:var(--ok-tint);color:#205c3a}.chip-info{background:var(--info-tint);color:#1f4467}.chip-outline{border-color:var(--line-strong);color:var(--ink-soft);background:0 0}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--paper-raised);border-radius:var(--radius-sm);color:var(--ink);outline:none;width:100%;padding:13px 14px;font-size:15.5px;transition:border-color .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--rust)}.field textarea{resize:vertical;min-height:72px}.page-scroll{min-height:100vh;padding-bottom:calc(var(--nav-h) + 24px)}.container{max-width:var(--max-desktop);margin:0 auto;padding:0 20px}.hairline{background:var(--line);border:none;height:1px;margin:0}.skeleton{background:linear-gradient(90deg, var(--paper-sunken) 25%, #ece1cd 37%, var(--paper-sunken) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#241d1773;animation:.15s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.toast{left:50%;bottom:calc(var(--nav-h) + 18px);background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:80;align-items:center;gap:10px;max-width:calc(100vw - 40px);padding:13px 20px;font-size:14px;font-weight:500;animation:.2s toastIn;display:flex;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}@media (width>=860px){.toast{bottom:28px}}.mobile-shell{background:var(--paper);max-width:560px;min-height:100vh;margin:0 auto;position:relative}@media (width>=720px){.mobile-shell{box-shadow:0 0 0 1px var(--line), var(--shadow-lg);border-radius:28px;min-height:calc(100vh - 40px);margin-top:20px;margin-bottom:20px;overflow:hidden}}.section{margin-bottom:26px;padding:0 20px}.section__head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section__title{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:15px;font-weight:700}.section__link{color:var(--rust-dark);font-size:13px;font-weight:700}.stack{flex-direction:column;gap:12px;display:flex}.hscroll{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.landing{background:radial-gradient(circle at 20% 15%, #3a2f24 0%, var(--ink) 55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.landing__glow{background:radial-gradient(circle,#b8502f40,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.landing__content{text-align:center;width:100%;max-width:460px;color:var(--paper);position:relative}.landing__mark{background:var(--rust);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.landing__content h1{color:#fff;font-size:42px}.landing__tag{color:#cbbfae;margin-top:8px;margin-bottom:36px;font-size:14.5px}.landing__cards{flex-direction:column;gap:14px;display:flex}.landing__card{border-radius:var(--radius-lg);text-align:left;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:14px;padding:18px;transition:background .15s,transform .15s;display:flex}.landing__card:hover{background:#ffffff1a;transform:translateY(-2px)}.landing__card-icon{color:#f0b596;background:#b8502f40;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.landing__card-icon--teal{color:#9fd2cc;background:#1f4a4866}.landing__card-title{font-size:15.5px;font-weight:700}.landing__card-sub{color:#cbbfae;margin-top:2px;font-size:12.5px}.landing__note{color:#8a8073;margin-top:28px;font-size:11.5px}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper-raised);border-top:1px solid var(--line);z-index:30;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #241d170f}.bottom-nav__item{color:var(--ink-faint);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.bottom-nav__item.is-active{color:var(--rust)}.bottom-nav__fab{background:var(--rust);color:#fff8f2;border:4px solid var(--paper);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-30px;display:flex;box-shadow:0 10px 22px #b8502f66}@media (width>=720px){.bottom-nav{display:none}}.qcard{align-items:center;gap:14px;padding:14px;display:flex}.qcard__photos{flex-shrink:0;width:56px;height:56px;position:relative}.qcard__photos img{object-fit:cover;border:2px solid var(--paper-raised);width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:12px;position:absolute}.qcard__photos img:first-child{top:0;left:0}.qcard__photos img:nth-child(2){top:6px;left:12px}.qcard__photos img:nth-child(3){top:12px;left:24px}.qcard__more{background:var(--ink);color:var(--paper);z-index:4;border-radius:8px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;bottom:-2px;right:-2px}.qcard__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.qcard__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qcard__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.qcard__meta{color:var(--ink-faint);font-size:12.5px}.qcard__amount{font-weight:700;font-family:var(--font-display);color:var(--rust-dark)}.qcard__time{color:var(--ink-faint);font-size:11.5px}.empty-state{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state__icon{background:var(--paper-sunken);width:56px;height:56px;color:var(--ink-faint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.empty-state h3{font-size:17px}.empty-state p{color:var(--ink-faint);max-width:280px;font-size:13.5px}.home-hero{background:linear-gradient(160deg, var(--ink) 0%, #322920 100%);color:var(--paper);padding:calc(20px + env(safe-area-inset-top)) 20px 40px;border-radius:0 0 28px 28px}.home-hero__top{justify-content:space-between;align-items:center;display:flex}.home-hero__eyebrow{color:#cbbfae;font-size:13px;font-weight:600}.home-hero__name{color:#fff;margin-top:2px;font-size:28px}.home-hero__avatar{background:var(--rust);width:44px;height:44px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.home-hero__stats{align-items:center;gap:20px;margin-top:24px;display:flex}.home-hero__stat-value{font-family:var(--font-display);font-size:21px;font-weight:600}.home-hero__stat-label{color:#cbbfae;margin-top:2px;font-size:12px}.home-hero__divider{background:#ffffff26;width:1px;height:30px}.cta-card{background:var(--paper-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:14px;padding:18px;display:flex}.cta-card__icon{background:var(--rust-tint);width:46px;height:46px;color:var(--rust-dark);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cta-card__title{font-size:15.5px;font-weight:700;display:block}.cta-card__sub{color:var(--ink-faint);margin-top:2px;font-size:12.5px;display:block}.draft-row{color:var(--ink);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.draft-row__name{font-size:14.5px;font-weight:700}.draft-row__meta{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.top-bar{z-index:20;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));background:var(--paper);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.top-bar__left{align-items:center;gap:10px;min-width:0;display:flex}.top-bar__back{border:1px solid var(--line);background:var(--paper-raised);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-bar__title{text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.2;overflow:hidden}.top-bar__subtitle{color:var(--ink-faint);margin-top:2px;font-size:13px}.top-bar__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.cart-item{gap:12px;padding:12px;display:flex}.cart-item__photo{object-fit:cover;border-radius:12px;flex-shrink:0;width:68px;height:68px}.cart-item__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.cart-item__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cart-item__remove{color:var(--ink-faint);background:0 0;border:none;padding:4px}.cart-item__tag{color:var(--ink);font-size:13px;font-weight:600}.cart-item__price{color:var(--ink-faint);font-size:12.5px}.cart-item__subtotal{color:var(--rust-dark);font-size:14px;font-weight:700}.cart-item__brand{color:var(--ink-faint);align-items:center;gap:4px;font-size:10.5px;display:flex}.cart-footer{background:var(--paper-raised);border-top:1px solid var(--line);padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 20px #241d170f}.cart-footer__total{font-family:var(--font-display);font-size:20px;font-weight:600}.cart-footer__meta{color:var(--ink-faint);font-size:12px}.capture{align-items:center;gap:14px;display:flex}.capture__box{border-radius:var(--radius-md);border:1.5px dashed var(--line-strong);background:var(--paper-sunken);width:84px;height:84px;color:var(--ink-faint);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.capture__preview{object-fit:cover;width:100%;height:100%}.capture__retake{color:#fff;background:#241d17b8;justify-content:center;align-items:center;gap:3px;padding:3px 0;font-size:9.5px;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.capture__meta{min-width:0}.capture__label{font-size:14.5px;font-weight:700}.capture__hint{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.sheet{z-index:50;background:var(--paper-raised);box-shadow:var(--shadow-lg);max-height:82vh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) sheetUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet__grabber{background:var(--line-strong);border-radius:3px;width:40px;height:4px;margin:10px auto 0}.sheet__head{justify-content:space-between;align-items:flex-start;padding:14px 20px 6px;display:flex}.sheet__title{font-size:19px}.sheet__subtitle{color:var(--ink-faint);margin-top:3px;font-size:13px}.sheet__close{background:var(--paper-sunken);width:32px;height:32px;color:var(--ink-soft);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet__body{padding:12px 20px 24px;overflow-y:auto}@media (width>=720px){.sheet{border-radius:22px;width:480px;max-height:80vh;bottom:50%;left:50%;right:auto;transform:translate(-50%,50%)}@keyframes sheetUp{0%{opacity:0;transform:translate(-50%,calc(50% + 16px))}}}.lock-note{background:var(--teal-tint);color:var(--teal-dark);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:14px;padding:10px 13px;font-size:12.5px;font-weight:600;display:flex}.cat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat-tile{border:1.5px solid var(--line);background:var(--paper-sunken);border-radius:var(--radius-md);text-align:left;color:var(--ink);padding:16px 12px;font-size:14px;font-weight:700;transition:border-color .12s,background .12s;position:relative}.cat-tile:active{transform:scale(.98)}.cat-tile--suggested{border-color:var(--rust);background:var(--rust-tint);color:var(--rust-dark)}.cat-tile__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--rust);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.capture-step-count{color:var(--ink-faint);font-size:12.5px;font-weight:700}.wizard-progress{gap:6px;padding:0 20px;display:flex}.wizard-progress__seg{background:var(--line);border-radius:2px;flex:1;height:4px}.wizard-progress__seg.is-active{background:var(--rust)}.wizard-heading{font-size:21px}.wizard-sub{color:var(--ink-faint);margin-top:-6px;font-size:13.5px}.capture-hero{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usage-chips{flex-wrap:wrap;gap:8px;display:flex}.qr-viewfinder{aspect-ratio:1;border-radius:var(--radius-lg);color:#ffffff59;background:linear-gradient(160deg,#2a2320,#1a1512);justify-content:center;align-items:center;width:100%;max-width:280px;margin:4px auto;display:flex;position:relative;overflow:hidden}.qr-viewfinder.is-scanning{color:#fff9}.qr-viewfinder__scanline{background:var(--rust);height:2px;box-shadow:0 0 12px 2px var(--rust);animation:1.1s ease-in-out infinite scan;position:absolute;left:8%;right:8%}@keyframes scan{0%{top:12%}50%{top:85%}to{top:12%}}.qr-viewfinder__corner{opacity:.8;border-color:#fff;width:28px;height:28px;position:absolute}.qr-viewfinder__corner--tl{border-top:3px solid;border-left:3px solid;border-radius:6px 0 0;top:14px;left:14px}.qr-viewfinder__corner--tr{border-top:3px solid;border-right:3px solid;border-radius:0 6px 0 0;top:14px;right:14px}.qr-viewfinder__corner--bl{border-bottom:3px solid;border-left:3px solid;border-radius:0 0 0 6px;bottom:14px;left:14px}.qr-viewfinder__corner--br{border-bottom:3px solid;border-right:3px solid;border-radius:0 0 6px;bottom:14px;right:14px}.wizard-footer{margin-top:8px}.q-search{border:1.5px solid var(--line);background:var(--paper-raised);border-radius:var(--radius-pill);outline:none;width:100%;padding:12px 18px;font-size:14.5px}.q-search:focus{border-color:var(--rust)}.stepper{flex-direction:column;margin:0;padding:4px 4px 4px 6px;list-style:none;display:flex}.stepper__step{align-items:center;gap:14px;min-height:46px;display:flex;position:relative}.stepper__line{background:var(--line-strong);width:2px;height:100%;position:absolute;top:-50%;left:12.5px}.stepper__step:first-child .stepper__line{display:none}.stepper__step--done .stepper__line{background:var(--ok)}.stepper__dot{z-index:1;background:var(--paper-raised);border:2px solid var(--line-strong);width:26px;height:26px;color:var(--ink-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stepper__step--done .stepper__dot{background:var(--ok);border-color:var(--ok);color:#fff}.stepper__step--current .stepper__dot{background:var(--rust);border-color:var(--rust);color:#fff;box-shadow:0 0 0 5px var(--rust-tint)}.stepper__label{color:var(--ink-faint);font-size:14.5px;font-weight:600}.stepper__step--done .stepper__label{color:var(--ink-soft)}.stepper__step--current .stepper__label{color:var(--ink)}.stepper--compact{flex-direction:row;align-items:center;gap:0;padding:0}.stepper--compact .stepper__step{flex-direction:column;flex:1;gap:6px;min-height:auto}.stepper--compact .stepper__line{width:100%;height:2px;top:12.5px;left:-50%}.stepper--compact .stepper__label{text-align:center;font-size:10px;line-height:1.25}.qsd-summary{justify-content:space-between;align-items:center;padding:16px;display:flex}.qsd-summary__amount{font-family:var(--font-display);font-size:22px;font-weight:600}.qsd-summary__meta{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.wa-status{background:var(--info-tint);color:#1f4467;border-radius:var(--radius-sm);align-items:center;gap:9px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.wa-status--read{background:var(--ok-tint);color:#205c3a}.received-photo{align-items:center;gap:12px;padding:10px;display:flex}.received-photo img{object-fit:cover;border-radius:12px;width:56px;height:56px}.dispatched-banner{background:var(--ok-tint);color:#205c3a;border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex}.dispatched-banner__title{font-weight:700}.dispatched-banner__sub{opacity:.85;font-size:12.5px}.payment-gate{background:var(--paper-sunken);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.payment-gate__title{font-size:13.5px;font-weight:700}.payment-gate__sub{color:var(--ink-faint);margin-top:2px;font-size:11.5px}.payment-gate input{width:20px;height:20px;accent-color:var(--rust);flex-shrink:0}.timeline{padding:6px 16px}.timeline__row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;font-size:13px;display:flex}.timeline__row:last-child{border-bottom:none}.timeline__dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:7px;height:7px}.timeline__label{color:var(--ink-soft);flex:1;font-weight:600}.timeline__time{color:var(--ink-faint);font-size:11.5px}.desktop-shell{min-height:100vh;display:flex}.desktop-side{background:var(--ink);width:220px;color:var(--paper);flex-direction:column;flex-shrink:0;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.desktop-side__brand{font-family:var(--font-display);align-items:center;gap:10px;padding:0 8px 26px;font-size:19px;font-weight:600;display:flex}.desktop-side__mark{background:var(--rust);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.desktop-side__nav{flex-direction:column;gap:4px;display:flex}.desktop-side__link{border-radius:var(--radius-sm);color:#cbbfae;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.desktop-side__link.is-active{color:#fff;background:#ffffff14}.desktop-side__footer{color:#9c9182;margin-top:auto;padding:0 8px;font-size:12px}.desktop-side__footer strong{color:#ecdfc7;margin-top:3px;font-size:13px;display:block}.desktop-main{background:var(--paper);flex:1;min-width:0}@media (width<=900px){.desktop-side{width:76px;padding:20px 10px}.desktop-side__brand span:last-child,.desktop-side__link span,.desktop-side__footer{display:none}.desktop-side__brand,.desktop-side__link{justify-content:center}}.stat-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:16px}.stat-card__icon{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.stat-card--rust .stat-card__icon{background:var(--rust-tint);color:var(--rust-dark)}.stat-card--teal .stat-card__icon{background:var(--teal-tint);color:var(--teal-dark)}.stat-card--gold .stat-card__icon{background:var(--gold-tint);color:#7c5f22}.stat-card__value{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:600;overflow:hidden}.stat-card__label{color:var(--ink-soft);margin-top:2px;font-size:12.5px;font-weight:600}.stat-card__sub{color:var(--ink-faint);margin-top:4px;font-size:11.5px}.vbar{border-bottom:1.5px solid var(--line);align-items:flex-end;gap:14px;padding-top:8px;display:flex}.vbar__col{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.vbar__tip-wrap{justify-content:center;width:100%;display:flex;position:relative}.vbar__bar{background:var(--rust);border-radius:5px 5px 0 0;width:60%;max-width:34px;transition:opacity .12s}.vbar__tip-wrap:hover .vbar__bar{opacity:.8}.vbar__tip-wrap:after{content:attr(data-tip);background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .12s,transform .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px)scale(.9)}.vbar__tip-wrap:hover:after{opacity:1;transform:translate(-50%,-2px)scale(1)}.vbar__label{color:var(--ink-faint);font-size:11px;font-weight:600}.rbar{flex-direction:column;gap:13px;display:flex}.rbar__row{grid-template-columns:128px 1fr auto;align-items:center;gap:12px;display:grid}.rbar__label{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.rbar__track{background:var(--paper-sunken);border-radius:5px;height:10px;overflow:hidden}.rbar__fill{background:var(--teal);border-radius:5px;height:100%}.rbar__value{color:var(--ink);text-align:right;min-width:68px;font-size:12.5px;font-weight:700}@media (width<=520px){.rbar__row{grid-template-columns:92px 1fr auto}}.dash{max-width:1180px;margin:0 auto;padding:32px 36px 60px}.dash__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.dash__eyebrow{color:var(--rust-dark);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.dash__header h1{margin-top:4px;font-size:30px}.dash__search{background:var(--paper-raised);border:1.5px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-faint);align-items:center;gap:8px;min-width:280px;padding:10px 16px;display:flex}.dash__search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:14px}.dash__filters{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;gap:22px;margin-bottom:26px;padding:16px 18px;display:flex}.filter-group__label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.filter-group__body{flex-wrap:wrap;gap:8px;display:flex}.dash-chip{border:1.5px solid var(--line);background:var(--paper);border-radius:var(--radius-pill);color:var(--ink-soft);padding:7px 14px;font-size:12.5px;font-weight:600}.dash-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter-group__body select{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);min-width:170px;padding:8px 12px;font-size:13px}.dash__kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dash__grid{grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:24px;display:grid}.dash__panel{padding:20px}.dash__panel-title{margin-bottom:18px;font-size:15px}.dash__empty{color:var(--ink-faint);font-size:13px}.dash__table-wrap{overflow:hidden}.dash__table-scroll{overflow-x:auto}.dash__table{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}.dash__table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);padding:14px 20px 10px;font-size:11px;font-weight:700}.dash__table td{border-top:1px solid var(--line);color:var(--ink-soft);padding:13px 20px}.dash__table tr:hover td{background:var(--paper-sunken)}.dash__table .mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px}.dash__table .strong{color:var(--ink);font-weight:700}@media (width<=1080px){.dash__kpis{grid-template-columns:repeat(2,1fr)}.dash__grid{grid-template-columns:1fr}}@media (width<=640px){.dash{padding:22px 16px 50px}.dash__kpis{grid-template-columns:1fr 1fr}}.qp-page{background:var(--paper-sunken);min-height:100vh;padding:28px 20px 60px}.qp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:820px;margin:0 auto 18px;display:flex}.qp-toolbar__right{align-items:center;gap:12px;display:flex}.qp-toggle{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px;display:flex}.qp-toggle button{border-radius:var(--radius-pill);color:var(--ink-faint);background:0 0;border:none;padding:8px 16px;font-size:12.5px;font-weight:700}.qp-toggle button.is-active{background:var(--ink);color:var(--paper)}.qp-sheet{max-width:820px;box-shadow:var(--shadow-lg);background:#fffdfa;border-radius:18px;margin:0 auto;padding:44px 48px}.qp-sheet--pdf{aspect-ratio:210/297;border-radius:4px;overflow-y:auto}.qp-sheet__head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-start;margin-bottom:26px;padding-bottom:22px;display:flex}.qp-brand{align-items:center;gap:12px;display:flex}.qp-brand__mark{background:var(--ink);width:42px;height:42px;color:var(--paper);border-radius:12px;justify-content:center;align-items:center;display:flex}.qp-brand__name{font-family:var(--font-display);font-size:22px;font-weight:600}.qp-brand__tag{color:var(--ink-faint);font-size:12px}.qp-meta{text-align:right}.qp-meta__num{font-size:15px;font-weight:700}.qp-meta__date{color:var(--ink-faint);font-size:12.5px}.qp-sheet__parties{gap:60px;margin-bottom:30px;display:flex}.qp-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:4px;font-size:10.5px;font-weight:700}.qp-value{font-size:14.5px;font-weight:700}.qp-sub{color:var(--ink-faint);font-size:12.5px}.qp-items{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.qp-item{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr 60px 90px 100px;align-items:center;gap:14px;padding:12px 0;display:grid}.qp-item__photo{cursor:pointer;border:none;border-radius:10px;width:56px;height:56px;padding:0;position:relative;overflow:hidden}.qp-item__photo img{object-fit:cover;width:100%;height:100%}.qp-item__zoom{color:#fff;background:#241d1799;justify-content:center;align-items:center;padding:3px 0;display:flex;position:absolute;inset:auto 0 0}.qp-item__index{color:var(--ink-faint);text-transform:uppercase;font-size:10.5px;font-weight:700}.qp-item__name{font-size:14.5px;font-weight:700}.qp-item__usage{color:var(--ink-faint);font-size:12px}.qp-item__qty,.qp-item__rate{color:var(--ink-soft);text-align:right;font-size:13px}.qp-item__total{text-align:right;font-weight:700}.qp-summary{width:260px;margin-bottom:30px;margin-left:auto}.qp-summary__row{color:var(--ink-soft);justify-content:space-between;padding:7px 0;font-size:13.5px;display:flex}.qp-summary__row--total{border-top:2px solid var(--ink);color:var(--ink);font-size:17px;font-weight:700;font-family:var(--font-display);margin-top:4px;padding-top:12px}.qp-footer{border-top:1px solid var(--line);color:var(--ink-faint);padding-top:16px;font-size:11px;line-height:1.5}.qp-footer__brand{color:var(--ink-soft);margin-top:6px;font-weight:600}.qp-lightbox{z-index:60;background:#14100cdb;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.qp-lightbox img{max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);border-radius:14px}@media (width<=640px){.qp-sheet{padding:24px 18px}.qp-sheet__parties{flex-wrap:wrap;gap:24px}.qp-item{grid-template-columns:44px 1fr auto;grid-template-areas:"photo name total""photo usage total"".rate qty";row-gap:3px}.qp-item__photo{grid-area:photo;width:44px;height:44px}.qp-item__name{grid-area:name}.qp-item__usage{grid-area:usage}.qp-item__total{grid-area:total}.qp-item__qty{text-align:left;grid-area:qty}.qp-item__rate{text-align:left;grid-area:rate}.qp-summary{width:100%}}@media print{body *{visibility:hidden}.qp-sheet,.qp-sheet *{visibility:visible}.no-print{display:none!important}.qp-page{background:#fff;padding:0}.qp-sheet{box-shadow:none;max-width:100%;position:absolute;top:0;left:0}}