.login-page{background-color:#c19a6b}.login-container{display:flex;align-items:center;justify-content:center;height:100vh}.blurred{filter:blur(10px);transition:filter .1s}.signup-modal-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto}.modal-background{background:linear-gradient(to top,#dfba86,#b88147);padding:3rem;border-radius:12px;box-shadow:0 8px 24px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.login-left-panel{background-color:#b88147;border-radius:12px 0 0 12px;display:flex;flex-direction:column;justify-content:space-evenly}.form-login-group,.form-signup-group{display:flex;flex-direction:column;margin-bottom:50px;margin-top:60px}.form-login-group label,.form-signup-group label{margin-bottom:5px;font-size:20px;font-weight:700}.form-login-group input,.form-signup-group input{padding:.8rem;border-radius:6px;border:none;background-color:#f5e6c1}.form-login-group input:focus,.form-signup-group input:focus{outline:none}.password-requirements ul{margin:0}.sign-in-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:70px}.sign-in-button,.sign-up-button,.back-to-login{background-color:#f5e6c1;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:20px;font-weight:700;border:none;border-radius:5px;box-shadow:2px 2px 6px #0000004d;cursor:pointer}.back-to-login{padding:.5rem;font-size:16px}.sign-in-button:hover,.sign-up-button:hover,.back-to-login:hover{transform:scale(1.05);transition:.2s}.login-right-panel{display:flex;flex-direction:column;align-items:center;background-color:#dfba86;border-radius:0 12px 12px 0}.welcome-msg{font-size:60px;transform:scale(.8);text-align:center;margin-bottom:0}.login-logo{width:200px;height:200px;border-radius:50%;object-fit:cover}.new-mover-label{margin:15px 0 5px}.login-left-panel,.login-right-panel{width:100%;height:100%;max-width:500px;max-height:500px;padding:20px;box-shadow:1px 2px 15px #00000080}@media (max-width: 1024px){.login-container{flex-direction:column;height:auto;padding:20px}.login-left-panel{border-radius:12px 12px 0 0}.login-right-panel{border-radius:0 0 12px 12px}.login-left-panel,.login-right-panel{max-width:90%}.welcome-msg{font-size:36px;transform:scale(1)}.login-logo{width:150px;height:150px}}body{margin:0;font-family:Courier New,monospace;background-color:#c19a6b}.grid-container-pg{display:grid;grid-auto-rows:200px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:75px;margin:100px;padding:10px;font-family:Courier New,monospace}.grid-container-pg>div:hover,.sign-up-button:hover{transform:scale(1.05);transition:.2s}.grid-container-pg>div{display:flex;font-family:Courier New,monospace;background-color:#b88147;border:1px solid black;padding:10px;font-size:30px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.grid-box-pg{display:grid;grid-auto-rows:275px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:150px;margin:100px;padding:10px}.grid-box-pg>div:hover,.sign-up-button:hover{transform:scale(1.05);transition:.2s}.grid-box-pg>div{display:flex;font-family:Courier New,monospace;background-color:#b88147;border:1px solid black;padding:10px;font-size:30px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.boxes-header{position:relative;height:80px;display:flex;justify-content:space-between;align-items:center}.containers-header{position:relative;height:80px}.header-title{font-size:50px}.container-header-title{font-size:50px;display:flex;justify-content:center}.back-button,.qr-nav-button{padding:.5rem 1rem;margin:15px;background-color:#f5e6c1;border:none;border-radius:6px;font-weight:700;cursor:pointer;box-shadow:2px 2px 6px #0003;font-family:Courier New,monospace}.search-bar__control{display:flex;align-items:center;width:100%;max-width:450px;margin:2rem auto 1rem;background-color:#f5e6c1;border-radius:8px;padding:6px 12px;box-shadow:2px 2px 6px #00000040;border:2px solid #c6a16e;font-family:Courier New,monospace}.search-bar__input{flex:1;background:transparent;font-size:16px;padding:0;border:none;outline:none;color:#3e3e3e;font-family:Courier New,monospace}.search-bar__placeholder{color:#7a5c3e;opacity:1}.search-bar__menu{background-color:#fdf6e4;border-radius:6px;box-shadow:0 4px 10px #00000026;margin-top:6px;font-family:Courier New,monospace}.search-bar__option{padding:10px;cursor:pointer;color:#3e3e3e}.search-bar__option--is-focused,.search-bar__option--is-selected{background-color:#e7c87f;color:#3e3e3e}.items-page{min-height:100vh;margin:0;background-color:#b88147;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.items-page .header{text-align:center;margin-top:20px;font-size:2rem}.input-bar-container{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;background-color:#dcdcdc;padding:10px;border-top:1px solid #ccc;z-index:100}.textInput-bar,.add-bar,.mic-bar,.photo-bar{display:flex;justify-content:center;align-items:center;background-color:#dcdcdc;height:50px;min-width:50px;padding:0 12px;border-radius:6px;cursor:pointer;box-shadow:1px 1px 5px #0003}.material-icons{font-size:30px;color:#333}.items-page .add-item-form{display:flex;flex-direction:column;gap:10px;margin:20px;width:90%;max-width:500px}.add-item-form input,.add-item-form button{padding:12px;font-size:1rem;border:none;border-radius:6px}.add-item-form input:focus{outline:none}.add-item-form button{background-color:#f5e6c1;font-weight:700;cursor:pointer}.items-page .items-table{margin:20px auto;font-size:1.2rem;border-collapse:collapse;table-layout:fixed;width:90%;max-width:600px;text-align:center}@media (max-width: 768px){.input-bar-container{flex-direction:column;align-items:stretch}.textInput-bar,.add-bar,.mic-bar,.photo-bar{width:100%}.items-page .header{font-size:1.5rem}.items-page .items-table{font-size:1rem;width:95%}}.items-page .back-button{position:fixed;top:30px;left:10px;margin:0;padding:.5rem 1rem;background-color:#f5e6c1;border:none;border-radius:6px;font-weight:700;cursor:pointer;box-shadow:2px 2px 6px #0003;font-family:Courier New,monospace;z-index:1000}.items-table{margin:20px auto;border-collapse:collapse;table-layout:fixed;width:100%}.items-table{text-align:center}#root{background-color:#c19a6b;min-height:100vh}html,body{background-color:#c19a6b;margin:0;padding:0;font-family:Courier New,monospace;height:100%}.new-page-form-container{display:flex;justify-content:center;padding-top:15vh;min-height:100vh;background-color:#c19a6b}.new-page-form-login-group{background-color:transparent;background-color:#b88147;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:320px;display:flex;flex-direction:column;gap:1rem}.new-page-form-login-group label{font-size:1rem;font-weight:600;margin-bottom:.25rem}.new-page-form-login-group input{padding:.75rem;border-radius:8px;border:1px solid #d6c4a8;background-color:#f5e6c1;font-size:1rem;font-family:Courier New,monospace}.new-page-new-container-button{background-color:#f5e6c1;padding:.8rem;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;border:none;border-radius:8px;box-shadow:2px 2px 6px #0003;cursor:pointer;transition:background-color .2s ease}.new-page-new-container-button:hover{background-color:#d9b867}.error-modal-container{position:fixed;transform:translate(-50%);left:50%;margin-top:40px;background-color:#fff;color:#ff0331;padding:16px 24px;border-radius:8px;z-index:1;display:flex;align-items:center;gap:10px}.error-msg{font-weight:700}.error-close{font-size:24px;font-weight:700;color:#ff0331;border:none}.error-close:hover{color:#ff0331;cursor:pointer;transform:scale(1.2);transition:.2s}.print-button,.print-back-button{background-color:#f5e6c1;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:20px;font-weight:700;border:none;border-radius:8px;box-shadow:2px 2px 6px #0000004d;cursor:pointer;display:block;margin:15px auto}.print-button:hover{transform:scale(1.05);transition:.2s}.print-back-button{position:absolute;left:20px;padding:.5rem 1rem}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.individual-qr{display:flex;flex-direction:column;align-items:center}.individual-qr label{margin-bottom:10px;max-width:256px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}@media print{.print-button,.print-back-button{display:none}}