body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{background-color:#f8fafc;color:#2c3e50;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.8}.App{flex-direction:column;min-height:100vh}.App,.navbar{display:flex;justify-content:space-between}.navbar{align-items:center;background-color:#34495e;box-shadow:0 2px 8px #0000001a;padding:15px 30px;width:100%}.navbar ul{display:flex;gap:25px;list-style:none}.navbar li{margin:0}.navbar a{color:#ecf0f1;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:#1abc9c}.navbar-right{align-items:center;display:flex;gap:20px;margin-left:auto}.button{background:linear-gradient(135deg,#1abc9c,#16a085);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.button:hover{background:linear-gradient(135deg,#16a085,#1abc9c);transform:scale(1.05)}.App-header{background-color:#2c3e50;box-shadow:0 4px 8px #0003;color:#fff;padding:80px 20px;text-align:center}.App-header h1{font-size:3.2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}.App-header p{font-size:1.2rem;margin:0 auto;max-width:700px;opacity:.85}.search-bar{border:1px solid #ddd;border-radius:25px;box-shadow:0 2px 6px #0000001a;font-size:1rem;margin:20px auto 0;max-width:500px;outline:none;padding:14px;transition:all .3s ease;width:60%}.search-bar:focus{border-color:#1abc9c;box-shadow:0 0 10px #1abc9c80}.suggestions-list{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 10px #0000000f;color:#34495e;font-size:.9rem;font-weight:500;list-style:none;margin-left:auto;margin-right:auto;margin-top:8px;max-width:500px;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:60%;z-index:10}.suggestions-list li{border-bottom:1px solid #f0f0f0;cursor:pointer;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;transition:background-color .25s ease,color .25s ease;white-space:nowrap}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:focus,.suggestions-list li:hover{background-color:#1abc9c;color:#fff;font-weight:600;letter-spacing:.02em;outline:none}.suggestions-list li:active{background-color:#16a085}@media (max-width:600px){.suggestions-list{font-size:.85rem;width:90%}}.content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:40px 20px}.content-box{background-color:#fff;border-radius:20px;box-shadow:0 6px 15px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.content-box:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.content-box h2{color:#2c3e50;font-size:1.5rem;margin-bottom:15px}.content-box p{color:#7f8c8d;font-size:.95rem}.footer{background-color:#34495e;box-shadow:0 -4px 8px #0000001a;margin-top:50px;padding:40px 20px}.footer,.logout-button{color:#fff;text-align:center}.logout-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:scale(1.05)}.logout-button:focus{outline:none}.logout-button:active{transform:scale(.98)}.footer p{font-size:1rem;margin:10px 0;opacity:.85}.social-icons{display:flex;gap:20px;justify-content:center;margin-top:20px}.social-icons a{color:#fff;font-size:1.5rem;transition:transform .3s ease}.social-icons a:hover{color:#1abc9c;transform:scale(1.2)}.welcome-message{background-color:#1abc9c;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1.2rem;font-weight:500;padding:10px 20px}
/*# sourceMappingURL=main.71b14ab2.css.map*/