/* ── TALIF Frontend Admin Panel ── */
.talif-fadmin-wrap{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;max-width:100%;}

/* Login */
.talif-fadmin-login{max-width:380px;margin:40px auto;background:#fff;border-radius:12px;border:1px solid #E0D4B5;padding:40px;text-align:center;box-shadow:0 4px 24px rgba(15,30,60,.1);}
.talif-fadmin-login-mark{width:56px;height:56px;background:#0F1E3C;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:22px;color:#C4912A;margin:0 auto 16px;}
.talif-fadmin-login-logo{width:60px;height:60px;object-fit:cover;border-radius:10px;margin:0 auto 16px;display:block;}
.talif-fadmin-login-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;color:#0F1E3C;font-weight:700;margin-bottom:4px;}
.talif-fadmin-login-sub{color:#6B6880;font-size:13px;margin-bottom:22px;}
.talif-fadmin-error{background:#FEEEEC;border:1px solid #F5C4C0;color:#C0392B;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:12px;text-align:left;}
.talif-fadmin-input{width:100%;padding:10px 14px;border:1.5px solid #E0D4B5;border-radius:8px;font-family:inherit;font-size:14px;background:#FAF7F0;margin-bottom:12px;outline:none;transition:.2s;}
.talif-fadmin-input:focus{border-color:#0F1E3C;background:#fff;box-shadow:0 0 0 3px rgba(15,30,60,.06);}
.talif-fadmin-input-full{width:100%;padding:9px 12px;border:1.5px solid #E0D4B5;border-radius:7px;font-family:inherit;font-size:13px;background:#FAF7F0;outline:none;transition:.2s;box-sizing:border-box;}
.talif-fadmin-input-full:focus{border-color:#0F1E3C;background:#fff;}
.talif-fadmin-input-sm{padding:7px 11px;border:1.5px solid #E0D4B5;border-radius:7px;font-family:inherit;font-size:12px;background:#fff;outline:none;min-width:160px;}
.talif-fadmin-select-sm{padding:7px 10px;border:1.5px solid #E0D4B5;border-radius:7px;font-family:inherit;font-size:12px;background:#fff;}

/* Buttons */
.talif-fadmin-btn{padding:9px 18px;border-radius:7px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:.15s;display:inline-flex;align-items:center;gap:6px;}
.talif-fadmin-btn-primary{background:#0F1E3C;color:#fff;border-color:#0F1E3C;}
.talif-fadmin-btn-primary:hover{background:#1A2F58;}
.talif-fadmin-btn-secondary{background:#fff;color:#0F1E3C;border-color:#E0D4B5;}
.talif-fadmin-btn-secondary:hover{border-color:#0F1E3C;}

/* Topbar */
.talif-fadmin-topbar{background:#0F1E3C;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:6px;}
.talif-fadmin-topbar-left{display:flex;align-items:center;gap:8px;}
.talif-fadmin-topbar-mark{width:28px;height:28px;background:#C4912A;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:13px;color:#0F1E3C;flex-shrink:0;}
.talif-fadmin-topbar-title{color:#fff;font-size:13px;font-weight:600;}
.talif-fadmin-topbar-sub{color:rgba(255,255,255,.45);font-size:10px;}
.talif-fadmin-topbar-right{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.talif-fadmin-nav-btn{padding:5px 12px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;color:rgba(255,255,255,.65);border:none;background:transparent;font-family:inherit;transition:.15s;}
.talif-fadmin-nav-btn:hover{color:#fff;background:rgba(255,255,255,.08);}
.talif-fadmin-nav-btn.active{background:rgba(196,145,42,.2);color:#E0B554;}
.talif-fadmin-logout-btn{padding:5px 12px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.12);background:transparent;font-family:inherit;margin-left:6px;transition:.15s;}
.talif-fadmin-logout-btn:hover{color:#fff;border-color:rgba(255,255,255,.3);}

/* Sections */
.talif-fadmin-section{display:none;padding:20px 0;}
.talif-fadmin-section.active{display:block;}

/* Stats */
.talif-fadmin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;}
.talif-fadmin-stat{background:#fff;border-radius:10px;padding:16px;border:1px solid #E0D4B5;}
.talif-fadmin-stat-ico{font-size:20px;margin-bottom:5px;}
.talif-fadmin-stat-val{font-size:26px;font-weight:700;color:#0F1E3C;line-height:1;}
.talif-fadmin-stat-lbl{font-size:10px;color:#6B6880;margin-top:3px;text-transform:uppercase;letter-spacing:.05em;}
.talif-fadmin-stat.gold .talif-fadmin-stat-val{color:#C4912A;}
.talif-fadmin-stat.green .talif-fadmin-stat-val{color:#1E5C3A;}
.talif-fadmin-stat.red .talif-fadmin-stat-val{color:#C0392B;}
.talif-fadmin-stat.blue .talif-fadmin-stat-val{color:#3A5FC8;}

/* Cards */
.talif-fadmin-card{background:#fff;border-radius:10px;border:1px solid #E0D4B5;overflow:hidden;box-shadow:0 2px 8px rgba(15,30,60,.06);}
.talif-fadmin-card-hdr{padding:12px 16px;background:#FAF7F0;border-bottom:1px solid #E0D4B5;font-weight:600;font-size:13px;color:#0F1E3C;}
.talif-fadmin-two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px;}

/* Notice */
.talif-fadmin-notice{padding:10px 14px;border-radius:7px;font-size:12px;margin-bottom:16px;}
.talif-fadmin-notice.warning{background:#FFF8E6;border:1px solid #F0D068;color:#B8860B;}
.talif-fadmin-notice.success{background:#E8F5EE;border:1px solid #A5D6B5;color:#1E5C3A;}
.talif-fadmin-notice.error{background:#FEEEEC;border:1px solid #F5C4C0;color:#C0392B;}
.talif-fadmin-notice-link{color:inherit;font-weight:700;}

/* Quick buttons */
.talif-fadmin-quick-btn{padding:9px 12px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid #E0D4B5;background:#fff;text-align:left;transition:.15s;color:#0F1E3C;width:100%;}
.talif-fadmin-quick-btn:hover{background:#FAF7F0;border-color:#0F1E3C;}
.talif-fadmin-quick-btn.primary{background:#0F1E3C;color:#fff;border-color:#0F1E3C;}
.talif-fadmin-quick-btn.primary:hover{background:#1A2F58;}

/* Table */
.talif-fadmin-table{width:100%;border-collapse:collapse;font-size:12px;}
.talif-fadmin-table th{padding:9px 12px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6B6880;border-bottom:1px solid #E0D4B5;background:#FAF7F0;}
.talif-fadmin-table td{padding:10px 12px;border-bottom:1px solid #E0D4B5;}
.talif-fadmin-table tr:last-child td{border-bottom:none;}
.talif-fadmin-table tr:hover td{background:#FAF7F0;}

/* Badges */
.talif-fadmin-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.talif-fadmin-badge-pending{background:#FFF8E6;color:#B8860B;}
.talif-fadmin-badge-approved{background:#E8F5EE;color:#1E5C3A;}
.talif-fadmin-badge-rejected{background:#FEEEEC;color:#C0392B;}
.talif-fadmin-badge-paid{background:#E8F5EE;color:#1E5C3A;}
.talif-fadmin-badge-invoiced{background:#E8F0FF;color:#3A5FC8;}
.talif-fadmin-badge-unpaid{background:#F5F5F5;color:#888;}

/* Action buttons */
.talif-fadmin-act-btn{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid #E0D4B5;background:#fff;font-family:inherit;margin-right:2px;transition:.15s;}
.talif-fadmin-act-btn:hover{background:#FAF7F0;}
.talif-fadmin-act-btn.approve{color:#1E5C3A;border-color:#A5D6B5;}
.talif-fadmin-act-btn.reject{color:#C0392B;border-color:#F5C4C0;}
.talif-fadmin-act-btn.invoice{color:#3A5FC8;border-color:#C0D4FF;}
.talif-fadmin-act-btn.paid{color:#1E5C3A;border-color:#A5D6B5;}

/* Filter bar */
.talif-fadmin-filter-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center;}

/* Detail panel */
.fadmin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.fadmin-detail-section{background:#FAF7F0;border-radius:8px;padding:14px;}
.fadmin-detail-section h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6B6880;margin:0 0 10px;}
.fadmin-detail-item{margin-bottom:8px;}
.fadmin-detail-item .dl{font-size:10px;color:#6B6880;}
.fadmin-detail-item .dv{font-size:13px;font-weight:500;color:#1a1a2e;}

/* Toast */
#talif-fadmin-toast{display:none;position:fixed;bottom:24px;right:24px;background:#1E5C3A;color:#fff;padding:11px 18px;border-radius:8px;font-size:12px;font-weight:600;z-index:999999;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:300px;}

/* Responsive */
@media(max-width:700px){
  .talif-fadmin-two-col{grid-template-columns:1fr;}
  .talif-fadmin-topbar{height:auto;padding:10px 14px;}
  .talif-fadmin-topbar-right{gap:2px;}
  .talif-fadmin-nav-btn{font-size:10px;padding:4px 8px;}
}