.fjt-app{
    --bg:#08111f;
    --panel:#101a2d;
    --panel2:#16233d;
    --line:rgba(255,255,255,.08);
    --text:#edf3ff;
    --muted:#95a7ca;
    --primary:#4f8cff;
    --success:#22c55e;
    --warning:#f59e0b;
    --danger:#ef4444;
    --dark:#1e293b;
    --light:#dbe7ff;
    --radius:22px;
    color:var(--text);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.fjt-app *{box-sizing:border-box}
.fjt-app button,.fjt-app input,.fjt-app textarea,.fjt-app select,.fjt-app a{font:inherit}
.fjt-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;padding:24px;border-radius:28px;background:radial-gradient(circle at top right, rgba(79,140,255,.26), transparent 34%),linear-gradient(135deg,#0b1424,#15243a 56%,#213862);box-shadow:0 24px 60px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06)}
.fjt-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8fb4ff;margin-bottom:8px}
.fjt-topbar h2{margin:0;font-size:clamp(24px,4vw,38px);line-height:1.08;color:#fff}
.fjt-sub{margin:12px 0 0;color:#c7d6f8;max-width:760px;line-height:1.55}
.fjt-install-btn{border:none;border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#6aa5ff,#4f8cff);color:#fff;box-shadow:0 14px 34px rgba(79,140,255,.22)}
.fjt-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:20px}
.fjt-grid-4{grid-template-columns:repeat(4,1fr)}
.fjt-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 14px 36px rgba(0,0,0,.16)}
.fjt-card h3{margin:0 0 16px;font-size:20px;color:#fff}
.fjt-stat-card span{display:block;font-size:12px;color:#b7c8e6;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.fjt-stat-card strong{display:block;font-size:30px;line-height:1.15;color:#fff}
.fjt-stat-card small{display:block;margin-top:10px;color:#d6e2fa;line-height:1.45}
.fjt-stat-card.accent-blue{background:linear-gradient(180deg,#11203d,#162a52)}
.fjt-stat-card.accent-purple{background:linear-gradient(180deg,#27193d,#34225e)}
.fjt-stat-card.accent-green{background:linear-gradient(180deg,#0f2c2e,#143d42)}
.fjt-stat-card.accent-orange{background:linear-gradient(180deg,#37210e,#563311)}
.fjt-field{margin-bottom:14px}
.fjt-field label{display:block;margin-bottom:8px;font-size:13px;color:var(--muted)}
.fjt-field input,.fjt-field textarea,.fjt-select,.fjt-inline-form input{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;border-radius:14px;padding:14px 15px;outline:none}
.fjt-field input::placeholder,.fjt-field textarea::placeholder,.fjt-inline-form input::placeholder{color:#7d8dae}
.fjt-field input:focus,.fjt-field textarea:focus,.fjt-select:focus,.fjt-inline-form input:focus{border-color:rgba(79,140,255,.7);box-shadow:0 0 0 4px rgba(79,140,255,.14)}
.fjt-select option{color:#111}
.fjt-btn,.fjt-link-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease;margin:4px 6px 4px 0;text-decoration:none}
.fjt-btn:hover,.fjt-link-btn:hover{transform:translateY(-1px)}
.fjt-btn-primary{background:var(--primary);color:#fff}
.fjt-btn-success{background:var(--success);color:#08130c}
.fjt-btn-warning{background:var(--warning);color:#201606}
.fjt-btn-danger{background:var(--danger);color:#fff}
.fjt-btn-dark{background:#1f2b3e;color:#fff}
.fjt-btn-light,.fjt-link-btn{background:#dbe5ff;color:#15223d}
.fjt-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fjt-stat{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}
.fjt-stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.fjt-stat strong{font-size:28px;color:#fff}
.fjt-pwa-note{margin-top:18px;padding:14px 16px;border-radius:16px;background:rgba(79,140,255,.1);color:#dce7ff;line-height:1.55}
.fjt-filter-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fjt-filter-actions{display:flex;align-items:center;gap:10px;grid-column:1/-1;flex-wrap:wrap}
.fjt-table-wrap{overflow:auto}
.fjt-table{width:100%;border-collapse:collapse;min-width:1200px}
.fjt-table th,.fjt-table td{border-bottom:1px solid rgba(255,255,255,.07);padding:14px 10px;vertical-align:top;text-align:left;color:#e8efff}
.fjt-table th{font-size:13px;color:#9fb0d4;font-weight:800}
.fjt-small{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.5}
.fjt-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;margin:3px 6px 3px 0}
.fjt-status-pending{background:rgba(148,163,184,.15);color:#cbd5e1}
.fjt-status-working{background:rgba(79,140,255,.18);color:#b7d0ff}
.fjt-status-paused{background:rgba(245,158,11,.18);color:#ffd89a}
.fjt-status-completed{background:rgba(34,197,94,.18);color:#b6f3ca}
.fjt-payment-pending{background:rgba(239,68,68,.14);color:#ffc3c3}
.fjt-payment-paid{background:rgba(16,185,129,.16);color:#b8ffe4}
.fjt-response{margin-top:14px;font-size:13px;color:#c7d6f8}
.fjt-empty{padding:18px;border-radius:16px;background:rgba(255,255,255,.04);color:#9fb0d4}
.fjt-mobile-list{display:none}
.fjt-job-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:16px;margin-bottom:14px}
.fjt-job-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.fjt-job-top h4{margin:0 0 6px;color:#fff;font-size:18px}
.fjt-time{font-weight:900;color:#fff;white-space:nowrap}
.fjt-job-desc{margin-top:12px;color:#d2dcf2;font-size:14px;line-height:1.55}
.fjt-job-meta{margin-top:12px}
.fjt-actions{margin-top:12px}
.fjt-login-note{padding:16px 18px;border-radius:16px;background:#111827;color:#fff}
.fjt-inline-form{display:grid;gap:8px;min-width:180px}
.fjt-inline-form input{padding:10px 12px;border-radius:10px}
.fjt-inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.fjt-inline-form.compact .fjt-btn{width:100%;margin:0}
.fjt-inline-form.compact .fjt-inline-actions{display:grid;grid-template-columns:1fr 1fr}
.fjt-mobile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.fjt-info-chip{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.fjt-info-chip span{display:block;font-size:12px;color:#9fb0d4;margin-bottom:6px}
.fjt-info-chip strong{font-size:14px;color:#fff}
.fjt-compact-form{margin-top:12px}
.fjt-report-table{min-width:900px}

@media (max-width:1200px){
    .fjt-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1100px){
    .fjt-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
    .fjt-topbar{padding:18px;flex-direction:column}
    .fjt-card{padding:16px}
    .fjt-filter-form,.fjt-stats,.fjt-grid-4{grid-template-columns:1fr}
    .fjt-table-wrap{display:none}
    .fjt-mobile-list{display:block}
    .fjt-btn,.fjt-link-btn{width:100%;margin:6px 0 0;padding:12px 14px}
    .fjt-install-btn{width:100%}
    .fjt-inline-actions{display:grid;grid-template-columns:1fr 1fr}
}