.reference-ui .monitor-layout{background:rgb(var(--canvas));grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.reference-ui .monitor-sidebar{border-right:1px solid rgb(var(--border));background:rgb(var(--surface));flex-direction:column;height:calc(100vh - 72px);padding:22px 16px 18px;display:flex;position:sticky;top:72px}.reference-ui .monitor-brand{align-items:center;gap:12px;padding:10px 11px 20px;display:flex}.reference-ui .monitor-brand img{object-fit:contain;width:34px;height:34px}.reference-ui .monitor-brand b{font-size:14px;display:block}.reference-ui .monitor-nav{flex-direction:column;gap:5px;display:flex}.reference-ui .monitor-nav button{min-height:42px;color:rgb(var(--muted));text-align:left;border-radius:9px;align-items:center;gap:12px;padding:0 13px;font-weight:650;display:flex}.reference-ui .monitor-nav button:hover{background:rgb(var(--primary) / .045);color:rgb(var(--text));transform:translate(2px)}.reference-ui .monitor-nav button.active{background:linear-gradient(100deg, rgb(var(--primary) / .12), rgb(var(--violet) / .08));color:rgb(var(--primary))}.reference-ui .monitor-side-bottom{gap:8px;margin-top:auto;display:grid}.reference-ui .monitor-side-bottom button{color:rgb(var(--muted));justify-content:flex-start}.reference-ui .monitor-content{min-width:0;padding:28px clamp(22px,3vw,46px) 60px}.reference-ui .monitor-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.reference-ui .monitor-head h1{margin-bottom:7px;font-size:30px}.reference-ui .monitor-head p{font-size:13px}.reference-ui .monitor-head-actions{flex-wrap:wrap;gap:10px;display:flex}.reference-ui .monitor-sidebar nav{flex-direction:column;gap:5px;display:flex}.reference-ui .monitor-sidebar nav a{min-height:42px;color:rgb(var(--muted));border-radius:9px;align-items:center;gap:11px;padding:0 13px;font-size:12px;font-weight:650;display:flex}.reference-ui .monitor-sidebar nav a:hover{background:rgb(var(--primary) / .045);color:rgb(var(--text));transform:translate(2px)}.reference-ui .monitor-sidebar nav a.active{background:linear-gradient(100deg, rgb(var(--primary) / .12), rgb(var(--violet) / .08));color:rgb(var(--primary))}.reference-ui .monitor-brand>svg{margin-left:auto}.reference-ui .monitor-sidebar-footer{border-top:1px solid rgb(var(--border));margin-top:auto;padding:15px 10px 3px;font-size:11px}.reference-ui .monitor-sidebar-footer>div{align-items:center;gap:7px;display:flex}.reference-ui .monitor-sidebar-footer small{margin:6px 0 13px;display:block}.reference-ui .monitor-sidebar-footer .button{width:100%}.reference-ui .monitor-content>.page-head{margin-bottom:18px}.reference-ui .monitor-filters{border:1px solid rgb(var(--border));background:rgb(var(--surface));border-radius:13px 13px 0 0;grid-template-columns:120px 175px minmax(200px,1fr) 250px auto;align-items:center;margin-bottom:0;display:grid;overflow:hidden}.reference-ui .monitor-filters>label,.reference-ui .monitor-filters>select{border:0;border-right:1px solid rgb(var(--border));background:0 0;border-radius:0;min-width:0;height:48px;padding:0 13px;font-size:11px}.reference-ui .monitor-filters>label{align-items:center;gap:6px;display:flex}.reference-ui .monitor-filters>label select{background:0 0;border:0;width:100%;min-width:0}.reference-ui .monitor-updated{color:rgb(var(--muted));justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:flex}.reference-ui .monitor-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px 0 16px;display:grid}.reference-ui .monitor-stats .stat{min-height:116px;padding:18px}.reference-ui .monitor-stats .stat-value{font-size:29px}.reference-ui .monitor-chart-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px;display:grid}.reference-ui .monitor-content>.report-grid{margin-bottom:16px}.reference-ui .monitor-settings{gap:16px;display:grid}.reference-ui .monitor-mini-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.reference-ui .monitor-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=1180px){.reference-ui .monitor-stats{grid-template-columns:repeat(3,1fr)}.reference-ui .monitor-chart-grid{grid-template-columns:1fr}.reference-ui .monitor-filters{grid-template-columns:120px 160px minmax(160px,1fr) 220px}.reference-ui .monitor-updated{display:none}}@media (width<=860px){.reference-ui .monitor-layout{display:block}.reference-ui .monitor-sidebar{border-right:0;border-bottom:1px solid rgb(var(--border));width:100%;height:auto;padding:10px 14px;position:relative;top:0}.reference-ui .monitor-brand,.reference-ui .monitor-side-bottom,.reference-ui .monitor-sidebar-footer{display:none}.reference-ui .monitor-sidebar nav{flex-direction:row;padding-bottom:3px;display:flex;overflow-x:auto}.reference-ui .monitor-sidebar nav a{flex:none}.reference-ui .monitor-content{padding:24px 16px 50px}.reference-ui .monitor-content>.page-head{display:block}.reference-ui .monitor-content>.page-head .head-actions{margin-top:16px}.reference-ui .monitor-filters{border-radius:12px;display:flex;overflow-x:auto}.reference-ui .monitor-filters>label,.reference-ui .monitor-filters>select{flex:0 0 180px}.reference-ui .monitor-updated{flex:0 0 110px;display:flex}.reference-ui .monitor-head{display:block}.reference-ui .monitor-head-actions{margin-top:16px}.reference-ui .monitor-stats{grid-template-columns:repeat(2,1fr)}.reference-ui .monitor-mini-grid{grid-template-columns:1fr}}@media (width<=560px){.reference-ui .monitor-stats{grid-template-columns:1fr 1fr}.reference-ui .monitor-head h1{font-size:26px}}@media print{.reference-ui .monitor-sidebar{display:none!important}.reference-ui .monitor-layout{display:block}.reference-ui .monitor-content{padding:0}}.reference-ui .monitor-sidebar nav a{font-size:14px}.reference-ui .monitor-brand b{font-size:16px}.reference-ui .monitor-brand small{font-size:12px}.reference-ui .monitor-filters>label,.reference-ui .monitor-filters>select{font-size:13px}.reference-ui .monitor-updated{font-size:12px}.reference-ui .monitor-stats .stat-label{font-size:13px}.reference-ui .monitor-sidebar{height:calc(100vh - 96px);top:96px}@media (width<=860px){.reference-ui .monitor-sidebar{height:auto;top:0}}.reference-ui .monitor-content>.panel+.panel{margin-top:16px}.reference-ui .monitor-filters>label select{text-overflow:ellipsis;overflow:hidden}.reference-ui .monitor-create{width:min(1200px,100% - 80px);margin:32px auto 64px}.reference-ui .monitor-create>header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.reference-ui .monitor-create h1{margin-bottom:8px;font-size:28px}.reference-ui .monitor-create-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.reference-ui .monitor-create-steps>li{border:1px solid rgb(var(--border));color:rgb(var(--text));text-align:center;background:#fff;border-radius:14px;padding:16px;font-size:14px;font-weight:600}.reference-ui .monitor-create-steps>li[aria-current=step]{color:rgb(var(--primary));background:rgb(var(--primary) / .06);border-color:rgb(var(--primary) / .35)}.reference-ui .monitor-create>form{border:1px solid rgb(var(--primary) / .12);background:#fff;border-radius:24px;overflow:hidden}.reference-ui .monitor-create-body{padding:32px}.reference-ui .monitor-create-body>h2{margin-bottom:12px}.reference-ui .monitor-create-body>p{margin:12px 0 24px;font-size:14px}.reference-ui .monitor-create-body>label{max-width:720px;color:rgb(var(--ink));flex-direction:column;gap:10px;margin:24px 0;font-size:14px;font-weight:600;display:flex}.reference-ui .monitor-create-body>label>input,.reference-ui .monitor-create-body>label>select,.reference-ui .monitor-create-body>label>textarea{width:100%;font-weight:400}.reference-ui .monitor-create-body textarea{min-height:160px}.reference-ui .monitor-create-summary{background:rgb(var(--primary) / .045);border-radius:14px;margin-top:24px;padding:20px;font-size:14px}.reference-ui .monitor-create-summary>strong{margin-bottom:8px;display:block}.reference-ui .monitor-create>form>footer{border-top:1px solid rgb(var(--border));background:#fff;justify-content:space-between;align-items:center;gap:24px;width:100%;margin:0;padding:24px 32px;display:flex}.reference-ui .monitor-create>form>footer>p{font-size:13px}.reference-ui .monitor-create>form>footer>div{flex-shrink:0;gap:12px;display:flex}@media (width<=720px){.reference-ui .monitor-create>header{align-items:flex-start}.reference-ui .monitor-create-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-ui .monitor-create>form>footer{flex-direction:column;align-items:stretch}.reference-ui .monitor-create>form>footer>div{justify-content:flex-end}}@media (width<=560px){.reference-ui .monitor-create{width:calc(100% - 32px);margin-top:24px}.reference-ui .monitor-create>header{flex-direction:column;gap:16px}.reference-ui .monitor-create h1{font-size:24px}.reference-ui .monitor-create-steps>li{padding:12px 8px;font-size:13px}.reference-ui .monitor-create-body,.reference-ui .monitor-create>form>footer{padding:20px 16px}}@media (width>=861px){.reference-ui .monitor-sidebar{z-index:20;width:238px;height:auto;padding-bottom:18px;position:fixed;top:96px;bottom:40px;left:0}.reference-ui .monitor-sidebar>.sidebar-data-mode,.reference-ui .monitor-sidebar>.monitor-brand,.reference-ui .monitor-sidebar-footer{flex-shrink:0}.reference-ui .monitor-sidebar>nav{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.reference-ui .monitor-sidebar-footer{margin-top:auto}.reference-ui .monitor-layout>.monitor-content{grid-column:2}}