html,body,#root{min-height:100%}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:28px;box-shadow:0 12px 35px #0000001a}.login-logo{color:#fff;background:#111827;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:22px;font-weight:900;display:flex}.login-card h1{margin:0 0 8px}.muted{color:#6b7280;margin:0 0 20px}.login-card input{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:14px}.login-card input:focus,.search-input:focus{border-color:#111827}.primary-button{color:#fff;background:#111827;border:0;border-radius:10px;width:100%;padding:14px;font-weight:800}.error-box{color:#991b1b;background:#fee2e2;border-radius:10px;margin:12px 0;padding:12px;font-weight:700}.app{width:100%;max-width:900px;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.topbar h1{margin:0 0 8px;font-size:28px}.readonly-badge{color:#1e40af;background:#dbeafe;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-block}.logout-button{background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 13px;font-weight:700}.summary-card{color:#fff;background:#111827;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:20px;display:flex}.summary-label{color:#d1d5db;margin-bottom:5px;font-size:13px;display:block}.summary-value{font-size:28px;display:block}.summary-count{background:#ffffff1f;border-radius:999px;flex-shrink:0;padding:8px 12px;font-weight:800}.controls{gap:10px;margin-bottom:12px;display:flex}.search-input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-width:0;padding:13px}.refresh-button{color:#fff;background:#2563eb;border:0;border-radius:10px;padding:0 18px;font-weight:800}.price-info{color:#4b5563;background:#fff;border-radius:10px;margin-bottom:15px;padding:10px 12px;font-size:13px}.debt-list{flex-direction:column;gap:12px;display:flex}.debt-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:18px;box-shadow:0 2px 8px #0000000a}.debt-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.debt-header h2{margin:0 0 4px;font-size:19px}.village{color:#6b7280}.product-badge{background:#f3f4f6;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:900}.debt-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0;display:grid}.debt-grid div{min-width:0}.debt-grid span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.debt-grid strong{font-size:14px}.debt-total{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding-top:13px;display:flex}.debt-total span{color:#6b7280;font-weight:700}.debt-total strong{font-size:21px}.empty-card{color:#6b7280;text-align:center;background:#fff;border-radius:15px;padding:35px 20px}footer{color:#9ca3af;justify-content:space-between;gap:10px;margin-top:24px;padding:15px 2px;font-size:11px;display:flex}@media (width<=600px){.app{padding:14px}.topbar h1{font-size:23px}.summary-card{flex-direction:column;align-items:flex-start}.summary-value{font-size:25px}.controls{flex-direction:column}.refresh-button{padding:12px}.debt-grid{grid-template-columns:1fr 1fr}.debt-grid div:first-child{grid-column:1/-1}footer{flex-direction:column}}