@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.navbar{align-items:center;background-color:var(--dark-color);box-shadow:0 4px 12px #00000026;box-sizing:border-box;color:var(--light-color);display:flex;height:70px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;top:0;width:100%;z-index:1000}.navbar-brand{color:var(--white-color);font-size:1.7rem;font-weight:700;text-decoration:none;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-links{align-items:center;display:flex;gap:1.5rem}.navbar-links a{border-radius:8px;color:var(--light-color);font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease,color .3s ease}.navbar-links a:hover{background-color:var(--primary-color);color:var(--white-color)}.logout-btn{background-color:var(--danger-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .3s ease}.logout-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.dashboard-container{align-items:flex-start;display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.list-panel{background:var(--white-color);border-radius:16px;box-shadow:0 8px 25px #00000014;flex:3 1;padding:2rem}.list-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.list-header h1{color:var(--dark-color);margin:0}.list-header p{color:#777;margin:.5rem 0 0}.list-header p span{background-color:#eaf2fc;border-radius:6px;color:var(--primary-color);font-weight:600;padding:.2rem .5rem}.add-item-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.add-item-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;width:100%}.form-row{display:flex;gap:1rem}.add-item-form button{background:var(--secondary-color);border:none;border-radius:8px;color:var(--dark-color);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 0;transition:all .3s ease}.add-item-form button:hover{background-color:#48d1b5;box-shadow:0 4px 10px #50e3c266;transform:translateY(-2px)}.item-list{list-style:none;margin:0;padding:0}.empty-list{background-color:#f9f9f9;border-radius:8px;color:#888;padding:2rem;text-align:center}.item-card{align-items:center;animation:slideInUp .5s ease-out;background:#f7fafc;border-left:5px solid var(--primary-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.item-card:hover{box-shadow:0 4px 15px #0000000d;transform:translateX(5px)}.item-details{display:flex;flex-direction:column;gap:.25rem}.item-name{color:var(--dark-color);font-size:1.1rem;font-weight:600}.item-meta{color:#555;font-size:.9rem}.item-notes{color:#777;font-size:.8rem;font-style:italic}.item-added-by{color:var(--primary-color);font-size:.75rem;font-weight:500;padding-top:5px}.delete-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;transition:color .3s,transform .3s}.delete-btn:hover{color:var(--danger-color);transform:scale(1.2)}.family-panel{background:var(--white-color);border-radius:16px;box-shadow:0 8px 25px #00000014;flex:1 1;padding:2rem;position:sticky;top:90px}.family-panel h2{color:var(--dark-color);margin:0 0 1.5rem;text-align:center}.member-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.member-card{align-items:center;background-color:#f7fafc;border-radius:50px;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.member-card:hover{background-color:#eaf2fc;transform:scale(1.03)}.member-avatar{border:2px solid var(--white-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;height:45px;width:45px}.member-card span{color:#333;font-weight:500}.add-item-form h3{color:var(--dark-color);font-weight:600;margin-bottom:1.5rem;margin-top:0;text-align:center}.form-actions{display:flex;gap:1rem}.form-actions .submit-btn{background:var(--primary-color);color:#fff;flex-grow:1}.form-actions .submit-btn:hover{background-color:#3a7ac8}.form-actions .cancel-btn{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;flex-grow:1;font-size:1rem;font-weight:600;padding:12px 0;transition:all .3s ease}.form-actions .cancel-btn:hover{background-color:#ccc}.item-actions{display:flex;gap:.5rem}.item-actions .edit-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;transition:color .3s,transform .3s}.item-actions .edit-btn:hover{color:var(--primary-color);transform:scale(1.2)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.auth-form{animation:fadeIn .5s ease-in-out;background:var(--white-color);border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:420px;padding:2.5rem;width:100%}.auth-title{color:var(--dark-color);font-size:2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.auth-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.auth-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.auth-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:12px 0;transition:background-color .3s ease,transform .2s ease;width:100%}.auth-button:hover{background-color:#3b7dc4;transform:translateY(-2px)}.auth-switch{color:#555;cursor:pointer;font-size:.9rem;margin-top:1.5rem;text-align:center;text-decoration:underline}.auth-switch a{color:var(--primary-color);font-weight:600}.error-message{padding:10px}.phone-input-container{margin-bottom:1rem}.PhoneInput{align-items:center;display:flex;width:100%}.PhoneInputInput{border:1px solid #ccc;border-left:none;border-radius:8px;border-bottom-left-radius:0;border-top-left-radius:0;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.PhoneInputCountry{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;padding:5px}.PhoneInputInput:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.success-modal{text-align:center}.family-code-display{background-color:#e0f2fe;border:2px dashed #4a90e2;border-radius:8px;color:#0c5460;font-size:2rem;font-weight:700;letter-spacing:4px;margin:1.5rem 0;padding:1rem;-webkit-user-select:all;user-select:all}:root{--primary-color:#4a90e2;--secondary-color:#50e3c2;--dark-color:#2c3e50;--light-color:#ecf0f1;--background-color:#f4f7f6;--white-color:#fff;--danger-color:#e74c3c}body{background-color:#f4f7f6;background-color:var(--background-color);color:#333;font-family:Poppins,sans-serif;margin:0}main{padding-left:1rem;padding-right:1rem;padding-top:80px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;box-sizing:border-box;color:#721c24;margin-bottom:1rem;padding:10px 15px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.613539ff.css.map*/