*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f5f5f5}.container{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#fff;border-radius:12px;width:350px;padding:2rem;box-shadow:0 2px 10px #0000001a}.card h1{margin-bottom:1rem}.card input{width:100%;margin-bottom:1rem;padding:12px}.card button{color:#fff;cursor:pointer;background:#000;border:none;width:100%;padding:12px}.navbar{color:#fff;background:#000;justify-content:space-between;padding:1rem 2rem;display:flex}.page-container{padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.bill-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.bill-card{color:#000;background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;box-shadow:0 2px 10px #0000001a}.bill-details-card{background:#fff;border-radius:12px;padding:2rem}.modal-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:400px;padding:2rem}.secondary-btn{color:#000;background:#ddd;margin-top:1rem}.items-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.item-card{background:#f8f8f8;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.item-actions{gap:.5rem;display:flex}.item-actions button{width:auto;padding:8px 14px}.danger-btn{color:#fff;background:#dc2626}
