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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{margin:0 auto;max-width:800px;padding:2rem}.App-header{align-items:center;background-color:#22c044;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.App-header h1{font-size:2rem;margin:0}.user-controls{align-items:center;display:flex;gap:1rem}.logout-button{background-color:#fff;border:none;border-radius:6px;color:#c82020;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background .3s}.logout-button:hover{background-color:#e0e8ff}form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}form input,form textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.7rem;width:100%}form button{background-color:#3e64ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.7rem 1.2rem;transition:background .3s}form button:hover{background-color:#2f4ccc}ul{list-style:none;padding:0}li{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}li button{border:none;border-radius:4px;cursor:pointer;margin-right:.5rem;padding:.3rem .7rem}li button:hover{opacity:.9}li button:first-child{background-color:#6c63ff;color:#fff}li button:nth-child(2){background-color:#ffb703;color:#fff}li button:nth-child(3){background-color:#e63946;color:#fff}p{background-color:#fff4d9;border-radius:6px;color:#8a6d3b;margin-top:1rem;padding:.75rem 1rem}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-content{background-color:#fff;border-radius:10px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-content h2{margin-top:0}.modal-content button{background-color:#3e64ff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.modal-content button:hover{background-color:#2f4ccc}
/*# sourceMappingURL=main.35f6f89d.css.map*/