@import url(https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Kanit:wght@300;400;500;600;700&display=swap);.container{max-width:900px}.video-container{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.upload-area{background:#f8f9fa;border:3px dashed #1e88e5;border-radius:12px;cursor:pointer;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#e3f2fd;border-color:#0a4da3}.upload-area.dragover{background:#bbdefb;border-color:#0a4da3;transform:scale(1.02)}.upload-icon{color:#1e88e5;font-size:4em;margin-bottom:20px}.upload-area p{color:#555;font-family:Kanit,sans-serif;font-size:1.2em;font-weight:400;margin-bottom:10px}.upload-area .file-types{color:#888;font-family:Kanit,sans-serif;font-size:.9em;font-weight:300}.file-info{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;display:flex;gap:15px;justify-content:space-between;margin-top:20px;padding:20px}.file-info p{color:#2e7d32;flex:1 1;font-size:1.1em;font-weight:400;margin:0}.file-info p,.remove-btn{font-family:Kanit,sans-serif}.remove-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.remove-btn:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d;transform:translateY(-1px)}.submit-btn{line-height:1em;padding:15px 30px}.error-message,.success-message{border-radius:8px;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:400;margin-top:20px;padding:20px}@media (max-width:768px){.header h1{font-size:1.8em}.content{padding:30px 20px}.section h2{font-size:1.5em}.upload-area{padding:40px 20px}}*{box-sizing:border-box;margin:0;padding:0}.app{background:linear-gradient(135deg,#0a4da3,#1e88e5);color:#333;font-family:Kanit,sans-serif;min-height:100vh;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:1000px;overflow:hidden}.header{background:linear-gradient(135deg,#0a4da3,#1e88e5);color:#fff;padding:40px 30px;text-align:center}.header h1{font-family:Goldman,display;font-size:2.5em;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.header p{font-family:Kanit,sans-serif;font-size:1.1em;font-weight:400;opacity:.95}.content{padding:40px 30px}.section{margin-bottom:40px}.section h2{color:#0a4da3;font-family:Goldman,display;font-size:1.8em;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.project-name-input{border:2px solid #ddd;border-radius:8px;font-family:Kanit,sans-serif;font-size:1.1em;padding:15px;transition:border-color .3s ease;width:100%}.project-name-input:focus{border-color:#1e88e5;outline:none}.project-name-input:read-only{background-color:#f5f5f5;cursor:not-allowed}.form-field{margin-bottom:20px}.form-field label{color:#333;display:block;font-size:1em;font-weight:600;margin-bottom:8px}.form-field input,.form-field select{background:#fff;border:2px solid #ddd;border-radius:8px;font-family:Kanit,sans-serif;font-size:1em;padding:12px;transition:border-color .3s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#1e88e5;outline:none}.form-field select{cursor:pointer}.form-field input.read-only{background-color:#f5f5f5;color:#666;cursor:not-allowed}.checklist-table{border:2px solid #ddd;border-radius:8px;overflow:hidden}.checklist-header{background:linear-gradient(135deg,#0a4da3,#1e88e5);color:#fff;font-size:1.1em;font-weight:600;text-align:center}.checklist-header,.checklist-row{display:grid;grid-template-columns:1fr 80px 80px 80px;padding:15px 20px}.checklist-row{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.checklist-row:hover{background:#f5f5f5}.checklist-row:last-child{border-bottom:none}.col-equipment{font-size:1em;padding-right:20px;text-align:left}.col-check{align-items:center;display:flex;justify-content:center;text-align:center}.col-check input[type=checkbox],.col-check input[type=radio]{accent-color:#1e88e5;cursor:pointer;height:20px;width:20px}.button-group{display:flex;gap:15px;justify-content:center;margin-top:30px}.submit-btn{background:linear-gradient(135deg,#0a4da3,#1e88e5);border:none;border-radius:4px;box-shadow:0 4px 12px #1e88e54d;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:500;letter-spacing:.5px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 16px #1e88e566;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.clear-btn{background:#f44336;border:none;border-radius:4px;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:500;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.clear-btn:hover{background:#d32f2f;box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.clear-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message,.info-message,.success-message{border-radius:8px;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:400;margin-bottom:20px;padding:20px}.success-message{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.error-message{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.info-message{background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}.loading{font-family:Kanit,sans-serif;font-weight:400;margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1e88e5;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header h1{font-size:1.8em}.content{padding:30px 20px}.section h2{font-size:1.5em}.checklist-header,.checklist-row{font-size:.9em;grid-template-columns:1fr 60px 60px 60px;padding:12px 15px}.col-check input[type=checkbox]{height:18px;width:18px}.button-group{flex-direction:column}.clear-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.44b97bad.css.map*/