:root{--primary-color: #1a3d2e;--secondary-color: #bf9b30;--bg-color: #f4f6f9;--surface-color: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--sidebar-bg: #ffffff;--sidebar-text: #374151;--sidebar-hover: #f3f4f6;--sidebar-active-bg: #f0fdf4;--sidebar-active-text: #1a3d2e;--sidebar-active-border: #1a3d2e;--topbar-bg: #ffffff;--topbar-border: #e5e7eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--opc-green: #1a3d2e;--opc-blue: #3b82f6;--opc-orange: #f59e0b;--opc-success: #10b981;--opc-indigo: #6366f1}[data-theme=dark]{--bg-color: #0f172a;--surface-color: #1e293b;--text-main: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155;--sidebar-bg: #1e293b;--sidebar-text: rgba(255, 255, 255, .75);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-active-border: #bf9b30;--topbar-bg: #1e293b;--topbar-border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-align{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.py-4{padding:1rem 0}.padding-0{padding:0!important}.padding-4{padding:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.border-bottom{border-bottom:1px solid var(--border-color);padding-bottom:1rem}h1,h2,h3,h4{color:var(--text-main)}a{color:var(--primary-color);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.navbar{background-color:var(--surface-color);box-shadow:var(--shadow-sm);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:var(--primary-color);gap:.5rem}.navbar-menu{display:flex;gap:1.5rem}.nav-link{color:var(--text-muted)}.nav-link:hover{text-decoration:none;color:var(--primary-color)}.navbar-user{display:flex;align-items:center;gap:1rem}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);padding:1rem}.auth-card{background:var(--surface-color);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:var(--secondary-color);margin-bottom:1rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;width:100%}.form-group label{margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input,.form-group select,.form-control{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:all .2s;font-family:inherit;width:100%}.form-group input:focus,.form-group select:focus,.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0c3e751a}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background-color .2s;display:inline-block;text-align:center}.btn-primary:hover{background-color:var(--primary-light);text-decoration:none}.btn-secondary{background-color:var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background-color .2s;display:inline-block;text-align:center}.btn-secondary:hover{background-color:var(--secondary-hover);text-decoration:none}.btn-icon{background:none;color:var(--text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.btn-icon:hover{background-color:var(--border-color);color:var(--text-main)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.card{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-color)}.card-header{padding:1.5rem;background-color:#00000003;border-bottom:1px solid var(--border-color)}.card-header h2,.card-header h3{margin:0}.card-body{padding:1.5rem}.form-container{max-width:600px;margin:0 auto}.badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-pending{background-color:#f59e0b1a;color:var(--warning)}.badge-approved{background-color:#10b9811a;color:var(--success)}.badge-rejected{background-color:#ef44441a;color:var(--danger)}.badge-student{background-color:#3b82f61a;color:var(--info)}.badge-admin{background-color:#0c3e751a;color:var(--primary-color)}.badge-info{background-color:#3b82f61a;color:var(--info)}.status-indicator{font-size:1.5rem}.error-message{background-color:#ef44441a;color:var(--danger);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.25rem;color:var(--primary-color);font-weight:500}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:#00000005;font-weight:600;font-size:.875rem;color:var(--text-muted)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#00000003}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem 0}.ml-2{margin-left:.5rem}.admin-layout{display:flex;flex-direction:column;min-height:100vh}.admin-topbar{background-color:var(--topbar-bg);color:var(--text-main);border-bottom:1px solid var(--topbar-border);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;z-index:200;box-shadow:var(--shadow-sm)}.admin-topbar-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-main);font-weight:700}.admin-topbar-brand svg{color:var(--text-muted)}.admin-topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-icon-btn{background:none;border:none;padding:.5rem;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;transition:all .2s}.topbar-icon-btn:hover{background-color:var(--sidebar-hover);color:var(--text-main)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:.5rem;border-radius:8px;align-items:center;justify-content:center}.mobile-menu-btn:hover{background-color:var(--sidebar-hover)}.admin-topbar-user-btn{display:flex;align-items:center;gap:.625rem;background:none;border:1px solid var(--border-color);cursor:pointer;padding:.375rem .75rem;border-radius:10px;color:var(--text-main);transition:all .2s;font-family:inherit}.admin-topbar-user-btn:hover{background-color:var(--sidebar-hover)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a3d2e,#2d6a4f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);width:210px;display:flex;flex-direction:column;overflow:hidden;z-index:300}.dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.85rem;color:var(--text-main);font-family:inherit;transition:background .15s}.dropdown-item:hover{background-color:var(--sidebar-hover)}.dropdown-item.danger{color:#dc2626}.dropdown-divider{height:1px;background-color:var(--border-color);margin:0}.admin-body{display:flex;flex:1;margin-top:60px}.admin-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);position:fixed;top:60px;bottom:0;left:0;display:flex;flex-direction:column;z-index:150;transition:width .3s ease;overflow:hidden}.admin-sidebar.open{width:240px}.admin-sidebar.closed{width:64px}.sidebar-open{margin-left:240px}.sidebar-closed{margin-left:64px}.admin-sidebar-menu{padding:.875rem .625rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-category{display:flex;flex-direction:column;gap:2px;margin-bottom:.75rem}.nav-category-label{padding:.5rem .75rem .25rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-category-divider{height:1px;background-color:var(--border-color);margin:.5rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;border-radius:8px;border-left:none;white-space:nowrap;cursor:pointer}.admin-nav-item .nav-icon{min-width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.admin-nav-item .nav-label{transition:opacity .2s;color:var(--sidebar-text)}.admin-sidebar.closed .admin-nav-item .nav-label{opacity:0;width:0;overflow:hidden}.admin-sidebar.closed .admin-sidebar-menu{padding:.875rem .5rem}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:.625rem;width:44px;margin:0 auto}.admin-nav-item:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text);text-decoration:none}.admin-nav-item:hover .nav-icon{color:var(--primary-color)}.admin-nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.admin-nav-item.active .nav-icon{color:var(--sidebar-active-text)}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding:.75rem}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;width:100%;background:var(--sidebar-hover);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:inherit;transition:all .2s;white-space:nowrap;overflow:hidden}.sidebar-toggle-btn:hover{background:var(--border-color);color:var(--text-main)}.admin-main{flex:1;padding:2rem;background-color:var(--bg-color);min-height:calc(100vh - 60px);transition:margin-left .3s ease;overflow-x:hidden}.admin-main.sidebar-open{margin-left:240px}.admin-main.sidebar-closed{margin-left:64px}.stat-card{padding:1.5rem;border-radius:var(--radius);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-card-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.stat-card-label{font-size:.875rem;font-weight:500;opacity:.9}.chart-container{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);height:100%}.alert-badge{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.alert-badge.incomplete{background-color:#fef3c7;color:#d97706}.alert-badge.compliance{background-color:#fee2e2;color:#dc2626}.alert-badge.risk{background-color:#ffedd5;color:#ea580c}.activity-item{padding:.75rem 0;border-bottom:1px solid var(--border-color);font-size:.875rem}.activity-item:last-child{border-bottom:none}.activity-item .time{color:var(--text-muted);font-size:.75rem}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard .grid-3,.dashboard .grid-2{grid-template-columns:1fr}.mobile-menu-btn{display:flex!important}.admin-sidebar{transform:translate(-100%);width:240px;transition:transform .3s ease;z-index:1000}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001a}.admin-main.sidebar-open,.admin-main.sidebar-closed{margin-left:0!important}.brand-text{display:none}.topbar-left{gap:.5rem!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 1rem}.flex.gap-4{flex-direction:column;gap:1rem}.top-navbar{padding:1rem}.nav-links{display:none}.admin-sidebar.open{width:250px;transform:translate(0)}.admin-sidebar.closed{width:250px;transform:translate(-100%)}.admin-sidebar{position:fixed;z-index:1050;transition:transform .3s ease}.admin-main{padding:1rem;margin-left:0!important}.admin-sidebar.open~.admin-main{margin-left:0!important}.admin-sidebar.closed~.admin-main{margin-left:0!important}.admin-topbar{padding:0 1rem}.admin-topbar-brand span{display:none}}@media (max-width: 480px){.top-navbar-user span.user-name{display:none}.card{padding:1rem}}