.form-container{background-color:#fff!important;border-radius:.75rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005;padding:1.5rem;border:1px solid #f1f5f9}@media (min-width: 768px){.form-container{padding:2rem}}.form-title{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:1.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #f1f5f9;border-radius:.5rem;background-color:#f8fafc;transition:all .2s ease-in-out;box-sizing:border-box;box-shadow:inset 0 1px 2px #00000003}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0052ff;box-shadow:0 0 0 3px #0052ff26,inset 0 1px 2px #00000008}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-label-required:after{content:" *";color:#dc3545}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;padding-right:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .5rem center;background-size:1.5em 1.5em}.header-select{border:none!important;background-color:#fff}.header-select:focus{outline:none!important;border:none!important;box-shadow:none!important}.header-select:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.form-file-input{width:100%;font-size:.875rem;color:#6b7280}.form-file-input::file-selector-button{margin-right:1rem;padding:.5rem 1rem;border-radius:.5rem;border:0;font-size:.875rem;font-weight:600;background-color:#0052ff;color:#fff;cursor:pointer;transition:background-color .2s ease-in-out}.form-file-input::file-selector-button:hover{background-color:#003ecc}.form-textarea{min-height:120px;resize:vertical}.form-button{width:100%;background-color:#0052ff;color:#fff;font-weight:600;padding:.75rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-button:hover{background-color:#003ecc;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-button:focus{outline:none;box-shadow:0 0 0 3px #0052ff80}.form-button:disabled{opacity:.6;cursor:not-allowed}.form-button:disabled:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.col-span-full{grid-column:1 / -1}@media (min-width: 768px){.col-span-2{grid-column:span 2}}.form-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:flex-end}.form-actions .form-button{width:auto}}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.form-error-message{margin-top:.25rem;font-size:.875rem;color:#dc3545}.form-success-message{margin-top:.25rem;font-size:.875rem;color:#28a745}@media (max-width: 768px){.form-container{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-input,.form-select,.form-textarea{padding:.625rem .75rem}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.form-button:focus-visible{outline:2px solid #0052FF;outline-offset:2px}@media (prefers-color-scheme: dark){.form-input,.form-select,.form-textarea{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.form-input::placeholder,.form-textarea::placeholder{color:#64748b}.form-container{background-color:#fff;border-color:#f1f5f9}}
