.demo-space{color:#0d1117;background:#f7f8fa}.demo-space .topbar{background:#fbfcfd}.demo-space .sidebar{background:#121c26;gap:24px;height:100svh;position:sticky;top:0;overflow-y:auto}.demo-space .brand-on-dark{background:0 0}.demo-space .org-label{background:#1b2733;border:1px solid #2c3743;border-radius:6px}.demo-space .org-label a{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-space .sidebar nav a:hover{background:#222e3a}.demo-space .sidebar nav a.active{background:#2b3846}.demo-space .demo-banner{background:#faf3e4;border-bottom:1px solid #ede3cf;padding:8px 30px;font-size:11px}.demo-workspace{max-width:1400px;padding:32px}.demo-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.demo-heading h1{margin:0 0 6px;font-size:25px}.demo-heading p{color:#687280;margin:0;font-size:13px}.demo-heading .eyebrow{color:#9a7029;margin-bottom:10px;font-size:10px}.demo-date{white-space:nowrap;background:#fff;border:1px solid #e2e6ec;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.demo-metrics article{background:#fff;border:1px solid #e4e8ee;border-radius:8px;min-width:0;padding:20px}.metric-icon{color:#745422;background:#f5ebdd;border-radius:6px;place-items:center;width:32px;height:32px;margin-bottom:14px;display:grid}.demo-metrics article:nth-child(2n) .metric-icon{color:#183544;background:#e5edf1}.demo-metrics h2{color:#586474;margin:0 0 8px;font-size:12px;font-weight:500}.metric-value{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.metric-value strong{white-space:nowrap;font-size:25px;font-weight:600}.metric-value>span{color:#287548;align-items:center;font-size:10px;display:flex}.demo-metrics p{color:#687280;margin:12px 0 0;font-size:10px}.demo-panels{grid-template-columns:1.15fr 1fr;gap:18px;margin-top:20px;display:grid}.demo-panel{background:#fff;border:1px solid #e4e8ee;border-radius:8px;min-width:0;padding:18px}.demo-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.demo-panel h2,.demo-quick h2{margin:0;font-size:14px}.demo-panel header a{color:#0b4266;font-size:11px}.demo-panel select{background:#f2f4f7;width:auto;min-height:30px;padding:6px;font-size:10px}.demo-agenda{margin:0;padding:0;list-style:none}.demo-agenda li{border-bottom:1px solid #eef1f5;grid-template-columns:42px minmax(90px,1fr) minmax(75px,.8fr) 18px;align-items:center;gap:10px;padding:13px 0;font-size:11px;display:grid}.demo-agenda li:last-child{border:0}.demo-agenda time,.demo-agenda span{color:#687280}.demo-agenda a{font-weight:500}.demo-chart{gap:12px;height:185px;display:flex}.chart-axis{color:#687280;flex-direction:column;flex-shrink:0;justify-content:space-between;width:18px;font-size:10px;display:flex}.chart-bars{background:repeating-linear-gradient(0deg,#0000 0 36px,#f1f3f6 36px 37px);border-bottom:1px solid #e6eaf0;flex:1;justify-content:space-between;align-items:flex-end;gap:5px;min-width:0;display:flex}.chart-bars>div{background:#dfc49e;border-radius:2px 2px 0 0;flex:1;min-width:2px;max-width:22px}.chart-bars>div:nth-child(3n){background:#eedcc3}.chart-labels{color:#687280;justify-content:space-between;margin:10px 0 0 30px;font-size:10px;display:flex}.demo-quick{margin-top:28px}.demo-quick>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.demo-quick a{border-top:1px solid #dce1e7;align-items:center;gap:10px;padding:16px 0;font-size:13px;display:flex}.demo-quick a svg:last-child{margin-left:auto}.demo-space .environment{background:#edf3f8;border-color:#dce6ef}.demo-space .environment-mark{background:#121c26}.demo-space .environment-mark img{object-fit:contain;width:150px;height:150px}.demo-space .environment-copy h2{font-size:21px}.demo-space .environment-copy .tag{color:#234e70;background:#dbe8f2}.demo-space .user-avatar{color:#162332;background:#e2c39b;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid}.demo-filter{align-items:flex-end;gap:14px;margin-bottom:24px;display:flex}.demo-filter label{flex:1;min-width:0;max-width:310px}.demo-filter label span{align-items:center;gap:8px;display:flex}.demo-table-wrap{background:#fff;border:1px solid #e4e8ee;border-radius:8px;overflow:hidden}.demo-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:12px}.demo-table caption{text-align:left;color:#745422;border-bottom:1px solid #e4e8ee;padding:16px;font-size:11px}.demo-table td,.demo-table th{overflow-wrap:anywhere;border-bottom:1px solid #edf0f4;padding:16px 12px}.demo-table th{color:#687280;background:#fafbfc;font-size:11px;font-weight:500}.demo-table a{color:#0b4266}.demo-status{color:#287548;font-size:11px}.demo-detail{background:#fff;border-left:3px solid #d4a64a;margin-bottom:24px;padding:18px}.demo-detail h2{font-size:18px}.demo-detail p,.demo-detail a{font-size:13px}.demo-settings{border-top:1px solid #dce1e7;padding-top:24px;font-size:13px}.demo-settings h2{margin-top:14px}.demo-settings dl{grid-template-columns:110px 1fr;gap:12px;display:grid}.demo-settings dd{overflow-wrap:anywhere;margin:0}.demo-no-results{color:#687280;margin:0;padding:20px;font-size:13px}.demo-search{color:#687280;background:#eef1f5;border-radius:6px;flex:1;align-items:center;gap:10px;max-width:440px;padding:0 12px;display:flex}.demo-search input{background:0 0;border:0;min-height:36px;padding:8px 0;font-size:11px}.demo-profile{flex-shrink:0;font-size:12px;position:relative}.demo-profile summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.demo-profile summary::-webkit-details-marker{display:none}.demo-profile summary>span:not(.user-avatar){white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.demo-profile>div{z-index:30;background:#fff;border:1px solid #dce1e7;border-radius:6px;width:220px;padding:12px;position:absolute;top:42px;right:0;box-shadow:0 6px 20px #0d111714}.demo-profile p{overflow-wrap:anywhere;margin:0 0 10px;font-size:12px}.demo-profile a,.demo-profile button{text-align:left;background:#fff;border:0;align-items:center;gap:10px;width:100%;padding:10px 6px;font-size:12px;display:flex}.demo-profile a:hover,.demo-profile button:hover{background:#f2f4f7}.demo-space.management .topbar>.brand{display:none}.demo-space.management .topbar{justify-content:space-between}@media (max-width:760px){.demo-space.management .topbar{justify-content:flex-end}.demo-search{display:none}.demo-profile summary>span:not(.user-avatar){max-width:115px}.demo-profile summary{font-size:11px}}.demo-mobile-brand{display:none}@media (max-width:760px){.demo-space:not(.management) .demo-profile summary>span:not(.user-avatar){display:none}.demo-mobile-brand{width:32px;height:32px;display:block;position:absolute;top:18px;left:74px}.demo-mobile-brand img{object-fit:contain;width:32px;height:32px}}@media (min-width:1600px){.demo-workspace{padding-top:44px}.demo-metrics article{padding:24px}.demo-chart{height:240px}.demo-agenda li{padding:18px 0}}@media (max-width:1150px){.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panels{grid-template-columns:1fr}.demo-heading{flex-wrap:wrap}}@media (max-width:760px){.demo-space .sidebar{height:calc(100svh - 68px);position:fixed;inset:68px 0 0;overflow-y:auto}.demo-workspace{padding:24px 16px}.demo-space .demo-banner{padding:8px 16px}.demo-heading h1{font-size:23px}.demo-heading p{font-size:12px}.demo-heading{gap:12px}.demo-date{font-size:11px}.demo-metrics{gap:10px}.demo-metrics article{padding:14px}.metric-value strong{font-size:21px}.demo-metrics h2{font-size:11px}.demo-panels{gap:14px}.demo-panel{padding:14px}.demo-agenda li{grid-template-columns:36px 1fr 80px 16px;gap:6px;font-size:10px}.demo-panel header{flex-wrap:wrap}.demo-quick>div{grid-template-columns:1fr;gap:0}.demo-space .environment-mark{min-height:150px}.demo-filter{flex-wrap:wrap}.demo-filter label{flex-basis:100%;max-width:none}.demo-table td,.demo-table th{padding:12px 7px;font-size:10px}.demo-space .user-tools>span{max-width:120px}}.demo-metrics article:nth-child(3) .metric-icon{color:#317355;background:#e3f1e9}.demo-metrics article:nth-child(4) .metric-icon{color:#515f96;background:#e8eaf7}.metric-value>span{background:#edf7f0;border-radius:4px;padding:3px 5px}.metric-value>span.negative{color:#a64a43;background:#fbedeb}.chart-bars>div{background:#cfad79;transition:height .2s}.chart-bars>div:hover{background:#a98442}.demo-space .sidebar nav a svg{color:#adbeca;flex-shrink:0}.demo-space .sidebar nav a.active svg{color:#ecc78c}.demo-space .sidebar nav a:focus-visible{outline-color:#ecc78c}.demo-date svg{color:#346080}.demo-quick a:hover{color:#235e80}.demo-profile summary{min-height:44px}.demo-space .topbar .user-tools{gap:12px}
