:root{--color-primary: #c05252;--color-primary-hover: #a84444;--color-primary-light: #ffffff;--color-primary-border: #f0d0d0;--color-text-on-primary: #fff}html,body,#app{width:100vw;height:100vh;overflow:hidden;margin:0;display:flex;flex-direction:column;text-transform:uppercase;font-family:JetBrains Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}a{color:inherit;text-decoration:inherit}input{margin:0}select:focus{outline:none}.app-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.logo{margin-top:4px;height:24px;width:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-primary);color:#fff}.box{background-color:var(--color-primary-light);max-width:900px;margin:2em auto;padding:1em;border-radius:5px;box-shadow:0 0 10px #0000001a}.centered-container{display:flex;align-items:center;justify-content:center;height:100vh}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}.modal-content{position:relative;border-radius:5px;width:50%;height:20%;background:var(--color-primary)}.form-container{background-color:var(--color-primary-light);border-radius:10px;padding:2rem;max-width:600px;width:100%;box-shadow:0 4px 8px #0000001a}.form-title{color:var(--color-primary);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem}.flex-items{display:flex;gap:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-secondary:hover{background-color:var(--color-primary-hover)}.btn-secondary a{color:var(--color-text-on-primary)}.close-button{position:absolute;right:1rem;top:1rem}.input{flex-grow:1;background-color:transparent;font-size:16px;color:#000;padding:.2rem;border:none;max-width:80%}.input:focus{outline:none;border-bottom:1px solid #898989}.input-underline{outline:none;border-bottom:1px solid white}.input_designer_table{text-align:center;color:#fff;width:70%;padding:10px}.input_designer_row{flex:1;min-width:0;height:5px;padding-top:10px;padding-bottom:10px}.list{list-style-type:none;padding:0}.icon{cursor:pointer;margin:0;font-size:16px;width:20px;height:20px}.no-margin{margin:0}.text-center{text-align:center}.float-left{float:left}.float-right{float:right}.flex-centered{display:flex;justify-content:center;align-items:center}.mt-10{margin-top:10px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}