:root{--tf-blue:#071E3D;--tf-orange:#FF7A00;--tf-white:#fff;--tf-muted:#667085;--tf-border:#e5e7eb;--tf-soft:#f6f8fb}
.tf-premium-head{background:linear-gradient(135deg,#071E3D 0%,#102f5f 55%,#ff7a00 140%);padding:24px;border-radius:24px;color:#fff;margin-bottom:18px;box-shadow:0 18px 50px rgba(7,30,61,.18)}
.tf-premium-head .tf-kicker,.tf-premium-head h2,.tf-premium-head p{color:#fff!important}.tf-premium-head p{opacity:.88;margin:0}.tf-premium-head .tf-light-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.tf-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.tf-insight-card{background:#fff;border:1px solid var(--tf-border);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(7,30,61,.06);display:flex;flex-direction:column;gap:6px}.tf-insight-card i{width:38px;height:38px;border-radius:14px;background:rgba(255,122,0,.12);color:var(--tf-orange);display:flex;align-items:center;justify-content:center}.tf-insight-card span{color:var(--tf-muted);font-size:.85rem}.tf-insight-card strong{font-size:1.5rem;color:var(--tf-blue)}
.tf-api-strip{border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin:14px 0;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.tf-api-strip.ok{background:#ecfdf3;color:#027a48;border-color:#abefc6}.tf-api-strip.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}
.tf-tabbed-modal .modal-body{max-height:70vh;overflow:auto}.tf-modal-tabs{position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid var(--tf-border);padding-top:4px}.tf-modal-tabs .nav-link{border:0;color:var(--tf-muted);font-weight:700;border-radius:14px 14px 0 0;padding:12px 16px}.tf-modal-tabs .nav-link.active{color:var(--tf-blue);background:#fff7ed;border-bottom:3px solid var(--tf-orange)}.tf-modal-tab-content{padding:18px 2px}.tf-info-card{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid var(--tf-border);color:#344054;display:flex;align-items:center;gap:10px}.tf-info-card i{color:var(--tf-orange)}
.tf-row-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--tf-border);background:#fff;color:var(--tf-blue);display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.tf-row-btn:hover{background:var(--tf-blue);color:#fff}.tf-row-btn.danger{color:#dc2626}.tf-row-btn.danger:hover{background:#dc2626;color:#fff}.tf-row-btn.success{color:#16a34a}.tf-row-btn.success:hover{background:#16a34a;color:#fff}.tf-avatar.sm{width:34px;height:34px;font-size:.8rem}.tf-user-cell{display:flex;align-items:center;gap:10px}.tf-export-help{border:1px dashed var(--tf-border);background:#fff;border-radius:14px;padding:12px;color:var(--tf-muted);display:flex;gap:10px;align-items:center}.tf-export-help i{color:var(--tf-orange)}
body.tf-dark{background:#0b1220;color:#e5e7eb}.tf-dark .tf-panel,.tf-dark .tf-insight-card,.tf-dark .tf-modal{background:#111827;color:#e5e7eb;border-color:#1f2937}.tf-dark .tf-row-title,.tf-dark .tf-insight-card strong{color:#fff}.tf-dark .tf-row-sub,.tf-dark .tf-insight-card span{color:#9ca3af}.tf-dark .tf-table{color:#e5e7eb}
@media(max-width:1100px){.tf-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tf-insight-grid{grid-template-columns:1fr}.tf-premium-head{padding:18px}}