@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Tajawal:wght@300;400;600;700&display=swap";:root{--sidebar-bg: #072233;--sidebar-contrast: #103647;--accent: #1ea7d7;--muted: #bfcbd6;--muted-strong: #9aa9b6;--text: #13243f;--card-bg: #ffffff;--topbar-bg: #ffffff;--danger: #dc3545;--success: #28a745;--warning: #ffc107;--glass: rgba(255,255,255,.03)}html,body,.layout-container,.main-content{font-family:Amiri,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside[dir=rtl],body[dir=rtl],html[dir=rtl]{font-family:Geeza Pro,Noto Naskh Arabic,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.layout-container{display:flex;height:100vh;overflow:hidden;background-color:#f9fafb}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:240px;background-color:#122036;color:#fff;display:flex;flex-direction:column;transition:all .3s ease;z-index:50;height:100vh;position:relative;box-shadow:2px 0 12px #0206171f}.sidebar.collapsed{width:80px}.sidebar.mobile-open{position:absolute;left:0;top:0;height:100%;transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #334155}.sidebar-logo{height:40px;margin-right:8px}.app-title{font-size:10px;font-weight:700;white-space:nowrap}.sidebar-toggle{background:none;border:none;color:#1a015e;cursor:pointer}.sidebar-user{display:flex;align-items:center;padding:12px;border-bottom:1px solid #334155}.user-avatar,.user-avatar-icon{width:36px;height:36px;border-radius:50%}.user-name{margin-left:10px;font-size:14px;font-weight:500}.user-settings-icon{margin-left:auto;cursor:pointer}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:4px 0}.sidebar-nav a{display:flex;align-items:center;padding:10px 16px;color:#130341;text-decoration:none;border-radius:6px;transition:background .2s ease}.sidebar-nav a:hover{background-color:#334155;color:#fff}.sidebar-nav a.active{background-color:#1074a3;color:#fff}.nav-icon{margin-right:8px;font-size:16px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid #334155}.lang-switch{display:flex;flex-direction:column;gap:6px}.lang-button{background:none;border:none;color:#cbd5e1;text-align:left;cursor:pointer;font-size:14px}.lang-button:hover{color:#fff}.logout-button{color:#f87171}.logout-button:hover{color:#ef4444}.topbar{height:56px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.page-title{font-size:16px;font-weight:700;color:#1e293b}.topbar-actions{display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;background:#f1f5f9;padding:4px 8px;border-radius:6px}.search-box input{border:none;background:transparent;outline:none;padding:4px;font-size:14px;margin-left:6px}.notif-menu{position:relative}.notif-btn .badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;font-size:10px;border-radius:50%;padding:2px 6px}.notif-dropdown{position:absolute;top:40px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px;min-width:200px;box-shadow:0 2px 6px #0000001a;z-index:100}.user-dropdown{font-size:22px;color:#334155;cursor:pointer}.content{flex:1;overflow-y:auto;padding:16px;background-color:#f9fafb}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:#334155;cursor:pointer}@media (max-width: 768px){.sidebar{transform:translate(-100%);position:absolute}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:block}.sidebar.collapsed .user-name,.sidebar.collapsed .app-title{display:none}}.user-menu{position:relative}.user-avatar-btn{border:none;background:none;cursor:pointer}.user-avatar{width:32px;height:32px;border-radius:50%}.user-avatar-icon{font-size:28px;color:#334155}.user-dropdown-menu{position:absolute;top:40px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:160px;display:none;flex-direction:column;z-index:100;box-shadow:0 2px 6px #00000026}.user-menu:hover .user-dropdown-menu{display:flex}.dropdown-item{display:flex;align-items:center;gap:8px;padding:10px;font-size:14px;color:#1e293b;text-decoration:none;background:#fff;cursor:pointer;border:none}.dropdown-item:hover{background:#f1f5f9}.data-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff;box-shadow:0 2px 5px #0000000d;border-radius:8px;overflow:hidden}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.data-table th{background-color:#ecf0f1;color:#34495e;font-weight:600;text-transform:uppercase;font-size:.9em}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:#f5f5f5}body[dir=rtl] .data-table th,body[dir=rtl] .data-table td{text-align:right}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5}.login-form-container{max-width:400px;width:100%;padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;text-align:center}.login-form-container h2{color:#2c3e50;margin-bottom:30px;font-size:1.8em}.logout-button{background-color:#dc3545}.form-info{background-color:#e7f3fe;border-left:5px solid #2196F3;padding:15px;margin-bottom:25px;color:#333;border-radius:4px}.file-upload-group{margin-bottom:20px;padding:15px;border:1px dashed #ced4da;border-radius:8px;background-color:#fefefe;display:flex;flex-direction:column}.file-upload-group label{margin-bottom:10px;font-size:1.1em;color:#34495e}.file-upload-group input[type=file]{padding:8px;border:1px solid #c0c0c0;border-radius:4px;background-color:#fdfdfd}.upload-status-icon{margin-top:10px;font-size:.9em;display:flex;align-items:center}.upload-status-icon.success{color:#28a745;margin-left:5px}body[dir=rtl] .file-upload-group{text-align:right}body[dir=rtl] .upload-status-icon.success{margin-right:5px;margin-left:0}.logout-button{background-color:#dc3545;margin-top:10px}.logout-button:hover{background-color:#c82333}.author-credit{margin-top:18px;font-size:.95em;color:#bbb;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #34495e;padding-top:10px}.author-link{color:#0077b5;font-weight:500;text-decoration:none;transition:color .2s}.author-link:hover{color:#005983}.social-icon{display:inline-flex;align-items:center;border-radius:50%;background:#fff;width:26px;height:26px;justify-content:center;transition:background .2s;margin-left:2px}.social-icon.facebook:hover{background:#1877f2}.social-icon.linkedin:hover{background:#0077b5}.social-icon img{width:16px;height:16px;filter:grayscale(.2)}@media (max-width: 700px){.sidebar{width:60px;padding:10px 5px}.sidebar-header h2,.sidebar-nav a span,.lang-button,.author-credit span,.author-link{display:none}.sidebar-logo{width:32px;height:32px}.sidebar-nav a{padding:10px 8px;text-align:center}}.filter-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014}.filter-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-controls .form-group{flex:1;min-width:180px}.filter-controls .search-group{position:relative;flex:2;min-width:250px}.filter-controls .search-group input{padding-right:35px;padding-left:10px}body[dir=rtl] .filter-controls .search-group input{padding-left:35px;padding-right:10px}.filter-controls .search-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px;color:#888}body[dir=rtl] .filter-controls .search-icon{left:10px;right:auto}.reset-button{background-color:#6c757d;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;display:flex;align-items:center;gap:8px}.reset-button:hover{background-color:#5a6268}.data-table .actions-cell{white-space:nowrap;text-align:center}body[dir=rtl] .data-table .actions-cell{text-align:center}.action-button{padding:8px 12px;border-radius:4px;font-size:.85em;cursor:pointer;margin:2px;transition:background-color .3s ease,transform .2s ease;display:inline-flex;align-items:center;gap:5px}.action-button.approve-button{background-color:#007bff;color:#fff;border:1px solid #007bff}.action-button.approve-button:hover{background-color:#0056b3}.action-button.approve-button[disabled]{background-color:#ccc;cursor:not-allowed;opacity:.7}.action-button.edit-button{background-color:#ffc107;color:#333;border:1px solid #ffc107}.action-button.edit-button:hover{background-color:#e0a800}.action-button.delete-button{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.action-button.delete-button:hover{background-color:#c82333}.status-icon{font-size:.9em;font-weight:700;display:flex;align-items:center;gap:5px;margin-bottom:3px}.status-icon.success{color:#28a745}.status-icon.error{color:#dc3545}.status-icon.info{color:#17a2b8}.action-buttons-group{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:5px}.tabs-nav{display:flex;flex-wrap:wrap;justify-content:center;border-bottom:2px solid #e0e0e0;margin-bottom:25px;gap:10px}.tabs-nav .tab-button{padding:12px 20px;background-color:transparent;border:none;border-bottom:3px solid transparent;color:#607d8b;font-weight:600;cursor:pointer;font-size:1.05em;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tabs-nav .tab-button:hover{color:#2196f3;background-color:#f0f8ff}.tabs-nav .tab-button.active{color:#2196f3;border-bottom-color:#2196f3;background-color:#e3f2fd}html[dir=rtl] .tabs-nav{justify-content:center}html[dir=rtl] .tabs-nav .tab-button .ml-2{margin-left:0;margin-right:8px}.tab-content{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014}.tab-content .page-header{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.tab-content .page-header h3{font-size:1.8em;margin:0}.university-settings-form{max-width:800px;margin:0 auto}.action-button.approve-button-green{background-color:#28a745;border-color:#28a745;color:#fff}.action-button.approve-button-green:hover{background-color:#218838}.action-button.reject-button-red{background-color:#dc3545;border-color:#dc3545;color:#fff}.action-button.reject-button-red:hover{background-color:#c82333}.tab-content .page-header h3{font-size:1.8em;margin-top:0}.sidebar-user{display:flex;align-items:center;justify-content:center;margin:16px 0;padding:8px 0;border-bottom:1px solid #34495e}.user-profile-link{display:flex;align-items:center;text-decoration:none;color:#052d37;gap:8px;font-weight:500;transition:background .2s;padding:6px 12px;border-radius:8px}.user-profile-link:hover{background:#34495e}.user-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 1px 4px #2c3e501f}.user-avatar-icon{font-size:32px;color:#bdc3c7}.user-name{margin-left:6px;font-size:1em}.user-settings-icon{margin-left:auto;font-size:1.1em;color:#bbb}.user-profile-edit-page{display:flex;justify-content:center;align-items:flex-start;min-height:80vh;background:#f8f9fa}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #2c3e5014;padding:36px 32px 28px;max-width:420px;width:100%;margin-top:40px}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.profile-avatar-container{position:relative;width:120px;height:120px;margin:0 auto 20px;border-radius:50%;background-color:#e9ecef;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3em;color:#6c757d}.profile-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4em;font-weight:700;color:#ced4da}.avatar-upload-label{position:absolute;bottom:0;right:0;background-color:#007bff;color:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.avatar-upload-label:hover{background-color:#0056b3}.profile-header h2{margin:0 0 6px;font-size:1.6em;color:#2c3e50;font-weight:700}.profile-username{color:#888;font-size:1em;margin-bottom:0}.profile-form .form-group{margin-bottom:18px}.profile-form label{display:block;margin-bottom:6px;color:#34495e;font-weight:500}.profile-form input{width:100%;padding:10px 12px;border:1px solid #dbe2e8;border-radius:6px;font-size:1em;background:#f7f9fa;transition:border-color .2s}.profile-form input:focus{border-color:#3498db;outline:none}.action-button.submit-button{width:100%;background:#3498db;color:#fff;border:none;padding:12px 0;border-radius:6px;font-size:1.1em;font-weight:600;cursor:pointer;margin-top:10px;transition:background .2s}.action-button.submit-button:hover{background:#2980b9}.form-message.success{color:#28a745;margin-top:12px;text-align:center}.form-message.error{color:#dc3545;margin-top:12px;text-align:center}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;animation:fadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.modal-header h3{margin:0;color:#333;font-size:1.5em}.modal-close-button{background:none;border:none;font-size:2em;cursor:pointer;color:#888;line-height:1;transition:color .2s ease}.modal-close-button:hover{color:#333}body[dir=rtl] .modal-header{flex-direction:row-reverse}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body{font-family:Arial,sans-serif;margin:0;padding:0}.container{padding:20px;text-align:left}body[dir=rtl] .container{text-align:right}.sidebar{float:left;width:200px;background-color:#f0f0f0}body[dir=rtl] .sidebar{float:right}.form-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:30px}.form-section h3{color:#333;margin-top:0;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.academic-year-form .form-group{margin-bottom:15px}.academic-year-form label{display:block;margin-bottom:5px;font-weight:500;color:#555}.academic-year-form input[type=text],.academic-year-form input[type=date],.academic-year-form select,.academic-year-form textarea{width:calc(100% - 22px);padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}.academic-year-form input[type=text]:focus,.academic-year-form input[type=date]:focus,.academic-year-form select:focus,.academic-year-form textarea:focus{border-color:#3498db;outline:none}.academic-year-form .checkbox-group{display:flex;align-items:center;margin-top:20px}.academic-year-form .checkbox-group input[type=checkbox]{margin-left:0;margin-right:10px;width:auto}body[dir=rtl] .academic-year-form .checkbox-group input[type=checkbox]{margin-left:10px;margin-right:0}.submit-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;margin-top:20px}.submit-button:hover{background-color:#218838}.form-message{margin-top:15px;padding:10px;border-radius:4px;font-weight:500}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.academic-years-list-items li{background-color:#e9ecef;padding:10px 15px;margin-bottom:8px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;color:#333}body[dir=rtl] .academic-year-form label,body[dir=rtl] .academic-year-form input[type=text],body[dir=rtl] .academic-year-form input[type=date],body[dir=rtl] .academic-year-form select,body[dir=rtl] .academic-year-form textarea{text-align:right}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.page-header h2{margin:0;color:#333;font-size:2em}.add-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.add-button:hover{background-color:#2980b9}.academic-years-list-items{list-style:none;padding:0}.academic-years-list-items li.academic-year-item{background-color:#fff;padding:15px 20px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;align-items:center;color:#333;font-size:1.1em}.academic-year-item span{flex-grow:1}.item-actions{display:flex;gap:10px}.edit-button,.delete-button{background-color:#ffc107;color:#333;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .3s ease}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.message{margin-top:15px;padding:10px;border-radius:4px;font-weight:500}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}body[dir=rtl] .item-actions{direction:ltr;flex-direction:row-reverse}body[dir=rtl] .academic-year-item span{text-align:right}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.col-span-full{grid-column:1/-1}.block{display:block}.flex{display:flex}.grid{display:grid}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}