@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;min-height:100vh;padding:0;width:100%}.App.loading{align-items:center;background:linear-gradient(135deg,#0081a7,#00afb9 25%,#fed9b7 50%,#fdfcdc 75%,#f07167);display:flex;height:100vh;justify-content:center}.loader{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{box-sizing:border-box;margin:0;padding:0}.login-container{background:linear-gradient(135deg,#0081a7,#00afb9 25%,#fed9b7 50%,#fdfcdc 75%,#f07167);display:flex;font-family:Roboto,sans-serif;min-height:100vh;overflow:hidden}.login-left{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem;position:relative;z-index:1}.login-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:30px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:3rem;width:100%}.login-header{align-items:center;display:flex;margin-bottom:2rem}.logo{height:50px;object-fit:contain;width:auto}.login-content h1{color:#333;font-size:2rem;font-weight:500;margin-bottom:.5rem}.subtitle{color:#666;font-size:.95rem;margin-bottom:2rem}.error-message{background:#fee;border-left:3px solid #c33;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.form-group label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-family:Roboto,sans-serif;font-size:.95rem;padding:.9rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#0081a7;box-shadow:0 0 0 3px #0081a71a;outline:none}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.password-toggle:hover{opacity:1}.submit-button{background:linear-gradient(135deg,#fed9b7,#f07167);border:none;border-radius:12px;box-shadow:0 4px 15px #fed9b766;color:#333;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 6px 20px #fed9b799;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.social-login{display:flex;gap:1rem;margin-top:1.5rem}.social-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;flex:1 1;font-family:Roboto,sans-serif;font-size:.9rem;gap:.5rem;justify-content:center;padding:.9rem;transition:all .3s ease}.social-button:hover{background:#f5f5f5;border-color:#ccc}.social-icon{background:#000;border-radius:4px;height:20px;width:20px}.social-icon.google{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:50%}.login-footer{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-between;margin-top:2rem}.login-footer a{color:#0081a7;font-weight:500;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#00afb9;text-decoration:underline}.login-right{flex:1 1;padding:2rem;position:relative}.image-container,.login-right{align-items:center;display:flex;justify-content:center}.image-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;box-shadow:0 20px 60px #0003;height:80%;overflow:hidden}.hero-image,.image-container{border-radius:30px;width:100%}.hero-image{height:100%;object-fit:cover}@media (max-width:1024px){.login-container{flex-direction:column}.login-left{min-height:100vh}.login-right{display:none}.login-form-wrapper{max-width:500px}}@media (max-width:768px){.login-form-wrapper{border-radius:20px;padding:2rem}.login-content h1{font-size:1.75rem}.login-footer,.social-login{flex-direction:column}.login-footer{align-items:flex-start;gap:.5rem}}@media (max-width:480px){.login-left{padding:1rem}.login-form-wrapper{padding:1.5rem}.login-content h1{font-size:1.5rem}.subtitle{font-size:.85rem}.form-group input{font-size:.9rem;padding:.75rem}.submit-button{padding:.85rem}}.sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:99}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;height:65px;justify-content:center;padding:0 1.5rem}.sidebar-logo{height:45px;object-fit:contain;width:auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#333;cursor:pointer;display:flex;padding:.9rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-item.active,.nav-item:hover{background:#fafcfd;border-left-color:#0081a7}.nav-item.active{font-weight:500}.nav-icon{align-items:center;color:#666;display:flex;justify-content:center;margin-right:1rem;min-width:24px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#0081a7}.nav-text{flex:1 1;font-size:.95rem}.nav-item-group{margin:0}.masters-toggle{position:relative}.masters-toggle.open{background:#f5f5f5}.dropdown-arrow{align-items:center;color:#666;display:flex;justify-content:center;margin-left:.5rem;transition:transform .3s ease}.masters-toggle.open .dropdown-arrow,.nav-item:hover .dropdown-arrow{color:#0081a7}.submenu{background:#f9f9f9;border-left:3px solid #e0e0e0}.submenu-item{font-size:.9rem;padding-left:3rem}.submenu-item:hover{background:#fafcfd}.logout-item{border-top:1px solid #e0e0e0;margin-top:auto}.logout-item,.logout-item .nav-icon{color:#f07167}.logout-item:hover{background:#fee;border-left-color:#f07167}.logout-item:hover .nav-icon{color:#f07167}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-nav::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.sidebar{width:220px}.sidebar-logo{height:40px}.nav-item{padding:.8rem 1rem}.nav-icon{margin-right:.8rem}.nav-text{font-size:.9rem}.submenu-item{padding-left:2.5rem}}@media (max-width:480px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:100%}.sidebar.open{transform:translateX(0)}}.layout-container{background:#fafcfd;display:flex;font-family:Roboto,sans-serif;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px}.top-navbar{background:#fff;box-shadow:0 2px 10px #0000000d;height:65px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:98}.navbar-left,.top-navbar{align-items:center;display:flex}.breadcrumbs{color:#666;font-size:.9rem;font-weight:400}.breadcrumb-item,.breadcrumbs{align-items:center;display:flex;gap:.5rem}.breadcrumb-separator{align-items:center;color:#ccc;display:flex;margin:0 .3rem}.breadcrumb-item .active{color:#0081a7;font-weight:400}.navbar-right{align-items:center;display:flex;gap:1.5rem}.user-name{color:#333;font-size:.95rem;font-weight:500}.content-area{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.main-content{margin-left:220px}.top-navbar{height:60px;padding:0 1rem}.breadcrumbs{font-size:.85rem}.user-name{font-size:.9rem}}@media (max-width:480px){.main-content{margin-left:0}.top-navbar{flex-direction:column;gap:.75rem;height:auto;padding:1rem}.navbar-left{justify-content:space-between;width:100%}.breadcrumbs{display:none}.navbar-right{justify-content:flex-end;width:100%}}.dashboard-container{font-family:Roboto,sans-serif}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.welcome-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem;text-align:center}.welcome-card h1{color:#0081a7;font-size:2.5rem;font-weight:500;margin-bottom:.5rem}.welcome-card>p{color:#666;font-size:1.1rem;margin-bottom:2rem}.dashboard-info{background:#ebfaff;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:400px;padding:1.5rem;text-align:left}.dashboard-info p{color:#333;font-size:1rem;margin:.75rem 0}.dashboard-info strong{color:#0081a7;font-weight:500;margin-right:.5rem}@media (max-width:768px){.dashboard-navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-right{flex-direction:column;gap:.75rem}.dashboard-content{padding:1rem}.welcome-card{padding:1.5rem}.welcome-card h1{font-size:2rem}.dashboard-info{max-width:100%}}@media (max-width:480px){.navbar-logo{height:35px}.welcome-card h1{font-size:1.75rem}.welcome-card>p{font-size:1rem}.dashboard-info p{font-size:.9rem}}.page-container{font-family:Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.page-content h1{color:#0081a7;font-size:2rem;font-weight:500;margin-bottom:.5rem}.page-subtitle{color:#666;font-size:1rem;margin-bottom:2rem}.placeholder-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2rem;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-content p{color:#999;font-size:1.1rem;margin:0}@media (max-width:768px){.page-container{padding:1.5rem}.page-content h1{font-size:1.75rem}.page-subtitle{font-size:.95rem}.placeholder-content{padding:3rem 1.5rem}.placeholder-icon{font-size:3rem}.placeholder-content p{font-size:1rem}}@media (max-width:480px){.page-container{padding:1rem}.page-content h1{font-size:1.5rem}.placeholder-content{padding:2rem 1rem}.placeholder-icon{font-size:2.5rem}}.books-container{margin:0 auto;max-width:1400px;padding:24px}.books-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#1a1a1a;font-size:28px;margin:0 0 8px}.page-description{font-size:14px}.header-right{gap:12px}.filter-select{background-color:#fff;border-radius:8px;color:#333;font-size:14px;padding:10px 16px}.filter-select:hover{border-color:#0081a7}.add-btn{background-color:#0081a7;border-radius:8px;font-size:14px;gap:8px;padding:10px 20px}.add-btn:hover{background-color:#006a8a}.search-bar{margin-bottom:20px}.search-input{border-radius:8px;font-size:14px;padding:12px 16px}.search-input:focus{outline:none}.table-container{border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px}.books-table{border-collapse:collapse;width:100%}.books-table thead{background-color:#fafcfd;border-bottom:2px solid #e0e0e0}.books-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.books-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.books-table tbody tr:hover{background-color:#fafcfd}.books-table td{color:#333;font-size:14px;padding:16px}.book-col{min-width:250px}.author-col{min-width:200px}.meta-col{min-width:180px}.status-col{min-width:150px}.book-details{display:flex;flex-direction:column;gap:4px}.book-name{color:#1a1a1a;font-size:14px;font-weight:600}.book-edition{color:#666;font-size:12px}.author-name{color:#333}.meta-info{display:flex;flex-direction:column;gap:4px}.meta-item{color:#666;font-size:12px}.status-badge{border-radius:6px;font-size:12px;margin-bottom:4px;padding:6px 12px}.status-pending{background-color:#fed9b7;color:#8b4513}.status-processing{background-color:#00afb9;color:#fff}.status-completed{background-color:#4caf50;color:#fff}.status-failed{background-color:#f07167;color:#fff}.progress-bar{background-color:#e0e0e0;border-radius:2px;height:4px;overflow:hidden;width:100px}.progress-fill{background-color:#00afb9;height:100%;transition:width .3s ease}.action-buttons{gap:8px}.action-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px}.action-btn:hover{box-shadow:0 2px 8px #0000001a}.process-btn{color:#00af54}.process-btn:hover{background-color:#00af540d;border-color:#00af54}.edit-btn{color:#0081a7}.edit-btn:hover{background-color:#0081a70d;border-color:#0081a7}.delete-btn:hover{background-color:#f071670d;border-color:#f07167}.pagination{border:1px solid #e0e0e0;border-radius:12px;padding:16px 20px}.pagination-left,.pagination-right{align-items:center;display:flex;gap:12px}.pagination-label{font-size:14px}.pagination-select{font-size:14px;padding:8px 12px}.pagination-info{font-size:14px}.pagination-btn{font-size:14px;padding:8px 16px}.pagination-btn:hover:not(:disabled){color:#0081a7}.error-state,.loading-state,.no-data{color:#666;font-size:14px;padding:48px;text-align:center}.drawer-overlay{background-color:#00000080}.drawer{box-shadow:-4px 0 24px #00000026;height:100vh;overflow-y:auto;right:-600px;transition:right .3s ease;width:600px}.drawer.open{right:0}.drawer-header{background:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.drawer-title{color:#1a1a1a;font-size:20px}.drawer-close{transition:background-color .2s ease}.drawer-close:hover{background-color:#f0f0f0}.drawer-form{padding:24px}.form-group{margin-bottom:20px}.form-label{font-size:14px;margin-bottom:8px}.form-input,.form-select{border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#0081a7;box-shadow:0 0 0 3px #0081a71a;outline:none}.form-hint{color:#999;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.file-upload-section{margin-bottom:24px}.file-drop-zone{background-color:#fafcfd;border:2px dashed #e0e0e0;border-radius:12px;cursor:pointer;padding:32px;text-align:center;transition:all .2s ease}.file-drop-zone:hover{background-color:#0081a705;border-color:#0081a7}.file-drop-zone.has-file{background-color:#4caf500d;border-color:#4caf50;border-style:solid}.file-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.file-upload-placeholder p{color:#666;font-size:14px;margin:0}.file-requirements{color:#999!important;font-size:12px!important}.file-preview{align-items:center;background:#fff;border-radius:8px;display:flex;gap:16px;padding:16px}.file-icon{font-size:40px}.file-info{flex:1 1;text-align:left}.file-name{color:#1a1a1a;font-size:14px;font-weight:500;margin-bottom:4px}.file-size{color:#666;font-size:12px}.file-remove{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-remove:hover{background-color:#f071671a;border-color:#f07167;color:#f07167}.suggestions-dropdown{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px}.suggestion-item{font-size:14px;padding:10px 14px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#fafcfd}.selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-item-card{align-items:center;background-color:#fafcfd;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 12px}.selected-item-name{color:#333}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.remove-item-btn:hover{background-color:#f07167;color:#fff}.drawer-actions{gap:12px;margin-top:24px;padding-top:24px}.btn-cancel,.btn-submit{border-radius:8px;font-size:14px;padding:12px 24px}.btn-cancel:hover{border-color:#999;color:#333}.btn-submit{background-color:#0081a7;border:none}.btn-submit:hover{background-color:#006a8a}.delete-modal,.process-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;left:50%;max-width:480px;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-icon{margin-bottom:20px;text-align:center}.modal-title{color:#1a1a1a;font-size:20px;margin:0 0 12px}.modal-message{font-size:14px;margin:0 0 24px}.modal-actions{gap:12px}.modal-btn{font-size:14px;padding:12px 24px}.modal-btn-cancel:hover{border-color:#999;color:#333}.modal-btn-delete{background-color:#f07167;border:none}.modal-btn-delete:hover{background-color:#d85f56}.modal-btn-process{background-color:#00af54;border:none;color:#fff}.modal-btn-process:hover{background-color:#009647}.modal-overlay{background-color:#00000080;z-index:1000}@media (max-width:768px){.books-container{padding:12px}.books-header{flex-direction:column;gap:12px;margin-bottom:16px}.page-title{font-size:22px;margin-bottom:4px}.page-description{font-size:13px}.header-right{justify-content:space-between;width:100%}.search-bar{margin-bottom:12px}.search-input{font-size:13px;padding:10px 12px}.table-container{border-radius:8px;margin-bottom:12px}.books-table th{font-size:11px;padding:10px 8px}.books-table td{font-size:13px;padding:10px 8px}.book-details{gap:2px}.book-name{font-size:13px}.book-edition{font-size:11px}.meta-info{gap:2px}.meta-item,.status-badge{font-size:11px}.status-badge{padding:4px 8px}.progress-bar{width:80px}.action-buttons{gap:4px}.action-btn{height:32px;width:32px}.pagination{flex-direction:column;gap:12px;padding:12px}.pagination-left,.pagination-right{justify-content:space-between;width:100%}.pagination-info,.pagination-label{font-size:12px}.pagination-select{font-size:13px;padding:6px 10px}.pagination-btn{font-size:13px;padding:6px 12px}.drawer{right:-100%;width:100%}.drawer-header{padding:16px}.drawer-title{font-size:18px}.drawer-form{padding:16px}.form-row{grid-template-columns:1fr}.file-drop-zone{padding:20px}.delete-modal,.process-modal{max-width:90%;padding:20px}.modal-title{font-size:18px}.modal-message{font-size:13px}}.specialities-container{background:#fafcfd;font-family:Roboto,sans-serif;min-height:calc(100vh - 65px);padding:2rem}.specialities-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.specialities-table{border-collapse:collapse;width:100%}.specialities-table thead{background:#f9f9f9;border-bottom:1px solid #e0e0e0}.specialities-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.specialities-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.specialities-table tbody tr:hover{background:#fafafa}.specialities-table tbody tr:last-child{border-bottom:none}.specialities-table td{color:#333;font-size:.95rem;padding:1.25rem}.speciality-col{width:40%}.speciality-name{color:#333;font-weight:500}@media (max-width:1024px){.specialities-container{padding:1.5rem}.specialities-header{flex-direction:column;gap:1.5rem}.header-right{justify-content:space-between;width:100%}.search-input{max-width:100%}}@media (max-width:768px){.specialities-container{padding:1rem}.page-title{font-size:1.5rem}.page-description{font-size:.85rem}.header-right{flex-wrap:wrap;width:100%}.add-btn,.filter-select{flex:1 1;min-width:150px}.table-container{overflow-x:auto}.specialities-table{min-width:700px}.drawer{width:85%}.pagination{flex-direction:column;gap:1rem}.pagination-center,.pagination-left,.pagination-right{justify-content:center;width:100%}}@media (max-width:480px){.specialities-container{padding:.75rem}.specialities-table td,.specialities-table th{font-size:.85rem;padding:.75rem}.action-btn{height:32px;width:32px}.drawer{width:100%}}.sub-specialities-container{background:#fafcfd;font-family:Roboto,sans-serif;min-height:calc(100vh - 65px);padding:2rem}.sub-specialities-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.sub-specialities-table{border-collapse:collapse;width:100%}.sub-specialities-table thead{background:#f9f9f9;border-bottom:1px solid #e0e0e0}.sub-specialities-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.sub-specialities-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.sub-specialities-table tbody tr:hover{background:#fafafa}.sub-specialities-table tbody tr:last-child{border-bottom:none}.sub-specialities-table td{color:#333;font-size:.95rem;padding:1.25rem}.sub-speciality-col{width:40%}.sub-speciality-name{color:#333;font-weight:500}@media (max-width:1024px){.sub-specialities-container{padding:1.5rem}.sub-specialities-header{flex-direction:column;gap:1.5rem}.header-right{justify-content:space-between;width:100%}.search-input{max-width:100%}}@media (max-width:768px){.sub-specialities-container{padding:1rem}.page-title{font-size:1.5rem}.page-description{font-size:.85rem}.header-right{flex-wrap:wrap;width:100%}.add-btn,.filter-select{flex:1 1;min-width:150px}.table-container{overflow-x:auto}.sub-specialities-table{min-width:700px}.drawer{width:85%}.pagination{flex-direction:column;gap:1rem}.pagination-center,.pagination-left,.pagination-right{justify-content:center;width:100%}}@media (max-width:480px){.sub-specialities-container{padding:.75rem}.sub-specialities-table td,.sub-specialities-table th{font-size:.85rem;padding:.75rem}.action-btn{height:32px;width:32px}.drawer{width:100%}}.specialities-col{width:30%}.speciality-cards{display:flex;flex-wrap:wrap;gap:.5rem}.speciality-card{background:#e6f7f9;border-radius:16px;color:#0081a7;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem;white-space:nowrap}.no-specialities{color:#999;font-size:.9rem;font-style:italic}.autocomplete-container{position:relative}.suggestions-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 10px #0000001a;left:0;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-item{color:#333;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:background .2s ease}.suggestion-item:hover{background:#f9f9f9}.suggestion-item:last-child{border-radius:0 0 6px 6px}.selected-specialities{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.selected-speciality-card{align-items:center;background:#e6f7f9;border-radius:16px;color:#0081a7;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.selected-speciality-name{line-height:1}.remove-speciality-btn{align-items:center;background:#0081a726;border:none;border-radius:50%;color:#0081a7;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.remove-speciality-btn:hover{background:#0081a740;transform:scale(1.1)}.remove-speciality-btn svg{height:12px;width:12px}.question-types-container{background:#fafcfd;font-family:Roboto,sans-serif;min-height:calc(100vh - 65px);padding:2rem}.question-types-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-left{flex:1 1}.page-title{color:#333;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.page-description{color:#666;font-size:.95rem;font-weight:400;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;outline:none;padding:.65rem 1rem;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:#0081a7}.add-btn{align-items:center;background:#0081a7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s ease}.add-btn:hover{background:#006d8f;box-shadow:0 4px 8px #0081a733;transform:translateY(-1px)}.search-bar{margin-bottom:1.5rem}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;max-width:400px;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#0081a7;box-shadow:0 0 0 3px #0081a71a}.search-input::placeholder{color:#999}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.question-types-table{border-collapse:collapse;width:100%}.question-types-table thead{background:#f9f9f9;border-bottom:1px solid #e0e0e0}.question-types-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.question-types-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.question-types-table tbody tr:hover{background:#fafafa}.question-types-table tbody tr:last-child{border-bottom:none}.question-types-table td{color:#333;font-size:.95rem;padding:1.25rem}.checkbox-col{text-align:center;width:50px}.checkbox{accent-color:#0081a7;cursor:pointer;height:18px;width:18px}.question-type-col{width:40%}.question-type-name{color:#333;font-weight:500}.status-col{align-items:center;display:flex;gap:1rem;width:25%}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#00afb9}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .85rem}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.actions-col{text-align:center;width:120px}.action-buttons{gap:.5rem}.action-btn,.action-buttons{align-items:center;display:flex;justify-content:center}.action-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.action-btn:hover{transform:translateY(-2px)}.edit-btn{color:#666}.edit-btn:hover{background:#f0f0f0;color:#333}.delete-btn{color:#f07167}.delete-btn:hover{background:#ffebee}.no-data{color:#999}.error-state,.loading-state,.no-data{font-size:.95rem;padding:3rem 1rem;text-align:center}.loading-state{color:#666}.error-state{color:#f07167}.pagination{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;justify-content:space-between;margin-top:-1px;padding:1.5rem}.pagination,.pagination-left{align-items:center;display:flex}.pagination-left{gap:.5rem}.pagination-center,.pagination-right{align-items:center;display:flex}.pagination-right{gap:.5rem}.pagination-label,.pagination-select{color:#666;font-size:.9rem}.pagination-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-weight:500;outline:none;padding:.5rem;transition:all .2s ease}.pagination-select:focus,.pagination-select:hover{border-color:#0081a7}.pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#0081a7;border-color:#0081a7;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.9rem}.drawer-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background:#fff;bottom:0;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.drawer.open{transform:translateX(0)}.drawer-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.drawer-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.drawer-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.drawer-close:hover{background:#f0f0f0;color:#333}.drawer-form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #e0e0e0;border-radius:6px;font-family:Roboto,sans-serif;font-size:.95rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#0081a7;box-shadow:0 0 0 3px #0081a71a}.form-input::placeholder{color:#999}.status-toggle-group{align-items:center;display:flex;gap:1rem}.drawer-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-cancel:hover{background:#f9f9f9;border-color:#ccc}.btn-submit{background:#0081a7;color:#fff}.btn-submit:hover{background:#006d8f;box-shadow:0 4px 8px #0081a733;transform:translateY(-1px)}.modal-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-width:450px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1002}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.modal-icon svg{background:#ffebee;border-radius:50%;padding:1rem}.modal-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-align:center}.modal-message{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 2rem;text-align:center}.modal-actions{display:flex;gap:1rem}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.modal-btn-cancel{background:#fff;border:1px solid #e0e0e0;color:#666}.modal-btn-cancel:hover{background:#f9f9f9;border-color:#ccc}.modal-btn-delete{background:#f07167;color:#fff}.modal-btn-delete:hover{background:#d85d54;box-shadow:0 4px 8px #f071674d;transform:translateY(-1px)}@media (max-width:1024px){.question-types-container{padding:1.5rem}.question-types-header{flex-direction:column;gap:1.5rem}.header-right{justify-content:space-between;width:100%}.search-input{max-width:100%}}@media (max-width:768px){.question-types-container{padding:1rem}.page-title{font-size:1.5rem}.page-description{font-size:.85rem}.header-right{flex-wrap:wrap;width:100%}.add-btn,.filter-select{flex:1 1;min-width:150px}.table-container{overflow-x:auto}.question-types-table{min-width:700px}.drawer{width:85%}.pagination{flex-direction:column;gap:1rem}.pagination-center,.pagination-left,.pagination-right{justify-content:center;width:100%}}@media (max-width:480px){.question-types-container{padding:.75rem}.question-types-table td,.question-types-table th{font-size:.85rem;padding:.75rem}.action-btn{height:32px;width:32px}.drawer{width:100%}}
/*# sourceMappingURL=main.f0244461.css.map*/