.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.ledger-spine{background:var(--ink);color:var(--parchment);padding:28px 18px;display:flex;flex-direction:column;gap:40px}.spine-mark{display:flex;align-items:center;gap:10px;padding:0 10px}.spine-logo-full{width:100%;max-width:196px;height:auto;display:block}.super-admin-shell{min-height:100vh;background:var(--parchment)}.super-admin-header{display:flex;align-items:center;gap:14px;padding:16px 48px;background:var(--panel);border-bottom:1px solid var(--ledger-line)}.spine-user{display:flex;align-items:center;gap:9px;padding:10px 4px;border-top:1px solid rgba(247,244,236,.12);margin-top:auto}.spine-user-name{flex:1;font-size:13px;color:#f7f4ecd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-logout{background:transparent;border:none;color:#f7f4ec80;cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;transition:background .15s ease,color .15s ease}.spine-logout:hover{background:#f7f4ec14;color:var(--parchment)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink);padding:20px}.login-card{background:var(--panel);border-radius:var(--radius-md);padding:40px 36px;width:100%;max-width:360px;box-shadow:0 20px 60px #00000059;text-align:center}.login-logo{height:44px;width:auto;margin:0 auto 6px}.login-subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form input{font-family:var(--font-body);font-size:14px;padding:11px 14px;border:1px solid var(--ledger-line);border-radius:var(--radius-sm);background:var(--parchment);color:var(--ink)}.login-form input:focus{outline:none;border-color:var(--brass)}.login-error{font-size:12.5px;color:var(--clay-red);background:#a6402a14;padding:8px 12px;border-radius:var(--radius-sm);text-align:left}.spine-title{font-family:var(--font-display);font-size:18px;line-height:1.1;font-weight:600}.spine-subtitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.spine-nav{display:flex;flex-direction:column;gap:2px;flex:1}.spine-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:#f7f4ecad;font-size:14px;transition:background .15s ease,color .15s ease}.spine-link-icon{flex-shrink:0;opacity:.85}.spine-link span:nth-child(2){flex:1}.spine-link-num{font-family:var(--font-mono);font-size:10px;color:#f7f4ec52}.spine-link:hover{background:#f7f4ec0f;color:var(--parchment)}.spine-link.active{background:#a9762f29;color:var(--parchment)}.spine-link.active .spine-link-num,.spine-link.active .spine-link-icon{color:var(--brass);opacity:1}.spine-footer{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10.5px;color:#f7f4ec66;border-top:1px solid rgba(247,244,236,.12);padding-top:16px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 3px #4c6b4f2e;flex-shrink:0}.ledger-page{padding:44px 52px;max-width:1000px}.page-logo-banner{height:52px;width:auto;display:block;margin-bottom:28px}.content-topbar{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ledger-line)}.content-topbar-logo{width:26px;height:26px;object-fit:contain;border-radius:6px}.content-topbar-name{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em;color:var(--text-soft);font-weight:500}.page-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}.page-title{font-family:var(--font-display);font-size:34px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}.page-description{color:var(--text-soft);font-size:14.5px;line-height:1.55;margin:0 0 32px;max-width:58ch}.stat-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,auto);gap:28px;padding:20px 0 28px;margin-bottom:8px;border-bottom:1px solid var(--ledger-line)}.stat-item{display:flex;flex-direction:column;gap:3px}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);line-height:1}.stat-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.ledger-card{background:var(--panel);border:1px solid var(--ledger-line);border-radius:var(--radius-md);padding:18px 20px;margin-bottom:12px;box-shadow:var(--shadow-card);transition:border-color .15s ease,transform .1s ease}.ledger-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ledger-card-title{font-weight:600;font-size:15px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.ledger-card-meta{font-size:13px;color:var(--text-soft)}.avatar{width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--parchment);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;font-weight:600;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono);padding:3px 9px;border-radius:20px;white-space:nowrap}.tag-clay{background:#a6402a1a;color:var(--clay-red)}.tag-moss{background:#4c6b4f1f;color:var(--moss)}.tag-brass{background:#a9762f1f;color:var(--brass)}.receipt-card{position:relative;background:var(--panel);border:1px solid var(--ledger-line);border-radius:var(--radius-md);padding:18px 22px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-card)}.receipt-card:before,.receipt-card:after{content:"";position:absolute;width:16px;height:16px;background:var(--parchment);border-radius:50%;top:50%;transform:translateY(-50%)}.receipt-card:before{left:-9px}.receipt-card:after{right:-9px}.receipt-info{display:flex;align-items:center;gap:12px}.receipt-total{font-family:var(--font-display);font-size:20px;font-weight:600;white-space:nowrap}.receipt-divider{border-left:1.5px dashed var(--ledger-line);align-self:stretch;margin:0 4px}.empty-state{border:1px dashed var(--ledger-line);border-radius:var(--radius-md);padding:44px 24px;text-align:center;color:var(--text-soft);font-size:14px}.empty-state-icon{color:var(--ledger-line);margin-bottom:10px}.skeleton{background:linear-gradient(90deg,var(--ledger-line) 25%,#ece7d8 37%,var(--ledger-line) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spin-icon{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--parchment);padding:8px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:opacity .15s ease,transform .1s ease}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--ink)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);border-bottom:1px solid var(--ledger-line);padding:9px 10px}.table td{padding:13px 10px;border-bottom:1px solid var(--ledger-line)}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#a9762f0a}.table-actions{display:flex;gap:6px}.two-col{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.product-thumb-btn{width:36px;height:36px;border-radius:6px;border:1px solid var(--ledger-line);background:var(--parchment);padding:0;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease}.product-thumb-btn:hover{border-color:var(--brass)}.product-thumb{width:100%;height:100%;object-fit:cover;display:block}.product-thumb-empty{color:var(--text-soft);opacity:.5;display:flex}.icon-btn{background:transparent;border:none;padding:6px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.icon-btn:hover{background:#1c23210f}input,select{font-family:var(--font-body);font-size:13.5px;padding:9px 12px;border:1px solid var(--ledger-line);border-radius:var(--radius-sm);background:var(--parchment);color:var(--ink);transition:border-color .15s ease}input:focus,select:focus{outline:none;border-color:var(--brass)}:root{--ink: #1C2321;--parchment: #F7F4EC;--ledger-line: #DAD3C0;--brass: #A9762F;--moss: #4C6B4F;--clay-red: #A6402A;--panel: #FFFFFF;--text-soft: #5B5A52;--font-display: "Fraunces", "Georgia", serif;--font-body: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--shadow-card: 0 1px 2px rgba(28,35,33,.04), 0 1px 1px rgba(28,35,33,.03)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--parchment);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}::selection{background:var(--brass);color:var(--parchment)}