@import url("./index.css");.support-entry{border:none;background:none;box-shadow:none;min-height:55vh;max-height:55vh;padding-top:150px}.progress-steps{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem auto;max-width:600px}.step{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.step-circle{width:40px;height:40px;border-radius:50%;color:var(--color-black);display:flex;align-items:center;justify-content:center;font-weight:var(--thick-font-weight);border:2px solid var(--light-dark-color2);transition:all var(--short-anim-secs)}.step.active .step-circle{border-color:var(--color-black)}.step.completed .step-circle{background:var(--color-green2);color:var(--color-white);border-color:var(--color-green2)}.step-line{flex:1;height:2px;background:var(--color-white);opacity:0.3}.step-label{color:var(--color-black);font-size:0.875rem;font-weight:var(--thick-font-weight)}.main-content{padding:3rem 0}.reporting-container{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start;padding:0 20px}@media (max-width:968px){.reporting-container{grid-template-columns:1fr}}.form-section{background:var(--color-white);padding:2.5rem;border-radius:var(--border-radius);box-shadow:0 0 20px 0 var(--light-dark-color);margin-bottom:2rem;border:1px solid var(--light-dark-color2)}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:0.5rem;font-weight:var(--thick-font-weight)}.form-label.required::after{content:" *";color:var(--color-red)}.form-hint{font-size:0.875rem;color:var(--color-white);margin-top:0.25rem}.form-control{width:100%;padding:0.75rem 1rem;border:1px solid var(--light-dark-color);border-radius:6px;font-size:1rem;transition:border-color var(--short-anim-secs),box-shadow var(--short-anim-secs)}.form-control:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.form-control.error{border-color:var(--color-red)}textarea.form-control{resize:vertical;min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.checkbox-group{display:flex;align-items:flex-start;gap:0.75rem}.checkbox{width:18px;height:18px;margin-top:0.125rem}.checkbox-label{font-size:0.875rem;color:var(--color-white)}.file-upload{border:2px dashed var(--light-dark-color);border-radius:8px;padding:2rem;text-align:center;transition:border-color var(--short-anim-secs);cursor:pointer}.file-upload:hover{border-color:var(--main-color)}.file-upload.dragover{border-color:var(--main-color);background:var(--main-color2)}.upload-icon{font-size:2rem;color:var(--color-white);margin-bottom:1rem}.file-input{display:none}.file-list{margin-top:1rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem;background:var(--main-color2);border-radius:6px;margin-bottom:0.5rem}.file-info{display:flex;align-items:center;gap:0.5rem}.file-name{font-size:0.875rem;font-weight:var(--thick-font-weight)}.file-size{font-size:0.75rem;color:var(--color-white)}.file-remove{background:none;border:none;color:var(--color-red);cursor:pointer;padding:0.25rem}.priority-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.priority-option{border:2px solid var(--light-dark-color);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all var(--short-anim-secs)}.priority-option:hover{border-color:var(--main-color)}.priority-option.selected{border-color:var(--main-color);background:var(--main-color2)}.priority-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:0.5rem}.priority-low .priority-indicator{background:var(--color-green2)}.priority-medium .priority-indicator{background:var(--warning-color)}.priority-high .priority-indicator{background:var(--color-red)}.priority-critical .priority-indicator{background:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.sidebar{position:sticky;top:100px}.info-card{background:var(--color-white);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 0 20px 0 var(--light-dark-color);margin-bottom:1.5rem;border:1px solid var(--light-dark-color2)}.info-card h3{font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.tip-list{list-style:none}.tip-list li{padding:0.5rem 0;border-bottom:1px solid var(--light-dark-color);display:flex;align-items:flex-start;gap:0.5rem}.tip-list li:last-child{border-bottom:none}.tip-icon{color:var(--color-green2);font-weight:bold;margin-top:0.125rem}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--main-color);color:var(--color-white);text-decoration:none;border-radius:6px;font-weight:var(--thick-font-weight);transition:background var(--short-anim-secs);border:none;cursor:pointer;font-size:1rem}.btn:hover{background:var(--main-color2)}.btn-outline{background:transparent;border:2px solid var(--main-color);color:var(--main-color)}.btn-outline:hover{background:var(--main-color);color:var(--color-white)}.btn-success{background:var(--color-green2)}.btn-success:hover{background:var(--color-green2)}.btn-group{display:flex;gap:1rem;margin-top:2rem}.btn span{color:var(--color-white)}.form-step{display:none}.form-step.active{display:block;animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-state{text-align:center;padding:3rem 2rem;display:none}.success-state.active{display:block}.success-icon{font-size:4rem;color:var(--color-green2);margin-bottom:1.5rem}.error-message{color:var(--color-red);font-size:0.875rem;margin-top:0.25rem;display:none}.error-message.show{display:block}.loading{opacity:0.7;pointer-events:none}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--color-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:968px){.reporting-container{grid-template-columns:1fr;gap:2rem}.sidebar{position:static;top:auto;order:-1}.info-card{max-width:500px;margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.support-entry{min-height:45vh;max-height:45vh;padding-top:100px}.progress-steps{flex-direction:row;overflow-x:auto;padding-bottom:10px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.progress-steps::-webkit-scrollbar{height:3px}.progress-steps::-webkit-scrollbar-thumb{background:var(--light-dark-color);border-radius:var(--border-radius)}.step{min-width:100px}.step-label{font-size:0.7rem}.form-section{padding:1.5rem}.priority-options{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn{width:100%;justify-content:center}.file-item{flex-direction:column;align-items:flex-start}.file-remove{align-self:flex-end}}@media screen and (max-width:480px){.support-entry{min-height:40vh;max-height:40vh;padding-top:80px}.progress-steps{gap:0.5rem}.step{min-width:80px}.step-circle{width:30px;height:30px;font-size:0.8rem}.form-section{padding:1.2rem}.form-section h2{font-size:1.2rem}.form-control{padding:0.6rem 0.8rem}.checkbox-group{flex-direction:column;align-items:flex-start}.priority-option{padding:0.8rem}.info-card{padding:1.2rem}.tip-list li{font-size:0.85rem}}@media (hover:none) and (pointer:coarse){.priority-option:hover,.file-upload:hover,.btn:hover{transform:none}.btn,.priority-option,.file-upload,.step-circle{min-height:44px}}@media print{.support-entry,.progress-steps,.sidebar,.btn-group{display:none}.form-section{box-shadow:none;border:1px solid #ddd}}