:root{--sf-teal: #0EA583;--sf-navy: #0F2850;--sf-offwhite: #F8F9FB;--sf-slate: #647784;--sf-teal-lite: #CCF0E9}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:var(--sf-offwhite);color:var(--sf-navy);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--sf-navy);font-weight:700}a{color:var(--sf-teal);text-decoration:none}a:hover{color:var(--sf-navy)}label{color:var(--sf-slate);font-size:13px;font-weight:500}input,select,textarea{font-family:Poppins,sans-serif;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--sf-teal)}table{font-size:14px}.btn-primary{background:var(--sf-teal);color:#fff;border:none;border-radius:6px;padding:10px 24px;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--sf-navy)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--sf-navy);border:1px solid #d1d5db;border-radius:6px;padding:10px 24px;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){border-color:var(--sf-teal);color:var(--sf-teal)}.btn-danger{background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:6px;padding:10px 24px;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;cursor:pointer}.btn-danger:hover{background:#fef2f2}.auth-card{max-width:420px;margin:60px auto;padding:40px 32px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.page-container{max-width:960px;margin:0 auto;padding:32px 24px}.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:24px;border-bottom:3px solid var(--sf-teal)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--sf-navy);color:#fff;border-radius:0 0 8px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:0;outline:3px solid var(--sf-teal);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sf-teal);outline-offset:2px}.btn-primary:focus-visible{outline:2px solid var(--sf-navy);outline-offset:2px}.btn-danger:focus-visible{outline:2px solid #dc2626;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.btn-primary,.btn-secondary,.btn-danger{border:2px solid ButtonText}}@media(max-width:1024px){.page-container{max-width:100%;padding:24px 16px}}@media(max-width:768px){.page-container{padding:16px 12px}.page-header{flex-wrap:wrap;gap:8px;padding-bottom:12px;margin-bottom:16px}.page-header>div{flex-wrap:wrap;gap:6px!important}.auth-card{margin:24px 12px;padding:24px 16px}h2{font-size:20px}.page-container [style*=gridTemplateColumns]{grid-template-columns:1fr!important}input,select,textarea{width:100%!important}.btn-primary,.btn-secondary,.btn-danger{width:100%;text-align:center}.page-container [style*="display: flex"][style*=gap]{flex-wrap:wrap}table{font-size:13px}th,td{padding:8px!important;white-space:nowrap}.page-container [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.page-container [style*="gridTemplateColumns: 2fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:480px){.page-container{padding:12px 8px}.page-container [style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}.btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}}.article-body h2{font-size:22px;margin:32px 0 12px;padding-top:8px}.article-body h3{font-size:18px;margin:24px 0 8px}.article-body p{margin:0 0 16px}.article-body ul,.article-body ol{margin:0 0 16px;padding-left:24px}.article-body li{margin-bottom:6px;line-height:1.7}.article-body table{width:100%;border-collapse:collapse;margin:16px 0}.article-body a{color:var(--sf-teal);text-decoration:underline}.article-body a:hover{color:var(--sf-navy)}
