:root{--primary-color:#2e7d32;--primary-hover-color:#286c2c;--secondary-color:#3fce46;--secondary-hover-color:#2a9430;--background-color:#f0f4ff;--text-color:#333;--white-color:#fff;--light-gray:#f9f9f9;--shadow-color:#0000001a;--border-radius:8px;--paid-color:#2e7d32;--unpaid-color:#7d2e2e;--font-family:Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}*,body{width:100%}body{align-items:center;background-color:#f0f4ff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Arial,sans-serif;font-family:var(--font-family);justify-content:center;line-height:1.6;min-height:100vh}.send-friend-button,.toggle-paid-button{margin-bottom:30px}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75vh;padding:0;width:100%}.button,.capture-button,.edit-button,.retake-button,.save-button,button{border:none;border-radius:25px;cursor:pointer;font-size:18px;max-width:350px;padding:15px 25px;text-align:center;transition:background-color .3s ease;width:100%}.button,.button:hover,.capture-button,.capture-button:hover,.edit-button,.edit-button:hover,.retake-button,.retake-button:hover,.save-button,.save-button:hover,button,button:hover{background-color:#2e7d32;background-color:var(--primary-color);color:#fff;color:var(--white-color)}.edit-button{background-color:#3fce46;background-color:var(--secondary-color);border:2px solid #3fce46;border:2px solid var(--secondary-color)}.edit-button,.edit-button:hover{color:#fff;color:var(--white-color)}.edit-button:hover{background-color:#2a9430;background-color:var(--secondary-hover-color)}.save-button{border:2px solid #2e7d32;border:2px solid var(--primary-color)}.save-button:hover{background-color:#2e7d32;background-color:var(--primary-color);color:#fff;color:var(--white-color)}h1,h2,h3{color:#2e7d32;color:var(--primary-color);font-size:28px;text-align:center}.bills-page,h1,h2,h3{margin-bottom:30px}.bills-page,.camera-page,.container,.profile-container,.register{align-items:center;background-color:#fff;background-color:var(--white-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 3px 10px #0000001a;box-shadow:0 3px 10px var(--shadow-color);display:flex;flex-direction:column;margin:30px 0;max-width:800px;padding:30px}.dashboard{margin:0 auto;max-width:800px;padding:20px}.balance-section{background-color:#f9f9f9;background-color:var(--light-gray);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:20px;padding:15px;text-align:center}.balance-section h3{color:#2e7d32;color:var(--primary-color);font-size:22px;margin:0}.add-receipt-button{margin-bottom:30px}.add-friend-section button,.add-friend-section input{border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);padding:10px}.owe{color:#2e7d32;color:var(--primary-color)}.owed{color:#2e7d32;color:var(--paid-color)}.logout-button{background:none;border:none;color:#2e7d32;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:700;padding:10px 5px;transition:background-color .3s ease,color .3s ease}.logout-button:focus,.logout-button:hover{background-color:#2e7d32;background-color:var(--primary-color);color:#fff;color:var(--white-color)}.transactions-list{display:flex;flex-direction:column;gap:20px;width:100%}.transaction-item{background-color:#f9f9f9;background-color:var(--light-gray);border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-color);padding:20px;width:100%}.transaction-item p{margin:10px 0}.transaction-item .status{font-weight:700}.transaction-item .status.paid{color:#2e7d32;color:var(--paid-color)}.transaction-item .status.unpaid{color:#7d2e2e;color:var(--unpaid-color)}Copy code .transaction-item{background-color:#f9f9f9;background-color:var(--light-gray);border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-color);margin-bottom:10px;padding:10px;width:100%}.transaction-item p{font-size:16px;margin:5px 0}.transaction-details{border-left:2px solid #2e7d32;border-left:2px solid var(--primary-color);margin-top:10px;padding-left:15px}.status.paid{color:#2e7d32;color:var(--paid-color)}.status.unpaid{color:#7d2e2e;color:var(--unpaid-color)}.register input,.transaction-item p,input[type=date],input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);font-size:16px;margin-bottom:20px;padding:15px;width:100%}.profile-details{display:flex;flex-direction:column;gap:20px;width:100%}.sort-options{align-items:center;display:flex;gap:15px;margin-bottom:30px}.sort-options label,.sort-options select{color:#333;color:var(--text-color);font-size:16px}.sort-options select{background-color:#fff;background-color:var(--white-color);border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);padding:10px}.camera-placeholder{align-items:center;background-color:#f9f9f9;background-color:var(--light-gray);border-radius:8px;border-radius:var(--border-radius);color:#888;display:flex;font-size:1.2em;height:300px;justify-content:center;margin-bottom:20px;width:100%}ul{list-style:none;padding:0}li{border-radius:8px;border-radius:var(--border-radius);margin-bottom:25px;margin-top:15px;width:100%}.friends-page{margin:0 auto;max-width:400px;padding:20px}.add-friend-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.add-friend-section input{border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);padding:10px;width:100%}.add-friend-section button{background-color:#2e7d32;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white-color);cursor:pointer;padding:10px;transition:background-color .3s ease;width:100%}.add-friend-section button:hover{background-color:#286c2c;background-color:var(--primary-hover-color)}.navbar{background-color:#fff;bottom:0;box-shadow:0 -4px 2px #0003;justify-content:space-between;left:50%;max-width:75vh;padding-bottom:15px;padding-top:10px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.navbar-links{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;list-style:none;margin:10px 3 20px;width:100%}.nav-link{display:flex;height:100%;width:100%}.nav-link svg{color:#2e7d32;color:var(--primary-color);transform:scale(1.4)}.nav-link:hover svg{transform:scale(1.5)}.active-link svg,.nav-link:hover svg{color:#286c2c;color:var(--primary-hover-color)}.auth-buttons{gap:10px;margin-top:20px}.auth-buttons,.home{align-items:center;display:flex;flex-direction:column}.home{height:100vh;justify-content:center}.button-outlined{background-color:initial;border:2px solid #2e7d32;border:2px solid var(--primary-color);border-radius:25px;color:#2e7d32;color:var(--primary-color);cursor:pointer;font-size:20px;margin:10px;padding:10px 20px;transition:background-color .3s,color .3s}.button-outlined:hover{background-color:#286c2c;background-color:var(--primary-hover-color);color:#fff}.button-colored{background-color:#2e7d32;background-color:var(--primary-color);border:2px solid #2e7d32;border:2px solid var(--primary-color);border-radius:25px;color:#fff;cursor:pointer;font-size:20px;margin:10px;padding:10px 20px;transition:background-color .3s}.button-colored:hover{background-color:#286c2c;background-color:var(--primary-hover-color)}.register form{align-items:center;display:flex;flex-direction:column}
/*# sourceMappingURL=main.87227106.css.map*/