body{background-color:#1c1c1c}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}button:hover{background-color:#0056b3;transform:scale(1.05)}button:disabled{background-color:#555;cursor:not-allowed}h1,h2,h3{color:#f39c12;text-shadow:2px 2px 4px #000000b3}form{align-items:center;background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;margin:20px auto;max-width:500px;padding:20px}form label{color:#ddd;font-size:1.2rem;margin:10px 0}form input,form select{border:none;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.list-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:40px auto;max-width:1200px;padding:20px}.list-title{font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:5px;margin-top:55px;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase}.card,.list-title{color:#fff;text-align:center}.card{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #00000080;padding:15px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.card:hover{background-color:#f39c12;box-shadow:0 6px 12px #000000b3;transform:scale(1.05)}.card h3{word-wrap:break-word;font-size:1.5rem;margin:0 auto 10px;text-align:center}.card h3,.card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card p{color:#ddd;font-size:1rem}@media (max-width:768px){.list-title{font-size:2rem}.card{min-width:200px}}@media (max-width:480px){.list-title{font-size:1.5rem}.card{min-width:180px}}.homepage{min-height:100vh}.main-image-container{height:100vh;margin:0}.main-image{padding:0}.overlay-text{max-width:40%;right:5%;text-align:right;text-shadow:2px 2px 4px #000000b3;top:15%}@media (max-width:768px){.overlay-text{font-size:2.5rem;right:5%;top:10%}}@media (max-width:480px){.overlay-text{font-size:2rem;right:5%;top:5%}}body{background-color:#1f1f1f;color:#fff;font-family:Arial,sans-serif;height:100%;overflow-x:hidden}.homepage,body{margin:0;padding:0}.homepage{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}.homepage,.main-image-container{overflow:hidden;position:relative}.main-image,.main-image-container{height:100%;width:100%}.main-image{border-radius:0;margin:0;object-fit:cover}.overlay-text{word-wrap:break-word;box-sizing:border-box;color:#fff;font-size:3rem;font-weight:700;left:50%;max-width:90%;padding:10px;position:absolute;text-align:center;text-shadow:4px 4px 6px #000000b3;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.overlay-text{font-size:2.5rem}}@media (max-width:480px){.overlay-text{font-size:2rem;top:45%}}.account-section{align-items:center;background-color:#1f1f1f;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;margin:40px auto;max-width:900px;padding:20px}.account-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.action-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0}.action-buttons button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease,transform .3s ease}.action-buttons button:hover{background-color:#2980b9;transform:scale(1.05)}.account-lists{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px;width:100%}.list-card{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #00000080;color:#fff;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.list-card:hover{background-color:#f39c12;box-shadow:0 6px 12px #000000b3;transform:scale(1.05)}.list-card h3{font-size:1.5rem;margin-bottom:10px}.list-card button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .3s ease,transform .3s ease}.list-card button:hover{background-color:#2ecc71;transform:scale(1.05)}.add-account-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease,transform .3s ease}.add-account-button:hover{background-color:#2ecc71;transform:scale(1.05)}.add-account-button:focus{box-shadow:0 0 5px #2ecc71;outline:none}.list-card-empty{color:#ccc;font-size:1.2rem;margin-top:20px;text-align:center}@media (max-width:768px){.account-title{font-size:1.8rem}.list-card{font-size:.9rem}.add-account-button{font-size:.9rem;padding:10px 15px}}@media (max-width:480px){.account-title{font-size:1.5rem}.list-card{font-size:.8rem;padding:10px}.add-account-button{font-size:.8rem;padding:8px 12px}}.header{background-color:#1f1f1f;box-shadow:0 4px 6px #0000001a;color:#fff;flex-direction:column;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header,.logo-container{align-items:center;display:flex}.logo-container{justify-content:center;margin-bottom:10px}.logo{height:auto;object-fit:contain;width:300px}.header-bottom{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;max-width:1200px;padding:10px 0;width:100%}.nav,.nav-list{display:flex;gap:25px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{font-size:1.1rem;font-weight:500}.link{color:#fff;text-decoration:none;transition:color .3s ease}.link:hover{color:#f39c12}.search-container{align-items:center;display:flex;gap:8px}.search-bar{background-color:#2a2a2a;border:1px solid #555;border-radius:5px;color:#fff;font-size:.9rem;outline:none;padding:8px;width:250px}.search-bar::placeholder{color:#aaa}.search-bar:focus{border-color:#f39c12}.search-button{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.search-button:hover{background-color:#d37f10}.container{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:20px;text-align:center;width:90%}@media (max-width:768px){.container{padding:15px}body{flex-direction:column;height:auto;padding:10px}}@media (max-width:480px){.container{font-size:.9rem;width:95%}}
/*# sourceMappingURL=main.c10b99a7.css.map*/