:root{--er-bg-card: color-mix(in oklab, var(--ki-surface) 86%, transparent);--er-border: var(--ki-border, #e2e8f0);--er-primary: var(--ki-primary, #4f46e5);--er-primary-soft: color-mix(in oklab, var(--er-primary) 10%, transparent);--er-text: var(--ki-text, #1e293b);--er-text-dim: var(--ki-text-dim, #64748b);--er-divider: var(--ki-border, #e2e8f0);--er-radius-l: 24px;--er-radius-m: 16px;--er-radius-s: 12px}.k-expense-dashboard{margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--er-text)}.er-hero{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.er-hero{grid-template-columns:280px 1fr}}.er-title-block h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--er-text)}.er-subtitle{margin-top:.5rem;font-size:.95rem;color:var(--er-text-dim);display:flex;align-items:center;gap:.5rem}.er-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.er-kpi-grid{grid-template-columns:repeat(4,1fr)}}.er-kpi-card{background:var(--er-bg-card);border:1px solid var(--er-border);border-radius:var(--er-radius-m);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,border-color .2s ease}.er-kpi-card:hover{border-color:color-mix(in oklab,var(--ki-primary) 30%,transparent);transform:translateY(-2px)}.er-kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--er-text-dim)}.er-kpi-value{font-size:1.75rem;font-weight:800;line-height:1.1}.er-kpi-sub{font-size:.75rem;color:var(--er-text-dim);margin-top:auto}.er-kpi-highlight{color:var(--er-primary)}.er-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.er-main-grid{grid-template-columns:320px 1fr;align-items:start}}.er-card{background:var(--er-bg-card);border:1px solid var(--er-border);border-radius:var(--er-radius-l);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.er-card-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--er-divider)}.er-card-icon{width:36px;height:36px;border-radius:10px;background:var(--er-primary-soft)!important;color:var(--er-primary)!important;display:grid;place-items:center;font-size:1.1rem}.er-card-title{font-size:1.1rem;font-weight:700}.er-form-stack{display:flex;flex-direction:column;gap:1.25rem}.er-input-group{display:flex;flex-direction:column;gap:.4rem}.er-label{font-size:.8rem;font-weight:600;color:var(--er-text-dim)}.er-input{width:100%;padding:.75rem 1rem;border-radius:var(--er-radius-s);border:1px solid var(--er-divider);background:color-mix(in oklab,var(--ki-surface) 95%,transparent);font-size:.95rem;color:var(--er-text);transition:all .2s ease}.er-input:focus{outline:none;border-color:var(--er-primary);background:var(--ki-surface, #fff);box-shadow:0 0 0 3px var(--er-primary-soft)}.er-select-wrapper{position:relative}.er-select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:10px;height:6px;background-color:var(--er-text-dim);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}.er-table-container{width:100%;overflow-x:auto;border-radius:var(--er-radius-m);border:1px solid var(--er-divider);max-height:400px;overflow-y:auto;scrollbar-color:var(--er-border) transparent}.er-table-container::-webkit-scrollbar{width:6px;height:6px}.er-table-container::-webkit-scrollbar-track{background:transparent}.er-table-container::-webkit-scrollbar-thumb{background-color:var(--er-border);border-radius:99px}.er-table-container::-webkit-scrollbar-thumb:hover{background-color:var(--er-text-dim)}.er-table{width:100%;border-collapse:collapse;font-size:.9rem}.er-table th{text-align:left;padding:1rem;background:var(--er-primary-soft);color:var(--er-primary);font-weight:700;font-size:.8rem;text-transform:uppercase;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.er-table td{padding:1rem;border-bottom:1px solid var(--er-divider);color:var(--er-text);vertical-align:middle}.er-table tr:last-child td{border-bottom:none}.er-table tr:hover td{background:color-mix(in oklab,var(--ki-primary) 5%,transparent)}.er-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--er-text-dim);transition:all .2s ease;text-decoration:none}.er-action-btn:hover{color:var(--er-primary)}.er-action-btn.delete:hover{color:var(--ki-red, #dc2626)}.er-empty-state{text-align:center;padding:3rem 1rem;color:var(--er-text-dim);font-style:italic}.er-manual-trip-form{display:grid;gap:.75rem;padding:1rem;background:var(--er-primary-soft);border-radius:var(--er-radius-m);border:1px dashed var(--er-primary)}@media (min-width: 640px){.er-manual-trip-form{grid-template-columns:repeat(2,1fr);align-items:end}}.er-manual-trip-form .er-btn{grid-column:1 / -1;margin-top:.5rem}.er-input.span-full{grid-column:1 / -1}.er-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--er-radius-s);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.er-btn-primary{background:var(--er-primary);color:#fff;box-shadow:0 4px 12px var(--er-primary-soft)}.er-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.er-btn-ghost{background:transparent;color:var(--er-primary);border:1px solid var(--er-primary)}.er-btn-ghost:hover{background:var(--er-primary-soft)}.er-btn-full{width:100%}.er-added-trip{animation:fadeIn .3s ease-out forwards;background:#fff;padding:.75rem;border-radius:var(--er-radius-s);border-left:3px solid var(--er-primary);margin-top:.5rem;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--er-divider);border-left-width:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}dialog.er-delete-modal[open]{display:flex!important;flex-direction:column;align-items:center;justify-content:center}