:root{--bg-primary:#faf9f7;--bg-secondary:#f5f3ef;--text-primary:#1a1a1a;--text-secondary:#5c5c5c;--accent-color:#9a703e;--accent-light:#f2ece2;--border:#e3dfd5;--success:#3d6647;--success-light:#ebf2ed;--error:#9e3f3f;--error-light:#f9ebeb;--warning:#b2701f;--warning-light:#faf2e8;--font-headings:"Cormorant Garamond", Georgia, serif;--font-body:"Source Serif 4", Georgia, serif;--font-ui:"Inter", -apple-system, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-primary);font-weight:600;line-height:1.25}h1{margin-bottom:var(--space-2);font-size:2.5rem}h2{margin-bottom:var(--space-2);font-size:1.85rem}h3{margin-bottom:var(--space-1);font-size:1.4rem}button,input,select,textarea{font-family:var(--font-ui);font-size:14px}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#7d5a30}.app-container{flex-direction:column;min-height:100vh;display:flex}@media (width>=768px){.app-layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 64px);display:grid}}.main-content{padding:var(--space-3);width:100%;max-width:1200px;margin:0 auto}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3);transition:transform var(--transition-fast), border-color var(--transition-fast)}.card:hover{border-color:var(--accent-color)}.card-title{font-family:var(--font-headings);border-bottom:1px solid var(--border);padding-bottom:var(--space-1);margin-bottom:var(--space-2);font-size:1.5rem}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500;display:inline-flex}.btn:hover{background-color:var(--accent-light);border-color:var(--accent-color)}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover{color:#fff;background-color:#7d5a30;border-color:#7d5a30}.btn-text{color:var(--accent-color);text-transform:none;font-size:14px;font-family:var(--font-ui);background:0 0;border:none;padding:0}.btn-text:hover{color:#7d5a30;background:0 0;text-decoration:underline}.form-group{margin-bottom:var(--space-2)}.form-label{font-family:var(--font-ui);text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:10px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);outline:none}.table-container{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-3);background-color:var(--bg-secondary);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{border-bottom:1px solid var(--border);font-family:var(--font-ui);padding:12px 16px;font-size:13px}.table th{background-color:var(--bg-secondary);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:11px;font-weight:600}.table tr:last-child td{border-bottom:none}.badge{font-family:var(--font-ui);text-transform:uppercase;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-draft{background-color:var(--warning-light);color:var(--warning);border:1px solid #f2dfcc}.badge-approved{background-color:var(--success-light);color:var(--success);border:1px solid #d4e3d8}.badge-manual{background-color:var(--accent-light);color:var(--accent-color);border:1px solid #ebe2d3}.toast{bottom:var(--space-3);right:var(--space-3);background-color:var(--text-primary);color:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-ui);align-items:center;gap:var(--space-1);z-index:1000;font-size:13px;animation:.3s slide-in;display:flex;position:fixed;box-shadow:0 4px 12px #0000001a}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in var(--transition-normal)}.grid-2{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.border-gold{border-left:3px solid var(--accent-color)}.logo{font-family:var(--font-headings);letter-spacing:.05em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.logo span{color:var(--accent-color)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#1a1a1a66;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:90%;max-width:900px;max-height:90vh;padding:var(--space-3);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slide-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 12px 36px #0000001f}.progress-bar-container{background-color:var(--border);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .4s}.progress-bar-pending{background-color:var(--warning);width:25%;animation:1.5s ease-in-out infinite pulse-progress}.progress-bar-parsing{background-color:var(--accent-color);background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;width:60%;animation:1s linear infinite progress-bar-stripes,2s ease-in-out infinite pulse-progress-parsing}.progress-bar-completed{background-color:var(--success);width:100%}.progress-bar-failed{background-color:var(--error);width:100%}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes pulse-progress{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pulse-progress-parsing{0%{width:55%}50%{width:75%}to{width:55%}}@media (width<=767px){.hide-on-mobile{display:none!important}}.btn-red{background-color:var(--error-light)!important;color:var(--error)!important;border-color:var(--error)!important}.btn-red:hover{background-color:var(--error)!important;color:#fff!important;border-color:var(--error)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.sidebar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--space-1) var(--space-2);flex-direction:row;align-items:center;width:100%;display:flex}.sidebar nav{gap:var(--space-1);flex-direction:row;justify-content:space-between;width:100%;display:flex}.sidebar-btn{text-transform:none;letter-spacing:normal;flex:1;justify-content:center;font-size:13px;padding:var(--space-1) 4px!important}.sidebar-label{display:none}@media (width>=768px){.sidebar{border-right:1px solid var(--border);padding:var(--space-2) var(--space-1);border-bottom:none;flex-direction:column;justify-content:space-between;align-items:stretch;width:auto;height:100%}.sidebar nav{flex-direction:column;gap:4px;width:auto}.sidebar-btn{flex:none;justify-content:flex-start;width:100%;padding:var(--space-1) var(--space-2)!important}.sidebar-label{display:inline}}.ledger-card-row{background-color:var(--bg-primary);justify-content:space-between;align-items:center;gap:16px;margin:0 0 0 24px;padding:12px 16px;display:flex}.ledger-clickable-row{cursor:pointer;flex:1;grid-template-columns:80px 180px 1fr;align-items:center;gap:12px;min-width:0;display:grid}.ledger-date{color:var(--text-secondary);font-size:11px;font-family:var(--font-ui)}.ledger-payee-col{align-items:center;gap:8px;min-width:0;display:flex}.ledger-payee{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ledger-memo-col{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:italic;overflow:hidden}@media (width<=767px){.ledger-card-row{grid-template-columns:1fr auto;align-items:flex-start;gap:12px;padding:12px;display:grid}.ledger-clickable-row{grid-template-columns:1fr;align-items:flex-start;gap:4px}.ledger-payee-col{width:100%}.ledger-payee{white-space:normal}.ledger-memo-col{white-space:normal;border-top:1px dashed var(--border);width:100%;padding-top:4px;font-size:12px}}