:root{
  --erp-sidebar:#0f1720;
  --erp-sidebar-2:#14261f;
  --erp-bg:#f4f7f6;
  --erp-card:#ffffff;
  --erp-text:#17211d;
  --erp-muted:#6b7470;
  --erp-border:#e4e9e6;
  --erp-primary:#0b6b50;
  --erp-primary-2:#0f8b67;
  --erp-gold:#d8aa3f;
  --erp-sidebar-w:276px;
  --erp-topbar-h:68px;
}

html,body{min-height:100%;}
body.erp-body{margin:0;background:var(--erp-bg);color:var(--erp-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
a{text-decoration:none;}

/* Sidebar */
.erp-sidebar{position:fixed;inset:0 auto 0 0;width:var(--erp-sidebar-w);background:linear-gradient(180deg,var(--erp-sidebar),var(--erp-sidebar-2));color:#fff;z-index:1040;display:flex;flex-direction:column;box-shadow:12px 0 30px rgba(15,23,32,.08);transition:transform .25s ease;}
.erp-brand{min-height:92px;padding:18px 18px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);}
.erp-brand-logo{width:48px;height:48px;border-radius:14px;background:#fff;object-fit:contain;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.erp-brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--erp-primary-2),var(--erp-gold));font-weight:800;font-size:1.2rem;}
.erp-brand-title{font-weight:800;font-size:1rem;line-height:1.1;max-width:170px}.erp-brand-sub{font-size:.72rem;color:rgba(255,255,255,.62);margin-top:4px;}
.erp-nav{padding:14px 12px 100px;overflow-y:auto;scrollbar-width:thin;}
.erp-nav-section{padding:14px 12px 7px;color:rgba(255,255,255,.46);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;}
.erp-nav-link{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.76);padding:10px 12px;border-radius:10px;margin:2px 0;font-size:.9rem;font-weight:600;transition:.18s ease;}
.erp-nav-link i{font-size:1.05rem;width:20px;text-align:center;}
.erp-nav-link:hover,.erp-nav-link.active{color:#fff;background:rgba(255,255,255,.10);transform:translateX(2px)}
.erp-nav-link.active{box-shadow:inset 3px 0 0 var(--erp-gold);}
.erp-sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:13px 14px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.08)}
.erp-user{display:flex;gap:10px;align-items:center;}.erp-user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:700}.erp-user-name{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.erp-user-role{font-size:.68rem;color:rgba(255,255,255,.55)}

/* Main shell */
.erp-shell{margin-left:var(--erp-sidebar-w);min-height:100vh;transition:margin-left .25s ease;}
.erp-topbar{position:sticky;top:0;z-index:1020;height:var(--erp-topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--erp-border);}
.erp-topbar-left,.erp-topbar-right{display:flex;align-items:center;gap:10px}.erp-page-label{font-size:.76rem;color:var(--erp-muted)}.erp-topbar-title{font-weight:800;font-size:1rem}.erp-icon-btn{width:40px;height:40px;border:1px solid var(--erp-border);background:#fff;border-radius:11px;display:grid;place-items:center;color:#34443d;position:relative}.erp-icon-btn:hover{background:#f7faf8;color:var(--erp-primary)}
.erp-badge-dot{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;border-radius:9px;background:#dc3545;color:#fff;font-size:.65rem;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
.erp-content{padding:24px;max-width:1800px;margin:0 auto;}

/* ERP cards and tables */
.erp-content .card{border:1px solid var(--erp-border)!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,32,.045)!important;overflow:hidden;}
.erp-content .card-header{border-bottom:1px solid var(--erp-border)!important;padding:14px 18px;background:#fff!important;}
.erp-content .card-body{padding:18px;}
.erp-content .table{--bs-table-bg:transparent;}.erp-content .table thead th{font-size:.72rem;letter-spacing:.035em;text-transform:uppercase;color:#6e7773;font-weight:800;border-bottom-color:var(--erp-border);white-space:nowrap}.erp-content .table tbody td{border-bottom-color:#edf1ef;vertical-align:middle}.erp-content .table tbody tr:hover{background:#fafcfb}
.erp-content .form-control,.erp-content .form-select{border-radius:10px;border-color:#dfe6e2;padding:.68rem .85rem}.erp-content .form-control:focus,.erp-content .form-select:focus{border-color:#7db9a5;box-shadow:0 0 0 .2rem rgba(15,139,103,.12)}
.erp-content .btn{border-radius:10px;font-weight:700}.erp-content .btn-success{background:var(--erp-primary);border-color:var(--erp-primary)}.erp-content .btn-success:hover{background:var(--erp-primary-2);border-color:var(--erp-primary-2)}
.erp-content h1,.erp-content h2,.erp-content h3,.erp-content h4,.erp-content h5{letter-spacing:-.02em;}

/* Floating WhatsApp */
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff!important;font-size:1.7rem;z-index:1080;box-shadow:0 10px 30px rgba(37,211,102,.35);transition:.2s ease;border:3px solid #fff;}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 34px rgba(37,211,102,.4)}
.whatsapp-label{position:fixed;right:90px;bottom:37px;background:#101714;color:#fff;padding:7px 10px;border-radius:8px;font-size:.75rem;z-index:1070;opacity:0;pointer-events:none;transform:translateX(8px);transition:.2s}.whatsapp-float:hover + .whatsapp-label{opacity:1;transform:none}

/* Login / signed-out pages */
.erp-auth-wrap{min-height:100vh;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at top right,rgba(216,170,63,.15),transparent 28%),linear-gradient(145deg,#eef6f2,#f8faf9)}
.erp-auth-wrap .container{max-width:1100px}.erp-auth-brand{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:10px;font-weight:800;color:#15221d}.erp-auth-brand span:first-child{width:38px;height:38px;border-radius:11px;background:var(--erp-primary);color:white;display:grid;place-items:center}

/* Mobile */
.erp-mobile-toggle{display:none}
.erp-overlay{display:none}
@media (max-width: 991.98px){
  .erp-sidebar{transform:translateX(-100%)}.erp-sidebar.open{transform:translateX(0)}
  .erp-shell{margin-left:0}.erp-mobile-toggle{display:grid}.erp-topbar{padding:0 14px}.erp-content{padding:16px}
  .erp-overlay{position:fixed;inset:0;background:rgba(15,23,32,.45);z-index:1035}.erp-overlay.show{display:block}
  .whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-label{display:none}
}
@media (max-width:575.98px){.erp-topbar-title{display:none}.erp-topbar .btn-text{display:none}.erp-content{padding:12px}.erp-content .card-body{padding:14px}}

/* Phase 12 - ERP Operations Cockpit */
.cockpit-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow,.panel-kicker{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--erp-primary)}.cockpit-title{font-size:1.75rem;margin:.25rem 0 .35rem;font-weight:800}.cockpit-subtitle{color:var(--erp-muted);margin:0;max-width:780px}.cockpit-actions{display:flex;gap:10px;flex-wrap:wrap}
.attention-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,#fff7dd,#fffbef);border:1px solid #f0d98b;color:#5e4a0c}.attention-banner>div div{font-size:.82rem;color:#846d24}.attention-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f7c948;color:#5e4a0c;font-size:1.05rem}
.kpi-card{position:relative;height:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--erp-border);box-shadow:0 8px 24px rgba(15,23,32,.045);overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi)}.kpi-green{--kpi:#0b8b64;--kpi-soft:#e8f7f1}.kpi-red{--kpi:#d9534f;--kpi-soft:#fceceb}.kpi-blue{--kpi:#3b78c4;--kpi-soft:#eaf2fb}.kpi-gold{--kpi:#c99624;--kpi-soft:#fff5dc}.kpi-top{display:flex;align-items:center;gap:10px}.kpi-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--kpi-soft);color:var(--kpi)}.kpi-label{font-size:.76rem;font-weight:800;color:#6e7773;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.6rem;font-weight:800;margin:14px 0 8px;letter-spacing:-.04em}.kpi-unit{font-size:.8rem;font-weight:700;color:var(--erp-muted);letter-spacing:0}.kpi-meta{display:flex;justify-content:space-between;gap:8px;font-size:.73rem;color:var(--erp-muted)}.kpi-progress{height:5px;background:#edf1ef;border-radius:4px;margin-top:12px;overflow:hidden}.kpi-progress span{display:block;height:100%;background:var(--kpi);border-radius:4px;max-width:100%}.kpi-link{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:800;color:var(--kpi);margin-top:12px}
.erp-panel{background:#fff;border:1px solid var(--erp-border);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,32,.045);overflow:hidden}.erp-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--erp-border)}.erp-panel-head h5{font-size:1rem;font-weight:800}.erp-panel-body{padding:18px}.panel-link{font-size:.75rem;font-weight:700;color:var(--erp-primary)}.chart-wrap{height:310px}.cockpit-table thead th{background:#fafcfb!important;padding:12px 14px}.cockpit-table tbody td{padding:13px 14px}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800}.status-warning{background:#fff1cf;color:#89620a}.status-info{background:#e8f3ff;color:#2d66a4}.mini-progress,.slim-progress{height:6px;background:#edf1ef}.mini-progress .progress-bar,.slim-progress .progress-bar{background:var(--erp-primary)}.icon-action{width:32px;height:32px;border:1px solid var(--erp-border);border-radius:9px;display:inline-grid;place-items:center;color:var(--erp-primary)}.icon-action:hover{background:#eff8f4}.empty-row{text-align:center;padding:26px;color:var(--erp-muted)}
.payout-person{display:flex;align-items:center;gap:10px}.payout-avatar,.activity-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#e9f6f1;color:var(--erp-primary);font-weight:800}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.money-grid div{background:#f7f9f8;border-radius:11px;padding:12px}.money-grid span,.money-grid strong{display:block}.money-grid span{font-size:.7rem;color:var(--erp-muted);margin-bottom:3px}.money-grid strong{font-size:.9rem}.shortfall-box{font-size:.78rem;background:#fff4f3;color:#9c332e;padding:10px;border-radius:9px}.empty-state{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--erp-muted)}.empty-state i{font-size:2rem;color:#a6b3ad}.empty-state strong{color:var(--erp-text)}.empty-state.compact{min-height:110px}.empty-state.compact i{font-size:1.4rem}
.count-badge{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#fff2d7;color:#8a640d;display:grid;place-items:center;font-size:.75rem;font-weight:800}.attention-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:13px 18px;color:var(--erp-text);border-bottom:1px solid #edf1ef}.attention-row:last-child{border-bottom:0}.attention-row:hover{background:#fafcfb}.attention-row-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.attention-row span:nth-child(2){min-width:0}.attention-row strong,.attention-row small{display:block}.attention-row strong{font-size:.82rem}.attention-row small{font-size:.68rem;color:var(--erp-muted);margin-top:2px}.attention-row b{font-size:.9rem}.bg-soft-blue{background:#eaf2fb;color:#3b78c4}.bg-soft-gold{background:#fff5dc;color:#b78413}.bg-soft-green{background:#e8f7f1;color:#0b8b64}.bg-soft-purple{background:#f2ebfb;color:#7950b3}.bg-soft-red{background:#fceceb;color:#c84d48}
.commerce-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commerce-metrics>div{border:1px solid var(--erp-border);border-radius:11px;padding:11px}.commerce-metrics span,.commerce-metrics strong{display:block}.commerce-metrics span{font-size:.67rem;color:var(--erp-muted)}.commerce-metrics strong{font-size:.92rem;margin-top:3px}.section-divider{height:1px;background:var(--erp-border);margin:16px 0 5px}.mini-activity{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1ef;color:var(--erp-text)}.mini-activity:last-child{border-bottom:0}.mini-activity strong,.mini-activity span{display:block}.mini-activity strong{font-size:.76rem}.mini-activity span{font-size:.67rem;color:var(--erp-muted);margin-top:2px}.activity-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #edf1ef}.activity-row:last-child{border-bottom:0}.activity-row strong,.activity-row span,.activity-row small{display:block}.activity-row strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row span,.activity-row small{font-size:.66rem;color:var(--erp-muted);margin-top:2px}.activity-row .text-end{white-space:nowrap}.avatar-chat{background:#eef1ff;color:#5966bd}.activity-time{font-size:.64rem;color:var(--erp-muted);white-space:nowrap}
.quick-action-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.quick-action{min-height:92px;border:1px solid var(--erp-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#34443d;font-size:.72rem;font-weight:800;text-align:center;padding:10px}.quick-action i{font-size:1.3rem;color:var(--erp-primary)}.quick-action:hover{border-color:#a8cabe;background:#f3faf7;color:var(--erp-primary);transform:translateY(-2px)}
@media (max-width:1399.98px){.quick-action-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767.98px){.cockpit-header{align-items:flex-start;flex-direction:column}.cockpit-actions{width:100%}.cockpit-actions .btn{flex:1}.cockpit-title{font-size:1.45rem}.attention-banner{align-items:flex-start}.attention-banner .btn{display:none}.quick-action-grid{grid-template-columns:repeat(2,1fr)}.chart-wrap{height:260px}.money-grid{grid-template-columns:1fr}.commerce-metrics{grid-template-columns:1fr 1fr}}