*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;color:#0f172a;padding:24px 16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #e2e8f0}.sidebar h1{font-size:18px;margin-bottom:24px;color:#0f172a}.sidebar a{color:#475569;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:500}.sidebar a.active,.sidebar a:hover{background:#e0f2fe;color:#0369a1}.content{flex:1;padding:32px;max-width:1100px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:20px;overflow-x:auto}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-grid .card{margin-bottom:0}.stat-value{font-size:28px;font-weight:700;color:#0f172a}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e2e8f0;font-size:14px}th{color:#64748b;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.02em}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;color:#fff}.amount-negative{color:#dc2626}.amount-positive{color:#16a34a}input,select,button{font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1}input:focus,select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}button{background:#0ea5e9;color:#fff;border:none;cursor:pointer;font-weight:500}button:hover{background:#0284c7}@media (max-width: 768px){.app-shell{flex-direction:column;min-height:auto}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;gap:6px;border-right:none;border-bottom:1px solid #e2e8f0}.sidebar h1{width:100%;margin:0 0 8px;font-size:16px}.sidebar a{padding:8px 10px;font-size:14px}.sidebar button{margin-top:0!important;margin-left:auto!important}.content{padding:16px;max-width:100%}.stat-grid{grid-template-columns:1fr}}