:root{--pd-navy:#0f172a;--pd-navy2:#172033;--pd-accent:#4f46e5;--pd-accent2:#6366f1;--pd-bg:#f5f7fb;--pd-card:#fff;--pd-text:#172033;--pd-muted:#667085;--pd-line:#e4e7ec;--pd-success:#12b76a;--pd-danger:#f04438;--pd-warning:#f79009;--pd-sidebar:268px;--pd-radius:16px;--pd-shadow:0 10px 30px rgba(16,24,40,.07)}
*{box-sizing:border-box}html,body{min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--pd-bg)!important;color:var(--pd-text)!important}.main-content,.main-center-wrap{margin-left:var(--pd-sidebar)!important;padding:30px!important;min-height:100vh!important;background:var(--pd-bg)!important}.container,.container-fluid{max-width:1440px}.page-title,h1,h2,h3,h4,h5{font-family:Inter,system-ui,sans-serif!important;letter-spacing:-.02em}.page-title{font-size:28px!important;font-weight:800!important;color:var(--pd-navy)!important;margin-bottom:22px!important}.card,.passport-card,.dashboard-card,.stat-card,.summary-card,.report-card,.table-responsive{border:1px solid var(--pd-line)!important;border-radius:var(--pd-radius)!important;background:var(--pd-card)!important;box-shadow:var(--pd-shadow)!important}.card-header{background:#fff!important;border-bottom:1px solid var(--pd-line)!important;padding:18px 20px!important;font-weight:700}.card-body{padding:20px!important}.table-responsive{overflow:hidden!important}.table{margin-bottom:0!important;--bs-table-bg:transparent}.table thead th{background:#f8fafc!important;color:#475467!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:700!important;border-bottom:1px solid var(--pd-line)!important;padding:13px 14px!important;white-space:nowrap}.table tbody td{padding:14px!important;border-color:#edf0f4!important;vertical-align:middle!important}.table tbody tr:hover{background:#fafbff!important}.form-control,.form-select,.input-group-text{border-radius:11px!important;border-color:#d0d5dd!important;min-height:44px!important}.form-control:focus,.form-select:focus{border-color:#818cf8!important;box-shadow:0 0 0 4px rgba(79,70,229,.11)!important}.form-label{font-size:13px!important;font-weight:650!important;color:#344054!important}.btn{border-radius:10px!important;font-weight:650!important;box-shadow:none!important}.btn-primary{background:var(--pd-accent)!important;border-color:var(--pd-accent)!important}.btn-success{background:#079455!important;border-color:#079455!important}.btn-danger{background:#d92d20!important;border-color:#d92d20!important}.btn-outline-primary{color:var(--pd-accent)!important;border-color:#c7d2fe!important}.badge{border-radius:999px!important;font-weight:650!important;padding:.46em .72em!important}.alert{border-radius:12px!important;border-width:1px!important}.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(16,24,40,.2)!important}.modal-header{background:#fff!important;color:var(--pd-text)!important;border-bottom:1px solid var(--pd-line)!important}.modal-title{color:var(--pd-text)!important}.pagination .page-link{border-color:var(--pd-line);color:#475467}.pagination .active>.page-link{background:var(--pd-accent);border-color:var(--pd-accent)}
.pendew-topbar{margin-left:var(--pd-sidebar);height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--pd-line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:900;backdrop-filter:blur(12px)}.pendew-breadcrumb{font-size:12px;color:#98a2b3;margin-bottom:2px}.pendew-top-title{font-size:16px;font-weight:750;color:#101828}.pendew-user-chip{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid var(--pd-line);border-radius:999px;background:#fff}.pendew-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-weight:800}.pendew-user-chip small{display:block;color:#98a2b3;font-size:10px;text-transform:capitalize}.pendew-security{font-size:12px;color:#475467;display:flex;align-items:center;gap:7px}.pendew-security i{color:#12b76a}
.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--pd-sidebar)!important;height:100vh!important;background:#101828!important;color:#d0d5dd!important;z-index:1000!important;overflow-y:auto!important;border-right:1px solid rgba(255,255,255,.04)!important;box-shadow:none!important}.sidebar-brand{height:78px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand-mark{width:40px;height:40px;border-radius:12px;background:#4f46e5;display:grid;place-items:center;color:#fff;font-size:17px}.sidebar-brand strong{display:block;color:#fff;font-size:17px}.sidebar-brand small{display:block;color:#98a2b3;font-size:11px}.sidebar-user{margin:14px 12px 6px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#182230;display:flex;gap:10px;align-items:center}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-weight:800}.sidebar-user strong{display:block;color:#fff;font-size:12px}.sidebar-user small{display:block;color:#98a2b3;font-size:10px}.sidebar-section{padding:17px 18px 7px;color:#667085;font-size:10px;font-weight:800;letter-spacing:.11em}.sidebar .nav{padding:0 10px}.sidebar .nav-link{color:#d0d5dd!important;padding:10px 11px!important;border-radius:9px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;font-weight:550!important;margin:2px 0!important}.sidebar .nav-link i{width:18px;text-align:center;color:#98a2b3}.sidebar .nav-link:hover{background:#1d2939!important;color:#fff!important}.sidebar .nav-link.active{background:#344054!important;color:#fff!important}.sidebar .nav-link.active i{color:#c7d2fe!important}.sidebar-toggle-btn{display:none;position:fixed;left:14px;top:14px;z-index:1100;width:42px;height:42px;border:1px solid var(--pd-line);border-radius:10px;background:#fff}.sidebar-overlay{display:none}
.auth-page{margin:0!important;background:#eef1f6!important}.auth-shell{width:min(1120px,calc(100% - 32px));min-height:650px;margin:24px auto;display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(16,24,40,.14)}.auth-hero{background:#101828;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(99,102,241,.16);right:-110px;top:80px}.auth-brand{display:flex;align-items:center;gap:12px;font-size:20px;z-index:1}.auth-brand span{width:42px;height:42px;border-radius:12px;background:#4f46e5;display:grid;place-items:center}.auth-kicker{font-size:11px;letter-spacing:.18em;color:#a5b4fc;font-weight:800}.auth-hero h1{font-size:46px;line-height:1.06;max-width:520px;margin:14px 0 16px;color:#fff}.auth-hero p{color:#cbd5e1;max-width:520px;font-size:16px;line-height:1.7}.auth-trust{color:#cbd5e1;font-size:13px;z-index:1}.auth-form{display:flex;align-items:center;padding:54px}.auth-form-inner{width:100%;max-width:390px;margin:auto}.auth-logo{width:46px;height:46px;border-radius:12px;background:#eef2ff;color:#4338ca;display:grid;place-items:center;margin-bottom:22px}.auth-form h2{font-size:31px;font-weight:800;margin:0 0 7px}.auth-form p{color:#667085;margin-bottom:26px}.auth-submit{height:48px!important}.auth-note{text-align:center;color:#98a2b3;font-size:11px;margin-top:20px}
.pd-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}.pd-metric{background:#fff;border:1px solid var(--pd-line);border-radius:15px;padding:18px;box-shadow:0 6px 22px rgba(16,24,40,.04)}.pd-metric-label{font-size:12px;color:#667085;font-weight:650}.pd-metric-value{font-size:28px;font-weight:800;color:#101828;margin-top:5px}.pd-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.pd-section-head h2{font-size:22px;font-weight:800;margin:0}.pd-empty{padding:40px;text-align:center;color:#98a2b3}.pd-actions{display:flex;gap:7px;flex-wrap:wrap}.pd-page{max-width:1440px;margin:0 auto}.pd-filter{background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:14px;margin-bottom:16px}.pd-status-on{color:#067647;background:#ecfdf3}.pd-status-off{color:#b42318;background:#fef3f2}
@media(max-width:1100px){.pd-metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){:root{--pd-sidebar:0px}.sidebar{left:-280px!important;width:268px!important;transition:left .22s}.sidebar.open{left:0!important}.sidebar-toggle-btn{display:grid!important;place-items:center}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:999}.main-content,.main-center-wrap{margin-left:0!important;padding:82px 16px 24px!important}.pendew-topbar{margin-left:0!important;padding:0 16px 0 66px!important}.pendew-security{display:none}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-hero{display:none}.auth-form{padding:42px 24px}.table-responsive{overflow-x:auto!important}}
@media(max-width:600px){.pd-metric-grid{grid-template-columns:1fr}.main-content,.main-center-wrap{padding-left:12px!important;padding-right:12px!important}.pendew-user-chip span{display:none}.page-title{font-size:23px!important}.auth-shell{width:calc(100% - 20px);margin:10px auto}.auth-form{padding:34px 20px}}

/* ===== Pendew Premium V5 Finance & Data UI ===== */
:root{--pd-page-max:1540px;--pd-soft:#f8fafc;--pd-blue:#2563eb;--pd-blue-soft:#eff6ff;--pd-green:#059669;--pd-green-soft:#ecfdf5;--pd-red:#dc2626;--pd-red-soft:#fef2f2;--pd-amber:#d97706;--pd-amber-soft:#fffbeb}
.table-responsive{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
.pd-page{width:100%;max-width:var(--pd-page-max);margin:0 auto}.pd-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.pd-page-header h1{margin:0;color:#101828;font-size:26px;font-weight:800;line-height:1.2}.pd-page-header p{margin:7px 0 0;color:#667085;font-size:13px;line-height:1.55}.pd-page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pd-icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid #e4e7ec;border-radius:11px;background:#fff;color:#475467;text-decoration:none}.pd-icon-btn:hover{background:#f9fafb;color:#101828}
.pd-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.pd-finance-card{background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:17px 18px;box-shadow:0 4px 16px rgba(16,24,40,.035);min-width:0}.pd-finance-card .pd-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.pd-finance-card .pd-card-label{color:#667085;font-size:12px;font-weight:650}.pd-finance-card .pd-card-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f2f4f7;color:#475467}.pd-finance-card .pd-card-value{margin-top:12px;color:#101828;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.pd-finance-card .pd-card-sub{margin-top:6px;color:#98a2b3;font-size:11px}.pd-finance-card.success .pd-card-icon{background:var(--pd-green-soft);color:var(--pd-green)}.pd-finance-card.danger .pd-card-icon{background:var(--pd-red-soft);color:var(--pd-red)}.pd-finance-card.primary .pd-card-icon{background:var(--pd-blue-soft);color:var(--pd-blue)}.pd-finance-card.warning .pd-card-icon{background:var(--pd-amber-soft);color:var(--pd-amber)}
.pd-panel{background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 5px 20px rgba(16,24,40,.04);margin-bottom:20px}.pd-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #eaecf0}.pd-panel-head h2,.pd-panel-head h3{margin:0;color:#101828;font-size:16px;font-weight:750}.pd-panel-head p{margin:4px 0 0;color:#98a2b3;font-size:11px}.pd-panel-body{padding:18px}.pd-panel-body.compact{padding:0}.pd-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.pd-col-12{grid-column:span 12}.pd-col-8{grid-column:span 8}.pd-col-6{grid-column:span 6}.pd-col-4{grid-column:span 4}.pd-col-3{grid-column:span 3}.pd-help{margin-top:6px;color:#98a2b3;font-size:11px}.pd-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}.pd-required{color:#d92d20}.pd-money-input .input-group-text{font-weight:700;background:#f9fafb}
.pd-table-wrap{width:100%;overflow-x:auto}.pd-data-table{width:100%;min-width:880px;margin:0!important;border-collapse:separate!important;border-spacing:0!important}.pd-data-table thead th{position:relative;background:#f9fafb!important;color:#667085!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:750!important;padding:11px 14px!important;border-bottom:1px solid #eaecf0!important}.pd-data-table tbody td{color:#344054!important;font-size:12.5px!important;padding:12px 14px!important;border-bottom:1px solid #f0f2f5!important;vertical-align:middle!important}.pd-data-table tbody tr:last-child td{border-bottom:0!important}.pd-data-table tbody tr:hover{background:#fcfcfd!important}.pd-data-table .pd-primary-cell{font-weight:700;color:#101828!important}.pd-data-table .pd-money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.pd-data-table .pd-muted-cell{color:#98a2b3!important}.pd-data-table .pd-wrap{max-width:300px;white-space:normal;line-height:1.45}.pd-table-empty{text-align:center!important;padding:46px 18px!important;color:#98a2b3!important}.pd-table-empty i{display:block;font-size:24px;margin-bottom:10px;color:#d0d5dd}.pd-table-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;border-top:1px solid #eaecf0}.pd-table-count{color:#667085;font-size:11px}.pd-pagination{display:flex;gap:5px;align-items:center}.pd-pagination a,.pd-pagination span{min-width:32px;height:32px;padding:0 9px;border:1px solid #e4e7ec;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#475467;background:#fff;font-size:11px;font-weight:650}.pd-pagination a:hover{background:#f9fafb}.pd-pagination .active{background:#101828;color:#fff;border-color:#101828}.pd-pagination .disabled{opacity:.45;pointer-events:none}
.pd-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:1}.pd-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pd-badge.success{color:#067647;background:#ecfdf3}.pd-badge.warning{color:#b54708;background:#fffaeb}.pd-badge.danger{color:#b42318;background:#fef3f2}.pd-badge.neutral{color:#475467;background:#f2f4f7}.pd-badge.primary{color:#3538cd;background:#eef4ff}.pd-type-pill{display:inline-flex;padding:5px 9px;border-radius:8px;background:#f2f4f7;color:#475467;font-size:10.5px;font-weight:700;text-transform:capitalize}
.pd-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.pd-toolbar-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.pd-toolbar .form-control,.pd-toolbar .form-select{min-height:38px!important;height:38px!important;font-size:12px!important}.pd-toolbar label{font-size:10.5px!important;margin-bottom:5px!important}.pd-search{min-width:245px}.pd-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px}.pd-quick-links{display:flex;flex-wrap:wrap;gap:8px}.pd-quick-link{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;color:#344054;text-decoration:none;font-size:11.5px;font-weight:650}.pd-quick-link:hover{border-color:#c7d7fe;background:#f8faff;color:#1d4ed8}.pd-section-kicker{font-size:10px;color:#98a2b3;text-transform:uppercase;letter-spacing:.1em;font-weight:750;margin-bottom:5px}
.pd-alert{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px 13px;margin-bottom:16px;font-size:12px;border:1px solid}.pd-alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.pd-alert.danger{background:#fef3f2;border-color:#fecdca;color:#b42318}.pd-alert i{margin-top:2px}.pd-inline-note{padding:11px 13px;border-radius:11px;background:#f8fafc;border:1px solid #eaecf0;color:#667085;font-size:11.5px;line-height:1.55}
@media(max-width:1280px){.pd-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-split{grid-template-columns:1fr}}@media(max-width:900px){.pd-form-grid{grid-template-columns:1fr}.pd-col-12,.pd-col-8,.pd-col-6,.pd-col-4,.pd-col-3{grid-column:1}.pd-page-header{flex-direction:column}.pd-page-actions{width:100%}.pd-finance-card .pd-card-value{font-size:21px}}@media(max-width:600px){.pd-finance-grid{grid-template-columns:1fr}.pd-panel-head{align-items:flex-start;flex-direction:column}.pd-toolbar,.pd-toolbar-fields{width:100%}.pd-toolbar-fields>*{width:100%}.pd-search{min-width:0;width:100%}.pd-form-actions{justify-content:stretch}.pd-form-actions .btn{flex:1}.pd-table-footer{flex-direction:column;align-items:flex-start}.pd-pagination{width:100%;overflow-x:auto}.pd-page-header h1{font-size:23px}}