*,body{margin:0}.button-container,.submit-btn{margin-bottom:10px}.custom-select,body{position:relative}*{padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;height:100vh;padding-top:20px;overflow:auto}table{width:100%;max-width:1200px;margin:20px auto;border-collapse:collapse;border:1px solid #ddd;box-shadow:0 2px 3px rgba(0,0,0,.1)}table td,table th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}table th{background-color:#f7f7f7}table td{background-color:#fff}img{max-width:100px;max-height:100px;width:auto;height:auto}.actions{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%}.button-container,table td.actions{display:flex;justify-content:center}.actions button{padding:10px 15px;cursor:pointer;width:100px;border:none;border-radius:3px;transition:background-color .3s;text-decoration:none}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b}.edit-btn{background-color:#3498db;color:#fff}.edit-btn:hover{background-color:#2980b9}.button-container{gap:10px;margin-top:10px}.button-container a,.button-container button,.button-container input{background-color:#333;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;transition:background-color .3s}.button-container a:hover,.button-container button:hover,.button-container input:hover,.file-input-label:hover,.link-container a:hover,.submit-btn:hover{background-color:#555}table td.actions{align-items:center;flex-direction:column;height:100%}.form-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);width:90%;max-width:600px;text-align:center;margin:auto}.form-title{font-size:24px;margin-bottom:20px;color:#333}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:#333}#preview,.custom-select select,.select-hide{display:none}.custom-select,.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{width:calc(100% - 20px);padding:10px;border:1px solid #ddd;border-radius:4px;margin:0 10px}.select-selected{background-color:#fff;user-select:none;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;align-items:center}.select-items img,.select-selected img{max-width:40px;margin-right:10px;vertical-align:middle}.select-selected:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-color:#888 transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #888}.select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;border:1px solid rgba(0,0,0,.1)}.select-items div,.select-selected{padding:8px 16px;cursor:pointer}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.file-input-label,.link-container a,.submit-btn{background-color:#333;color:#fff;padding:10px 20px;transition:background-color .3s;display:inline-block}.file-input-label,.submit-btn{border:none;cursor:pointer;width:100%;border-radius:4px;text-align:center;margin-top:20px}#preview{max-width:100%;max-height:300px;margin-top:10px}.file-input-container{position:relative;overflow:hidden;display:inline-block;width:100%;text-align:center}.file-input-container input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.warning{color:red;font-weight:700;margin-bottom:20px}.link-container{margin-top:20px}.link-container a{text-decoration:none;border-radius:4px;margin:0 10px}@media screen and (max-width:768px){body{padding:20px}.form-container{margin:20px;height:auto}.form-title{font-size:20px}.custom-select,.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{width:calc(100% - 10px);padding:8px}.file-input-label,.submit-btn{width:100%;margin:15px auto 0;padding:8px 16px}table{width:100%;margin:20px auto}img{max-width:60px;max-height:60px}table td,table th{padding:5px}.actions button{width:80px;padding:8px}.submit-btn{width:80%}}@media screen and (min-width:769px){body{margin-left:250px}.sidebar{left:0}.menu-toggle{display:none}}