:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f4f6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:#fff}.sidebar{border-right:1px solid #e5e7eb;background:#f9fafb;padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand-title{font-size:18px;font-weight:800;letter-spacing:-.03em}.brand-subtitle{color:#6b7280;font-size:12px;margin-top:4px;line-height:1.45}.nav-list{display:grid;gap:6px}.nav-button{height:42px;border:0;background:transparent;text-align:left;padding:0 12px;border-radius:12px;color:#6b7280;font-size:14px}.nav-button.active{background:#fff;color:#111827;border:1px solid #e5e7eb;font-weight:700}.sidebar-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.main{min-width:0;background:#fff;display:flex;flex-direction:column}.topbar{height:72px;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{font-size:22px;font-weight:800;letter-spacing:-.03em}.page-subtitle{color:#6b7280;font-size:13px;margin-top:3px}.content{padding:22px;display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:16px;min-height:96px}.label{color:#6b7280;font-size:12px}.metric-value{font-size:24px;font-weight:800;letter-spacing:-.04em;margin-top:6px}.small{color:#6b7280;font-size:12px;line-height:1.5}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button{height:36px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#374151;padding:0 13px;font-size:13px;font-weight:600}.button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.filter-bar{padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#fbfdff;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-search{width:min(340px,100%)}.filter-group{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.filter-label{color:#6b7280;font-size:13px;font-weight:700}.filter-chip{height:30px;border:1px solid #d1d5db;background:#fff;color:#4b5563;border-radius:999px;padding:0 12px;font-size:13px;font-weight:700}.filter-chip.active{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.button.danger{border-color:#fecaca;color:#b91c1c;background:#fff1f2}.input,.select,.textarea{border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;outline:none}.input,.select{height:36px;padding:0 11px;font-size:13px}.textarea{min-height:120px;padding:11px;font-size:13px;line-height:1.5;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.panel{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden}.panel-header{min-height:58px;padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel-body{padding:16px}.split{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:16px;align-items:start}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:860px;font-size:13px}th{text-align:left;color:#6b7280;font-weight:700;padding:11px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}td{padding:12px;border-bottom:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}tr.selected{background:#eff6ff}tr:hover{background:#f8fafc}.status-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700}.status-blue{background:#dbeafe;color:#1d4ed8}.status-green{background:#dcfce7;color:#166534}.status-amber{background:#fef3c7;color:#92400e}.status-red{background:#fee2e2;color:#991b1b}.status-gray{background:#f3f4f6;color:#4b5563}.receipt-view{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:16px;min-height:220px;display:grid;place-items:center;overflow:hidden}.receipt-view img{width:100%;height:100%;max-height:420px;object-fit:contain;background:#f8fafc}.kv{display:grid;grid-template-columns:132px minmax(0,1fr);gap:9px 12px;font-size:13px}.kv>div:nth-child(odd){color:#6b7280}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calc-box{border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:13px}.calc-value{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-top:5px}.total-box{border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;padding:14px}.total-box .calc-value{color:#1d4ed8}.alert{border-radius:14px;padding:12px 13px;font-size:13px;line-height:1.5}.alert.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert.warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#2563eb}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f4f6}.login-card{width:min(420px,100%);border:1px solid #e5e7eb;border-radius:22px;background:#fff;padding:28px}.form-grid{display:grid;gap:12px}.empty{padding:34px 18px;text-align:center;color:#6b7280}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #e5e7eb}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar{height:auto;padding:16px;align-items:flex-start;flex-direction:column}.content{padding:16px}.metric-grid,.nav-list,.calc-grid{grid-template-columns:1fr}}