.hub-page{background:var(--paper);min-height:100dvh;color:var(--ink)}.hub-content{max-width:var(--content-max);margin:0 auto}.hub-section-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.hub-section-title h2{margin:0}.hub-section-title p{margin:5px 0 0}.pipeline b{display:inline-block}.metric small,.metric strong,.metric span{display:block}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:56px;display:grid}.quality{border-left:1px solid var(--line);padding-left:28px}.quality .donut{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;margin:0 0 12px;padding:0;display:block}.quality .donut strong{letter-spacing:-.02em;color:var(--ink);font-size:48px;font-weight:600;line-height:1;display:block}.quality .donut span{color:var(--tx-3);margin-top:4px;font-size:12.5px;display:block}.quality ul{margin:0;padding:0;list-style:none}.quality li{color:var(--tx-2);border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.quality li:last-child{border-bottom:0}.quality li i{background:var(--neutral-400);border-radius:0;flex:none;width:9px;height:9px}.quality li i.ok{background:var(--accent)}.quality li i.warn{background:var(--accent-2)}.quality li b{color:var(--ink);margin-left:auto;font-weight:600}.quality button{color:var(--accent-700);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:14px;font-weight:600}.library-panel>header{align-items:baseline}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.table-actions input{min-width:0;max-width:340px;font:inherit;flex:240px;padding:9px 12px;font-size:14px}.table-actions button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:9px 14px;font-size:14px}.library-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:44px;display:grid}.structure-filter{background:0 0;border-right:0;max-height:none;padding:0;overflow:visible}.structure-filter>strong{letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3);padding:0 0 9px;font-size:9.5px;display:block}.structure-filter button{text-align:left;width:100%;font:inherit;color:var(--tx-2);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;justify-content:space-between;gap:8px;padding:7px 10px 7px 11px;font-size:14px;display:flex}.structure-filter button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.structure-filter button.chosen{border-left-color:var(--accent);color:var(--ink);font-weight:600}.structure-filter button.child{color:var(--tx-3);padding-left:26px;font-size:13px}.structure-filter button span{color:var(--tx-3);font-size:11px;font-weight:400}.library-results{min-width:0}.table-scroll{overflow-x:auto}.library-results table{table-layout:auto;width:100%;min-width:0}.library-results thead th{z-index:2;position:sticky;top:0}.library-results td:first-child,.library-results td:last-child{white-space:nowrap}.library-results footer{color:var(--tx-3);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:14px 0 0;font-size:12.5px;display:flex}.library-results footer span{float:none}.library-results footer b{background:var(--accent);color:var(--on-dark);padding:3px 9px;font-weight:600}.data-chip{display:inline-block}.recent{overflow-x:auto}@media (max-width:1180px){.overview-grid{grid-template-columns:1fr;gap:36px}.quality{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.library-layout{grid-template-columns:1fr;gap:28px}.structure-filter{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 12px;display:grid}.structure-filter>strong{grid-column:1/-1}}@media (max-width:700px){.table-actions input{max-width:none}.structure-filter{grid-template-columns:1fr 1fr}}.eq-panel{margin:16px 0 29px}.eq-panel>header{align-items:center}.eq-panel .eq-badge{white-space:nowrap;border-radius:2px;padding:5px 10px;font-size:13px;font-weight:700}.eq-badge.blocked{background:var(--accent-2-100);color:var(--accent-2-700)}.eq-badge.pass{background:var(--accent-100);color:var(--accent-800)}.eq-body{padding:16px}.eq-gate{border-radius:2px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:13px 15px;font-size:13px;display:flex}.eq-gate.blocked{background:var(--accent-2-100);border:1px solid var(--line);color:var(--accent-2-800)}.eq-gate.pass{background:var(--accent-100);border:1px solid var(--line);color:var(--accent-800)}.eq-gate .eq-gate-ico{font-size:20.5px;line-height:1}.eq-gate b{margin-bottom:3px;font-size:14px;display:block}.eq-grid{grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:20px;display:grid}.eq-cover strong{color:var(--tx-2);font-size:13px}.eq-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:2px;height:26px;margin:9px 0 12px;display:flex;overflow:hidden}.eq-seg{height:100%}.eq-seg.ok{background:var(--accent)}.eq-seg.info{background:var(--accent-300)}.eq-seg.idle{background:var(--neutral-400)}.eq-seg.block{background:var(--accent-2)}.eq-legend{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.eq-legend li{color:var(--tx-2);align-items:center;gap:7px;font-size:12px;display:flex}.eq-legend i{border-radius:2px;width:9px;height:9px;display:inline-block}.eq-legend i.ok{background:var(--accent)}.eq-legend i.info{background:var(--accent-300)}.eq-legend i.idle{background:var(--neutral-400)}.eq-legend i.block{background:var(--accent-2)}.eq-legend b{color:var(--tx-1)}.eq-score{text-align:center;border-left:1px solid var(--line);padding-left:18px}.eq-score .eq-big{color:var(--accent-800);font-size:37px;font-weight:700;line-height:1;display:block}.eq-score.blocked .eq-big{color:var(--accent-2-700)}.eq-score small{color:var(--tx-2);margin-top:5px;font-size:13px;display:block}.eq-score .eq-frac{color:var(--tx-2);margin-top:8px;font-size:12px;display:block}.eq-sub{color:var(--tx-2);letter-spacing:.4px;margin:18px 0 9px;font-size:12px;font-weight:700}.eq-nodes{flex-wrap:wrap;gap:7px;display:flex}.eq-node{border:1px solid var(--line);background:var(--accent-2-100);color:var(--accent-2-800);cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.eq-node:hover,.eq-node.on{background:var(--accent-2-100);border-color:var(--accent-2)}.eq-node b{background:var(--accent-2);color:#fff;border-radius:2px;padding:1px 6px;font-size:12.5px}.eq-node.all{border-color:var(--line-2);background:var(--surface-2);color:var(--tx-2)}.eq-node.all b{background:var(--neutral-800);color:var(--on-dark)}.eq-table-wrap{border:1px solid var(--line);border-radius:2px;max-height:320px;margin-top:12px;overflow:auto}.eq-table{border-collapse:collapse;width:100%;font-size:12px}.eq-table th{background:var(--surface);color:var(--tx-2);text-align:left;letter-spacing:.4px;z-index:1;padding:9px 12px;font-size:12.5px;position:sticky;top:0}.eq-table td{border-top:1px solid var(--line);color:var(--tx-2);padding:9px 12px}.eq-table td code{color:var(--tx-1);font-family:ui-monospace,Menlo,monospace;font-size:13px}.eq-table td .eq-loc{color:var(--tx-3);font-size:12.5px}.eq-node-tag{background:var(--surface-2);color:var(--tx-2);border-radius:4px;padding:2px 6px;font-size:12.5px;display:inline-block}.eq-foot{color:var(--tx-3);margin-top:11px;font-size:13px;line-height:1.6}.eq-foot code{background:var(--surface-2);color:var(--accent-700);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace}@media (max-width:1000px){.eq-grid{grid-template-columns:1fr}.eq-score{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}}.pk-body{padding:16px}.pk-intro{color:var(--tx-2);margin:0 0 14px;font-size:13px;line-height:1.6}.pk-intro code{background:var(--surface-2);color:var(--accent-700);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace}.pk-rollup{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pk-stat{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex:1;min-width:120px;padding:11px 13px}.pk-stat b{color:var(--tx-1);font-size:22px;display:block}.pk-stat span{color:var(--tx-2);margin-top:3px;font-size:13px;display:block}.pk-list{gap:9px;display:grid}.pk-row{border:1px solid var(--line);cursor:pointer;background:var(--surface);text-align:left;width:100%;font:inherit;color:inherit;border-radius:2px;grid-template-columns:150px minmax(0,1fr) 200px 92px;align-items:center;gap:14px;padding:11px 13px;display:grid}.pk-row:hover{border-color:var(--line-2);background:var(--surface)}.pk-row.on{border-color:var(--accent-700);box-shadow:0 0 0 1px var(--accent-700) inset}.pk-row.nospec{cursor:default;background:var(--surface);border-style:dashed}.pk-row.nospec:hover{background:var(--surface)}.pk-id b{color:var(--accent-700);font-size:13px;display:block}.pk-id small{color:var(--tx-3);margin-top:3px;font-size:13px;display:block}.pk-name{color:var(--tx-2);font-size:12px}.pk-mini{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;height:16px;display:flex;overflow:hidden}.pk-mini i{height:100%}.pk-mini i.ok{background:var(--accent)}.pk-mini i.block{background:var(--accent-2)}.pk-metrics{color:var(--tx-2);justify-content:space-between;margin-top:5px;font-size:13px;display:flex}.pk-metrics b{color:var(--tx-1)}.pk-badge{text-align:center;white-space:nowrap;border-radius:2px;padding:5px 8px;font-size:12.5px;font-weight:700}.pk-badge.blocked{background:var(--accent-2-100);color:var(--accent-2-700)}.pk-badge.nospec{background:var(--surface-2);color:var(--gold)}.pk-badge.pass{background:var(--accent-100);color:var(--accent-800)}.pk-detail{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.pk-detail h4{color:var(--tx-1);margin:0 0 4px;font-size:13px}.pk-detail .pk-reuse{color:var(--tx-2);margin:0 0 12px;font-size:12px;line-height:1.7}.pk-detail .pk-reuse .rc{background:var(--accent-100);color:var(--accent-800);border-radius:4px;margin:2px 4px 2px 0;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;display:inline-block}@media (max-width:1000px){.pk-row{grid-template-columns:120px minmax(0,1fr) 80px;gap:8px 10px}.pk-row .pk-name{color:var(--tx-1);order:2;grid-column:1/-1;font-size:13px;line-height:1.4}.pk-row .pk-id{order:1}.pk-row .pk-cover{order:3}.pk-row .pk-badge{order:4}}@media (max-width:700px){.pk-row{grid-template-columns:1fr auto}.pk-row .pk-cover{grid-column:1/-1}}#noi-dung .hub-shell>.hub-sidebar,#noi-dung .hub-shell>.hub-main>.hub-top{display:none}#noi-dung .hub-shell>.hub-main{width:100%;min-width:0;margin-left:0}@media (max-width:700px){#noi-dung .hub-shell>.hub-main{margin-left:0;padding-bottom:76px}}