:root{--primary-blue:#0d76d1;--primary-blue-dark:#0a5fa8;--primary-blue-light:#e8f2fd;--dark-navy:#001b4c;--bg-light:#f0f4fb;--bg-white:#fff;--text-dark:#1a2340;--text-gray:#495057;--text-light:#6c757d;--border-color:#dee2e6;--sidebar-bg:#111;--sidebar-text:#ccc;--sidebar-active:#0d76d1;--accent-green:#28a745;--accent-orange:#fd7e14;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.14);--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-white);color:var(--text-gray);font-family:Roboto,sans-serif;font-size:16px;line-height:1.6}a{color:var(--primary-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-blue-dark)}img{max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section,.section-alt{padding:80px 0}.section-alt{background:var(--bg-light)}.section-header{margin-bottom:50px;text-align:center}.section-badge{background:var(--primary-blue-light);border-radius:20px;color:var(--primary-blue);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:12px;padding:5px 14px;text-transform:uppercase}.section-title{color:var(--text-dark);font-family:Roboto Slab,serif;font-size:2.2rem;font-weight:700;line-height:1.25;margin-bottom:14px}.section-subtitle{color:var(--text-light);font-size:1.05rem;margin:0 auto;max-width:600px}.text-blue{color:var(--primary-blue)}.text-navy{color:var(--dark-navy)}.btn-primary{align-items:center;background:var(--primary-blue);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--primary-blue-dark);color:#fff;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;border:2px solid var(--primary-blue);border-radius:var(--radius-sm);color:var(--primary-blue);cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.btn-secondary:hover{background:var(--primary-blue);color:#fff}.btn-white{align-items:center;background:#fff;border-radius:var(--radius-sm);color:var(--primary-blue);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.btn-white:hover{background:var(--primary-blue-light)}.admin-layout{background:#f5f5f5;display:flex;min-height:100vh}.admin-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:260px;z-index:100}.admin-main{flex:1;margin-left:260px;min-height:100vh}.admin-topbar{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 32px}.admin-topbar h1{color:var(--text-dark);font-size:1.3rem;font-weight:700}.admin-content{padding:32px}.admin-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.admin-card-header h2{color:var(--text-dark);font-size:1.1rem;font-weight:700}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-light);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f0f0f0;font-size:.95rem;padding:14px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafa}.badge{border-radius:12px;display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px}.badge-green{background:#d4edda;color:#155724}.badge-blue{background:#cce5ff;color:#004085}.badge-gray{background:#e9ecef;color:#495057}.btn-sm{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:Roboto,sans-serif;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .2s}.btn-edit{background:var(--primary-blue-light);color:var(--primary-blue)}.btn-edit:hover{background:var(--primary-blue);color:#fff}.btn-delete{background:#fde8e8;color:#c0392b}.btn-delete:hover{background:#c0392b;color:#fff}.btn-success{background:#d4edda;color:#155724}.btn-success:hover{background:#28a745;color:#fff}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-dark);font-size:1.1rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.3rem;line-height:1}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.form-control{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dark);font-family:Roboto,sans-serif;font-size:.95rem;padding:10px 14px;transition:border-color .2s;width:100%}.form-control:focus{border-color:var(--primary-blue);outline:none}textarea.form-control{min-height:100px;resize:vertical}.toast{animation:slideIn .3s ease;background:#333;border-radius:var(--radius-sm);bottom:24px;color:#fff;font-size:.9rem;padding:12px 22px;position:fixed;right:24px;z-index:9999}.toast.success{background:#28a745}.toast.error{background:#dc3545}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{color:var(--text-light);padding:60px 20px;text-align:center}.empty-state p{font-size:1rem}