.tb-hero, .tb-card, .tb-job-card, .tb-admin-card { box-sizing: border-box; }
.tb-hero { padding: 48px 20px; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 24px; }
.tb-hero__inner { max-width: 1100px; margin: 0 auto; }
.tb-badge { display:inline-block; padding:6px 12px; border-radius:999px; background:#e8f4ff; color:#0b4f9c; font-weight:600; margin-bottom:16px; }
.tb-hero h1 { font-size: clamp(2rem, 4vw, 3.8rem); line-height:1.05; margin: 0 0 12px; }
.tb-hero p { max-width: 760px; color:#4b5563; font-size:1.05rem; }
.tb-searchbar, .tb-filters { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:12px; margin-top:24px; }
.tb-searchbar input, .tb-searchbar select, .tb-filters input, .tb-filters select, .tb-card input, .tb-card textarea, .tb-card select, .tb-admin-form input, .tb-admin-form textarea { width:100%; padding:12px 14px; border:1px solid #d1d5db; border-radius:14px; background:#fff; }
.tb-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:14px; text-decoration:none; border:0; cursor:pointer; font-weight:600; }
.tb-btn--primary { background:#0b4f9c; color:#fff; }
.tb-btn--secondary { background:#e5eef9; color:#0b4f9c; }
.tb-steps { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap:12px; margin-top:24px; }
.tb-step, .tb-card, .tb-job-card, .tb-admin-card, .tb-dashboard-item { background:#fff; border:1px solid #e5e7eb; border-radius:22px; box-shadow:0 8px 24px rgba(15, 23, 42, 0.05); padding:18px; }
.tb-step strong { display:block; font-size:1.4rem; color:#0b4f9c; }
.tb-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:18px; margin-top:24px; }
.tb-job-card h3 { margin:10px 0 6px; }
.tb-job-card__meta, .tb-job-card__top, .tb-job-detail__badges { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.tb-pill { display:inline-flex; padding:6px 10px; border-radius:999px; background:#eef2ff; color:#1e3a8a; font-size:.85rem; }
.tb-pill--accent { background:#fff7ed; color:#c2410c; }
.tb-muted { color:#6b7280; }
.tb-small { color:#4b5563; font-size:.95rem; }
.tb-pagination { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; }
.tb-pagination a { padding:8px 12px; border-radius:12px; background:#f3f4f6; text-decoration:none; }
.tb-pagination a.is-active { background:#0b4f9c; color:#fff; }
.tb-form-grid { display:grid; gap:12px; }
.tb-dashboard-list { display:grid; gap:14px; }
.tb-admin-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:16px; margin:18px 0; }
.tb-big { font-size:2rem; font-weight:700; margin:0; }
.tb-response { margin-top:10px; font-size:.95rem; }