:root{--bg:#e6e8e7;--surface:#fff;--surface-muted:#f5f6f5;--ink:#000;--muted:#522239;--line:#d5d8d7;--strong-line:#b9c0bd;--primary:#981239;--primary-hover:#be1549;--accent:#00b5e2;--accent-soft:#ddf6fc;--sidebar-bg:#230c18;--sidebar-bg-2:#2e101e;--sidebar-active:#522239;--green:#00b5e2;--green-soft:#ddf6fc;--red:#be1549;--red-soft:#fce6ee;--amber:#b7791f;--amber-soft:#fff1c7;--blue:#00b5e2;--blue-soft:#ddf6fc;--violet:#3d1628;--violet-soft:#f1e3ea;--page-title-size:29px;--metric-value-size:38px;--metric-hostname-size:30px;--panel-title-size:20px;--table-text-size:13px;--sidebar-text-size:14px;--chart-label-size:15px;--shadow:0 12px 32px #230c181a}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#eef7f3;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 12px;display:flex}.brand-logo-frame{flex:none;place-items:center;width:68px;height:44px;display:grid}.brand-logo{object-fit:contain;max-width:100%;max-height:44px;display:block}.brand-mark{background:var(--accent);width:38px;height:38px;color:var(--sidebar-bg);border-radius:8px;place-items:center;font-weight:800;display:grid}.brand-title{white-space:nowrap;font-weight:800;line-height:1.1}.brand-subtitle{color:#a9bbb4;margin-top:3px;font-size:12px}.nav{gap:4px;display:grid}.nav-link{color:#c9d8d2;font-size:var(--sidebar-text-size);border-radius:8px;align-items:center;gap:10px;padding:10px 11px;display:flex}.nav-link:hover,.nav-link.active{background:var(--sidebar-active);color:#fff}.nav-link svg{stroke-width:2.25px;width:19px;height:19px}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.logout-link{color:#e8f2ee;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:14px;display:flex}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffd1;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-search{border:1px solid var(--strong-line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;width:min(360px,42vw);min-height:40px;padding:0 11px;display:flex}.topbar-search svg{width:17px;height:17px;color:var(--muted);flex:none}.topbar-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.filter-tabs{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:4px;display:inline-flex}.filter-tabs a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:800}.filter-tabs a:hover,.filter-tabs a.active{background:var(--primary);color:#fff}.filter-count{min-width:24px;color:inherit;background:#30162814;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:2px 7px;font-size:12px;display:inline-flex}.filter-tabs a.active .filter-count{background:#ffffff2e}.topbar-title{font-weight:800}.topbar-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-top:2px;font-size:13px;display:inline-flex}.topbar-meta svg{width:15px;height:15px;color:var(--primary);stroke-width:2.3px}.content{gap:22px;padding:28px 32px 56px;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header-icon{background:var(--surface);width:50px;height:50px;color:var(--primary);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.page-header-icon svg{stroke-width:2.25px;width:27px;height:27px}.eyebrow{text-transform:uppercase;color:var(--muted);letter-spacing:0;margin-bottom:6px;font-size:11px;font-weight:800}h1,h2,h3,p{margin:0}h1{font-size:var(--page-title-size);line-height:1.15}h2{font-size:var(--panel-title-size)}h3{font-size:15px}.muted{color:var(--muted)}.grid{gap:16px;min-width:0;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.host-metric-grid{gap:14px}.grid.cols-5.host-metric-grid{grid-template-columns:minmax(170px,.9fr) minmax(260px,1.25fr) minmax(240px,1.15fr) minmax(170px,.85fr) minmax(170px,.85fr)}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-executive-grid{align-items:stretch}.dashboard-reader-highlight .metric-card{min-height:148px}.metric-card,.panel,.table-panel,.form-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric-card{gap:16px;min-width:0;min-height:146px;padding:20px;display:grid}.actionable-card{transition:border-color .16s,box-shadow .16s,transform .16s}.actionable-card:hover{border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 16px 34px #230c1829}.metric-head{color:var(--muted);justify-content:space-between;gap:14px;font-size:14px;font-weight:700;display:flex}.metric-icon{background:linear-gradient(180deg, var(--accent-soft), #fff);border:1px solid var(--line);width:48px;height:48px;color:var(--accent);border-radius:8px;place-items:center;display:grid;box-shadow:0 8px 18px #230c1814}.metric-icon svg{stroke-width:2.35px;width:24px;height:24px}.metric-value{font-size:var(--metric-value-size);font-weight:800;line-height:1}.host-metric-grid .metric-card{align-content:start;gap:8px;min-height:92px;padding:14px}.host-metric-grid .metric-value{white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,1.35vw,23px);line-height:1.08;overflow:hidden}.host-metric-grid .metric-card:nth-child(3) .metric-value,.host-metric-grid .metric-value-datetime{overflow-wrap:normal;font-size:clamp(17px,1.15vw,20px);line-height:1.12}.host-metric-grid .metric-head{font-size:13px;line-height:1.2}.host-metric-grid .metric-foot{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.metric-value-hostname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(18px, 2.2vw, var(--metric-hostname-size));overflow:hidden}.metric-foot{color:var(--muted);font-size:14px;line-height:1.25}.metric-foot-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:4px 12px;display:flex}.metric-foot-row .metric-foot{overflow-wrap:anywhere;flex:130px;min-width:0}.metric-foot-aside{color:var(--primary);text-align:right;overflow-wrap:anywhere;flex:0 auto;max-width:100%;font-size:13px;font-weight:900;line-height:1.15}.dashboard-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.dashboard-meta span{border:1px solid var(--line);background:#ffffffbd;border-radius:999px;padding:7px 10px}.mini-status-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:14px;display:grid}.mini-status-card span{color:var(--muted);font-size:12px;font-weight:800}.mini-status-card strong{font-size:18px}.data-status-footer{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffad;border-radius:8px;gap:14px;padding:18px;display:grid}.data-status-title{align-items:center;gap:12px;display:flex}.data-status-title>svg{width:38px;height:38px;color:var(--primary);background:var(--violet-soft);border:1px solid var(--line);border-radius:8px;padding:8px}.app-credit-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:18px 2px 0;font-size:12px;display:flex}.app-credit-footer>div{gap:4px;display:grid}.app-credit-footer strong{color:var(--ink);font-size:13px}.app-credit-footer span{line-height:1.35}.app-credit-badge{border:1px solid var(--line);color:var(--primary);white-space:nowrap;background:#ffffffb8;border-radius:999px;padding:7px 10px;font-weight:800}.app-credit-badge.has-logo{background:linear-gradient(180deg, var(--sidebar-bg-2), var(--sidebar-bg));border-color:#230c1847;border-radius:999px;justify-content:center;align-items:center;min-width:274px;min-height:58px;padding:13px 24px;display:inline-flex;box-shadow:0 12px 26px #230c1829}.app-credit-badge img{object-fit:contain;filter:drop-shadow(0 1px 1px #0003);width:220px;max-width:34vw;height:auto;max-height:32px;display:block}.panel{gap:16px;padding:22px;display:grid}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-total{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fbfcfb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.kpi-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:14px;padding:13px 0;display:grid}.kpi-row:last-child{border-bottom:0}.bar{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.executive-panel{align-content:start;min-height:0}.chart-panel{gap:20px}.chart-list{align-content:start;gap:14px;display:grid}.chart-row{border-bottom:1px solid #e6e8e7d1;gap:8px;padding:2px 0 12px;display:grid}.chart-row:last-child{border-bottom:0;padding-bottom:0}.chart-row-head{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;display:grid}.chart-row-head strong{font-size:var(--chart-label-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-row-head span{font-size:18px;font-weight:800}.chart-row-meta{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.chart-row-meta em{background:var(--accent-soft);min-width:46px;color:var(--primary);text-align:center;border-radius:999px;padding:6px 8px;font-size:12px;font-style:normal;font-weight:800;line-height:1}.chart-bar{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.chart-fill{border-radius:inherit;min-width:3px;height:100%;display:block}.chart-fill.accent{background:var(--accent)}.chart-fill.primary{background:var(--primary)}.chart-fill.danger{background:linear-gradient(90deg, var(--accent), var(--primary-hover))}.compact-chart-panel{gap:22px}.compact-chart-panel .chart-list{gap:18px}.compact-chart-panel .chart-row{padding-bottom:16px}.donut-panel{align-content:space-between;min-height:360px}.donut-wrap{place-items:center;min-height:230px;display:grid}.donut{border-radius:50%;place-items:center;width:190px;height:190px;display:grid}.donut>div{background:var(--surface);text-align:center;width:124px;height:124px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;align-content:center;place-items:center;gap:4px;display:grid}.donut strong{font-size:34px;line-height:1}.donut span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.insight-panel{min-height:360px}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.insight-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), #ffffffbd);border-radius:8px;gap:14px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.insight-card:hover{border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 28px #230c1824}.insight-grid span{color:var(--muted);white-space:normal;font-size:13px;font-weight:800}.insight-grid strong{font-size:31px;line-height:1}.table-panel{overflow:hidden}.version-board{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:14px;display:grid}.version-os-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:14px;display:grid}.version-service-section{gap:14px;display:grid}.version-service-heading{gap:4px;display:grid}.version-group-stack{gap:18px;display:grid}.version-card-group{background:#ffffff8c;border:1px solid #3016281a;border-radius:8px;gap:12px;padding:16px;display:grid}.version-card-group-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.version-card-group-heading h3{font-size:18px;line-height:1.15}.version-card-group-heading span{color:var(--muted);text-align:right;font-size:13px;line-height:1.25}.version-board-abastece{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.version-mini-card{background:#b8b8b8;border:3px solid #ffffffeb;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #230c1821}.version-mini-card-title{background:var(--primary);color:#fff;text-align:center;padding:8px 10px;font-size:13px;font-weight:900;line-height:1.05}.version-mini-card table{border-collapse:collapse;table-layout:fixed;background:#f7f7f7;width:calc(100% - 12px);min-width:0;margin:6px}.version-mini-card th,.version-mini-card td{color:#2b2b2b;border-bottom:1px solid #d5d5d5;padding:4px 6px;font-size:12px;line-height:1.1}.version-mini-card th:first-child,.version-mini-card td:first-child{border-right:1px solid var(--primary);text-overflow:ellipsis;font-weight:800;overflow:hidden}.version-mini-card th:last-child,.version-mini-card td:last-child{text-align:right;width:58px;font-weight:900}.version-mini-card th{color:var(--text);text-transform:none;background:#fff}.version-mini-card tfoot td{background:#fff;border-bottom:0;font-weight:900}.version-board-abastece .version-mini-card{background:#eef1f2;border:1px solid #30162824}.version-board-abastece .version-mini-card-title{justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;line-height:1.12;display:flex}.version-board-abastece .version-mini-card table{table-layout:auto;width:calc(100% - 16px);margin:8px}.version-board-abastece .version-mini-card th,.version-board-abastece .version-mini-card td{padding:7px 8px;font-size:13px;line-height:1.24}.version-board-abastece .version-mini-card th:first-child,.version-board-abastece .version-mini-card td:first-child{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.version-board-abastece .version-mini-card th:last-child,.version-board-abastece .version-mini-card td:last-child{width:62px}.muted-table-panel{background:#f3f5f5}.muted-table-panel .table-toolbar,.muted-table-panel th{background:#eef1f2}.muted-table-panel tbody tr{background:#f8f9f9}.muted-table-panel tbody tr:nth-child(2n){background:#f2f4f4}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.toolbar-icon{border:1px solid var(--line);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:8px;padding:8px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.table-wrap{overflow-x:auto}.pagination{border-bottom:1px solid var(--line);min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.table-wrap+.pagination{border-top:1px solid var(--line);border-bottom:0}.pagination-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.pagination-page{color:var(--ink);white-space:nowrap}.pivot-table-wrap{overflow-x:hidden}table{border-collapse:collapse;width:100%;min-width:980px}.looparm-table,.companies-table{min-width:1680px}.pivot-table{table-layout:fixed;min-width:0}.pivot-table a{max-width:100%;color:var(--primary);text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;font-weight:800;display:inline-block;overflow:hidden}.pivot-table th,.pivot-table td{padding:11px 10px;font-size:12px}.pivot-table th:first-child,.pivot-table td:first-child{width:42%}.pivot-table th:not(:first-child),.pivot-table td:not(:first-child){text-align:right;width:19.33%}.pivot-table.with-service th:first-child,.pivot-table.with-service td:first-child{width:30%}.pivot-table.with-service th:nth-child(2),.pivot-table.with-service td:nth-child(2){text-align:left;width:20%}.pivot-table.with-service th:nth-child(n+3),.pivot-table.with-service td:nth-child(n+3){text-align:right;width:16.66%}.operating-system-table th:first-child,.operating-system-table td:first-child{width:78%}.operating-system-table th:not(:first-child),.operating-system-table td:not(:first-child){text-align:right;width:22%}.service-matrix-table th,.service-matrix-table td{text-align:right}.service-matrix-table th:first-child,.service-matrix-table td:first-child{text-align:left;width:18%}.service-matrix-table thead tr:first-child th{text-align:center}.service-matrix-table thead tr:first-child th:first-child{text-align:left}.service-matrix-table thead tr:nth-child(2) th{background:#fff}.service-matrix-table th:not(:first-child),.service-matrix-table td:not(:first-child){width:16.4%}.service-matrix-table .service-matrix-total-cell{background:var(--accent-soft);width:14%;color:var(--ink);font-weight:900}.service-matrix-table td a{color:inherit;display:inline}.service-matrix-table td:first-child a{color:var(--primary)}.pivot-table tfoot td{border-top:2px solid var(--line);color:var(--primary);background:#fbfcfb;font-weight:900}.service-matrix-table .service-col{border-left:1px solid #3016280f}.service-matrix-table .service-group-start{border-left:2px solid #30162829}.service-matrix-table .service-estacione{background:#fff6fa}.service-matrix-table .service-drive{background:#fff7ef}.service-matrix-table .service-abastece{background:#eef9fb}.service-matrix-table .service-concessionarias{background:#f4f6fb}.service-matrix-table thead .service-col,.service-matrix-table tfoot .service-col{color:var(--primary);font-weight:900}.service-matrix-table .service-matrix-total-cell{background:var(--accent-soft)}.pivot-table tbody tr{transition:background .14s,color .14s}.pivot-table tbody tr:hover{background:var(--accent-soft)}.readers-table{min-width:1420px}.looparm-reason-cell{min-width:520px;color:var(--muted)}th,td{text-align:left;border-bottom:1px solid var(--line);font-size:var(--table-text-size);vertical-align:middle;white-space:nowrap;padding:12px 14px}th{color:var(--muted);background:#fbfcfb;font-size:12px;font-weight:800}.sortable-table th[data-sortable-header=true]{padding:0}.sort-button{width:100%;min-height:39px;color:inherit;cursor:pointer;text-align:left;font:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:7px;padding:12px 14px;display:inline-flex}.sort-button:hover,.sort-button:focus-visible{color:var(--primary);background:#00b5e214}.sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sort-indicator{opacity:.72;flex:none;width:9px;height:13px;position:relative}.sort-indicator:before,.sort-indicator:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;left:1px}.sort-indicator:before{border-bottom:5px solid var(--strong-line);top:0}.sort-indicator:after{border-top:5px solid var(--strong-line);bottom:0}th[data-sort-direction=asc] .sort-indicator:before{border-bottom-color:var(--primary)}th[data-sort-direction=desc] .sort-indicator:after{border-top-color:var(--primary)}.pivot-table th:not(:first-child) .sort-button,.version-mini-card th:last-child .sort-button{justify-content:flex-end}.version-mini-card .sort-button{gap:4px;min-height:28px;padding:5px 5px 5px 7px}.version-mini-card .sort-indicator{width:7px;height:11px}.version-mini-card .sort-indicator:before,.version-mini-card .sort-indicator:after{border-left-width:3px;border-right-width:3px;left:1px}.version-mini-card .sort-indicator:before{border-bottom-width:4px}.version-mini-card .sort-indicator:after{border-top-width:4px}tr:last-child td{border-bottom:0}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.pill.green{background:var(--green-soft);color:#08704f}.pill.red{background:var(--red-soft);color:var(--red)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.violet{background:var(--violet-soft);color:var(--violet)}.pill.teal{background:var(--accent-soft);color:#007f9e}.status-report{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-report.ok{background:var(--green-soft);color:#08704f}.status-report.warn{color:#846200;background:#fff7d6}.status-report.alert{color:#b44b00;background:#ffe3c7}.status-report.danger{background:var(--red-soft);color:var(--red)}.status-report.unknown{color:#405057;background:#eef1f2}.pill.nu691{color:#2e5962;background:#eef7f8}.pill.maroon{background:var(--violet-soft);color:var(--primary)}.pill.slate{color:#405057;background:#eef1f2}.button,.icon-button{border:1px solid var(--strong-line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:700;display:inline-flex}.button.disabled{cursor:not-allowed;opacity:.48}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button svg,.icon-button svg{width:17px;height:17px}.form-panel{max-width:1180px;padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:800}.field input,.field select{border:1px solid var(--strong-line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 11px}.form-actions{gap:10px;margin-top:16px;display:flex}.notice{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.notice svg{flex:none}.notice.error{color:#7c2d25;background:#fff7f5;border-color:#efb9b1}.search-box{gap:10px;width:min(680px,100%);display:flex}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.swatch-field{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.swatch-preview{color:#fff;align-items:flex-end;height:54px;padding:9px;font-size:12px;font-weight:800;display:flex}.swatch-field input{border:0;width:100%;min-height:38px;padding:0 9px}.logo-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.logo-choice{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:100px;color:var(--muted);text-align:left;border-radius:8px;align-content:center;gap:10px;padding:12px;font-weight:800;display:grid}.logo-choice:hover{border-color:var(--primary-hover)}.logo-choice-dark{background:var(--sidebar-bg);color:#fff}.logo-choice img{object-fit:contain;justify-self:start;max-width:100%;max-height:42px}.config-section-title{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:18px;display:flex}.config-section-title svg{width:36px;height:36px;color:var(--primary);background:var(--violet-soft);border:1px solid var(--line);border-radius:8px;padding:8px}.slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.slider-field{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:13px;display:grid}.slider-field>div{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.slider-field input{width:100%}.brand-preview{background:var(--sidebar-bg);border-radius:8px;align-items:center;min-height:122px;padding:22px;display:flex}.brand-preview img{object-fit:contain;max-width:min(460px,100%);max-height:86px}.search-box input{border:1px solid var(--strong-line);border-radius:8px;flex:1;min-height:42px;padding:0 12px}.timeline{gap:12px;display:grid}.timeline-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;display:grid}.timeline-date{color:var(--muted);font-size:13px;font-weight:700}.timeline-body{gap:8px;display:grid}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;gap:22px;padding:30px;display:grid}.login-brand{border-bottom:1px solid var(--line);text-align:center;justify-items:center;gap:10px;padding-bottom:18px;display:grid}.login-logo-frame{background:var(--sidebar-bg);border-radius:12px;place-items:center;width:132px;min-height:64px;padding:10px 16px;display:grid}.login-logo-frame .brand-logo{max-height:46px}.login-brand h1{color:var(--ink);margin:2px 0 0;font-size:28px;font-weight:900;line-height:1.1}.login-brand p{color:var(--muted);margin:0;font-size:15px;line-height:1.35}.login-sso-button{justify-content:center;min-height:52px;font-size:17px}.training-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:20px;display:grid}.training-flow-step{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:96px;padding:14px;text-decoration:none;display:grid}.training-flow-step strong,.training-card h2,.training-block h3{color:var(--sidebar-bg)}.training-flow-step small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.training-step-number{background:var(--primary);color:var(--surface);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.training-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:22px;display:grid}.training-card-header{grid-template-columns:auto 1fr;align-items:flex-start;gap:12px;display:grid}.training-card-header svg{background:var(--accent-soft);border:1px solid var(--line);color:var(--accent);border-radius:8px;width:42px;height:42px;padding:9px}.training-card h2{margin:0 0 4px;font-size:22px}.training-card-header span,.training-block li,.training-practice{color:var(--muted);line-height:1.45}.training-block{border-top:1px solid var(--line);padding-top:14px}.training-block h3{letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px}.training-block ul{gap:6px;margin:0;padding-left:18px;list-style:outside;display:grid}.training-block.attention{background:var(--amber-soft);border:1px solid #f4d889;border-radius:8px;padding:14px}.training-practices{gap:10px;padding:20px;display:grid}.training-practice{border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.training-practice svg{color:var(--accent)}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav,.grid.cols-4,.grid.cols-3,.grid.cols-2,.grid.cols-5.host-metric-grid,.training-flow,.training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar,.content{padding-left:18px;padding-right:18px}.page-header{flex-direction:column;align-items:flex-start}.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding-top:14px;padding-bottom:14px}.topbar-search{width:100%}.grid.cols-4,.grid.cols-3,.grid.cols-2,.grid.cols-5.host-metric-grid,.form-grid,.swatch-grid,.logo-choice-grid,.slider-grid,.insight-grid,.training-flow,.training-grid,.timeline-item{grid-template-columns:1fr}.version-card-group-heading{flex-direction:column;align-items:flex-start}.version-card-group-heading span{text-align:left}.metric-foot-row{flex-direction:column;align-items:flex-start}.metric-foot-row .metric-foot,.metric-foot-aside{flex:0 auto}.metric-foot-aside{text-align:left}.app-credit-footer{flex-direction:column;align-items:flex-start}}