html,body,#root{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#121212;color:#e0e0e0}.home-page{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.home-header{display:flex;justify-content:flex-end;padding:10px 20px;background-color:#1f1f1f;box-shadow:0 2px 4px #00000080}.login-section{display:flex;gap:10px}.user-info{display:flex;gap:10px;align-items:center}.subscriptions,.navigation-link{background-color:#8c0ce1;text-decoration:none;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;color:#e0e0e0;font-size:16px;display:inline-block;text-align:center}.subscriptions:hover{background-color:#a048dc}.navigation-link{background-color:#e10ccf;margin:0 10px}.navigation-link:hover{background-color:#dc48d0}.center-container{display:flex;justify-content:center;align-items:center;height:100%}.login-button,.logout-button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;background-color:#292929;color:#e0e0e0;transition:background-color .3s;text-decoration:none}.login-button:hover,.logout-button:hover{background-color:#444}.home-main{flex:1;display:flex;justify-content:center;align-items:center}.add-list-section{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.list-input{padding:10px;width:400px;font-size:16px;border:1px solid #444;border-radius:5px;background-color:#1e1e1e;color:#e0e0e0}.create-list-button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background-color:#007acc;color:#fff;transition:background-color .3s}.create-list-button:hover{background-color:#005f99}.home-footer{width:100%;display:flex;justify-content:flex-start;padding:10px 20px;background-color:#1f1f1f}button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;color:#fff;transition:background-color .3s}button.denger{background-color:#ff5252}button.click{background-color:#005f99}button.sub{background:#037c40}.buttons-footer button{margin-left:15px}.buttons-footer button:first-child{margin-left:0}.reset-app-button{background-color:#ff5252}.reset-app-button:hover{background-color:#e04848}.modal-content{background:#1f1f1f;color:#e0e0e0;padding:20px;border-radius:8px;width:80%;max-width:80%;box-shadow:0 4px 10px #00000080}.user-picture{width:100px;height:100px;border-radius:50%;margin-bottom:15px}.user-info-list{list-style:none;padding:0;margin:10px 0}.user-info-list li{margin-bottom:8px}.user-info-button{background:#007acc}.user-info-button:hover{background-color:#005f99}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1f1f1f;color:#e0e0e0;padding:20px;border-radius:8px;width:80%;max-width:500px;box-shadow:0 4px 10px #00000080}.modal-content h2{margin-top:0}.lists-display{list-style:none;padding:0;margin:10px 0}.lists-display li{margin-bottom:10px}.modal-close-button{background:#ff5252;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background .3s}.modal-close-button:hover{background:#e04848}.open-lists-button{background:#037c40}.open-lists-button:hover{background:#005f99}