{"version":3,"file":"admin/css/settings.min.css","mappings":"AACA,uBACI,iBACA,kBACA,gBACA,oBAGJ,yBACI,uBACI,kBACA,oBAIR,0BACI,uBACI,oBACA,sBAKR,wBACI,aACA,sBACA,WAIJ,gBACI,aACA,sBACA,UACA,kCACA,qBACA,eACA,4EAGJ,UACI,aACA,mBACA,oBACA,oBACA,mBACA,oBACA,gBACA,wBAGJ,cACI,oBACA,eACA,cACA,0BAGJ,iBACI,iCACA,uBAGJ,qBACI,uBAGJ,uBACI,oBAGJ,6BACI,kCACA,oBAGJ,2BACI,uBAIJ,uBACI,+FACA,wCACA,oBACA,gBACA,qBACA,wCAGJ,0BACI,uBACA,mBACA,gBACA,oBAGJ,0BACI,kBACA,kBAGJ,0BACI,aACA,uBACA,oBACA,uBAGJ,aACI,oBACA,mBACA,uBACA,eACA,cACA,qBACA,0CACA,uBACA,iBACA,gBACA,mBAGJ,wBACI,+FACA,uCACA,oBACA,gBACA,kBACA,wCAGJ,2BACI,sBACA,mBACA,gBACA,oBAGJ,0BACI,uBACA,mBAGJ,wCACI,gBAGJ,4BACI,iBAIJ,mBACI,aACA,cACA,gBAGJ,cACI,8BAGJ,iBACI,qCACA,uCACA,aACA,qBACA,aACA,mBAGJ,iCACI,uBAGJ,iCACI,uBACA,gBAGJ,wBACI,qCACA,gBACA,sBACA,uBACA,gCAGJ,8BACI,qCAGJ,8BACI,aACA,4CAIJ,YACI,aACA,sBACA,SAGJ,YACI,aACA,sBACA,WAGJ,kBACI,cACA,mBACA,oBACA,gBACA,oBAGJ,aACI,aACA,oBACA,2CACA,wBAGJ,0BACI,6CAGJ,kBACI,oBACA,mBACA,6BACA,gCACA,2BACA,8BACA,kCACA,kBACA,mBACA,mBACA,oBACA,uBAGJ,cACI,cACA,WACA,YACA,gBACA,8BACA,iCACA,8BACA,oBACA,mBACA,oBACA,oBACA,wBAGJ,oBACI,6BACA,iCACA,aAIJ,gBACI,aACA,mBACA,WAGJ,gBACI,mBACA,oBACA,oBAIJ,MACI,gBACA,qBACA,kCACA,4EACA,aAIJ,eACI,oBACA,uBACA,mBACA,oBACA,iBACA,yBACA,iCACA,sBACA,mBACA,oBACA,gBACA,uBACA,2CACA,wBAGJ,qBACI,gCACA,2BAGJ,qBACI,aACA,6CAIJ,yBACI,gBACI,0BAGJ,gBACI,0BAGJ,iBACI,gDAGJ,UACI,oBACA,qBAGJ,aACI,mBACA,qBAIR,0BACI,UACI,YAGJ,cACI,mBAGJ,UACI,kBACA,oB","sources":["webpack://modify-login/./src/admin/css/settings.css"],"sourcesContent":["/* Settings Page Styles */\n.modify-login-settings {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 80rem;\n    padding: 2rem 1.5rem;\n}\n\n@media (min-width: 640px) {\n    .modify-login-settings {\n        padding-left: 2rem;\n        padding-right: 2rem;\n    }\n}\n\n@media (min-width: 1024px) {\n    .modify-login-settings {\n        padding-left: 2.5rem;\n        padding-right: 2.5rem;\n    }\n}\n\n/* Container */\n.modify-login-container {\n    display: flex;\n    flex-direction: column;\n    gap: 2.5rem;\n}\n\n/* Tab Navigation */\n.tab-navigation {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    background-color: rgb(255 255 255);\n    border-radius: 0.75rem;\n    padding: 0.75rem;\n    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n}\n\n.tab-link {\n    display: flex;\n    align-items: center;\n    border-radius: 0.5rem;\n    padding: 0.75rem 1rem;\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    transition: all 0.2s ease;\n}\n\n.tab-link svg {\n    margin-right: 0.75rem;\n    height: 1.25rem;\n    width: 1.25rem;\n    transition: color 0.2s ease;\n}\n\n.tab-link.active {\n    background-color: rgb(99 102 241);\n    color: rgb(255 255 255);\n}\n\n.tab-link.active svg {\n    color: rgb(255 255 255);\n}\n\n.tab-link:not(.active) {\n    color: rgb(75 85 99);\n}\n\n.tab-link:not(.active):hover {\n    background-color: rgb(243 244 246);\n    color: rgb(17 24 39);\n}\n\n.tab-link:not(.active) svg {\n    color: rgb(156 163 175);\n}\n\n/* Info and Warning Boxes */\n.login-protection-info {\n    background-image: linear-gradient(to right, rgba(239, 246, 255, 0.8), rgba(224, 231, 255, 0.8));\n    border-left: 4px solid rgb(59, 130, 246);\n    border-radius: 0.5rem;\n    padding: 1.25rem;\n    margin-bottom: 1.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.login-protection-info h3 {\n    color: rgb(30, 64, 175);\n    font-size: 1.125rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n}\n\n.login-protection-info ul {\n    margin-top: 0.75rem;\n    padding-left: 1rem;\n}\n\n.login-protection-info li {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 0.5rem;\n    color: rgb(37, 99, 235);\n}\n\n.step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.25rem;\n    width: 1.25rem;\n    border-radius: 9999px;\n    background-color: rgba(191, 219, 254, 0.6);\n    color: rgb(30, 64, 175);\n    font-size: 0.75rem;\n    font-weight: 700;\n    margin-right: 0.5rem;\n}\n\n.important-note-warning {\n    background-image: linear-gradient(to right, rgba(254, 249, 195, 0.6), rgba(254, 240, 138, 0.6));\n    border-left: 4px solid rgb(234, 179, 8);\n    border-radius: 0.5rem;\n    padding: 1.25rem;\n    margin-top: 1.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.important-note-warning h3 {\n    color: rgb(161, 98, 7);\n    font-size: 1.125rem;\n    font-weight: 700;\n    margin-bottom: 0.5rem;\n}\n\n.important-note-warning p {\n    color: rgb(146, 64, 14);\n    font-size: 0.9375rem;\n}\n\n.important-note-warning p:first-of-type {\n    font-weight: 500;\n}\n\n.important-note-warning p + p {\n    margin-top: 0.5rem;\n}\n\n/* Success and Error Messages */\n@keyframes fadeOut {\n    0% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { opacity: 0; }\n}\n\n.animate-fade {\n    animation: fadeOut 5s forwards;\n}\n\n#success-message {\n    background-color: rgba(240, 253, 244);\n    border-left: 4px solid rgb(34, 197, 94);\n    padding: 1rem;\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n}\n\n#success-message .text-green-500 {\n    color: rgb(34, 197, 94);\n}\n\n#success-message .text-green-800 {\n    color: rgb(22, 101, 52);\n    font-weight: 500;\n}\n\n#success-message button {\n    background-color: rgba(240, 253, 244);\n    padding: 0.375rem;\n    border-radius: 0.375rem;\n    color: rgb(34, 197, 94);\n    transition: background-color 0.2s;\n}\n\n#success-message button:hover {\n    background-color: rgba(220, 252, 231);\n}\n\n#success-message button:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.5);\n}\n\n/* Form Styles */\n.form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n}\n\n.form-field label {\n    display: block;\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    color: rgb(31 41 55);\n}\n\n.input-group {\n    display: flex;\n    border-radius: 0.5rem;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    transition: all 0.2s ease;\n}\n\n.input-group:focus-within {\n    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);\n}\n\n.input-group-text {\n    display: inline-flex;\n    align-items: center;\n    border-top-left-radius: 0.5rem;\n    border-bottom-left-radius: 0.5rem;\n    border-width: 1px 0 1px 1px;\n    border-color: rgb(209 213 219);\n    background-color: rgb(249 250 251);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    color: rgb(107 114 128);\n}\n\n.form-control {\n    display: block;\n    width: 100%;\n    flex: 1 1 0%;\n    border-radius: 0;\n    border-top-right-radius: 0.5rem;\n    border-bottom-right-radius: 0.5rem;\n    border-color: rgb(209 213 219);\n    padding: 0.75rem 1rem;\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    color: rgb(31 41 55);\n    transition: all 0.2s ease;\n}\n\n.form-control:focus {\n    border-color: rgb(99 102 241);\n    --tw-ring-color: rgb(99 102 241);\n    outline: none;\n}\n\n/* Checkbox Group */\n.checkbox-group {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.checkbox-label {\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    color: rgb(31 41 55);\n}\n\n/* Card Styles */\n.card {\n    overflow: hidden;\n    border-radius: 0.75rem;\n    background-color: rgb(255 255 255);\n    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n    padding: 2rem;\n}\n\n/* Submit Button */\n.submit-button {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 0.5rem;\n    border-width: 1px;\n    border-color: transparent;\n    background-color: rgb(99 102 241);\n    padding: 0.75rem 1.5rem;\n    font-size: 0.9375rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    color: rgb(255 255 255);\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    transition: all 0.2s ease;\n}\n\n.submit-button:hover {\n    background-color: rgb(79 70 229);\n    transform: translateY(-1px);\n}\n\n.submit-button:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);\n}\n\n/* Responsive Grid */\n@media (min-width: 640px) {\n    .sm\\:col-span-4 {\n        grid-column: span 4 / span 4;\n    }\n    \n    .sm\\:col-span-6 {\n        grid-column: span 6 / span 6;\n    }\n    \n    .sm\\:grid-cols-6 {\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n    \n    .sm\\:px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n    \n    .sm\\:text-sm {\n        font-size: 0.9375rem;\n        line-height: 1.25rem;\n    }\n}\n\n@media (min-width: 1024px) {\n    .lg\\:w-64 {\n        width: 16rem;\n    }\n    \n    .lg\\:flex-row {\n        flex-direction: row;\n    }\n    \n    .lg\\:px-8 {\n        padding-left: 2rem;\n        padding-right: 2rem;\n    }\n} "],"names":[],"sourceRoot":""}