.sidebar{background-color:#1c1e3f;color:#fff;height:100vh;width:220px;position:fixed;top:0;left:0;overflow-y:auto;transition:transform .3s ease;z-index:1000}.sidebar ul{list-style:none;padding:20px 0}.sidebar li{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background .3s ease}.sidebar li span{margin-left:10px;font-size:16px}.sidebar li:hover{background-color:#2b2f52}.logout-button{background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.logout-button:hover{background-color:#218838}.logout-button svg{margin-right:8px}.close-btn,.hamburger{display:none;cursor:pointer;font-size:20px;padding:10px;color:#fff}.hamburger{background-color:#1c1e3f;position:fixed;top:15px;left:15px;z-index:1100}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.hamburger,.close-btn{display:block}}@media (max-width: 768px){.sidebar{width:180px}}@media (max-width: 480px){.sidebar{width:160px}.sidebar li span{font-size:14px}}.add-document{max-width:1000px;width:700px;margin:5px auto;padding:30px;border-radius:10px;box-shadow:0 6px 12px #0000004d;text-align:center;position:relative;background-color:#fff}.add-document-container{display:flex;justify-content:center;align-items:center;height:auto;padding:20px}.add-document h2{font-size:2.2rem;text-align:center;margin-bottom:20px;font-weight:700}.add-document label{display:block;margin:12px 0 6px;font-weight:700;font-size:1rem}.add-document input[type=text],.add-document select{width:100%;padding:12px;border-radius:6px;border:1px solid #bbb;margin-bottom:15px;font-size:1rem}.file-drop-area{border:2px dashed #bbb;border-radius:6px;padding:20px;text-align:center;color:#666;margin-bottom:15px;position:relative;font-size:1rem}.file-drop-area .browse-link{color:#0056b3;font-weight:700;cursor:pointer}.file-drop-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop-area small{display:block;margin-top:8px;color:#666;font-size:.9rem}.upload-button{width:100%;padding:14px;font-size:1.2rem;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.upload-button:hover{background-color:#0056b3}@media (max-width: 1024px){.add-document-container{flex-direction:column;height:auto;padding:20px}.add-document{max-width:90%;padding:25px}.add-document h2{font-size:1.8rem}.upload-button{font-size:1rem;padding:12px}}@media (min-width: 1900px){.add-document-container{width:1400px}.add-document{max-width:1400px;padding:40px}.add-document h2{font-size:2.5rem}.upload-button{font-size:1.3rem;padding:16px}}@media (max-width: 768px){.add-document-container{padding:15px}.add-document{max-width:100%;margin:0 15px;padding:20px;width:280px}.add-document h2{font-size:1.6rem}.upload-button{font-size:1rem;padding:10px}}.update-profile-container{padding:20px;max-width:600px;margin:20px auto;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a}.tabs{display:flex;justify-content:space-between;margin-bottom:20px}.tabs button{padding:10px 20px;border:none;background:#ddd;cursor:pointer;flex:1;text-align:center}.tabs .active{background:#133e7c;color:#fff;font-weight:700}.form-section{display:flex;flex-direction:column}.form-section input{padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px}.update-button{background:#133e7c;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.document-directory{padding:20px;max-width:1600px;margin:0 auto}h2{font-size:2rem;margin-bottom:20px}.document-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center;justify-content:space-between}.filter-input,select,input[type=date]{padding:10px;border:1px solid #ccc;border-radius:4px;min-width:180px;font-size:1rem}.filter-button,.upload-btn{padding:10px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.filter-button:hover,.upload-btn:hover{background-color:#45a049}.new-doc-btn{display:none}.sort-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sort-section label{font-size:1rem}.sort-section select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.document-table{width:100%;border-collapse:collapse;font-size:1rem}.document-table th,.document-table td{padding:16px;border-bottom:1px solid #ddd;text-align:left}.document-table th{background-color:#f2f2f2;font-size:1.1rem}.document-table td button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:1rem}.document-table td button:hover{background-color:#0056b3}.pagination{display:flex;justify-content:flex-end;gap:5px;margin-top:30px}@media (min-width: 1900px){.document-directory{padding:40px;max-width:1800px}.document-filters,.sort-section{gap:15px}.filter-input,select,input[type=date]{padding:12px;min-width:200px;font-size:1.2rem}.filter-button,.upload-btn{padding:12px 20px;font-size:1.2rem}h2{font-size:2.5rem}.document-table th,.document-table td{padding:20px;font-size:1.2rem}}@media (max-width: 1024px){.document-directory{padding:20px;max-width:100%}.document-filters{flex-direction:column;align-items:stretch;gap:15px}.filter-input,select,input[type=date]{width:100%;font-size:1rem}.document-table th,.document-table td{font-size:1rem}.pagination{justify-content:center}}@media (max-width: 768px){.document-directory{padding:15px}h2{font-size:1.5rem}.filter-input,select,input[type=date],.filter-button,.upload-btn{width:100%;padding:10px}.document-table th,.document-table td{font-size:.9rem;padding:10px}.pagination{justify-content:center}}@media (max-width: 480px){.document-directory{padding:10px}h2{font-size:1.2rem}.filter-input,select,input[type=date]{width:100%;padding:8px;font-size:.9rem}.filter-button,.upload-btn{padding:8px 10px;font-size:.9rem}.document-table th,.document-table td{font-size:.8rem;padding:8px}.document-table th,.document-table td{font-size:.9rem;padding:10px}}.dashboard{padding:20px;margin-left:240px;text-align:center;transition:margin-left .3s ease;display:flex;flex-direction:column;align-items:center;margin-top:2px}.test{margin-top:0}.dashboard-content{width:100%;max-width:1200px;min-width:50%;display:flex;flex-direction:column;align-items:center}.dashboard h1{text-align:center;margin-bottom:0;margin-top:5px}.widgets{display:flex;gap:50px;margin-bottom:20px;justify-content:center;flex-wrap:wrap;width:100%;align-items:center}.widget{flex:1;min-width:200px;max-width:300px;padding:20px;background:#ecf0f1;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000001a}@media (max-width: 1024px){.dashboard{margin-left:200px}.dashboard-content{max-width:90%}}@media (max-width: 768px){.dashboard{margin-left:0;padding:15px}.dashboard-content{max-width:100%}.widgets{flex-direction:column;align-items:center}}@media (min-width: 1900px){.dashboard{margin-left:280px;padding:30px}.dashboard-content{max-width:70%}}.account-profile{padding:20px;background-color:#f9f9f9;border-radius:8px;max-width:1200px;margin:20px auto 0;box-shadow:0 2px 10px #0000001a}.tabs{display:flex;justify-content:center;margin-bottom:30px}.tab-button{padding:12px 25px;border:none;background:#ddd;margin:0 15px;border-radius:4px;cursor:pointer;font-size:1rem}.tab-button.active{background:#007bff;color:#fff}.tab-content{padding:30px;background:#fff;border-radius:8px;margin-bottom:40px}.account-info .profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.profile-image-label{cursor:pointer}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.form-group label{font-size:1rem;color:#555}.form-group input{width:100%;padding:14px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.save-button{margin-top:20px;padding:12px 25px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;display:block;margin-left:auto}.save-button:hover{background-color:#218838}.change-password h3{margin-bottom:20px}.change-password .form-group{display:flex;flex-direction:column;margin-bottom:20px}.change-password .form-group label{font-size:1rem;margin-bottom:8px}.change-password .form-group input{width:100%;padding:14px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.change-password .save-button{margin-top:20px;background-color:#007bff;display:block;margin-left:auto;padding:12px 25px;border-radius:4px}.change-password .save-button:hover{background-color:#0056b3}.my-courses{margin-top:40px}.courses-table{width:100%;border-collapse:collapse;margin-top:20px}.courses-table th,.courses-table td{padding:12px;text-align:left;border:1px solid #ddd}.courses-table th{background-color:#007bff;color:#fff;font-size:1rem}.courses-table td{font-size:.9rem}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr;gap:20px}.tabs{flex-direction:column}.tab-button{margin:8px 0}.profile-image{width:120px;height:120px}.account-profile{padding:15px;max-width:900px}}@media (min-width: 1900px){.account-profile{max-width:1600px;padding:30px}.form-grid{grid-template-columns:repeat(2,1fr);gap:40px}.tab-button{padding:15px 30px;font-size:1.1rem}.profile-image{width:200px;height:200px}.courses-table th,.courses-table td{padding:15px;font-size:1rem}.save-button{padding:15px 30px;font-size:1.2rem}.tabs{margin-bottom:40px}}.admin-portal-container{padding:20px;max-width:100%;margin:0 auto;overflow-x:auto}.admin-portal-header{font-size:2rem;margin-bottom:20px;text-align:center}.admin-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center;justify-content:space-between}.admin-filter-input,.admin-select{padding:10px;border:1px solid #ccc;border-radius:4px;min-width:200px;font-size:1rem}.admin-filter-button,.admin-create-button{padding:10px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.admin-filter-button:hover,.admin-create-button:hover{background-color:#45a049}.admin-table{width:100%;border-collapse:collapse;font-size:1rem;overflow-x:auto;display:block;margin-top:3px}.admin-table th,.admin-table td{padding:16px;border-bottom:1px solid #ddd;text-align:left;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table th{background-color:#f2f2f2;font-size:1.1rem}.admin-table td{min-width:150px}.admin-table td button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:1rem}.admin-table td button:hover{background-color:#0056b3}.pagination{display:flex;justify-content:flex-end;gap:5px;margin-top:20px}.pagination button{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:1rem}.pagination button.active{background-color:#007bff;color:#fff;border-color:#007bff}.pagination button:hover{background-color:#0056b3;color:#fff}@media (min-width: 1900px){.admin-portal-container{padding:40px}.admin-filters{gap:15px}.admin-filter-input,.admin-select{padding:12px;min-width:250px;font-size:1.2rem}.admin-filter-button,.admin-create-button{padding:12px 20px;font-size:1.2rem}.admin-table th,.admin-table td{padding:20px;font-size:1.2rem}}@media (max-width: 1024px){.admin-portal-container{padding:20px;max-width:100%}.admin-filters{flex-direction:column;align-items:stretch;gap:15px}.admin-filter-input,.admin-select{width:100%;font-size:1rem}.admin-table th,.admin-table td{font-size:1rem}.pagination{justify-content:center}}@media (max-width: 768px){.admin-portal-container{padding:15px}.admin-table{display:block;overflow-x:auto}.admin-table th,.admin-table td{padding:10px;font-size:.9rem}.pagination{justify-content:center}}@media (max-width: 480px){.admin-portal-container{padding:10px}.admin-filter-input,.admin-select{width:100%;padding:8px;font-size:.9rem}.admin-filter-button,.admin-create-button{padding:8px 10px;font-size:.9rem}.admin-table th,.admin-table td{padding:8px;font-size:.8rem}}.profile-container{width:100%;max-width:1200px;margin:auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.profile-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid #ddd}.profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover;cursor:pointer;border:3px solid #133e7c}.profile-header-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:28px;font-weight:700}.profile-id{font-size:18px;color:#555}.profile-body{display:flex;justify-content:space-between;margin-top:20px}.profile-details,.profile-meta{flex:1;display:flex;flex-direction:column;gap:10px}.profile-details p,.profile-meta p{background:#f5f5f5;padding:10px;border-radius:5px;font-size:16px}.profile-footer{display:flex;justify-content:center;margin-top:20px}.edit-button{padding:10px 20px;background:#4caf50;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px}.edit-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.edit-form label{font-weight:700;margin-bottom:5px}@media (max-width: 768px){.profile-body{flex-direction:column}.profile-header{flex-direction:column;align-items:center}.profile-image{width:120px;height:120px}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.login-container{height:100vh;background:url(../login-page.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center;margin-top:30px}.overlay{background:#2b518080;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.form-wrapper{background-color:#133e7c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;text-align:center;max-width:350px;width:100%;color:#fff}.form-wrapper h1{font-size:2rem;margin-bottom:20px}.form-wrapper h3{font-size:1rem;margin-bottom:10px;font-weight:400}.input-container{display:flex;align-items:center;background-color:#fff3;border-radius:8px;margin-bottom:15px;padding:10px 15px}.input-container svg{margin-right:10px;color:#fff}.input-container input{border:none;background:transparent;outline:none;width:100%;color:#fff;font-size:16px}.input-container input::placeholder{color:#ffffffb3}.login-button{width:100%;padding:12px;border-radius:8px;background-color:#fff3;color:#fff;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.login-button:hover{background-color:#ffffff4d}.options{display:flex;justify-content:space-between;margin-top:10px;font-size:.9rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:5px}.remember-me label{color:#fffc}.forgot-password{color:#fffc;text-decoration:none}.forgot-password:hover{text-decoration:underline}.role-selection{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;padding:10px;border:1px solid #ddd;border-radius:10px;background-color:#133e7c;width:100%}.role-selection h3{font-size:1.2rem;color:#fff;margin-bottom:10px}.role-selection div{margin-bottom:10px}.role-selection input[type=radio]{margin-right:10px}.role-selection label{font-size:1rem;color:#fff}.role-selection .role-button{background-color:#28a745;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;cursor:pointer;margin-top:20px;align-self:center}.role-selection .role-button:hover{background-color:#218838}.role-selection .role-button:disabled{background-color:#94d3a2;cursor:not-allowed}@media (max-width: 768px){.form-wrapper{padding:20px;max-width:300px}}@media (max-width: 576px){.form-wrapper{padding:15px;max-width:100%}}@media (min-width: 1900px){.form-wrapper{max-width:500px;padding:40px}.input-container input{font-size:18px}.login-button{font-size:1.25rem}.options{font-size:1.1rem}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{background:#f5f5f5}a{color:inherit;line-height:1;cursor:pointer}.container{padding-right:10%;padding-left:10%}.btn{background:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center}.btn img{width:20px;margin-left:10px}