@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#1e3a8a;--color-accent:#3b82f6;--color-background-soft:#f4f7fa;--color-text-dark:#1f2937;--color-text-light:#e5e7eb;--shadow-lg:0 10px 20px #00000014;--shadow-sm:0 4px 6px #0000000d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7fa;background-color:var(--color-background-soft);color:#1f2937;color:var(--color-text-dark);font-family:Inter,sans-serif;margin:0}input:not([type=submit]),select{background-color:#fff;border:1px solid #e5e7eb!important;border-radius:12px!important;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:12px 16px!important;transition:border-color .2s,box-shadow .2s;width:100%}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.5em}input:focus,select:focus{border-color:#3b82f6!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #3b82f633;outline:none}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433}.error-text{color:#ef4444;font-size:.75rem;margin-top:4px}input[type=date]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 8.25h18M5.25 9.75h13.5M6 12.75v6.75m3-6.75v6.75m3-6.75v6.75m3-6.75v6.75'/%3E%3C/svg%3E")}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;background-position:right 12px center;background-repeat:no-repeat;background-size:1.5em}input[type=time]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E")}input[name$=Minute]{padding:12px 8px!important;text-align:center;width:60px}.filter-input{max-width:200px}.filter-input.date-picker{max-width:160px}.required-label:after{content:" *"}.error,.required-label:after{color:#ef4444;font-weight:600}.error{background-color:#fecaca;border-left:5px solid #ef4444;border-radius:8px;padding:12px;text-align:center}.error.text-green-600{background-color:#d1fae5;border-left-color:#16a34a;color:#16a34a}i.fa{color:#6b7280;font-size:1rem}.relative i.fa{left:12px;position:absolute;top:50%;transform:translateY(-50%)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{background-color:#1f2937;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.75rem;margin-bottom:8px;padding:6px 12px;white-space:nowrap;z-index:10}[data-tooltip]:hover:after,[data-tooltip]:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}[data-tooltip]:hover:before{border:6px solid #0000;border-top-color:#1f2937;content:"";margin-bottom:2px}.autocomplete-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-sm);left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.autocomplete-item{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s}.autocomplete-item:hover{background-color:#e0f2fe}.form-container{background-color:#fff;border-radius:18px;box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);margin:50px auto;max-width:420px;padding:35px;width:90%}.form-container h2{color:#1e3a8a;color:var(--color-primary);font-size:2rem;font-weight:800;margin-bottom:30px}.link{font-weight:600;text-decoration:none;transition:color .2s}.header{align-items:center;background-color:#1e3a8a;background-color:var(--color-primary);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-sm);color:#e5e7eb;color:var(--color-text-light);display:flex;height:64px;justify-content:space-between;padding:0 25px 0 35px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header h1{font-size:1.6rem;font-weight:800;margin:0}.user-info{align-items:center;display:flex;gap:20px}.user-info span{font-weight:600}.logout-btn{align-items:center;background-color:#ef4444;border:none;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:8px;padding:8px 15px;transition:background-color .2s,transform .1s}.logout-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.main{flex-grow:1;overflow-y:auto;padding:0}.content-wrapper{margin:0;width:100vw}.dashboard{background-color:#fff;border-radius:0;box-shadow:none;min-height:100vh;padding:40px;width:100%}.dashboard h2{color:#1e3a8a;color:var(--color-primary);font-size:2.2rem;font-weight:700;margin-bottom:25px}.dashboard .links{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.dashboard .links a,.dashboard .links button{background-color:#f4f7fa;background-color:var(--color-background-soft);border:1px solid #e0e7ff;border-radius:12px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-sm);color:#1e3a8a;color:var(--color-primary);cursor:pointer;font-size:1.05rem;font-weight:600;padding:18px 25px;text-decoration:none;transition:background-color .2s,transform .1s,box-shadow .2s}.dashboard .links a:hover,.dashboard .links button:hover{background-color:#e0f2fe;box-shadow:0 8px 15px #3b82f61a;color:#1e3a8a;color:var(--color-primary);transform:translateY(-3px)}.placeholder{color:#6b7280;font-size:1.1rem;padding:20px;text-align:center}.tab-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-button{align-items:center;background-color:#f4f7fa;background-color:var(--color-background-soft);border:none;border-radius:12px;color:#1e3a8a;color:var(--color-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:14px 25px;transition:background-color .2s,color .2s,box-shadow .2s}.tab-button:hover{background-color:#e0f2fe}.tab-button-active{background-color:#3b82f6;background-color:var(--color-accent);box-shadow:0 4px 10px #3b82f633;color:#fff}.tab-button-active:hover{background-color:#2563eb}.panel-content{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-sm);padding:25px}.enrollment-form{margin:0 auto;max-width:1200px}.form-section{margin-bottom:30px}.form-section-title{align-items:center;color:#1e3a8a;color:var(--color-primary);display:flex;font-size:1.4rem;font-weight:700;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column}.form-group.col-span-2{grid-column:span 2}.form-label{color:#1f2937;color:var(--color-text-dark);font-size:.9rem;font-weight:600;margin-bottom:8px}.form-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.form-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.form-submit-btn{background-color:#3b82f6;background-color:var(--color-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 30px;transition:background-color .2s,transform .1s}.form-submit-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.form-submit-btn.submitting{background-color:#60a5fa;cursor:not-allowed}.filter-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.employee-table{background-color:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.employee-table td,.employee-table th{border-bottom:1px solid #e5e7eb;padding:14px;text-align:left}.employee-table th{background-color:#f4f7fa;background-color:var(--color-background-soft);color:#1e3a8a;color:var(--color-primary);font-weight:700}.employee-table tbody tr:hover{background-color:#f9fafb}.employee-table td{font-size:.95rem}.employee-table .collapsible-content table{border-collapse:collapse;width:100%}.employee-table .collapsible-content td,.employee-table .collapsible-content th{border-bottom:1px solid #e5e7eb;padding:16px}.employee-table .collapsible-content th{background-color:#f9fafb;color:#1f2937;color:var(--color-text-dark);font-weight:600}.collapsible-header{background-color:#f9fafb;border:none;cursor:pointer;padding:16px;text-align:left;transition:background-color .2s;width:100%}.collapsible-header:hover{background-color:#e0f2fe}.alert-modal,.employee-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.alert-backdrop,.modal-backdrop{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.alert-box,.modal-box{background-color:#fff;border-radius:18px;box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);max-height:90vh;max-width:90%;overflow-y:auto;padding:25px;position:relative;z-index:2}.alert-box{max-width:400px;width:90%}.redesigned-modal{display:flex;flex-direction:column;max-width:500px;padding:0;width:100%}.modal-header{align-items:center;background-color:#f4f7fa;background-color:var(--color-background-soft);border-bottom:1px solid #e5e7eb;border-top-left-radius:18px;border-top-right-radius:18px;display:flex;justify-content:space-between;padding:20px 24px}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;transition:color .2s}.modal-close-btn:hover{color:#1f2937}.modal-content{flex-grow:1;overflow-y:auto;padding:24px}.modal-footer{background-color:#f4f7fa;background-color:var(--color-background-soft);border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.collapsible-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.collapsible-content{background-color:#fff;padding:16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column}.info-item strong{color:#1f2937;color:var(--color-text-dark);font-weight:600;margin-bottom:4px}.info-item span{color:#4b5563}.info-item.col-span-2{grid-column:span 2}@media (max-width:768px){.dashboard{padding:20px}.form-grid{grid-template-columns:1fr}.form-group.col-span-2{grid-column:span 1}.filter-container{align-items:stretch;flex-direction:column}.filter-input{max-width:100%}.modal-box{max-width:95%;padding:20px}.info-grid{grid-template-columns:1fr}.info-item.col-span-2{grid-column:span 1}}@media (max-width:480px){.form-submit-btn,.tab-button{font-size:1rem;padding:12px 20px}.employee-table td,.employee-table th{font-size:.85rem;padding:10px}.autocomplete-dropdown{max-height:150px}.modal-box{max-width:90%;padding:15px}}