@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-bg:#eff6ff;--secondary:#10b981;--secondary-light:#34d399;--secondary-bg:#ecfdf5;--purple:#7c3aed;--purple-bg:#f5f3ff;--orange:#f59e0b;--orange-bg:#fffbeb;--red:#ef4444;--red-bg:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:#10b981;background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);color:#374151;color:var(--gray-700)}.btn-outline:hover:not(:disabled){background:#eff6ff;background:var(--primary-bg);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.btn-sm{font-size:13px;padding:7px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn-full{justify-content:center;width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:13px;font-weight:600;gap:6px}.form-input{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#1f2937;color:var(--gray-800);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.form-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}textarea.form-input{min-height:100px;resize:vertical}.card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.card-body{padding:24px}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:20px 24px}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px}.badge-blue{background:#eff6ff;background:var(--primary-bg);color:#2563eb;color:var(--primary)}.badge-green{background:#ecfdf5;background:var(--secondary-bg);color:#059669}.badge-purple{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.badge-orange{background:#fffbeb;background:var(--orange-bg);color:#d97706}.badge-red{background:#fef2f2;background:var(--red-bg);color:#ef4444;color:var(--red)}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.navbar{background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px;text-decoration:none}.navbar-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.navbar-title{color:#111827;color:var(--gray-900);font-size:18px;font-weight:800}.navbar-sub{color:#9ca3af;color:var(--gray-400);font-size:11px;font-weight:500}.navbar-nav{gap:4px}.nav-link,.navbar-nav{align-items:center;display:flex}.nav-link{border-radius:8px;border-radius:var(--radius-sm);color:#4b5563;color:var(--gray-600);font-size:14px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{background:#eff6ff;background:var(--primary-bg);color:#2563eb;color:var(--primary)}.page-container{margin:0 auto;max-width:1200px;padding:32px 24px}.page-header{margin-bottom:28px}.page-title{color:#111827;color:var(--gray-900);font-size:26px;font-weight:800}.page-subtitle{color:#6b7280;color:var(--gray-500);font-size:14px;margin-top:4px}.table-container{border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;background:var(--gray-50)}th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);font-size:14px;padding:14px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb;background:var(--gray-50)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:20px 24px;transition:all .2s}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{color:#111827;color:var(--gray-900);font-size:32px;font-weight:800}.stat-label{color:#6b7280;color:var(--gray-500);font-size:13px;font-weight:500}.stat-sub{color:#9ca3af;color:var(--gray-400);font-size:12px;margin-top:2px}.stat-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:14px;gap:10px;padding:12px 16px}.alert-error{background:#fef2f2;background:var(--red-bg);border:1px solid #fca5a5;color:#b91c1c}.alert-success{background:#ecfdf5;background:var(--secondary-bg);border:1px solid #6ee7b7;color:#065f46}.empty-state{color:#9ca3af;color:var(--gray-400);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.loader{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.page-container{padding:16px}.navbar{padding:0 16px}.navbar-nav{display:none}}.dashboard-hero{background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#3b82f6);border-radius:16px;border-radius:var(--radius-lg);color:#fff;margin-bottom:28px;overflow:hidden;padding:40px;position:relative}.dashboard-hero:before{background:#ffffff0d;height:200px;right:-50px;top:-50px;width:200px}.dashboard-hero:after,.dashboard-hero:before{border-radius:50%;content:"";position:absolute}.dashboard-hero:after{background:#ffffff08;bottom:-80px;height:300px;right:100px;width:300px}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:center;position:relative;transition:all .15s}.calendar-day:hover{background:#eff6ff;background:var(--primary-bg);color:#2563eb;color:var(--primary)}.calendar-day.has-event:after{background:#2563eb;background:var(--primary);border-radius:50%;bottom:4px;content:"";height:5px;position:absolute;width:5px}.calendar-day.selected{background:#2563eb!important;background:var(--primary)!important;color:#fff!important}.calendar-day.selected:after{background:#fff!important}.calendar-day.today{color:#2563eb;color:var(--primary);font-weight:700}.calendar-day.other-month{color:#d1d5db;color:var(--gray-300)}.calendar-day.other-month.has-event:after{background:#d1d5db;background:var(--gray-300)}.agenda-item{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-left:3px solid var(--primary);border-radius:8px;border-radius:var(--radius-sm);padding:16px;transition:box-shadow .2s}.agenda-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow)}.date-badge{align-items:center;background:#eff6ff;background:var(--primary-bg);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;flex-shrink:0;height:44px;justify-content:center;width:44px}.date-badge-day{font-size:16px;font-weight:800;line-height:1}.date-badge-day,.date-badge-month{color:#2563eb;color:var(--primary)}.date-badge-month{font-size:10px;font-weight:600;text-transform:uppercase}.upload-area{border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.upload-area:hover{background:#eff6ff;background:var(--primary-bg);border-color:#2563eb;border-color:var(--primary)}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1d4ed8 50%,#2563eb);justify-content:center;min-height:100vh;padding:20px}.desktop-only,.login-page{display:flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.grid-2,.grid-3{grid-template-columns:1fr}.page-container{padding:16px}.navbar{padding:0 16px}.calendar-layout{grid-template-columns:1fr!important}.agenda-panel{position:static!important}}.hamburger{align-items:center;background:none;border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;padding:8px;transition:background .15s}.hamburger:hover{background:#f3f4f6;background:var(--gray-100)}.mobile-menu{background:#fff;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);bottom:0;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:8px 0;position:fixed;right:0;top:64px;z-index:99}.mobile-nav-link{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:15px;font-weight:500;gap:12;gap:12px;padding:14px 20px;text-decoration:none;transition:background .15s}.mobile-nav-link.active,.mobile-nav-link:hover{background:#eff6ff;background:var(--primary-bg);color:#2563eb;color:var(--primary)}.user-btn{align-items:center;background:#f9fafb;background:var(--gray-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:7px 12px;transition:all .2s}.user-btn:hover{background:#eff6ff;background:var(--primary-bg);border-color:#3b82f6;border-color:var(--primary-light)}.user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.dropdown-menu{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:11px 16px;text-align:left;transition:background .15s;width:100%}.dropdown-item:hover{background:#f9fafb;background:var(--gray-50)}.calendar-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 380px}.input-error{border-color:#ef4444!important;border-color:var(--red)!important}.input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.field-error{color:#ef4444;color:var(--red);font-size:12px;margin-top:2px}.page-404{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:40px;text-align:center}
/*# sourceMappingURL=main.29eea041.css.map*/