.login-container{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#f0f0f0;height:100vh}.login-form{background-color:#fff;padding:2rem 3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-form h2{margin-bottom:1.5rem;color:#333;text-align:center}.submit-button{width:100%;padding:.8rem;background-color:#28a745;color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#218838}.login-form p{margin-top:1rem;text-align:center}.login-form a{color:#007bff;text-decoration:none}.login-form a:hover{text-decoration:underline}.home-container{display:flex;flex-direction:row;height:100vh;width:100%}.welcome-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:#f5f5f5;text-align:center}.welcome-section h1{font-size:3rem;margin-bottom:1rem;color:#333}.welcome-section p{font-size:1.2rem;margin-bottom:2rem;color:#666;max-width:600px}.login-button{padding:.8rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:25px;text-decoration:none;font-size:1rem;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.interactive-3d{flex:1;background-color:#000}.register-container{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#eef2f3;height:100vh}.register-form{background-color:#fff;padding:2rem 3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.register-form h2{margin-bottom:1.5rem;color:#333;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555}.form-group input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.submit-button{width:100%;padding:.8rem;background-color:#17a2b8;color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#138496}.error-message{color:#dc3545;margin-bottom:1rem;text-align:center}.register-form p{margin-top:1rem;text-align:center}.register-form a{color:#17a2b8;text-decoration:none}.register-form a:hover{text-decoration:underline}.dashboard-container{position:relative;padding:1em;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:2rem}.dashboard-container h2{font-size:2rem;margin-bottom:1rem}.nav-container{position:relative;width:100%;height:10%;display:flex;justify-content:start;align-items:center;background-color:#d3d3d3}.content-container{width:100%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:2em}.layouts-list{display:flex;flex-wrap:wrap;gap:1rem}.layout-item{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s}.layout-item:hover{transform:translateY(-5px)}.layout-item h3{margin:0;font-size:1.5rem}.layout-item p{margin:.5rem 0 0;color:#666}.error-message{color:#dc3545;text-align:center}.logout-button{position:absolute;top:1rem;right:1rem;background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#c82333}.menu{width:60px;background-color:#333;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding-top:20px}.menu ul{list-style:none;padding:0;margin:0;width:100%}.menu li{width:100%;margin-bottom:20px}.menu a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:14px;padding:10px 0;transition:background-color .3s}.menu a:hover{background-color:#575757}.create-layout-container{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#eef2f3;height:100vh}.create-layout-form{background-color:#fff;padding:2rem 3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:500px}.create-layout-form h2{font-size:2rem;margin-bottom:1rem;text-align:center}.create-layout-form .form-group{margin-bottom:1.5rem}.create-layout-form label{display:block;margin-bottom:.5rem;font-weight:700}.create-layout-form input,.create-layout-form textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.create-layout-form textarea{resize:vertical;height:100px}.create-layout-form .submit-button{width:100%;padding:.8rem;background-color:#007bff;color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.create-layout-form .submit-button:hover{background-color:#0056b3}.create-layout-form .error-message{color:#dc3545;margin-bottom:1rem;text-align:center}.layout-view-container{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.layout-view-container .nav-container{position:relative;width:100%;height:10%;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3}.canvas-container{width:100%;height:90%;display:flex;justify-content:center;align-items:center}.edit-button,.add-cube-button{padding:10px 20px;font-size:14px;cursor:pointer}.edit-button:hover,.add-cube-button:hover{background-color:salmon}.edit-layout-container{display:flex;flex-direction:column;height:100vh}.nav-container{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f0f0f0}.buttons{display:flex;gap:10px}.add-shape-button,.remove-shape-button,.save-button,.end-editing-button{padding:10px 20px;font-size:14px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px}.remove-shape-button{background-color:#f44336}.add-shape-button:hover,.remove-shape-button:hover,.save-button:hover,.end-editing-button:hover{opacity:.8}.main-content{display:flex;flex:1}.side-panel{width:300px;padding:20px;background-color:#556b2f;border-right:1px solid #ccc;overflow-y:scroll;display:flex;flex-direction:column;margin-left:60px}#side-panel{overflow-y:scroll}.side-panel h2{margin-top:0;color:#fff}.side-panel label{display:flex;flex-direction:column;margin-bottom:15px;font-size:14px;color:#fff}.side-panel input,.side-panel select{padding:8px;font-size:14px;margin-top:5px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.shape-controls{margin-top:20px}.shape-controls h3{margin-bottom:10px;color:#fff}.canvas-container{flex:1;background-color:#fff}.shape-list{list-style-type:none;padding:0;margin:10px 0}.shape-list li{padding:5px;cursor:pointer;background-color:#f0f0f0;margin-bottom:5px;border-radius:4px}.shape-list li.selected{background-color:#4caf50;color:#fff}.shape-list li:hover{background-color:#ddd}.deselect-button{padding:10px 20px;font-size:14px;cursor:pointer;background-color:#f0ad4e;color:#fff;border:none;border-radius:4px;margin-top:10px;margin-left:10px}.deselect-button:hover{background-color:#ec971f}.success-message{position:fixed;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 4px #0003;z-index:1000}body,html,#root{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:scroll}a{color:inherit;text-decoration:none}button{cursor:pointer}