:root{--ink:#111;--paper:#faf9f6;--paper-white:#fff;--graphite:#6b6b6b;--line:#dedbd3;--stamp:#b3261e;--stamp-soft:#f7e7e5;--ok:#1e5c3a;--ok-soft:#e5efe8;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.stripes{background-image:repeating-linear-gradient(90deg, var(--ink) 0px, var(--ink) 3px, transparent 3px, transparent 8px)}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}@media (width<=820px){.app-shell{grid-template-columns:1fr}}.sidebar{background:var(--ink);color:var(--paper-white);flex-direction:column;gap:32px;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--paper-white);width:34px;height:34px;color:var(--ink);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.brand-word{font-family:var(--font-display);letter-spacing:.08em;font-size:20px;font-weight:700}.nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#ffffffa6;text-align:left;background:0 0;border:none;border-radius:4px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{color:var(--paper-white);background:#ffffff0f}.nav-item.active{color:var(--ink);background:var(--paper-white)}.main{max-width:1100px;padding:36px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.page-title{font-family:var(--font-display);margin:0;font-size:28px;font-weight:700}.page-sub{color:var(--graphite);margin:0 0 24px;font-size:14px}.divider-stripes{opacity:.85;height:14px;margin:24px 0}.dropzone{border:2px dashed var(--line);background:var(--paper-white);text-align:center;border-radius:6px;padding:48px 24px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.dropzone.dragging{border-color:var(--ink);background:#f2f0ea}.dropzone-stripes{height:6px;position:absolute;top:0;left:0;right:0}.dropzone-title{font-family:var(--font-display);margin:8px 0 4px;font-size:18px;font-weight:700}.dropzone-sub{color:var(--graphite);margin:0 0 18px;font-size:13px}.btn{font-family:var(--font-body);border:1px solid var(--ink);background:var(--ink);color:var(--paper-white);border-radius:4px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{opacity:.85}.btn.secondary{color:var(--ink);background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.processing-row{font-family:var(--font-mono);color:var(--graphite);align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}table{border-collapse:collapse;background:var(--paper-white);width:100%;font-size:14px}thead th{text-align:left;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--graphite);border-bottom:2px solid var(--ink);padding:10px 12px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}tbody tr:hover{background:#f5f4ef}.amount-cell{font-family:var(--font-mono)}.editable-input{font-family:inherit;font-size:inherit;background:0 0;border:1px solid #0000;border-radius:3px;width:100%;padding:4px 6px}.editable-input:hover{border-color:var(--line)}.editable-input:focus{border-color:var(--ink);background:var(--paper-white)}.tag{border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.tag.pending{background:var(--stamp-soft);color:var(--stamp)}.tag.confirmed{background:var(--ok-soft);color:var(--ok)}.icon-btn{color:var(--graphite);background:0 0;border:none;padding:4px 8px;font-size:13px}.icon-btn:hover{color:var(--ink);text-decoration:underline}.admin-list{background:var(--paper-white);border:1px solid var(--line);border-radius:6px;overflow:hidden}.admin-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-row:last-child{border-bottom:none}.admin-form{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.admin-form input,.admin-form select{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper-white);border-radius:4px;padding:9px 12px;font-size:14px}.empty-state{border:1px solid var(--line);background:var(--paper-white);text-align:center;color:var(--graphite);border-radius:6px;padding:40px}.error-banner{background:var(--stamp-soft);color:var(--stamp);border-radius:4px;margin-bottom:16px;padding:10px 14px;font-size:13px}