*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b;background:#f8fafc;line-height:1.5}body{margin:0}a{text-decoration:none;color:#2563eb;transition:color .2s}a:hover{color:#1d4ed8}.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.brand{font-weight:700;font-size:20px;color:#0f172a;display:flex;align-items:center}.nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.nav a{padding:16px 0;color:#64748b;font-weight:500;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#0f172a;border-bottom-color:#0f172a}.hero{padding:64px 0;text-align:center}.hero h1{margin:0 0 16px;font-size:40px;color:#0f172a;letter-spacing:-.025em;font-weight:800}.hero p{font-size:18px;color:#64748b;max-width:600px;margin:0 auto 32px}.cta-group{display:flex;gap:16px;justify-content:center}.btn{display:inline-flex;background:#0f172a;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;align-items:center}.btn:hover{background:#1e293b}.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#0f172a}.btn-outline:hover{background:#f1f5f9}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.dashboard-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.dashboard-card h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.stat-value{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:4px}.stat-desc{font-size:14px;color:#64748b;margin:0}.section-title{font-size:24px;font-weight:700;margin:0 0 24px;color:#0f172a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px}.card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:#cbd5e1}.card h3{margin:0 0 8px;font-size:18px;color:#0f172a}.card p{margin:0;color:#64748b;font-size:15px}.site-footer{border-top:1px solid #e2e8f0;background:#fff;padding:48px 0;color:#64748b;font-size:14px}.footer-note{margin-top:8px;font-size:13px;color:#94a3b8}.page-header{padding:48px 0;border-bottom:1px solid #e2e8f0;background:#fff;margin-bottom:32px}.page-title{margin:0;font-size:32px;color:#0f172a}.breadcrumb{margin-bottom:16px;color:#64748b;font-size:14px}.content-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;margin-bottom:24px}.content-section h2{margin-top:0;font-size:20px;color:#0f172a;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;margin:16px 0}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0}.data-table th{color:#64748b;font-weight:600;font-size:14px}.data-table td{color:#0f172a;font-size:15px}.tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#e2e8f0;color:#475569}.tag-green{background:#dcfce7;color:#166534}.tag-blue{background:#dbeafe;color:#1e40af}
