.chatbot-floating-button{position:fixed;bottom:30px;right:100px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:99;font-size:24px}.chatbot-floating-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.chatbot-floating-button:active{transform:scale(.95)}.chatbot-floating-button:focus{outline:2px solid #667eea;outline-offset:2px}.chatbot-container{position:fixed;bottom:100px;right:30px;width:400px;height:600px;background:#fff;border-radius:12px;box-shadow:0 5px 40px #00000029;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.chatbot-container.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(0,0,0,.1)}.chatbot-header h3{margin:0;font-size:18px;font-weight:600}.chatbot-close{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.chatbot-close:hover{background:#ffffff4d}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f9f9f9;border-radius:0 0 0 12px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#bbb}.message{display:flex;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{max-width:85%;padding:12px 16px;border-radius:12px;word-wrap:break-word;font-size:14px;line-height:1.4}.message.bot .message-content{background:#e8eaf6;color:#333;border-bottom-left-radius:4px}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chatbot-suggestions{padding:15px;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.suggestions-label{margin:0 0 8px;font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.suggestion-button{background:#f0f0f0;border:1px solid #e0e0e0;padding:10px 14px;border-radius:6px;cursor:pointer;font-size:13px;color:#333;transition:all .2s;text-align:left;line-height:1.3}.suggestion-button:hover{background:#e8eaf6;border-color:#667eea;color:#667eea}.suggestion-button:focus{outline:2px solid #667eea;outline-offset:-2px}.chatbot-input-area{display:flex;gap:8px;padding:16px;background:#fff;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px}.chatbot-input{flex:1;border:1px solid #e0e0e0;border-radius:6px;padding:10px 14px;font-size:14px;font-family:inherit;transition:border-color .2s}.chatbot-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chatbot-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-send:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.chatbot-send:active{transform:translateY(0)}.chatbot-send:focus{outline:2px solid #667eea;outline-offset:2px}.chatbot-reset{background:#f0f0f0;border:1px solid #e0e0e0;padding:10px 14px;margin:0 16px 16px;border-radius:6px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.chatbot-reset:hover{background:#e8eaf6;border-color:#667eea;color:#667eea}.chatbot-reset:focus{outline:2px solid #667eea;outline-offset:-2px}@media(max-width:600px){.chatbot-container{position:fixed;bottom:0;right:0;width:100%;height:100vh;max-height:100vh;border-radius:0;left:0}.chatbot-floating-button{bottom:20px;right:80px}.message-content{max-width:90%}}@media(prefers-color-scheme:dark){.chatbot-messages{background:#2a2a2a}.chatbot-suggestions,.chatbot-input-area{background:#1f1f1f;border-color:#444}.message.bot .message-content{background:#3a3a4a;color:#e0e0e0}.suggestion-button{background:#2a2a2a;border-color:#444;color:#e0e0e0}.suggestion-button:hover{background:#3a3a4a;border-color:#667eea}.chatbot-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.chatbot-reset{background:#2a2a2a;border-color:#444;color:#999}}.skip-link{position:absolute;top:-40px;left:0;background-color:#ff8c00;color:#fff;padding:.5rem 1rem;text-decoration:none;z-index:100;border-radius:.25rem}.skip-link:focus{top:0;outline:2px solid #333;outline-offset:0}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,ul,li,form{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;display:flex;flex-direction:column;min-height:100vh;background-color:#f9f9f9;color:#333}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:1.25rem;max-width:1200px;margin:0 auto;width:100%}header{background-color:#0d344d;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;flex-wrap:nowrap;gap:1rem;overflow:hidden}h1{font-size:1.75rem;color:#fff;flex-shrink:0;white-space:nowrap}nav{display:flex;align-items:center;flex-grow:1;justify-content:flex-end;overflow:hidden}nav ul{list-style:none;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:.25rem;margin:0;padding:0}nav ul li a{text-decoration:none;color:#fff;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .3s,color .3s;display:inline-block}nav ul li a:hover{background-color:#ffffff1a}nav ul li a:focus{outline:2px solid #ff8c00;outline-offset:2px;background-color:#ffffff1a}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:transform .3s}.menu-toggle:hover{transform:scale(1.1)}.menu-toggle:focus{outline:2px solid #ff8c00;outline-offset:2px}section{margin-bottom:2.5rem;background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}h2{font-size:1.5rem;color:#0d344d;margin-bottom:1rem;margin-top:1.25rem;line-height:1.4}h2:first-child{margin-top:0}h3{font-size:1.25rem;color:#333;margin-bottom:.75rem;margin-top:1rem;line-height:1.4}p{color:#555;margin-bottom:1rem;line-height:1.8}ul{margin-left:1.5rem;margin-bottom:1rem;color:#555;list-style-type:disc}ul li{margin-bottom:.5rem}form{margin-top:1rem}.form-group{margin-bottom:1.25rem}label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}.required-indicator{color:#e74c3c;margin-left:.25rem}input[type=text],input[type=email],textarea{width:100%;padding:.75rem;margin-bottom:.5rem;border:2px solid #ccc;border-radius:.25rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c001a}input[type=text]:disabled,input[type=email]:disabled,textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}input[type=text]:invalid:not(:placeholder-shown),input[type=email]:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#e74c3c}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#e74c3c}.error-message{display:block;color:#e74c3c;font-size:.875rem;margin-top:-.5rem;margin-bottom:.75rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-feedback{padding:1rem;margin-bottom:1.25rem;border-radius:.25rem;border-left:4px solid;animation:slideDown .3s ease}.form-feedback.success{background-color:#d4edda;color:#155724;border-left-color:#28a745}.form-feedback.error{background-color:#f8d7da;color:#721c24;border-left-color:#e74c3c}button[type=submit],.back-link{background-color:#ff8c00;color:#fff;padding:.75rem 1.5rem;border:none;cursor:pointer;border-radius:.25rem;transition:background-color .3s,transform .2s;font-size:1rem;font-weight:500;display:inline-block;text-decoration:none}button[type=submit]:hover:not(:disabled){background-color:#ff6f00;transform:translateY(-2px)}button[type=submit]:focus{outline:2px solid #333;outline-offset:2px}button[type=submit]:disabled{background-color:#999;cursor:not-allowed;opacity:.7}button[type=submit]:active:not(:disabled){transform:translateY(0)}.back-link:hover,.back-link:focus{background-color:#ff6f00;outline:2px solid #333;outline-offset:2px}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.125rem;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:linear-gradient(135deg,#ff8c00,#ff6f00);color:#fff;padding:1.5rem;border-radius:.5rem;text-align:center;box-shadow:0 4px 12px #ff8c0033}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.95rem;margin-bottom:.25rem}.stat-note{font-size:.85rem;opacity:.9}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.article-card{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.article-header h3{margin-top:0;color:#0d344d;line-height:1.4}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#999;margin-bottom:1rem}.article-meta span{display:flex;align-items:center}.article-description{color:#333;font-weight:600;margin-bottom:.75rem}.article-preview{color:#666;font-size:.95rem;margin-bottom:1rem;flex-grow:1}.article-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.topic-tag{display:inline-block;background-color:#f0f0f0;color:#0d344d;padding:.35rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.read-more{color:#ff8c00;text-decoration:none;font-weight:600;transition:color .3s;margin-top:auto}.read-more:hover{color:#ff6f00}.resource-category{margin-bottom:2.5rem;padding:1.5rem 0;border-bottom:1px solid #e0e0e0}.resource-category h3{color:#0d344d;margin-bottom:1.5rem;font-size:1.25rem}.resource-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.resource-item{background:#f9f9f9;padding:1.25rem;border-radius:.5rem;border-left:4px solid #ff8c00}.resource-item h4{color:#0d344d;margin-bottom:.5rem;font-size:1rem}.resource-item h4 a{color:#ff8c00;text-decoration:none;transition:color .3s}.resource-item h4 a:hover{color:#ff6f00;text-decoration:underline}.resource-item p{color:#666;font-size:.95rem;margin-bottom:.75rem}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem}.resource-tags .tag{display:inline-block;background-color:#0d344d;color:#fff;padding:.35rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}@media screen and (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:1rem}.articles-grid{grid-template-columns:1fr}.article-meta{flex-direction:column;gap:.5rem}.resource-items{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}}.top-icon{position:fixed;bottom:1.25rem;right:1.25rem;background-color:#ff8c00;color:#fff;font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 8px #0003;transition:background-color .3s,transform .3s;padding:0;opacity:.85;z-index:999}.top-icon:hover{background-color:#ff6f00;opacity:1;transform:scale(1.1)}.top-icon:focus{outline:2px solid #333;outline-offset:2px;opacity:1}.not-found{text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found h2{margin-top:0;font-size:2rem}.not-found p{font-size:1.125rem;color:#666;margin-bottom:1.5rem}footer{background-color:#0d344d;padding:1.5rem 1.25rem;text-align:center;color:#fff;box-shadow:0 -2px 4px #0000001a}footer p{color:#fff;margin-bottom:0;font-size:.875rem}.footer-content{max-width:1200px;margin:0 auto}@media screen and (max-width:768px){html{font-size:14px}header{flex-direction:column;align-items:flex-start;gap:1rem}h1{flex-basis:auto}.menu-toggle{display:block;align-self:flex-end;margin-top:-3rem}nav{width:100%}nav ul{display:none;flex-direction:column;gap:0;width:100%;justify-content:flex-start}nav.open ul{display:flex;background-color:#0000001a;padding:1rem 0;margin:1rem 0 0;border-radius:.25rem}nav.open ul li{width:100%}nav.open ul li a{display:block;padding:.75rem 1rem;border-radius:0}main{padding:1rem}section{padding:1rem;margin-bottom:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}ul{margin-left:1rem}input[type=text],input[type=email],textarea{padding:.625rem;font-size:16px}label{margin-top:.75rem}.form-group{margin-bottom:1rem}button[type=submit],.back-link{padding:.625rem 1.25rem}.top-icon{bottom:1rem;right:1rem;width:2.25rem;height:2.25rem;font-size:1.25rem}.not-found{min-height:300px}.not-found h2{font-size:1.5rem}.not-found p{font-size:1rem}}@media screen and (max-width:480px){html{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}section{padding:.875rem}main{padding:.875rem}button[type=submit],.back-link{width:100%;text-align:center}input[type=text],input[type=email],textarea{font-size:16px}}#admin-login{display:flex;justify-content:center;align-items:center;min-height:60vh;background:none;box-shadow:none;padding:2rem 1rem}.admin-login-container{width:100%;max-width:420px}.admin-login-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 24px #0000001f;padding:2.5rem 2rem;text-align:center}.admin-login-icon{font-size:3rem;margin-bottom:.75rem}.admin-login-card h2{margin-top:0;margin-bottom:.5rem;color:#0d344d}.admin-login-subtitle{color:#777;font-size:.95rem;margin-bottom:1.5rem}.admin-error-message{background-color:#f8d7da;color:#721c24;border-left:4px solid #e74c3c;padding:.75rem 1rem;border-radius:.25rem;margin-bottom:1.25rem;text-align:left;font-size:.9rem}.admin-login-card .form-group{text-align:left}.admin-login-card input[type=text],.admin-login-card input[type=password]{width:100%;padding:.75rem;margin-bottom:.5rem;border:2px solid #ccc;border-radius:.25rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.admin-login-card input[type=text]:focus,.admin-login-card input[type=password]:focus{outline:none;border-color:#0d344d;box-shadow:0 0 0 3px #0d344d26}.admin-login-card input[type=text]:disabled,.admin-login-card input[type=password]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.admin-login-btn{width:100%;background-color:#0d344d;color:#fff;padding:.75rem 1.5rem;border:none;cursor:pointer;border-radius:.25rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;margin-top:.5rem}.admin-login-btn:hover:not(:disabled){background-color:#0a2a3d;transform:translateY(-2px)}.admin-login-btn:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.admin-login-btn:focus{outline:2px solid #ff8c00;outline-offset:2px}#admin-dashboard{padding:1.5rem}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.admin-dashboard-header h2{margin:0 0 .25rem;color:#0d344d}.admin-subtitle{color:#666;font-size:.95rem;margin:0}.admin-badge{display:inline-block;background-color:#0d344d;color:#fff;padding:.2rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600}.admin-header-actions{display:flex;gap:.75rem;align-items:center}.admin-refresh-btn{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:background-color .2s}.admin-refresh-btn:hover:not(:disabled){background-color:#e0e0e0}.admin-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s}.admin-logout-btn:hover{background-color:#c0392b}.admin-loading,.admin-empty{text-align:center;padding:3rem 1rem;color:#888;font-size:1.1rem}.admin-table-wrapper{overflow-x:auto;border-radius:.5rem;border:1px solid #e0e0e0}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table thead{background-color:#0d344d;color:#fff}.admin-table thead th{padding:.875rem 1rem;text-align:left;font-weight:600;white-space:nowrap}.admin-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-sortable-th:hover{background-color:#0a2a3d}.sort-icon{margin-left:.35rem;font-size:.85rem}.sort-icon--inactive{opacity:.4}.sort-icon--active{opacity:1;color:#ff8c00}.admin-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.admin-table tbody tr:hover{background-color:#f9f9f9}.admin-table tbody td{padding:.875rem 1rem;vertical-align:top;color:#333}.admin-table tbody td a{color:#ff8c00;text-decoration:none}.admin-table tbody td a:hover{text-decoration:underline}.admin-message-cell{max-width:280px;word-break:break-word}.admin-date-cell{white-space:nowrap;font-size:.85rem;color:#666}.admin-toggle-btn{display:block;background:none;border:none;color:#ff8c00;cursor:pointer;font-size:.8rem;padding:.25rem 0;margin-top:.25rem;text-decoration:underline}.admin-toggle-btn:hover{color:#ff6f00}.admin-delete-btn{background-color:#fff0f0;color:#e74c3c;border:1px solid #e74c3c;padding:.4rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.85rem;transition:background-color .2s;white-space:nowrap}.admin-delete-btn:hover{background-color:#e74c3c;color:#fff}.admin-confirm-delete{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-confirm-delete span{font-size:.85rem;color:#e74c3c;font-weight:600}.admin-confirm-yes{background-color:#e74c3c;color:#fff;border:none;padding:.35rem .65rem;border-radius:.25rem;cursor:pointer;font-size:.8rem;font-weight:600}.admin-confirm-yes:hover{background-color:#c0392b}.admin-confirm-no{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:.35rem .65rem;border-radius:.25rem;cursor:pointer;font-size:.8rem}.admin-confirm-no:hover{background-color:#e0e0e0}@media screen and (max-width:768px){.admin-dashboard-header{flex-direction:column}.admin-table{font-size:.8rem}.admin-table thead th,.admin-table tbody td{padding:.625rem .75rem}.admin-message-cell{max-width:160px}.admin-login-card{padding:1.75rem 1.25rem}}@media print{.top-icon,.menu-toggle,nav{display:none}body{background-color:#fff}section{box-shadow:none;page-break-inside:avoid}}