.thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(min-width:1200px){.thumbnails{grid-template-columns:repeat(4,1fr)}}.thumbnails .thumbnail img{width:160px;height:120px;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto 8px;border-radius:8px;box-shadow:0 1px 4px #00000014}.thumbnails .container{text-align:center}.thumbnails .thumbnail img{max-width:180px;max-height:140px;width:100%;height:auto;display:block;margin:0 auto}.thumb-wrap{position:relative;display:flex;align-items:center;justify-content:center}.thumb-wrap img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 1px 4px #00000014}.thumb-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.15rem;font-weight:400;text-align:center;width:90%;text-shadow:1px 1px 6px #222;pointer-events:none;line-height:1.2;padding:.2em .5em;background:#00000040;border-radius:6px}:root{--bg: #F0F0F0;--text: #1A446C;--light-blue: #528ECC;--gold: #d7a81b;--desc: #600;--error-red: #600;--error-bg: #fef2f2;--error-ring: #fecaca}body{background:var(--bg);color:var(--text);font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.sa-header{background:linear-gradient(var(--light-blue),var(--text));color:var(--gold);padding:14px 18px;display:flex;align-items:center;gap:12px}.sa-header img{height:48px}.sa-nav{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);padding:10px 18px;display:flex;gap:12px;align-items:center}.sa-nav a{color:var(--text);text-decoration:none;padding:6px 10px}.sa-nav a.active{background:linear-gradient(#3b92e1,#1a446c);color:var(--gold);border-radius:8px;padding:8px 12px;font-weight:700}.page-title{padding:12px 18px;font-size:20px;font-weight:700;color:var(--text)}.main-grid{display:grid;grid-template-columns:240px 1fr;gap:18px;max-width:1100px;margin:18px auto;padding:0 12px}body.admin-page .main-grid{max-width:1600px;grid-template-columns:280px 1fr}.auth-page .main-grid{grid-template-columns:1fr;max-width:600px}.auth-page .left-pane{display:none}.left-pane{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 2px #0000000a}.main-content{background:#fff;padding:18px;border-radius:8px;box-shadow:0 1px 2px #0000000a}.site-footer{margin-top:18px;padding:14px 18px;text-align:center;color:#0009}.titlebutton,.titlebutton:link,.titlebutton:visited,.titlebutton:hover,.titlebutton:active,.titlebutton:focus,button.titlebutton{background:#3b92e1;background:linear-gradient(#3b92e1,#1a446c);border-radius:12px;padding:8px 16px;color:#d7a91b;display:inline-block;font: 700 16px Open Sans,sans-serif;text-align:center;text-shadow:1px 1px #000;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.titlebutton:hover,button.titlebutton:hover{background:linear-gradient(#4a9fd1,#2a5a7c);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.titlebutton-full{background:#3b92e1;background:linear-gradient(#3b92e1,#1a446c);border-radius:12px;padding:10px 20px;color:#d7a91b;display:block;width:100%;font: 700 20px Open Sans,sans-serif;text-align:center;text-shadow:1px 1px #000;border:none}.titlebutton-full:hover,button.titlebutton-full:hover{background:linear-gradient(#4a9fd1,#2a5a7c);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.delete-button,.delete-button:link,.delete-button:visited,.delete-button:hover,.delete-button:active,.delete-button:focus,button.delete-button{background:linear-gradient(#600,#e31900);border-radius:12px;padding:8px 16px;color:#d7a91b;display:inline-block;font: 700 16px Open Sans,sans-serif;text-align:center;text-shadow:1px 1px #000;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.delete-button:hover,button.delete-button:hover{background:linear-gradient(#400,#b00000);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.form-row{margin-bottom:12px}label{display:block;margin-bottom:6px;color:var(--text);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],select,textarea{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-sizing:border-box}textarea{resize:none}.muted{color:var(--desc)}@media(max-width:800px){.main-grid{grid-template-columns:1fr;padding:0 8px}.sa-header img{height:40px}}.search_sdp{border-collapse:collapse;margin:25px 0;width:100%;table-layout:auto;font-size:.95em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px #00000014}.search_sdp thead tr{background-color:var(--light-blue);color:var(--text);font-size:1em;text-align:left}.search_sdp th,.search_sdp td{padding:12px 15px;color:var(--text)}.search_sdp tbody tr{border-bottom:1px solid var(--gold)}.search_sdp tbody tr:nth-of-type(2n){background-color:#f8f9fb}.search_sdp tbody tr:last-of-type{border-bottom:2px solid var(--text)}#edit_panel{background:var(--bg);border:2px solid var(--light-blue);border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a}#edit_panel h2{margin:0 0 12px;padding:8px 12px;background:linear-gradient(var(--light-blue),var(--text));color:var(--gold);border-radius:6px;font-size:1.1em;font-weight:700;text-align:center}#edit_panel ul{margin:0;padding:0;list-style:none}#edit_panel ul li{margin:0;padding:0}#edit_panel ul li a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font-size:.95em;font-weight:700;background:linear-gradient(var(--light-blue),var(--text));border-radius:6px;margin-bottom:4px;transition:all .2s ease}#edit_panel ul li a:visited,#edit_panel ul li ul li a:visited{color:#fff}#edit_panel ul li a:hover{background:linear-gradient(#4a9fd1,#2a5a7c);transform:translateY(-1px);box-shadow:0 2px 4px #0003}#edit_panel ul li ul{margin:8px 0 0;padding:0 0 0 16px}#edit_panel ul li ul li{margin:0;padding:0}#edit_panel ul li ul li a{padding:6px 10px;font-size:.9em;font-weight:400;background:var(--light-blue);margin-bottom:2px}#edit_panel ul li ul li a:hover{background:#5bb0d8}#edit_panel ul li span.font-bold{display:block;padding:8px 12px;background:var(--text);color:#fff;font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:6px;border-left:3px solid var(--gold)}.account-type-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:20px}.account-type-card{background:#fff;border:3px solid var(--text);border-radius:12px;box-shadow:0 6px 24px #0000001a;padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex}.account-type-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px #00000026;border-color:var(--light-blue)}.account-type-card .color-strip{width:8px;flex-shrink:0;border-radius:6px 0 0 6px;margin-right:16px;box-shadow:inset 0 0 10px #0000001a}.account-type-card .card-content{flex:1;position:relative;z-index:2}.account-type-card .icon-container{display:none}.account-type-card h4{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:12px;transition:color .3s ease}.account-type-card:hover h4{color:var(--light-blue)}.account-type-card p{color:#666;line-height:1.5;font-size:1rem;margin-bottom:16px}.account-type-card .titlebutton{transition:all .3s ease}.account-type-card:hover .titlebutton{transform:scale(1.03);box-shadow:0 6px 16px #0003}.account-type-card.learner .color-strip{background:linear-gradient(to bottom,#3b82f6,#1d4ed8,#1e40af)}.account-type-card.company .color-strip{background:linear-gradient(to bottom,#10b981,#059669,#047857)}.account-type-card.independent .color-strip{background:linear-gradient(to bottom,#8b5cf6,#7c3aed,#6d28d9)}.alternative-option{margin-top:32px;padding:24px;background:#f8f9fa;border:4px solid var(--text);border-radius:12px;box-shadow:0 4px 16px #00000014}.alternative-option h4{color:var(--text);margin-bottom:12px;font-size:1.2rem;font-weight:700}.alternative-option p{color:#666;margin-bottom:16px}@media(max-width:768px){.account-type-card{flex-direction:column;padding:16px}.account-type-card .color-strip{width:100%;height:8px;margin-right:0;margin-bottom:16px;border-radius:4px}.account-type-card h4{font-size:1.3rem}.account-type-card p{font-size:.95rem}}#learner-profile,#address,#qualifications,#work-experience{scroll-margin-top:80px}.section-divider{border:0;height:2px;background:var(--text);box-shadow:0 2px 4px #0000001a;margin:2rem 0}.home-section{border:2px solid var(--light-blue);border-radius:12px;padding:24px;margin-bottom:24px;background:#fff;box-shadow:0 2px 8px #00000014}.home-section h3{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:16px}.error-field{border-color:var(--error-red)!important;background-color:var(--error-bg)!important;box-shadow:0 0 0 2px var(--error-ring)!important}.error-message{color:var(--error-red)!important;font-weight:600!important}.error-message:before{content:"⚠️ ";margin-right:4px}.text-red-600,.text-red-600 *{color:var(--error-red)!important}.border-red-600{border-color:var(--error-red)!important}.ring-red-200{--tw-ring-color: var(--error-ring) !important}.bg-red-50{background-color:var(--error-bg)!important}ul.text-sm.text-red-600.space-y-1.mt-2 li,ul.text-red-600 li,.text-red-600 li{color:var(--error-red)!important;font-weight:600!important}ul.text-sm.text-red-600.space-y-1.mt-2 li:before,ul.text-red-600 li:before,.text-red-600 li:before{content:"⚠️ ";margin-right:4px}div>ul.text-red-600,div>ul.text-sm.text-red-600,form ul.text-red-600,form ul.text-sm.text-red-600{color:var(--error-red)!important}div>ul.text-red-600 li,div>ul.text-sm.text-red-600 li,form ul.text-red-600 li,form ul.text-sm.text-red-600 li{color:var(--error-red)!important;font-weight:600!important}.seta-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media(min-width:640px){.seta-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.seta-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.seta-grid{grid-template-columns:repeat(3,1fr)}}.seta-item{display:flex;align-items:flex-start}.seta-item input[type=checkbox]{margin-top:2px;margin-right:8px;width:16px;height:16px;accent-color:var(--light-blue)}.seta-label{font-size:14px;color:var(--text);line-height:1.4}.seta-abbr{font-weight:600;display:block}.seta-name{font-size:12px;color:#666;margin-top:2px}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:500;color:var(--text);margin-bottom:16px}.form-section p{font-size:14px;color:#666;margin-bottom:16px}.bee-item{display:flex;align-items:flex-start}.bee-item input[type=checkbox]{margin-top:2px;margin-right:8px;width:16px;height:16px;accent-color:var(--light-blue)}.bee-label{font-size:14px;color:var(--text);line-height:1.4}.bee-title{font-weight:600;display:block}.bee-desc{font-size:12px;color:#666;margin-top:2px}.province-selection-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:8px}.province-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:640px){.province-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.province-grid{grid-template-columns:repeat(3,1fr)}}.province-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:all .2s ease;cursor:pointer}.province-item:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.province-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;accent-color:var(--light-blue)}.province-item label{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:0}.days-selection-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:8px}.days-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:640px){.days-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.days-grid{grid-template-columns:repeat(3,1fr)}}.day-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:all .2s ease;cursor:pointer}.day-item:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.day-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;accent-color:var(--light-blue)}.day-item label{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:0}.learners-selection-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:8px}.learners-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:640px){.learners-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.learners-grid{grid-template-columns:repeat(3,1fr)}}.learner-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:all .2s ease;cursor:pointer}.learner-item:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.learner-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;accent-color:var(--light-blue)}.learner-item label{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:0}.mode-selection-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:8px}.mode-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:640px){.mode-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.mode-grid{grid-template-columns:repeat(3,1fr)}}.mode-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:all .2s ease;cursor:pointer}.mode-item:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.mode-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;accent-color:var(--light-blue)}.mode-item label{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:0}.apply-btn{background:#e5ffe5;color:#0e6912;border:2px solid #0E6912;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease;text-decoration:none}.apply-btn:hover{background:#0e6912;color:#e5ffe5}.apply-btn:disabled{background:#6c757d;cursor:not-allowed;border-color:#6c757d}.saqa-search-results{background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.saqa-search-results div{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s ease;font-size:14px;color:#333}.saqa-search-results div:hover{background-color:#f8f9fa}.saqa-search-results div:last-child{border-bottom:none}.dashboard-container{padding:20px}.dashboard-title{font-size:2rem;font-weight:700;color:#1a446c;margin-bottom:20px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(145deg,#fff,#f5f7fa);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #fffc;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a446c,#528ecc,#d7a81b);box-shadow:0 1px 4px #0000004d}.stat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px #0003,inset 0 1px #ffffffe6,0 0 0 1px #ffffff1a}.stat-card .stat-label{color:#4a5568;font-size:.85rem;margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.stat-card .stat-value{font-size:2.5rem;font-weight:900;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;z-index:1}.stat-card.learners{background:linear-gradient(145deg,#1e3a8a,#3b82f6);color:#fff}.stat-card.learners:before{background:linear-gradient(90deg,#1e40af,#2563eb,#3b82f6)}.stat-card.learners .stat-label{color:#fffc}.stat-card.learners .stat-value{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.stat-card.companies{background:linear-gradient(145deg,#92400e,#ea580c);color:#fff}.stat-card.companies:before{background:linear-gradient(90deg,#9a3412,#c2410c,#ea580c)}.stat-card.companies .stat-label{color:#fffc}.stat-card.companies .stat-value{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.stat-card.independents{background:linear-gradient(145deg,#7c2d12,#dc2626);color:#fff}.stat-card.independents:before{background:linear-gradient(90deg,#991b1b,#dc2626,#ef4444)}.stat-card.independents .stat-label{color:#fffc}.stat-card.independents .stat-value{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.stat-card.total{background:linear-gradient(145deg,#581c87,#8b5cf6);color:#fff}.stat-card.total:before{background:linear-gradient(90deg,#6b21a8,#8b5cf6,#a78bfa)}.stat-card.total .stat-label{color:#fffc}.stat-card.total .stat-value{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.dashboard-section-title{font-size:1.5rem;font-weight:700;color:#1a446c;margin:40px 0 20px;border-bottom:3px solid #FFD700;padding-bottom:12px;display:flex;align-items:center;gap:12px}.dashboard-section-title:before{content:"";width:6px;height:24px;background:linear-gradient(135deg,#528ecc,#1a446c);border-radius:3px}.chart-container.pie-chart,.chart-container.line-chart{max-width:800px;margin:0 auto 30px;max-height:300px}.date-controls .date-btn{transition:all .2s ease}.date-controls .date-btn:hover,.date-controls .date-btn.active{background:#528ecc!important;color:#fff!important;border-color:#528ecc!important}.chart-container:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:12px}.quick-access-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.quick-link{padding:12px 20px;background:linear-gradient(135deg,#528ecc,#1a446c);color:gold;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;gap:8px}.quick-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:linear-gradient(135deg,#5a9fe6,#2a5a8c)}.quick-link:before{content:"→";font-size:1.1rem;transition:transform .2s ease}.quick-link:hover:before{transform:translate(3px)}@media(max-width:768px){.dashboard-stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-card .stat-value{font-size:2rem}.quick-access-links{gap:12px}.quick-link{padding:10px 16px;font-size:.9rem}.dashboard-section-title{font-size:1.3rem;margin:30px 0 16px}}.auth-form-container{max-width:380px;margin:40px auto 0;padding:28px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0000000f}.auth-form-container input[type=text],.auth-form-container input[type=email],.auth-form-container input[type=password],.auth-form-container input[type=tel]{max-width:100%;width:100%;padding:12px 16px;font-size:16px;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-sizing:border-box}.auth-form-container .form-row{margin-bottom:20px}.auth-form-container h2{margin:0 0 12px;font-size:1.8em;font-weight:700;color:var(--text)}.auth-form-container label{display:block;margin-bottom:6px;color:var(--text);font-weight:600}.auth-page .main-content{padding:30px 15px;max-width:350px;margin:0 auto}