@charset "UTF-8";
:root{--paper:#f6f3ec;--ink:#22251f;--muted:#73776a;--line:#dedfd5;--accent:#cc532f;--green:#e4e9d7;--white:#fffef9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:17px}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5vw;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;align-items:center;gap:10px;position:relative;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:1px;padding-bottom:13px;flex-shrink:0}.brand-sub{position:absolute;left:45px;bottom:0;font-size:8px;letter-spacing:1.5px}.record-logo{width:34px;height:34px;border-radius:50%;background:repeating-radial-gradient(circle,#23261f 0 3px,#42453a 4px,#23261f 5px);position:relative}.record-logo:after{content:"";position:absolute;inset:12px;background:var(--accent);border-radius:50%}.site-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-header nav form{margin:0}.nav-login{border:1px solid var(--line);padding:9px 13px;border-radius:5px}main{max-width:1320px;margin:auto;padding:36px 5vw 70px;min-height:75vh}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line);padding:12px 0 44px;margin-bottom:36px}.hero h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2.6px;line-height:1.06}.hero p:last-child{color:var(--muted);max-width:390px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;margin-bottom:15px}.accent{color:var(--accent)}.hero-record{width:260px;height:260px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#20231c 0 5px,#393d32 6px,#20231c 7px);box-shadow:12px 12px 0 #e6e1d4;display:grid;place-items:center;transform:rotate(-13deg);margin-right:35px}.hero-record div{border-radius:50%;width:100px;height:100px;background:var(--accent);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--paper);font-weight:800;letter-spacing:2px}.hero-record small{font-size:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h1,.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:8px}.muted{color:var(--muted)}.small{font-size:12px}.search-bar{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--white);padding:7px 9px 7px 18px;border-radius:7px}.search-bar input{background:transparent;border:0;flex:1;min-width:0;margin:0;outline:none}.search-bar:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-bar span{font-size:28px;color:var(--muted)}.button{border:1px solid var(--ink);border-radius:5px;color:white;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;text-decoration:none;font-size:13px;font-weight:650;line-height:1.4}.button:hover{background:#3e4536}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#eae8df}.button.danger{background:#a83222;border-color:#a83222}.button:disabled{opacity:.4;cursor:not-allowed}.text-button{background:transparent;color:inherit;border:0;padding:5px;font-size:12px;text-decoration:underline}.full{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.result-count{color:var(--muted);font-size:11px;margin:22px 0 18px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.product-card{text-decoration:none;min-width:0}.cover{position:relative;background:#e7e5da;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:4px}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.product-card:hover img{transform:scale(1.03)}.blank-record{width:73%;height:73%;border-radius:50%;background:repeating-radial-gradient(circle,#31362d 0 4px,#494e40 5px,#31362d 6px);position:relative}.blank-record:after{content:"";position:absolute;inset:37%;background:#b9bcaa;border-radius:50%;border:8px solid #9da28d}.cover-caption{position:absolute;bottom:16px;font-size:8px;letter-spacing:2px}.stock-tag{position:absolute;top:11px;left:11px;padding:4px 8px;border-radius:3px;background:var(--white);font-size:9px;font-weight:650}.card-meta{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted);margin:12px 0 7px}.card-meta span:last-child{overflow:hidden;text-overflow:ellipsis}.product-card h3{margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card p{color:var(--muted);margin-bottom:8px;font-size:12px}.product-card strong{font-size:14px}.empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:6px}.empty p{color:var(--muted)}.panel,.form-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:25px;margin-bottom:22px}.form-card{max-width:740px;margin:20px auto}.narrow{max-width:470px}.form-card h1{font-size:35px}.form-card p label,label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:white;margin-bottom:15px}input[type=checkbox]{width:auto}input[type=file]{font-size:12px}.helptext{display:block;font-size:11px;color:var(--muted)}.errorlist,.error-text{color:#ad3525;font-size:13px}.notice{background:#e8eedc;border:1px solid #c5d4b2;padding:14px 18px;border-radius:6px;margin-bottom:20px;font-size:13px}.notice.error{background:#f7e5df;border-color:#e5bcb1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td a{font-weight:650}.pill{display:inline-block;background:var(--green);padding:5px 9px;border-radius:4px;font-size:11px;font-weight:650}.pill.low{background:#f5e3d9}.pagination{display:flex;gap:25px;justify-content:center;margin:35px 0;font-size:13px}.back-link{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-bottom:35px}.detail-grid h1{font-size:40px}.detail-cover{align-self:start}.detail-price{font-size:27px;font-weight:700;margin-top:25px}.detail-grid .panel{margin-top:20px}.pre-line{white-space:pre-line}.pos-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:25px}.pos-results{display:grid;gap:10px;margin-top:20px}.pos-product{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:12px}.pos-product:hover{border-color:var(--accent)}.pos-product img,.pos-thumb{width:55px;height:55px;object-fit:cover;border-radius:3px;background:#e5e6dc;flex-shrink:0}.pos-product .info{flex:1}.pos-product small{display:block;color:var(--muted);font-size:11px}.pos-product strong{font-size:13px}.pos-product .price{font-weight:750;flex-shrink:0}.cart-panel{align-self:start}.cart-empty{text-align:center;color:var(--muted);padding:25px 0;border-bottom:1px dashed var(--line)}.cart-line{border-bottom:1px solid var(--line);padding:14px 0}.cart-line .summary-row{margin-bottom:8px;font-size:13px}.quantity-controls{display:flex;align-items:center;gap:12px;font-size:12px}.quantity-controls button{background:var(--paper);border:1px solid var(--line);border-radius:4px;min-width:32px;min-height:32px}.quantity-controls .remove{margin-left:auto;border:0;background:transparent;color:var(--accent)}.cart-total{display:flex;justify-content:space-between;padding:22px 0;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:16px}.cart-total strong{font-size:25px}.payment-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:center;margin-bottom:10px}.payment-row input{margin:0}.payment-row label{margin:0;font-size:12px}#remaining{font-size:12px;margin:18px 0}#scan-button{margin-top:12px}#scanner{width:100%;max-height:300px;background:#222;border-radius:5px}.report-filters{display:flex;gap:15px;align-items:end;margin-bottom:25px}.report-filters label{flex:1;max-width:260px}.report-filters input,.report-filters select{margin:7px 0 0}.report-filters button{margin-bottom:7px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:25px}.metrics article{background:var(--green);padding:22px;border-radius:6px}.metrics article:first-child{background:var(--ink);color:white}.metrics span{font-size:11px;display:block;margin-bottom:8px}.metrics strong{font-size:28px;letter-spacing:-1px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0}.summary-row:last-child{border-bottom:0}.print-label{display:flex;align-items:center;gap:15px;background:white;border:1px dashed #999;padding:12px;max-width:430px}.print-label svg{width:110px;height:110px;flex-shrink:0}.print-label p{margin:0;font-size:12px}.print-label code{font-size:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}summary{cursor:pointer;font-weight:650}details[open] summary{margin-bottom:20px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.site-header{align-items:flex-start}.site-header nav{gap:14px;justify-content:end}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-record{width:210px;height:210px;margin-right:5px}.pos-layout{grid-template-columns:1fr 1fr;gap:15px}}
@media(max-width:720px){.site-header{flex-direction:column;gap:20px;padding:20px 5vw}.site-header nav{justify-content:start;gap:16px;font-size:12px}main{padding-top:25px}.hero{gap:20px}.hero-record{width:125px;height:125px;margin-right:0}.hero-record div{width:55px;height:55px;font-size:9px}.hero-record small{font-size:6px}.hero h1{font-size:34px;letter-spacing:-1.4px}.hero .eyebrow{font-size:8px}.hero p:last-child{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading>.muted{font-size:11px}.pos-layout,.detail-grid,.report-grid{grid-template-columns:1fr}.detail-grid{gap:25px}.detail-cover{max-width:450px;width:100%}.panel,.form-card{padding:20px}.report-filters{flex-wrap:wrap}.report-filters label{min-width:140px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:16px}.metrics strong{font-size:23px}.card-meta{font-size:8px}.card-meta span:last-child{max-width:80px}footer{flex-direction:column;gap:8px}.pos-product .price{font-size:12px}.hero-record{display:none}}
@media print{.site-header,footer,.label-controls{display:none}main{margin:0;padding:0}.print-label{border:0;max-width:90mm;font-size:10pt}.print-label svg{width:28mm;height:28mm}}
.brand-sub{white-space:nowrap}


.media-badge { display:inline-block; padding:4px 10px; border:1px solid currentColor; border-radius:6px; font-size:12px; font-weight:800; letter-spacing:.08em; margin:12px 0 4px; }
.search-bar select { width:auto; min-width:110px; }

.cover-progress { display:flex; flex-wrap:wrap; gap:12px 24px; padding:20px 0; }
.cover-search { margin-top:24px; }
.cover-proposal { display:flex; gap:24px; padding:22px 0; border-top:1px solid var(--line); }
.cover-proposal img { width:180px; height:180px; object-fit:contain; background:var(--paper); border-radius:6px; }
.current-cover { display:block; width:260px; max-width:100%; border-radius:6px; }
@media(max-width:600px) { .cover-proposal { flex-direction:column; } .cover-proposal img { width:100%; max-width:300px; height:auto; } }

.bulk-cover-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.cover-select-label { font-weight:700; padding:10px 0; }
.cover-select-label input { width:auto; margin-right:8px; }
button:disabled { opacity:.5; cursor:default; }

.hero-record .record-label { display:block; width:100px; height:100px; overflow:visible; }
.record-label text { fill:var(--paper); font-family:system-ui,-apple-system,sans-serif; }
.record-label-name { font-size:12px; font-weight:850; letter-spacing:1.4px; }
.record-label-subtitle { font-size:7px; font-weight:750; letter-spacing:1.8px; }
.record-label-speed { font-size:7px; letter-spacing:.7px; }

.report-export { margin-top:24px; }
.report-export textarea { margin-top:16px; font-size:13px; line-height:1.6; }
#report-export-status { margin:12px 0 0; font-size:13px; color:var(--muted); }

/* Monthly movement overview and payment split. */
.monthly-report{margin:24px 0}.monthly-report .section-heading{gap:18px}.monthly-report h2{margin-bottom:8px}.month-totals,.chart-legend{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:16px}.month-totals strong{font-size:22px;margin-left:8px}.chart-legend>span{display:inline-flex;align-items:center;gap:7px}.sales-dot,.expense-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.sales-dot,.chart-sales{background:#46583e;fill:#46583e}.expense-dot,.chart-expenses{background:var(--accent);fill:var(--accent)}.monthly-chart-scroll{overflow-x:auto;max-width:100%}.monthly-chart{display:block;width:100%;min-width:850px}.chart-grid path{stroke:var(--line);fill:none}.chart-axis{font-size:10px;fill:#53584c}.chart-hit{fill:transparent}.chart-hit.selected{fill:#e4e9d7}.monthly-chart a:hover .chart-hit,.monthly-chart a:focus .chart-hit{fill:#e4e9d7}.monthly-report details{margin-top:18px}.report-calendar{position:relative}.report-calendar>summary{padding:12px 15px;border:1px solid var(--line);border-radius:5px;background:var(--white);list-style-position:inside}.report-calendar[open]>summary{margin-bottom:0}.calendar-popover{position:absolute;top:100%;left:0;z-index:10;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:18px;width:304px;max-width:calc(90vw - 4px);box-shadow:0 12px 30px #22251f20}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-heading a{text-decoration:none;font-size:22px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.calendar-grid>span{font-size:12px;color:var(--muted)}.calendar-day{padding:5px 0;text-decoration:none;border-radius:4px;min-height:42px}.calendar-day:hover,.calendar-day:focus{background:var(--green)}.calendar-day.selected{background:var(--ink);color:var(--white)}.calendar-markers{height:8px;display:flex;gap:3px;justify-content:center}.calendar-markers i{width:6px;height:6px}.calendar-day.selected .sales-dot{background:#bfd6a9}.calendar-popover .chart-legend{margin:14px 0 8px;gap:16px}.calendar-popover p:last-child{margin-bottom:0}
@media(max-width:720px){.monthly-report .report-filters{width:100%}.month-totals{gap:8px 20px}.month-totals span{display:flex;flex-direction:column}.month-totals strong{margin-left:0;font-size:21px}}

.security-card h1{font-size:34px}.security-card form{margin-top:20px}.security-qr{display:block;max-width:100%;width:240px;background:white;padding:12px;margin:20px auto}.security-secret{display:block;overflow-wrap:anywhere;padding:15px;background:var(--green)}.security-secondary{margin-top:12px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:16px;background:var(--green)}.recovery-codes code{font-size:16px}.errorlist{color:#9d251d}.helptext{display:block;font-size:12px;color:var(--muted)}