:root{
  --vw:#001e50;--vw-2:#003b70;--vw-3:#0068b4;--sky:#eaf4ff;--ink:#101828;--muted:#667085;--muted-2:#98a2b3;
  --bg:#f4f7fb;--card:#fff;--line:#e5eaf1;--line-2:#edf1f5;--blue:#2563eb;--green:#16a34a;--amber:#d97706;
  --red:#dc2626;--purple:#7c3aed;--cyan:#0891b2;--slate:#64748b;--hot:#e11d48;--warm:#d97706;--cool:#2563eb;
  --shadow:0 10px 30px rgba(16,24,40,.06);--shadow-lg:0 24px 70px rgba(0,30,80,.16);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#001e50 0%,#00183f 72%,#00132f 100%);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:30}
.brand{display:flex;gap:11px;align-items:center;padding:3px 8px 20px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff;padding:4px}.brand h1{font-size:16px;margin:0;letter-spacing:.01em}.brand small{opacity:.62;font-size:10px}
.nav-title{font-size:9px;text-transform:uppercase;letter-spacing:.13em;opacity:.42;font-weight:800;padding:13px 12px 7px}.nav-item{display:flex;align-items:center;gap:11px;color:#d9e6f4;text-decoration:none;padding:10px 11px;border-radius:12px;margin:2px 0;font-size:12px;font-weight:700;transition:.15s}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:#fff;color:var(--vw);box-shadow:0 8px 24px rgba(0,0,0,.15)}.nav-icon{width:23px;text-align:center;font-size:16px}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:15px 10px 4px;line-height:1.45}.sidebar-footer strong{font-size:11px}.sidebar-footer small{opacity:.58;font-size:9px}
.main{min-width:0}.topbar{height:74px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:24}.page-title h2{font-size:19px;margin:0 0 3px;letter-spacing:-.02em}.page-title p{font-size:10px;color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:8px}.role-chip{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;transition:.15s}.role-chip:hover{border-color:#b9c8da;box-shadow:0 5px 18px rgba(16,24,40,.07)}
.avatar,.avatar-lg,.avatar-sm{border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9f0f8,#dbe8f5);color:var(--vw);font-weight:900;overflow:hidden;flex:0 0 auto}.avatar{width:31px;height:31px;font-size:10px}.avatar-sm{width:28px;height:28px;font-size:9px}.avatar-lg{width:64px;height:64px;font-size:18px}.avatar img,.avatar-sm img,.avatar-lg img{width:100%;height:100%;object-fit:cover}.role-chip b{display:block;font-size:10px}.role-chip small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.content{padding:24px 26px 44px;max-width:1760px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.toolbar-left,.toolbar-right,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn{border:0;border-radius:11px;padding:9px 13px;font-size:11px;font-weight:800;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--vw);color:#fff}.btn-primary:hover{background:#00356f}.btn-soft{background:#edf3f9;color:var(--vw)}.btn-outline{background:#fff;border:1px solid var(--line);color:#344054}.btn-danger{background:#fff1f3;color:#b42318;border:1px solid #fecdd3}.btn-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.btn-xs{padding:6px 8px;font-size:9px;border-radius:9px}.btn-icon{width:36px;height:36px;padding:0;display:grid;place-items:center}
.input,.select,.textarea{border:1px solid #d6dde7;border-radius:11px;background:#fff;color:var(--ink);padding:9px 10px;font-size:11px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#7fa9d4;box-shadow:0 0 0 3px rgba(0,67,122,.08)}.select{min-width:132px}.textarea{min-height:86px;resize:vertical}
.grid{display:grid;gap:13px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px}.card.flat{box-shadow:none}.card.highlight{border-color:#c8daee;background:linear-gradient(145deg,#fff,#f7fbff)}
.metric{position:relative;overflow:hidden;min-height:104px}.metric .label{font-size:10px;color:var(--muted);font-weight:750}.metric .value{font-size:27px;font-weight:900;margin-top:7px;letter-spacing:-.035em}.metric .sub{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.35}.metric .accent{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f2f5f9;font-size:14px}.metric.danger .accent{background:#fff0f3;color:#b42318}.metric.success .accent{background:#ecfdf3;color:#067647}.metric.warn .accent{background:#fffaeb;color:#b54708}.metric.blue .accent{background:#eff8ff;color:#175cd3}.metric .delta{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-size:8px;font-weight:850;border-radius:999px;padding:3px 6px}.delta.up{background:#ecfdf3;color:#067647}.delta.down{background:#fff1f3;color:#b42318}.delta.flat{background:#f2f4f7;color:#667085}
.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin:22px 0 10px}.section-title h3{font-size:14px;margin:0}.section-title p{font-size:9px;color:var(--muted);margin:4px 0 0;line-height:1.45}.section-title .link{font-size:10px;color:var(--vw-2);font-weight:800;cursor:pointer}
.executive-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:13px}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.chart-head h3{font-size:14px;margin:0}.chart-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.chart-svg{width:100%;height:auto;display:block}
.pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pulse-card{border:1px solid var(--line);border-radius:15px;padding:13px;background:linear-gradient(145deg,#fff,#fbfcfe)}.pulse-card .pulse-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pulse-card h4{margin:0;font-size:13px}.pulse-score{font-size:18px;font-weight:900;color:var(--vw)}.pulse-score small{font-size:8px;color:var(--muted);font-weight:700}.pulse-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.pulse-metrics div{background:#f7f9fc;border-radius:10px;padding:8px}.pulse-metrics b{display:block;font-size:11px}.pulse-metrics span{font-size:8px;color:var(--muted)}.health-track{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden;margin-top:10px}.health-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0068b4,#18a36b)}
.pipeline-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.pipeline-box{background:#f8fafc;border:1px solid var(--line-2);border-radius:12px;padding:10px}.pipeline-box b{font-size:16px;display:block}.pipeline-box span{font-size:8px;color:var(--muted)}
.alert-list{display:grid;gap:8px}.alert-item{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.alert-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900}.alert-icon.red{background:#fff0f3;color:#b42318}.alert-icon.amber{background:#fffaeb;color:#b54708}.alert-icon.blue{background:#eff8ff;color:#175cd3}.alert-icon.green{background:#ecfdf3;color:#067647}.alert-item b{font-size:10px;display:block}.alert-item small{font-size:8px;color:var(--muted);display:block;margin-top:3px;line-height:1.3}.alert-item em{font-style:normal;font-size:11px;font-weight:900}
.insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.insight{padding:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafc)}.insight .kicker{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.insight strong{font-size:14px;display:block;margin-top:7px}.insight small{font-size:8px;color:var(--muted);display:block;margin-top:4px;line-height:1.4}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:980px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line-2);font-size:10px;text-align:left;white-space:nowrap}.table th{background:#f8fafc;color:#667085;font-size:8px;text-transform:uppercase;letter-spacing:.055em;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fbfcfe}.table .clickable{cursor:pointer}.person-cell{display:flex;align-items:center;gap:8px}.person-cell b{display:block;font-size:10px}.person-cell small{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.badge-hot{background:#ffe4ea;color:#a30d35}.badge-warm{background:#fef3c7;color:#92400e}.badge-cool{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#e7efff;color:#28418a}.badge-gray{background:#eef2f7;color:#475569}.badge-purple{background:#ede9fe;color:#6d28d9}.badge-red{background:#fff1f2;color:#b42318}.badge-cyan{background:#ecfeff;color:#0e7490}.badge-dark{background:#e8eef8;color:#001e50}
.pill-tabs{display:flex;gap:5px;flex-wrap:wrap}.pill-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;color:#475467}.pill-tab:hover{border-color:#b8c8da}.pill-tab.active{background:var(--vw);color:#fff;border-color:var(--vw)}
.report-shell{display:grid;grid-template-columns:252px minmax(0,1fr);gap:14px}.report-catalog{padding:9px;position:sticky;top:90px;align-self:start;max-height:calc(100vh - 112px);overflow:auto}.report-group{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:900;padding:10px 9px 5px}.report-item{width:100%;text-align:left;border:0;background:transparent;border-radius:11px;padding:10px;display:flex;align-items:flex-start;gap:9px;color:#344054;font-size:10px;font-weight:800;margin:1px 0}.report-item:hover{background:#f4f7fb}.report-item.active{background:#eaf2fb;color:var(--vw)}.report-item .ri{font-size:14px;width:18px;text-align:center}.report-item small{display:block;font-size:7px;color:var(--muted);font-weight:600;margin-top:3px;line-height:1.35}.report-main{min-width:0}.report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.report-header h2{font-size:18px;margin:0}.report-header p{font-size:9px;color:var(--muted);margin:4px 0 0}.report-filter-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px;margin-bottom:13px;box-shadow:var(--shadow)}.filter-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.filter-row+.filter-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-2)}.filter-label{font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.date-range{display:flex;align-items:center;gap:5px}.date-range span{font-size:9px;color:var(--muted)}
.report-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.mini-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.mini-kpi.featured{background:linear-gradient(145deg,#001e50,#00437a);color:#fff;border-color:transparent}.mini-kpi span{font-size:8px;color:var(--muted);font-weight:800}.mini-kpi.featured span,.mini-kpi.featured small{color:#cbdaf0}.mini-kpi b{display:block;font-size:21px;margin-top:5px;letter-spacing:-.025em}.mini-kpi small{font-size:8px;color:var(--muted);line-height:1.3}.mini-kpi .comp{margin-top:6px;font-size:8px;font-weight:900}.comp.good{color:#067647}.comp.bad{color:#b42318}.mini-kpi.featured .comp.good{color:#8df0c5}.mini-kpi.featured .comp.bad{color:#ffb5c2}
.report-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:13px}.report-grid.equal{grid-template-columns:1fr 1fr}.report-grid.three{grid-template-columns:repeat(3,1fr)}
.bar-list{display:grid;gap:10px}.bar-row .bar-head{display:flex;justify-content:space-between;gap:10px;font-size:9px}.bar-row .bar-head b{font-size:9px}.bar-track{height:7px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:5px}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#001e50,#0068b4)}.bar-fill.green{background:linear-gradient(90deg,#067647,#32d583)}.bar-fill.amber{background:linear-gradient(90deg,#b54708,#fdb022)}.bar-fill.red{background:linear-gradient(90deg,#b42318,#f97066)}.bar-fill.purple{background:linear-gradient(90deg,#5b21b6,#9b7bf6)}
.compare-bars{display:grid;gap:12px}.compare-row{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center}.compare-row label{font-size:9px;font-weight:800}.double-track{display:grid;gap:4px}.double-track .track{height:7px;background:#eef2f7;border-radius:999px;overflow:hidden}.double-track .track i{display:block;height:100%;border-radius:999px}.double-track .track.current i{background:#0068b4}.double-track .track.previous i{background:#b8c2cf}.compare-row strong{text-align:right;font-size:9px}
.funnel{display:grid;gap:7px;align-items:center}.funnel-row{margin:auto;border-radius:10px;color:#fff;text-align:center;padding:8px;font-size:9px;font-weight:900;background:linear-gradient(90deg,#001e50,#0068b4);min-width:100px}.mini-funnel{display:grid;gap:5px}.mini-funnel-row{display:grid;grid-template-columns:92px 1fr 45px;gap:7px;align-items:center;font-size:8px}.mini-funnel-row .track{height:6px;background:#eef2f7;border-radius:999px;overflow:hidden}.mini-funnel-row .track i{height:100%;display:block;background:linear-gradient(90deg,#001e50,#0068b4);border-radius:999px}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:20px;min-height:225px}.donut{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}.donut-center{position:relative;z-index:2;text-align:center}.donut-center b{display:block;font-size:23px}.donut-center span{font-size:8px;color:var(--muted)}.donut-legend{display:grid;gap:8px;font-size:9px}.donut-legend div{display:flex;align-items:center;gap:7px}.donut-legend i{width:9px;height:9px;border-radius:3px}
.hot-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:12px}.hot-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:13px}.hot-catalog{padding:9px;align-self:start}.hot-filter{width:100%;border:0;background:transparent;text-align:left;border-radius:11px;padding:9px 10px;font-size:9px;font-weight:800;color:#475467;display:flex;justify-content:space-between;gap:8px}.hot-filter:hover{background:#f5f7fa}.hot-filter.active{background:#fff0f3;color:#a30d35}.hot-filter b{font-size:9px}.hot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hot-card{border:1px solid var(--line);border-left:4px solid var(--hot);background:#fff;border-radius:16px;padding:15px;box-shadow:var(--shadow)}.hot-card.priority{box-shadow:0 14px 34px rgba(225,29,72,.10);border-color:#f4b6c5}.hot-card .top{display:flex;justify-content:space-between;gap:8px}.hot-card .person-title{display:flex;align-items:center;gap:9px}.hot-card h4{font-size:13px;margin:0}.hot-card .meta{font-size:8px;color:var(--muted);margin-top:3px}.hot-card .issue{background:#fff7ed;border:1px solid #fed7aa;border-radius:11px;padding:9px;margin-top:10px;font-size:9px;line-height:1.45}.hot-card .details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.hot-card .details div{background:#f8fafc;border-radius:10px;padding:8px}.hot-card .details b{display:block;font-size:9px}.hot-card .details span{font-size:8px;color:var(--muted)}.hot-card .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.detail-item{padding:9px;border-radius:11px;background:#f8fafc}.detail-item b{display:block;font-size:9px;margin-bottom:4px}.detail-item span{font-size:8px;color:var(--muted)}.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--vw-3);box-shadow:0 0 0 4px rgba(0,104,180,.09)}.timeline-item b{font-size:9px}.timeline-item p{font-size:9px;color:#475467;margin:4px 0;line-height:1.45}.timeline-item small{font-size:8px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field label{display:block;font-size:9px;font-weight:850;color:#475467;margin-bottom:5px}.field.full{grid-column:1/-1}.field .input,.field .select,.field .textarea{width:100%}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,19,35,.48);display:grid;place-items:center;padding:15px;z-index:100}.modal{width:min(1020px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:19px}.modal-foot{padding:13px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.empty{padding:34px;text-align:center;color:var(--muted);font-size:10px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-card .team-head{display:flex;align-items:flex-start;justify-content:space-between}.team-card .team-head strong{font-size:16px}.team-card .team-head small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.staff-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-2)}.staff-row:last-child{border-bottom:0}.staff-main{display:flex;align-items:center;gap:8px}.staff-row b{font-size:9px;display:block}.staff-row small{font-size:8px;color:var(--muted)}.staff-row em{font-style:normal;font-size:8px;color:var(--muted)}
.profile-card{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center}.avatar-upload{display:grid;justify-items:center;gap:8px}.avatar-upload input{display:none}.profile-meta h3{margin:0 0 4px;font-size:17px}.profile-meta p{font-size:9px;color:var(--muted);margin:2px 0}
.callout{border-radius:14px;padding:12px 13px;background:#f8fafc;border:1px solid var(--line);font-size:9px;line-height:1.55}.callout strong{font-size:10px}.callout.warn{background:#fffaeb;border-color:#fedf89}.callout.danger{background:#fff1f3;border-color:#fda4af}.callout.info{background:#eff8ff;border-color:#b2ddff}.callout.success{background:#ecfdf3;border-color:#abefc6}
.split-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2)}.split-row:last-child{border-bottom:0}.split-row b{display:block;font-size:9px}.split-row small{font-size:8px;color:var(--muted)}.right-number{text-align:right}.right-number b{font-size:12px}.right-number small{display:block}.rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef2f7;font-weight:900;font-size:9px}.rank.top{background:#eaf1fb;color:var(--vw)}
.score-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900}.score-dot{width:8px;height:8px;border-radius:50%}.score-dot.high{background:#16a34a}.score-dot.mid{background:#d97706}.score-dot.low{background:#dc2626}.up-highlight{color:#067647;font-weight:900}.down-highlight{color:#b42318;font-weight:900}.best-row td{background:#f5fbf8!important}.inactive{opacity:.55}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-hero{background:linear-gradient(145deg,#001e50,#003b78 70%,#0068b4);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-150px;top:80px}.login-hero .big{font-size:46px;font-weight:900;line-height:1.05;max-width:610px;letter-spacing:-.04em}.login-hero p{max-width:570px;opacity:.8;line-height:1.65;font-size:12px}.login-panel{display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%)}.login-card img{width:62px;border-radius:50%}.login-card h2{font-size:26px;margin:18px 0 7px}.login-card p{color:var(--muted);font-size:11px;margin:0 0 21px}.login-card .input,.login-card .select{width:100%;margin-bottom:10px}.login-card .btn{width:100%;padding:11px}.hint{font-size:8px;color:var(--muted);margin-top:10px;line-height:1.5}
@media(max-width:1320px){.grid-6{grid-template-columns:repeat(3,1fr)}.report-summary{grid-template-columns:repeat(3,1fr)}.executive-layout,.report-grid{grid-template-columns:1fr}.insights{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr 1fr}.pulse-grid{grid-template-columns:1fr}.pipeline-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1020px){.app{grid-template-columns:78px 1fr}.sidebar{padding:13px 7px}.brand h1,.brand small,.nav-item span:not(.nav-icon),.nav-title,.sidebar-footer{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.topbar{padding:0 15px}.content{padding:18px 14px}.report-shell,.hot-layout{grid-template-columns:1fr}.report-catalog,.hot-catalog{position:static;display:flex;overflow:auto;gap:5px;max-height:none}.report-group{display:none}.report-item{min-width:180px}.hot-filter{min-width:max-content}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.hot-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}}
@media(max-width:680px){.login-screen{grid-template-columns:1fr}.login-hero{display:none}.grid-6,.grid-5,.grid-4,.grid-3,.grid-2,.insights,.report-summary,.report-grid.three{grid-template-columns:1fr}.hot-card .details,.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar{height:auto;padding:10px}.page-title p{display:none}.content{padding:12px 9px}.role-chip>div:not(.avatar){display:none}.modal-backdrop{padding:4px}.modal{border-radius:13px}.pipeline-strip{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:90px 1fr 50px}.profile-card{grid-template-columns:1fr;text-align:center}.avatar-upload{justify-content:center}}

/* ===== V4 VISUAL SYSTEM — compact enterprise filters + vivid analytics ===== */
:root{
  --bg:#f2f6fb;--card:#ffffff;--line:#e6ebf2;--line-strong:#d6deea;
  --ink:#122033;--muted:#65758b;--muted-2:#94a3b8;
  --blue:#2f6fed;--blue-2:#6ca8ff;--cyan:#0ea5c9;--green:#18a66a;--amber:#f59e0b;--red:#ef476f;--purple:#7c5cff;--magenta:#d946ef;
  --vw:#001e50;--vw-2:#003b70;--vw-3:#0068b4;
  --shadow:0 12px 36px rgba(27,52,84,.08);--shadow-hover:0 24px 55px rgba(25,50,85,.16),0 8px 18px rgba(47,111,237,.08);
}
html,body{background:
  radial-gradient(circle at 82% -8%,rgba(124,92,255,.08),transparent 28%),
  radial-gradient(circle at 52% 0%,rgba(14,165,201,.06),transparent 24%),
  var(--bg)}
.ui-icon{width:17px;height:17px;display:block}.btn .ui-icon,.smart-filter-btn .ui-icon{width:15px;height:15px}
.sidebar{background:
  radial-gradient(circle at 20% 5%,rgba(64,141,255,.20),transparent 26%),
  linear-gradient(180deg,#041f4a 0%,#061934 64%,#07142a 100%);box-shadow:10px 0 42px rgba(0,20,55,.11)}
.brand img{box-shadow:0 7px 22px rgba(0,0,0,.18)}
.nav-item{position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 58%);opacity:0;transition:.2s}.nav-item:hover:before{opacity:1}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.nav-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:.2s}.nav-item.active .nav-icon{background:#eaf2ff}.nav-item.active .nav-icon .ui-icon{filter:none}
.nav-dashboard .nav-icon{color:#67a6ff}.nav-leads .nav-icon{color:#4dd4c7}.nav-hot .nav-icon{color:#ff6b8b}.nav-reports .nav-icon{color:#aa8cff}.nav-team .nav-icon{color:#ffc857}.nav-import .nav-icon{color:#64d88b}.nav-settings .nav-icon{color:#a6b5ca}.nav-item.active{color:var(--vw)}
.topbar{height:72px;background:rgba(248,251,255,.88);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(214,222,234,.8)}
.page-title h2{font-size:20px}.page-title p{font-size:10px}
.content{padding-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,44,72,.10)}.btn-primary{background:linear-gradient(135deg,#003b70,#0068b4);box-shadow:0 7px 18px rgba(0,104,180,.20)}
.role-chip{box-shadow:0 5px 16px rgba(20,44,72,.05)}
.card{border:1px solid rgba(224,231,240,.94);box-shadow:var(--shadow)}
.interactive-card,.hot-card,.pulse-card,.insight,.mini-kpi,.alert-item,.pipeline-box,.team-card{transform:translateZ(0);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,filter .24s ease}
@media(hover:hover){.interactive-card:hover,.hot-card:hover,.pulse-card:hover,.insight:hover,.mini-kpi:hover,.alert-item:hover,.pipeline-box:hover,.team-card:hover{transform:perspective(900px) translateY(-5px) rotateX(1deg);box-shadow:var(--shadow-hover);border-color:#ccd9ea}.interactive-row:hover{transform:translateX(3px);filter:saturate(1.08)}}

/* Compact smart toolbar */
.smart-toolbar,.smart-report-filter{position:relative;margin-bottom:14px}.smart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.smart-toolbar-left,.smart-toolbar-right,.smart-filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quick-period{display:inline-flex;padding:3px;background:#e9eef5;border:1px solid #dde5ef;border-radius:12px}.quick-period-btn{border:0;background:transparent;color:#65758b;font-size:10px;font-weight:850;padding:7px 11px;border-radius:9px;transition:.18s}.quick-period-btn:hover{color:#173f73}.quick-period-btn.active{background:#fff;color:#003b70;box-shadow:0 4px 12px rgba(28,54,90,.10)}
.filter-dropdown{position:relative}.smart-filter-btn{height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce4ee;background:rgba(255,255,255,.92);color:#40536d;border-radius:11px;padding:0 11px;font-size:10px;font-weight:820;box-shadow:0 3px 10px rgba(30,55,84,.035);transition:.18s}.smart-filter-btn:hover,.smart-filter-btn.active{border-color:#a8c0df;color:#064e8b;background:#f8fbff}.smart-filter-btn.active{box-shadow:0 5px 14px rgba(47,111,237,.08)}.smart-filter-btn .chev{font-size:11px;color:#8ba0b8;margin-left:1px}.compact-select{min-width:120px;height:36px;padding-top:0;padding-bottom:0}
.filter-popover{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:70;width:360px;background:rgba(255,255,255,.98);backdrop-filter:blur(18px);border:1px solid #dce4ee;border-radius:16px;box-shadow:0 24px 70px rgba(20,44,72,.20);padding:13px}.filter-popover.open{display:block;animation:popoverIn .16s ease-out}.filter-dropdown:last-child .filter-popover{left:auto;right:0}@keyframes popoverIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
.popover-title{font-size:10px;font-weight:900;color:#1a2d45;margin:0 0 10px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.preset-option,.menu-choice{border:1px solid #e4eaf2;background:#f8fafc;border-radius:10px;padding:8px 9px;text-align:left;font-size:9px;font-weight:800;color:#506176;transition:.16s}.preset-option:hover,.preset-option.active,.menu-choice:hover,.menu-choice.active{border-color:#b7cce6;background:#eef6ff;color:#064e8b}.preset-option.wide{grid-column:1/-1}.popover-divider{height:1px;background:#edf1f5;margin:11px 0}.custom-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.custom-time-grid label,.data-filter-popover label,.custom-compare{display:grid;gap:5px;font-size:8px;font-weight:800;color:#65758b}.custom-time-grid label>div{display:flex;gap:5px}.custom-time-grid .wide{grid-column:1/-1}.custom-time-grid .input,.filter-popover .input,.filter-popover .select{font-size:9px;padding:7px 8px;min-width:0;width:100%}.mini-apply{border:0;border-radius:8px;background:#e9f2ff;color:#075592;font-size:8px;font-weight:900;padding:0 8px;white-space:nowrap}.mini-apply:hover{background:#dcecff}.mini-apply.wide{padding:8px;width:100%;margin-top:6px}.menu-choice{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.custom-compare>span{margin-bottom:3px}.compare-popover{width:330px}.data-filter-popover{width:300px;display:none;gap:10px}.data-filter-popover.open{display:grid}.data-filter-popover label .select{margin-top:3px}.all-time{text-align:center}.active-filter-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.active-filter-chips span{background:#eef5ff;color:#315a85;border:1px solid #d9e8fb;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:750}
.icon-button{width:34px;height:34px;border-radius:10px;border:1px solid #dde5ef;background:#fff;color:#5d6f84;font-size:17px;cursor:pointer;transition:.16s}.icon-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(25,50,85,.10);color:#064e8b}

/* Color-rich KPI cards */
.kpi-grid{gap:11px}.metric{min-height:114px;isolation:isolate}.metric:after{content:"";position:absolute;inset:auto -24px -38px auto;width:100px;height:100px;border-radius:50%;background:var(--tone,#eaf2ff);opacity:.58;filter:blur(1px);z-index:-1}.metric-glow{position:absolute;left:0;top:0;width:4px;height:100%;background:var(--metric-color,#2f6fed)}.metric .accent{width:38px;height:38px;border-radius:12px;color:var(--metric-color,#2f6fed);background:var(--tone,#edf4ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.metric .accent .ui-icon{width:20px;height:20px}.metric .value{font-size:29px}.metric-blue{--metric-color:#2f6fed;--tone:#e8f1ff}.metric-danger{--metric-color:#ef476f;--tone:#ffe8ee}.metric-purple{--metric-color:#7c5cff;--tone:#eeeaff}.metric-amber{--metric-color:#e89a08;--tone:#fff2d6}.metric-success{--metric-color:#18a66a;--tone:#e4f8ef}.metric-cyan{--metric-color:#0ea5c9;--tone:#e2f7fb}.metric-neutral{--metric-color:#667085;--tone:#f1f4f7}
.delta.up{background:#e5f8ef;color:#087c4d}.delta.down{background:#ffe9ee;color:#bc2147}

/* Executive panels */
.pulse-card:nth-child(1){background:linear-gradient(145deg,#fff,#eef6ff);border-color:#d5e6ff}.pulse-card:nth-child(2){background:linear-gradient(145deg,#fff,#f4efff);border-color:#e3d7ff}.pulse-card:nth-child(3){background:linear-gradient(145deg,#fff,#ebfbf5);border-color:#d4f3e6}.pulse-card:nth-child(1) .health-fill{background:linear-gradient(90deg,#2f6fed,#6ca8ff)}.pulse-card:nth-child(2) .health-fill{background:linear-gradient(90deg,#7c5cff,#c084fc)}.pulse-card:nth-child(3) .health-fill{background:linear-gradient(90deg,#0f9f6e,#53d7a6)}
.pipeline-box:nth-child(1){background:#edf5ff}.pipeline-box:nth-child(2){background:#f2edff}.pipeline-box:nth-child(3){background:#eaf9fb}.pipeline-box:nth-child(4){background:#fff3dd}.pipeline-box:nth-child(5){background:#ffe9ef}.pipeline-box:nth-child(6){background:#e8f8ef}.pipeline-box{border-color:transparent}.pipeline-box b{color:#18324f}
.action-card{background:linear-gradient(160deg,#fff 0%,#fff9fb 55%,#f8fbff 100%)}.alert-item{border-left:3px solid transparent}.alert-item:nth-child(1){border-left-color:#ef476f}.alert-item:nth-child(2){border-left-color:#f59e0b}.alert-item:nth-child(3){border-left-color:#d946ef}.alert-item:nth-child(4){border-left-color:#18a66a}.alert-item:nth-child(5){border-left-color:#2f6fed}
.colorful-insights .insight:nth-child(1){background:linear-gradient(145deg,#eef6ff,#fff);border-color:#d9e9ff}.colorful-insights .insight:nth-child(2){background:linear-gradient(145deg,#f4efff,#fff);border-color:#e7dcff}.colorful-insights .insight:nth-child(3){background:linear-gradient(145deg,#fff3dd,#fff);border-color:#ffe4b7}.colorful-insights .insight:nth-child(4){background:linear-gradient(145deg,#e9f9f1,#fff);border-color:#d4f2e2}

/* Reports */
.report-catalog{background:linear-gradient(180deg,#fff,#f8fbff)}.report-item{transition:.18s}.report-item:hover{transform:translateX(2px);background:#f3f7fd}.report-item.active{background:linear-gradient(135deg,#eaf3ff,#f5f1ff);color:#063b6b;border-color:#cfe0f6}.report-header{align-items:center}.smart-report-filter{padding:9px;border:1px solid #e2e8f1;background:rgba(255,255,255,.80);backdrop-filter:blur(12px);border-radius:15px;box-shadow:0 7px 24px rgba(31,55,86,.05)}
.report-summary{gap:9px}.mini-kpi{position:relative;overflow:hidden}.mini-kpi:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--mk,#2f6fed)}.mini-kpi.tone-0{--mk:#2f6fed;background:linear-gradient(145deg,#fff,#eef5ff)}.mini-kpi.tone-1{--mk:#ef476f;background:linear-gradient(145deg,#fff,#fff0f4)}.mini-kpi.tone-2{--mk:#7c5cff;background:linear-gradient(145deg,#fff,#f5f1ff)}.mini-kpi.tone-3{--mk:#f59e0b;background:linear-gradient(145deg,#fff,#fff7e8)}.mini-kpi.tone-4{--mk:#18a66a;background:linear-gradient(145deg,#fff,#eefaf4)}.mini-kpi.tone-5{--mk:#0ea5c9;background:linear-gradient(145deg,#fff,#edfafd)}
.bar-row{padding:6px 7px;border-radius:9px;transition:.18s}.bar-row:hover{background:#f8fafc}.bar-track{height:8px}.bar-fill{background:var(--bar-color,#2f6fed)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--bar-color,#2f6fed) 28%,transparent)}
.funnel-row:nth-child(1){background:linear-gradient(90deg,#2f6fed,#5f93f5)}.funnel-row:nth-child(2){background:linear-gradient(90deg,#5b6ef5,#8d82fa)}.funnel-row:nth-child(3){background:linear-gradient(90deg,#7c5cff,#ae7cff)}.funnel-row:nth-child(4){background:linear-gradient(90deg,#0ea5c9,#43c3de)}.funnel-row:nth-child(5){background:linear-gradient(90deg,#f59e0b,#ffc857)}.funnel-row:nth-child(6){background:linear-gradient(90deg,#ef476f,#ff7894)}.funnel-row:nth-child(7){background:linear-gradient(90deg,#18a66a,#53d7a6)}
.mini-funnel-row:nth-child(1) .track i{background:#2f6fed}.mini-funnel-row:nth-child(2) .track i{background:#5b6ef5}.mini-funnel-row:nth-child(3) .track i{background:#7c5cff}.mini-funnel-row:nth-child(4) .track i{background:#0ea5c9}.mini-funnel-row:nth-child(5) .track i{background:#f59e0b}.mini-funnel-row:nth-child(6) .track i{background:#18a66a}
.donut{box-shadow:0 12px 28px rgba(25,50,85,.10)}
.best-row td{background:linear-gradient(90deg,#effbf5,#fbfffd)!important}.rank.top{background:linear-gradient(135deg,#ffe9a8,#ffc857);color:#7b5000;box-shadow:0 4px 10px rgba(245,158,11,.18)}
.avatar,.avatar-sm,.avatar-lg{box-shadow:0 0 0 2px #fff,0 3px 9px rgba(25,50,85,.14)}
.hot-card{border-left-width:5px}.hot-card.priority{background:linear-gradient(155deg,#fff,#fff6f8)}.hot-card .issue{background:linear-gradient(135deg,#fff8e9,#fff3f5)}
.table tbody tr:hover td{background:#f3f8ff}.table th{background:#f5f8fc}.table-wrap{box-shadow:0 8px 24px rgba(30,55,85,.035)}

@media(max-width:1020px){.filter-popover{position:fixed;left:50%!important;right:auto!important;top:90px;transform:translateX(-50%);width:min(440px,calc(100vw - 24px))}.filter-popover.open{animation:none}.smart-toolbar,.smart-filter-row{align-items:flex-start}.smart-toolbar-left{width:100%}}
@media(max-width:680px){.smart-filter-row,.smart-toolbar-left{gap:5px}.quick-period{width:100%}.quick-period-btn{flex:1}.smart-filter-btn{padding:0 9px}.custom-time-grid{grid-template-columns:1fr}.custom-time-grid .wide{grid-column:auto}.kpi-grid{grid-template-columns:1fr 1fr}.metric{min-height:108px}.metric .value{font-size:24px}.smart-report-filter{padding:7px}.filter-popover{top:78px}.report-header p{max-width:90%}}
.report-item .ri{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef3f9;color:#486581;font-size:12px;font-weight:900;flex:0 0 auto}.report-item[data-group="Điều hành"] .ri{background:#e8f1ff;color:#2f6fed}.report-item[data-group="Hiệu suất"] .ri{background:#f0ebff;color:#7c5cff}.report-item[data-group="Bán hàng"] .ri{background:#e7faf5;color:#0b9b70}.report-item[data-group="Kiểm soát"] .ri{background:#fff1df;color:#dc8b00}.report-item.active .ri{box-shadow:0 5px 13px rgba(48,80,120,.12)}

/* ===== V5 • Enterprise report UX, readability & export ===== */
:root{
  --ink:#0b2038;
  --muted:#50657c;
  --muted-2:#74879b;
  --line:#d9e4ef;
  --line-2:#eaf0f6;
}
body{color:var(--ink);background:#eef3f8}
.card,.metric,.mini-kpi,.hot-card,.pulse-card,.team-card,.insight,.alert-item,.pipeline-box,.report-disclosure{color:#102a43}
.chart-head p,.section-title p,.report-header p,.metric .sub,.split-row small,.person-cell small,.right-number small,.hint,.report-item small,.disclosure-title small{color:#536a82!important}
.table th{color:#40566f;font-weight:900;background:#f6f9fc}
.table td{color:#18344f}.table td small{color:#61768b}.report-group{color:#65798d}.filter-label,.control-label{color:#526a82!important}

/* Volkswagen mark: bigger and visually fills the roundel */
.brand .brand-logo{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,30,80,.22);border:1px solid rgba(0,30,80,.08)}
.brand .brand-logo img{width:100%;height:100%;object-fit:contain;padding:0;border-radius:0;background:transparent;box-shadow:none;transform:scale(1.08)}
.login-brandmark{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.login-brandmark img{width:100%;height:100%;object-fit:contain;transform:scale(1.07)}
.login-card .login-logo{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid #d9e3ee;padding:0;box-shadow:0 10px 28px rgba(0,30,80,.10)}

/* Popovers always float above reports/cards; selected choice rerender closes them */
.content,.report-main,.report-shell,.smart-toolbar,.smart-report-filter,.smart-filter-row,.smart-toolbar-left,.smart-toolbar-right,.report-header,.report-actions{overflow:visible!important}
.smart-toolbar,.smart-report-filter,.report-header{position:relative;z-index:400}
.smart-filter-row,.smart-toolbar-left,.smart-toolbar-right,.report-actions{position:relative;z-index:410}
.filter-dropdown{position:relative!important;z-index:420}
.filter-popover{z-index:5000!important;isolation:isolate}
.filter-popover.open{display:block!important}
.report-catalog{z-index:20}
.modal-backdrop{z-index:10000}

/* Export controls */
.toolbar-right{display:flex;gap:8px;align-items:center}.export-excel-btn,.export-menu-btn{gap:7px}.export-excel-btn svg,.export-menu-btn svg{width:14px;height:14px}.export-count{min-width:20px;height:20px;border-radius:999px;padding:0 6px;display:inline-grid;place-items:center;background:#eaf3ff;color:#145487;font-size:8px;font-weight:900}.export-popover{width:274px}.export-popover .menu-choice{padding:10px 11px}.export-popover .menu-choice span{display:grid;gap:2px}.export-popover .menu-choice small{font-size:8px;color:#65798e;font-weight:650}

/* Progressive disclosure: compact by default, detail on demand */
.report-disclosure{margin-top:12px;border:1px solid #dce5ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 5px 20px rgba(28,53,84,.045);overflow:clip;transition:border-color .2s,box-shadow .2s,transform .2s}
.report-disclosure:hover{border-color:#bfd0e2;box-shadow:0 11px 30px rgba(28,53,84,.075)}
.report-disclosure summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none;background:linear-gradient(90deg,rgba(47,111,237,.035),transparent 48%)}
.report-disclosure summary::-webkit-details-marker{display:none}.disclosure-title{display:flex;gap:10px;align-items:center}.disclosure-title>div{display:grid;gap:2px}.disclosure-title b{font-size:10px;color:#17324d}.disclosure-title small{font-size:8px;font-weight:650}.disclosure-symbol{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#eaf3ff;color:#2364aa;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 1px #d7e8fb}.disclosure-symbol:before{content:"+"}.report-disclosure[open] .disclosure-symbol:before{content:"−"}.report-disclosure[open] summary{border-bottom:1px solid #e7eef5}.disclosure-hint{font-size:8px;color:#65798e;font-weight:800}.report-disclosure[open] .disclosure-hint{font-size:0}.report-disclosure[open] .disclosure-hint:after{content:"Thu gọn";font-size:8px}.disclosure-body{padding:14px;animation:v5Reveal .18s ease-out}@keyframes v5Reveal{from{opacity:.2;transform:translateY(-3px)}to{opacity:1;transform:none}}
.report-disclosure.tone-purple{border-left:4px solid #7c5cff}.report-disclosure.tone-green{border-left:4px solid #18a66a}.report-disclosure.tone-amber{border-left:4px solid #f59e0b}.report-disclosure.tone-red{border-left:4px solid #ef476f}.report-disclosure.tone-blue{border-left:4px solid #2f6fed}

/* Performance reports: key KPIs first, deeper filters tucked away */
.performance-control{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:9px 11px;border-radius:14px;border:1px solid #dfe8f1;background:rgba(255,255,255,.83);box-shadow:0 5px 18px rgba(22,50,82,.04)}
.performance-control-main{display:flex;align-items:center;gap:7px}.control-label{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.control-note{font-size:8px;color:#60778e;font-weight:650}.inline-filter-details{position:relative}.inline-filter-details summary{list-style:none;cursor:pointer;font-size:9px;font-weight:850;color:#185893;padding:7px 10px;border-radius:9px;border:1px solid #cfe0f3;background:#f3f8ff}.inline-filter-details summary::-webkit-details-marker{display:none}.inline-filter-details[open] summary{background:#e8f3ff}.inline-filter-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:4500;width:270px;padding:11px;border-radius:13px;border:1px solid #d8e4ef;background:#fff;box-shadow:0 18px 48px rgba(26,50,78,.17);display:grid;gap:9px}.inline-filter-panel label{display:grid;gap:5px;font-size:8px;color:#566e85;font-weight:800}.report-core-card{min-width:0}.report-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.best-row td{background:#f0fbf6!important}.best-row td:first-child{box-shadow:inset 4px 0 #18a66a}

/* Improve visual hierarchy without reducing data density */
.mini-kpi b,.metric .value,.right-number b{color:#0b2744}.mini-kpi.featured b{color:#fff}.chart-head h3,.section-title h3,.report-header h2{color:#0c2948}.split-row b,.person-cell b{color:#153451}.badge{font-weight:900}.bar-head span{color:#405973}.bar-head b{color:#173857}.callout{color:#243f59}
.data-list-toolbar{position:relative;z-index:100}

@media print{
  @page{size:A4 landscape;margin:10mm}
  body.print-report-mode{background:#fff!important}
  body.print-report-mode .sidebar,body.print-report-mode .topbar,body.print-report-mode .report-catalog,body.print-report-mode .smart-report-filter,body.print-report-mode .report-actions,body.print-report-mode .icon-button,body.print-report-mode .performance-control{display:none!important}
  body.print-report-mode .app,body.print-report-mode .main{display:block!important}
  body.print-report-mode .content{padding:0!important;max-width:none!important}
  body.print-report-mode .report-shell{display:block!important}
  body.print-report-mode .report-main{width:100%!important}
  body.print-report-mode .report-header{margin-bottom:8mm}
  body.print-report-mode .card,body.print-report-mode .mini-kpi,body.print-report-mode .report-disclosure{box-shadow:none!important;transform:none!important;filter:none!important;break-inside:avoid}
  body.print-report-mode .report-disclosure{overflow:visible!important}
  body.print-report-mode .report-disclosure summary{display:none!important}
  body.print-report-mode .disclosure-body{display:block!important;padding:8px 0!important;border:0!important}
}

@media(max-width:1020px){
  .brand .brand-logo{width:49px;height:49px;flex-basis:49px}
  .report-summary{grid-template-columns:repeat(2,1fr)}
  .filter-dropdown{z-index:1000}
  .filter-popover{z-index:8000!important}
  .inline-filter-panel{position:fixed;left:50%;right:auto;top:135px;transform:translateX(-50%);width:min(330px,calc(100vw - 24px))}
}
@media(max-width:680px){.report-summary{grid-template-columns:1fr 1fr}.performance-control{align-items:flex-start}.control-note{width:100%}.toolbar-right{width:100%;justify-content:flex-end}.data-list-toolbar .toolbar-left{width:100%}}

/* ===== V6 • Compact professional CRM layout ===== */
html,body{overflow-x:hidden}
:root{--v6-text:#102a43;--v6-sub:#5f7488;--v6-soft:#f7f9fc;--v6-border:#dce5ef}
.app{grid-template-columns:220px minmax(0,1fr)}
.sidebar{padding:14px 11px}.brand{padding:2px 6px 14px}.brand .brand-logo{width:50px;height:50px;flex-basis:50px}.nav-item{padding:9px 10px;font-size:11px;border-radius:10px}.topbar{height:64px;padding:0 18px}.page-title h2{font-size:17px}.page-title p{font-size:9px}.content{padding:16px 18px 28px;max-width:none;width:100%;overflow:visible}.grid{gap:10px}.card{padding:13px;border-radius:14px}.compact-card{padding:13px}.section-title{margin:15px 0 8px}.chart-head{margin-bottom:9px}.chart-head h3{font-size:12px}.chart-head p{font-size:8px}.btn{padding:8px 11px;font-size:10px;border-radius:9px}.btn-xs{padding:5px 7px;font-size:8px}.input,.select,.textarea{padding:8px 9px;font-size:10px;border-radius:9px}.compact-select{min-width:126px}.textarea{min-height:70px}.compact-textarea{min-height:54px;max-height:74px}.update-textarea{min-height:86px;max-height:108px}

/* compact KPI and dashboard */
.metric{min-height:88px;padding:12px}.metric .label{font-size:9px}.metric .value{font-size:24px;margin-top:4px}.metric .sub{font-size:8px;margin-top:2px}.metric .accent{width:30px;height:30px;right:11px;top:11px;border-radius:9px}.metric .delta{margin-top:4px}.v6-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:10px;margin-top:10px}.v6-pulse-grid{gap:8px}.pulse-card{padding:10px;border-radius:12px}.pulse-card h4{font-size:11px}.pulse-score{font-size:16px}.pulse-metrics{gap:4px;margin-top:8px}.pulse-metrics div{padding:6px}.pulse-metrics b{font-size:10px}.pulse-metrics span{font-size:7px}.health-track{margin-top:7px;height:5px}.pipeline-strip{gap:5px}.pipeline-box{padding:7px;border-radius:9px}.pipeline-box b{font-size:13px}.pipeline-box span{font-size:7px}.compact-section-title{display:flex;align-items:center;justify-content:space-between;margin:10px 0 7px;font-size:9px;color:var(--v6-sub)}.compact-section-title b{color:var(--v6-text);font-size:10px}.v6-alerts{gap:6px}.v6-alerts .alert-item{padding:7px 8px;grid-template-columns:28px 1fr auto;gap:7px;border-radius:10px}.v6-alerts .alert-icon{width:28px;height:28px;border-radius:9px}.v6-alerts .alert-item b{font-size:9px}.v6-alerts .alert-item small{font-size:7px}.v6-alerts .alert-item em{font-size:10px}.compact-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.compact-insights>div{background:#f7f9fc;border:1px solid #e8eef5;border-radius:9px;padding:8px;min-width:0}.compact-insights span,.compact-insights small{display:block;font-size:7px;color:#6b7f93}.compact-insights b{display:block;font-size:9px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17324d}

/* unified toolbar */
.v6-toolbar{margin-bottom:9px;padding:0;min-height:36px}.smart-toolbar-left,.smart-toolbar-right{gap:5px}.quick-period{padding:2px;border-radius:10px}.quick-period-btn{font-size:9px;padding:6px 9px;border-radius:8px}.smart-filter-btn{height:32px!important;padding:0 9px!important;font-size:9px!important;border-radius:9px!important}.smart-filter-btn svg{width:13px!important;height:13px!important}.v6-chips{margin:0 0 8px;gap:4px}.v6-chips span{padding:3px 6px;font-size:7px}.v6-report-filter{padding:7px 8px;margin-bottom:9px;border-radius:12px}.v6-report-filter>.v6-toolbar{margin:0}.filter-popover{max-height:min(72vh,520px);overflow:auto}.v6-data-filter{width:290px}.filter-popover .popover-title{font-size:9px}.filter-popover label{font-size:8px}.filter-popover .input,.filter-popover .select{font-size:9px}.preset-option,.menu-choice{font-size:8px;padding:7px 8px}

/* all popovers above everything, fixed position set by JS */
.filter-popover,.inline-filter-panel{z-index:999999!important;box-shadow:0 22px 60px rgba(12,35,64,.24)!important}.filter-dropdown{z-index:auto!important}.report-shell,.report-main,.content,.card,.table-wrap{isolation:auto}.modal-backdrop{z-index:1000000!important}

/* compact reports */
.report-shell{grid-template-columns:210px minmax(0,1fr);gap:10px}.report-catalog{padding:7px;top:75px;max-height:calc(100vh - 88px);border-radius:13px}.report-group{padding:8px 7px 4px;font-size:7px}.report-item{padding:8px;border-radius:9px;font-size:9px;gap:7px}.report-item .ri{width:24px;height:24px;border-radius:7px;font-size:10px}.report-item small{font-size:6.5px;margin-top:2px}.report-header{margin-bottom:8px}.report-header h2{font-size:15px}.report-header p{font-size:8px}.report-actions{gap:5px}.report-summary{gap:7px;margin-bottom:9px}.mini-kpi{padding:9px!important;border-radius:11px!important;min-height:64px!important}.mini-kpi span{font-size:7px!important}.mini-kpi b{font-size:17px!important}.report-grid{gap:9px!important}.report-disclosure{margin-top:8px;border-radius:12px}.report-disclosure summary{padding:9px 11px}.disclosure-title b{font-size:9px}.disclosure-title small,.disclosure-hint{font-size:7px}.disclosure-body{padding:10px}.performance-control{padding:7px 9px;margin-bottom:8px;border-radius:11px}.control-label,.control-note{font-size:7px}.inline-filter-details summary{font-size:8px;padding:6px 8px}.bar-list{gap:7px!important}.bar-row{gap:4px!important}.bar-head{font-size:8px!important}.bar-track{height:7px!important}.donut{width:150px!important;height:150px!important}.donut-center b{font-size:20px!important}.split-row{padding:8px 0!important}.split-row b{font-size:9px!important}.split-row small{font-size:7px!important}.callout{font-size:8px!important;line-height:1.4!important;padding:9px!important;border-radius:10px!important}

/* tables fit the viewport; never force horizontal scrolling */
.table-wrap{overflow-x:hidden;overflow-y:auto;max-width:100%;max-height:520px;border-radius:11px}.table{min-width:0!important;width:100%!important;table-layout:fixed}.table th,.table td{padding:7px 7px!important;font-size:8.5px!important;white-space:normal!important;overflow-wrap:anywhere;vertical-align:middle;line-height:1.25}.table th{font-size:7px!important;letter-spacing:.03em}.table td b{font-size:8.5px}.table td .person-cell{min-width:0}.table td .person-cell>div:last-child{min-width:0}.person-cell{gap:6px}.person-cell b{font-size:8.5px}.person-cell small{font-size:7px}.avatar-sm{width:24px;height:24px;font-size:8px}.badge{padding:4px 6px;font-size:7px}.cell-sub{display:block;margin-top:2px;color:#657b90;font-size:7px;line-height:1.25}.stack-badges{display:flex;gap:3px;flex-wrap:wrap}.v6-footnote{font-size:7px;padding-top:6px}

/* Lead list */
.v6-list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:2px 0 7px}.search-box{height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #d9e3ee;background:#fff;border-radius:10px;min-width:300px}.search-box svg{width:14px;height:14px;color:#6c8094}.search-box input{border:0;outline:0;width:100%;font:inherit;font-size:9px;color:#18344f;background:transparent}.result-count{font-size:8px;font-weight:800;color:#5d7388;background:#eef3f8;padding:5px 8px;border-radius:999px}

/* HOT opportunities */
.v6-hot-kpis{margin-bottom:9px}.hot-command{padding:11px}.hot-command-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.hot-command-head h3{font-size:12px;margin:0}.hot-command-head p{font-size:8px;color:#61768b;margin:3px 0 0}.hot-command-tools{display:flex;align-items:center;gap:6px}.view-switch{display:inline-flex;background:#edf2f7;padding:2px;border-radius:9px}.view-switch button{border:0;background:transparent;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:850;color:#65788b}.view-switch button.active{background:#fff;color:#123e6d;box-shadow:0 2px 8px rgba(27,53,82,.09)}.hot-summary-list{display:grid;gap:5px}.hot-summary-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(110px,.8fr) minmax(150px,1fr) 82px auto;gap:8px;align-items:center;border:1px solid #e2e9f1;background:#fff;border-radius:11px;padding:8px 9px;transition:.15s}.hot-summary-row:hover{border-color:#bacde0;box-shadow:0 7px 20px rgba(30,56,87,.08);transform:translateY(-1px)}.hot-summary-row.needs-support{border-left:4px solid #ef476f}.hot-person{display:flex;gap:7px;align-items:center;min-width:0}.hot-person>div:last-child,.hot-owner{min-width:0}.hot-person b,.hot-owner span,.stage-text{display:block;font-size:9px;font-weight:850;color:#18344f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-person small,.hot-owner small,.hot-summary-row>div>small{display:block;font-size:7px;color:#657b90;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prob-cell{text-align:right}.prob-cell b{display:block;font-size:14px;color:#b51f45}.prob-cell small{font-size:7px;color:#6c8094}.hot-actions{display:flex;gap:4px;justify-content:flex-end}

/* compact modal / record layout */
.modal{width:min(1040px,calc(100vw - 24px));max-height:88vh;overflow:hidden;border-radius:16px}.modal-head{padding:11px 14px}.modal-head h3{font-size:13px}.modal-body{padding:12px;max-height:calc(88vh - 104px);overflow:auto}.modal-foot{padding:9px 13px}.lead-form-compact{display:grid;grid-template-columns:1.25fr .9fr;gap:9px;align-items:start}.lead-form-compact>.form-section:last-child{grid-column:2;grid-row:1 / span 2}.form-section{border:1px solid #e2e9f1;background:#fbfcfe;border-radius:11px;padding:9px}.form-section+.form-section{margin-top:0}.form-section-title{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#546b82;font-weight:900;margin-bottom:7px}.v6-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v6-form-grid .field.span-2{grid-column:1/-1}.field label{font-size:8px;margin-bottom:3px}.field .input,.field .select,.field .textarea{font-size:9px;padding:7px 8px}.color-preview-hint{font-size:7px;color:#6b7f93;margin-top:6px}.record-modal-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:10px;height:min(630px,calc(88vh - 132px));min-height:450px}.record-main{min-width:0;overflow:auto;padding-right:2px}.record-timeline-panel{min-width:0;border-left:1px solid #e4ebf2;padding-left:10px;display:flex;flex-direction:column;overflow:hidden}.record-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.record-summary-strip>div{background:#f5f8fb;border:1px solid #e7edf4;border-radius:9px;padding:7px}.record-summary-strip span{display:block;font-size:7px;color:#6b7f93;margin-bottom:4px}.record-summary-strip b{font-size:10px;color:#17324d}.record-section{border:1px solid #e5ebf2;border-radius:10px;padding:8px;margin-bottom:7px;background:#fff}.record-section h4{font-size:9px;margin:0 0 6px;color:#153653}.record-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.record-field{min-width:0;background:#f8fafc;border-radius:8px;padding:6px}.record-field span{display:block;font-size:6.8px;color:#718497;margin-bottom:2px}.record-field b{display:block;font-size:8px;color:#203c57;overflow-wrap:anywhere}.hot-record-panel{display:grid;grid-template-columns:1fr 1.35fr;gap:5px;border:1px solid #f2cfd8;background:#fff8fa;border-radius:10px;padding:7px}.hot-record-panel>div{min-width:0}.hot-record-panel span{display:block;font-size:6.8px;color:#8e5a67}.hot-record-panel b{font-size:8px;color:#6e2739;overflow-wrap:anywhere}.hot-record-panel .support-line{grid-column:1/-1;border-top:1px solid #f4dbe1;padding-top:5px}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.timeline-head h4{font-size:10px;margin:0}.timeline-head small{font-size:7px;color:#718497}.v6-timeline-scroll{overflow:auto;min-height:0;padding-right:4px}.timeline-item{padding:7px 0;grid-template-columns:14px 1fr;gap:6px}.timeline-dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(0,104,180,.08)}.timeline-item b{font-size:8px}.timeline-item p{font-size:8px;margin:2px 0;line-height:1.35}.timeline-item small{font-size:6.8px}.update-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}.update-column{border:1px solid #e2e9f1;background:#fbfcfe;border-radius:11px;padding:9px}.update-column .field+.field{margin-top:7px}

/* cleaner visual contrast */
body{background:#f2f5f9;color:#102a43}.card,.table-wrap,.modal{background:#fff}.page-title h2,.chart-head h3,.record-section h4{color:#0f2f4e}.page-title p,.chart-head p,.hint{color:#647a90}.btn-primary{background:#003b70}.btn-primary:hover{background:#002e59}.metric-blue{background:linear-gradient(145deg,#fff,#f3f8ff)}.metric-danger{background:linear-gradient(145deg,#fff,#fff5f7)}.metric-purple{background:linear-gradient(145deg,#fff,#f8f5ff)}.metric-amber{background:linear-gradient(145deg,#fff,#fff9ee)}.metric-success{background:linear-gradient(145deg,#fff,#f2fbf7)}.metric-cyan{background:linear-gradient(145deg,#fff,#f1fbfd)}

/* responsive: collapse sidebar earlier to guarantee no page-level horizontal scroll */
@media(max-width:1380px){.app{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:11px 6px}.brand{justify-content:center;padding-bottom:12px}.brand>div,.nav-title,.nav-item>span:not(.nav-icon),.sidebar-footer{display:none}.nav-item{justify-content:center;padding:9px}.brand .brand-logo{width:46px;height:46px;flex-basis:46px}.content{padding:14px}.v6-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.report-shell{grid-template-columns:185px minmax(0,1fr)}.report-item{padding:7px}.table th,.table td{padding:6px 5px!important;font-size:8px!important}.table th{font-size:6.6px!important}}
@media(max-width:1100px){.v6-dashboard-grid{grid-template-columns:1fr}.v6-kpi-grid,.v6-hot-kpis{grid-template-columns:repeat(3,1fr)!important}.report-shell{grid-template-columns:1fr}.report-catalog{position:static;display:flex;gap:4px;overflow-x:auto;max-height:none}.report-group{display:none}.report-item{min-width:165px}.hot-summary-row{grid-template-columns:minmax(170px,1.2fr) minmax(110px,.8fr) 78px auto}.hot-summary-row>div:nth-child(3){display:none}.record-modal-layout{grid-template-columns:1fr 330px}.lead-form-compact{grid-template-columns:1fr}.lead-form-compact>.form-section:last-child{grid-column:auto;grid-row:auto}}
@media(max-width:780px){.topbar{height:auto;min-height:58px}.page-title p{display:none}.v6-kpi-grid,.v6-hot-kpis{grid-template-columns:repeat(2,1fr)!important}.quick-period{width:auto}.smart-toolbar-right{width:auto}.search-box{min-width:220px}.hot-command-head{align-items:flex-start;flex-direction:column}.hot-command-tools{width:100%;justify-content:space-between}.hot-summary-row{grid-template-columns:minmax(0,1fr) 68px auto}.hot-summary-row .hot-owner,.hot-summary-row>div:nth-child(3){display:none}.record-modal-layout{display:block;height:auto;min-height:0}.record-timeline-panel{border-left:0;border-top:1px solid #e4ebf2;padding:8px 0 0;margin-top:8px;max-height:300px}.record-field-grid{grid-template-columns:repeat(2,1fr)}.record-summary-strip{grid-template-columns:repeat(2,1fr)}.update-layout{grid-template-columns:1fr}.modal-body{overflow:auto}.compact-insights{grid-template-columns:1fr}.table th,.table td{font-size:7px!important;padding:5px 4px!important}}
/* V6 contrast fix: featured report KPI must remain readable above tone backgrounds */
.mini-kpi.featured{background:linear-gradient(145deg,#083b72,#00569a)!important;color:#fff!important;border-color:transparent!important}
.mini-kpi.featured b{color:#fff!important}.mini-kpi.featured span,.mini-kpi.featured small{color:#dbeaff!important}
/* V6 record drawer height is content-driven; timeline scrolls only when needed */
.record-modal-layout{height:auto!important;min-height:0!important;max-height:calc(88vh - 132px);align-items:stretch}
.record-main{overflow:visible!important}.record-timeline-panel{max-height:calc(88vh - 132px)}.v6-timeline-scroll{max-height:430px}
/* V6 QA fix: backdrop-filter creates a containing block for position:fixed in Chromium.
   Keep report filter surface opaque so all popovers are truly viewport-level. */
.smart-report-filter,.v6-report-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}