:root{--accent-color: #333333;--background-color: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--state-color: #357abd;--success-color: #4CAF50;--warning-color: #FFC107;--alert-color: #DA1414;--error-color: #DA1414;--link-color: #333333;--secondary-color: #7EA1C4;--disable-color: #EBEBE4}@font-face{font-family:Open Sans;src:url(/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf);font-weight:400;font-style:normal}@font-face{font-family:PlayfairDisplay;src:url(/assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf);font-weight:400;font-style:normal}@font-face{font-family:CinzelDecorative-Regular;src:url(/assets/fonts/CinzelDecorative-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:SourceHanSerifTW-Regular;src:url(/assets/fonts/SourceHanSerifTW-Regular.otf);font-weight:400;font-style:normal}html{font-size:18px}body{padding:0;margin:0;background-color:var(--background-color);color:var(--text-color);font-family:Open Sans,SourceHanSerifTW-Regular,serif;font-optical-sizing:inherit;font-weight:500;font-style:normal}a{color:var(--text-color);text-decoration:none;cursor:pointer}a:hover{color:var(--state-color)}p{line-height:1.777em}h1,h2,h3,h4,h5,h6{font-family:CinzelDecorative-Regular,SourceHanSerifTW-Regular,serif;font-weight:700;font-style:normal;color:var(--text-color)}.separate{margin-top:60px}.separate-mobile{display:none;margin-top:40px}.divider{margin-top:50px;margin-bottom:50px;border-top:3px solid var(--border-color)}.divider-mobile{margin-top:50px;margin-bottom:50px;border-top:3px solid var(--border-color);display:none}.page-container{max-width:1440px;margin:0 auto;padding:120px 40px 0}input[type=text],input[type=email]{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;border-radius:0}input[type=date]{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;color:var(--text-color);font-family:Merriweather,serif;font-weight:400;font-style:normal;cursor:pointer}input[type=password]{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;color:var(--text-color);font-family:Merriweather,serif;font-weight:400;font-style:normal}input[type=checkbox]{width:50px;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;color:var(--text-color);font-family:Merriweather,serif;font-weight:400;font-style:normal;cursor:pointer}select{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;color:var(--text-color);font-family:Merriweather,serif;font-weight:400;font-style:normal;cursor:pointer;border-radius:0}select:after{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;font-size:1em;color:var(--text-color);font-family:Merriweather,serif;font-weight:400;font-style:normal;cursor:pointer}textarea{width:100%;padding:10px 15px;margin:8px 0;background-color:var(--background-color);border:none;border-bottom:var(--border-color) solid 2px;box-sizing:border-box;resize:none;height:150px;font-size:1em;color:var(--text-color);font-family:Open Sans,SourceHanSerifTW-Regular,serif;font-weight:400;font-style:normal;border-radius:0}input[type=text]:focus,input[type=email]:focus,textarea:focus,select,input[type=date],input[type=password]{outline:none}button{border:0;padding:5px 8px;background-color:var(--accent-color);color:#fff;cursor:pointer;transition-duration:.4s}.alert-btn{background-color:var(--alert-color)}.alert-text{color:var(--alert-color)}button:hover{background-color:var(--state-color)}table{width:100%;max-height:80vh;overflow:scroll}th{background-color:var(--state-color)}tr:nth-child(2n){background-color:#f2f2f2}tr:nth-child(odd){background-color:#fff}th,td{padding:15px;text-align:left}table,td,th{border-collapse:collapse}.td-action{display:flex;justify-content:space-between;gap:10px}.manage-action{width:100%;display:flex;justify-content:right;margin-top:30px;gap:30px;color:var(--alert-color)}.manage-action-btn{display:flex;justify-content:space-between;gap:30px}.manage-nav-item{color:var(--text-color);cursor:pointer;display:flex;flex-direction:row;justify-content:left;gap:10px;border-bottom:1px solid var(--border-color)}.manage-nav-item:hover{color:var(--state-color)}.manage-nav-divider-container{display:flex;flex-direction:column;justify-content:center}.manage-nav-divider{background-color:var(--accent-color);width:24px;max-height:1px;min-height:1px}.title-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.title-container div{display:flex;flex-direction:column;justify-content:center}.form-container{display:flex;flex-wrap:wrap;gap:15px}.form-container>div{flex:40%}.content-container{padding:50px;background-color:var(--background-color)}.file-upload-container{border-radius:8px;text-align:center;display:flex;flex-direction:row;gap:50px}.file-upload-drop-zone{border:2px dashed var(--secondary-color);border-radius:5px;padding:50px 20px;cursor:pointer;transition:background-color .3s;flex-basis:40%;display:flex;flex-direction:column;justify-content:center}.file-upload-drop-zone:hover{border:2px dashed var(--state-color);background-color:var(--secondary-color)}.file-upload-preview-container{flex-basis:60%;text-align:left}.file-upload-image-preview{margin-top:20px;max-width:100px;border:1px solid #ccc;border-radius:5px;object-fit:cover}.file-upload-progress-container{margin-top:20px;width:100%;background:#e0e0e0;border-radius:5px}.file-upload-progress-bar{height:20px;background:#007bff;border-radius:5px;transition:width .3s}:disabled{background-color:var(--disable-color);cursor:default}:disabled:hover{background-color:var(--disable-color)}.pointer{cursor:pointer}@media (max-width: 768px){p{color:var(--text-color);line-height:1.5em;font-weight:400;font-size:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}.page-container{max-width:1440px;margin:0 auto;padding:90px 16px 0}.divider-mobile{display:block}}@supports (-webkit-touch-callout: none){body,html{height:-webkit-fill-available}}
