@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--isbft-navy: #1B3A6B;--isbft-navy-dark: #122852;--isbft-navy-light: #E8EDF5;--isbft-gold: #C9A84C;--isbft-gold-light: #FBF5E8;--bg: #F4F6F9;--card: #FFFFFF;--text: #1a202c;--text-muted: #6b7280;--border: rgba(0,0,0,.07);--success-bg: #ECFDF5;--success: #065F46;--warning-bg: #FFFBEB;--warning: #92400E;--danger-bg: #FEF2F2;--danger: #991B1B}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}.isbft-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--isbft-navy);display:flex;flex-direction:column;z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.isbft-sidebar::-webkit-scrollbar{width:6px}.isbft-sidebar::-webkit-scrollbar-track{background:transparent}.isbft-sidebar::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.isbft-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff61}.sidebar-logo{padding:1.25rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-logo-badge{width:38px;height:38px;border-radius:10px;background:var(--isbft-gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-logo-img{width:44px;height:44px;border-radius:50%;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.sidebar-logo-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:.04em}.sidebar-logo-tagline{font-size:9.5px;color:#fff6;margin-top:2px}.sidebar-nav-section{padding:1rem .75rem .25rem}.sidebar-nav-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.sidebar-nav-scroll::-webkit-scrollbar{width:6px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff61}.sidebar-nav-label{font-size:9.5px;color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;padding:0 .5rem;margin-bottom:6px;display:block}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;color:#fff9;text-decoration:none;margin-bottom:2px;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:#ffffff12;color:#ffffffe6}.sidebar-nav-item.active{background:var(--isbft-gold);color:#fff;font-weight:500}.sidebar-nav-item i{font-size:17px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--isbft-gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:500;color:#fff}.sidebar-user-role{font-size:11px;color:#fff6}.sidebar-logout{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff6;background:none;border:none;width:100%;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.sidebar-logout:hover{background:#ff00001a;color:#f87171}.isbft-main{margin-left:240px;width:calc(100% - 240px);display:flex;flex-direction:column;min-height:100vh}.isbft-topbar{background:var(--card);border-bottom:1px solid var(--border);height:58px;padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;width:100%}.topbar-left-title{font-size:15px;font-weight:600;color:var(--text)}.topbar-left-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-badge{font-size:11px;font-weight:500;padding:4px 11px;border-radius:20px}.topbar-badge-navy{background:var(--isbft-navy-light);color:var(--isbft-navy)}.topbar-badge-gold{background:var(--isbft-gold-light);color:#7a5c1a}.isbft-content{flex:1;width:100%;padding:1.75rem;background:var(--bg)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:1.5rem;width:100%}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 4px 16px #1b3a6b14;transform:translateY(-1px)}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpi-label{font-size:12px;color:var(--text-muted)}.kpi-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.kpi-value{font-size:24px;font-weight:600;color:var(--text);line-height:1}.kpi-trend{font-size:11.5px;margin-top:6px;display:flex;align-items:center;gap:4px}.kpi-up{color:var(--success)}.kpi-down{color:var(--danger)}.icon-navy{background:var(--isbft-navy-light);color:var(--isbft-navy)}.icon-gold{background:var(--isbft-gold-light);color:#8a6520}.icon-green{background:var(--success-bg);color:var(--success)}.icon-red{background:var(--danger-bg);color:var(--danger)}.isbft-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem}.card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.card-title i{color:var(--isbft-navy);font-size:15px}.card-action{font-size:11.5px;color:var(--isbft-navy);font-weight:500;text-decoration:none}.card-action:hover{text-decoration:underline}.grid-3-2{display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-bottom:1.5rem;width:100%}.grid-2-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:1.5rem;width:100%}.grid-full{width:100%;margin-bottom:1.5rem}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:130px;width:100%}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.bar-pair{flex:1;width:100%;display:flex;align-items:flex-end;gap:3px}.bar{flex:1;border-radius:5px 5px 0 0;min-height:4px;transition:opacity .15s;cursor:pointer}.bar:hover{opacity:.75}.bar-navy{background:var(--isbft-navy)}.bar-gold{background:var(--isbft-gold)}.bar-lbl{font-size:10px;color:var(--text-muted)}.chart-legend{display:flex;gap:14px;margin-top:10px}.leg-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-muted)}.leg-dot{width:9px;height:9px;border-radius:3px}.donut-wrap{display:flex;align-items:center;gap:1.25rem}.donut-rows{flex:1}.donut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border)}.donut-row:last-child{border-bottom:none}.donut-lbl{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-muted)}.donut-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.donut-val{font-size:12.5px;font-weight:600;color:var(--text)}.donut-pct{font-size:10.5px;color:var(--text-muted);margin-left:4px;font-weight:400}.prog-item{margin-bottom:12px}.prog-info{display:flex;justify-content:space-between;margin-bottom:5px}.prog-name{font-size:12.5px;color:var(--text)}.prog-pct{font-size:12.5px;font-weight:600;color:var(--isbft-navy)}.prog-bg{height:7px;background:var(--bg);border-radius:4px;overflow:hidden}.prog-fill{height:7px;border-radius:4px;background:var(--isbft-navy);transition:width 1s ease}.prog-fill.gold{background:var(--isbft-gold)}.flash-banner{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem;padding:14px 16px;border:1px solid var(--border);border-left-width:5px;border-radius:8px;background:#fff;box-shadow:0 14px 34px #0f172a1a}.flash-success{border-color:#86efac;border-left-color:var(--success);background:#f0fdf4}.flash-warning{border-color:#fde68a;border-left-color:var(--warning);background:#fffbeb}.flash-danger{border-color:#fecaca;border-left-color:var(--danger);background:#fef2f2}.flash-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px;background:#fff}.flash-success .flash-icon{color:var(--success)}.flash-warning .flash-icon{color:var(--warning)}.flash-danger .flash-icon{color:var(--danger)}.flash-body{min-width:0}.flash-title{font-size:13.5px;font-weight:800;color:var(--text)}.flash-message{margin-top:2px;font-size:13px;line-height:1.45;color:#374151}.flash-list{margin:8px 0 0 18px;font-size:12.5px;color:#374151}.alert-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.alert-item:last-child{border-bottom:none}.alert-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.alert-txt{font-size:12.5px;color:var(--text);line-height:1.45}.alert-time{font-size:10.5px;color:var(--text-muted);margin-top:2px}.table-scroll{overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(27,58,107,.22) transparent}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#1b3a6b38;border-radius:999px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#1b3a6b57}.isbft-table{width:100%;border-collapse:collapse;font-size:12.5px}.isbft-table thead th{padding:8px 12px;text-align:left;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;font-size:11.5px;background:var(--bg)}.isbft-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text)}.isbft-table tbody tr:last-child td{border-bottom:none}.isbft-table tbody tr:hover{background:var(--bg)}.pill{font-size:10.5px;padding:3px 9px;border-radius:20px;font-weight:500;display:inline-block}.pill-green{background:var(--success-bg);color:var(--success)}.pill-red{background:var(--danger-bg);color:var(--danger)}.pill-amber{background:var(--warning-bg);color:var(--warning)}.pill-navy{background:var(--isbft-navy-light);color:var(--isbft-navy)}.pill-gold{background:var(--isbft-gold-light);color:#7a5c1a}.btn-navy{background:var(--isbft-navy);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-navy:hover{background:var(--isbft-navy-dark)}.btn-gold{background:var(--isbft-gold);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-gold:hover{opacity:.88}.btn-outline{background:transparent;color:var(--isbft-navy);border:1px solid var(--isbft-navy);border-radius:8px;padding:7px 15px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-outline:hover{background:var(--isbft-navy);color:#fff}.isbft-input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text);background:var(--card);transition:border-color .15s,box-shadow .15s;font-family:Inter,sans-serif}.isbft-input:focus{outline:none;border-color:var(--isbft-navy);box-shadow:0 0 0 3px #1b3a6b1a}.isbft-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:5px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-3-2,.grid-2-2{grid-template-columns:1fr}}@media (max-width: 768px){.isbft-sidebar{transform:translate(-100%)}.isbft-main{margin-left:0;width:100%}.kpi-grid{grid-template-columns:1fr}.isbft-content{padding:1rem}}