:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f1f5f9;color:#0f172a}body{margin:0;min-height:100vh;background-color:#f1f5f9}a{color:inherit}.app-shell{background-color:#f1f5f9;min-height:100vh;padding:2.5rem 1rem}@media (min-width: 640px){.app-shell{padding:3rem 1.5rem}}@media (min-width: 1024px){.app-shell{padding:3.5rem 2rem}}.transaction-detail{background-color:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px -20px #0f172a73;margin:0 auto;max-width:960px;padding:2rem}@media (min-width: 768px){.transaction-detail{padding:2.5rem}}.transaction-detail__header{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem}@media (min-width: 1024px){.transaction-detail__header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.transaction-detail__title{display:flex;flex-direction:column;gap:.75rem}.transaction-detail__subtitle{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.transaction-detail__heading{color:#0f172a;font-size:2rem;font-weight:600;margin:0}@media (min-width: 1024px){.transaction-detail__heading{font-size:2.25rem}}.transaction-detail__category{color:#64748b;font-size:.95rem;margin:0}.transaction-detail__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#64748b;font-size:.875rem}.transaction-detail__meta-dot{align-self:center;background-color:#cbd5f5;border-radius:50%;display:inline-flex;height:4px;width:4px}.transaction-detail__status{align-items:flex-start;display:flex;flex-direction:column;gap:.6rem;text-align:left}.transaction-detail__date{color:#94a3b8;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.status-chip{border-radius:999px;border:1px solid transparent;font-size:.875rem;font-weight:600;padding:.4rem .85rem;display:inline-flex;align-items:center}.status-chip--completed{background-color:#ecfdf5;border-color:#bbf7d0;color:#047857}.status-chip--processing{background-color:#fef3c7;border-color:#fde68a;color:#b45309}.status-chip--failed{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.amount{font-size:2.5rem;font-weight:700;margin:0}.amount--incoming{color:#059669}.amount--outgoing{color:#e11d48}.amount--neutral{color:#0f172a}.amount-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.transaction-detail__body{display:grid;gap:1.5rem;padding-top:1.5rem}@media (min-width: 768px){.transaction-detail__body{grid-template-columns:1.2fr .8fr}}.panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem}.panel__title{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.16em;margin:0;text-transform:uppercase}.panel__list{display:grid;gap:1rem;margin-top:1.25rem}.panel__row{align-items:center;color:#475569;display:flex;justify-content:space-between;font-size:.95rem}.panel__label{color:#64748b;font-size:.875rem}.panel__value{color:#0f172a;font-weight:600}.panel__text{color:#475569;font-size:.95rem;line-height:1.6;margin-top:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.tag{background-color:#e2e8f0;border-radius:999px;color:#475569;font-size:.75rem;font-weight:500;padding:.4rem .75rem}.message-card{background-color:#fff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 10px 30px -20px #0f172a73;margin:0 auto;max-width:720px;padding:2.5rem 2rem;text-align:center}.message-card--error{border-color:#fecaca}.message-card__title{color:#b91c1c;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.message-card__text{color:#b91c1c;font-size:.95rem;margin:0}.not-found{background-color:#fff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 10px 30px -20px #0f172a73;margin:0 auto;max-width:720px;padding:2.5rem 2rem;text-align:center}.not-found__title{color:#0f172a;font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.not-found__text{color:#475569;font-size:.95rem;margin:0 auto;max-width:540px}.root-error{align-items:center;background-color:#f1f5f9;color:#475569;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2.5rem 1rem;text-align:center}.root-error__title{color:#0f172a;font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.root-error__text{color:#475569;font-size:.95rem;margin:0 auto;max-width:540px}