:root{color:#101828;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6fa}.app-loading{min-height:100vh;display:grid;place-items:center;color:#667085}.app-shell{min-height:100vh}.app-sider{background:#101828!important;box-shadow:12px 0 32px #10182814;z-index:2}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column}.brand{height:78px;display:flex;align-items:center;gap:11px;padding:0 22px;color:#fff}.brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#7c3aed;color:#fff}.brand-mark-large{width:52px;height:52px;border-radius:15px}.brand strong{display:block;font-size:16px;letter-spacing:.2px}.brand span{display:block;color:#98a2b3;font-size:9px;letter-spacing:1.6px;margin-top:3px}.sider-label{color:#667085;font-size:10px;letter-spacing:1.4px;padding:14px 24px 9px}.app-sider .ant-menu{background:transparent;border-inline-end:0;padding:0 10px}.app-sider .ant-menu-item{color:#98a2b3;margin:4px 0;width:100%;border-radius:7px}.app-sider .ant-menu-item:hover{color:#fff;background:#ffffff14}.app-sider .ant-menu-item-selected{color:#fff;background:#6d28d9}.sider-footer{margin:auto 18px 20px;padding:11px 12px;border:1px solid #253047;border-radius:8px;color:#98a2b3;display:flex;gap:8px;align-items:center;font-size:11px}.sider-footer i{width:7px;height:7px;border-radius:50%;background:#12b76a;margin-left:auto;box-shadow:0 0 0 3px #12b76a1f}.app-header{background:#ffffffeb!important;border-bottom:1px solid #eaecf0;height:66px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.header-title{display:flex;align-items:baseline;gap:10px}.header-title .ant-typography{margin:0}.header-title h4{font-size:16px}.header-icon{color:#667085}.profile-button{height:auto;padding:4px 6px;color:#344054;display:flex;gap:8px;align-items:center}.app-content{padding:30px;max-width:1600px;width:100%;margin:0 auto}.page-wrap{max-width:1360px;margin:0 auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-intro h2{margin:5px 0;font-size:28px;letter-spacing:-.6px}.page-intro p{margin:0}.eyebrow{color:#7c3aed!important;font-size:10px;font-weight:700;letter-spacing:1.5px}.metric-card{border-radius:10px;min-height:154px;box-shadow:0 1px 2px #1018280a}.metric-card .ant-card-body{padding:20px}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.metric-trend{display:flex;align-items:center;gap:3px;font-size:11px;color:#12b76a}.metric-card .ant-statistic-title{color:#667085;font-size:12px;margin-bottom:4px}.metric-card .ant-statistic-content{font-size:27px;font-weight:700;color:#101828}.metric-card .ant-statistic-content-suffix{color:#667085;font-size:13px;font-weight:400;margin-left:4px}.metric-card.violet{border-top:3px solid #7c3aed}.metric-card.violet .metric-icon{color:#7c3aed;background:#f3e8ff}.metric-card.blue{border-top:3px solid #2e90fa}.metric-card.blue .metric-icon{color:#1570ef;background:#eff8ff}.metric-card.green{border-top:3px solid #12b76a}.metric-card.green .metric-icon{color:#039855;background:#ecfdf3}.metric-card.orange{border-top:3px solid #f79009}.metric-card.orange .metric-icon{color:#dc6803;background:#fffaeb}.dashboard-lower{margin-top:16px}.surface-card{border:1px solid #eaecf0;border-radius:10px;box-shadow:0 1px 2px #10182806}.surface-card .ant-card-head{min-height:58px;border-bottom:1px solid #f2f4f7}.surface-card .ant-card-head-title{font-size:14px}.health-list>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f2f4f7}.health-list>div:last-child{border-bottom:0}.health-list strong,.health-list .ant-typography{display:block}.health-list .ant-typography{margin-top:3px;font-size:12px}.health-value{margin-left:auto;color:#039855!important}.health-dot{width:9px;height:9px;border-radius:50%}.health-dot.online{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.accent-card{background:#191238;color:#fff;min-height:205px}.accent-card .ant-typography{color:#fff}.accent-card .ant-typography-secondary{color:#c7c0df}.accent-card .eyebrow{color:#c4b5fd!important}.accent-number{margin-top:18px;font-size:37px;font-weight:700}.accent-number span{font-size:13px;font-weight:400;color:#c7c0df}.table-card{overflow:hidden}.table-toolbar{display:flex;gap:10px;margin-bottom:18px}.table-toolbar .ant-input-affix-wrapper{max-width:320px}.table-toolbar .ant-select{width:140px}.table-card .ant-card-body{padding:20px 20px 4px}.table-primary strong,.table-primary .ant-typography{display:block}.table-primary .ant-typography{font-size:12px;margin-top:2px}.rating-value{color:#b54708;font-weight:600}.page-alert{margin-bottom:18px}.loading-state{min-height:280px;display:grid;place-items:center}.config-lock{display:flex;align-items:center;gap:7px;color:#667085;font-size:12px}.config-card{max-width:760px}.config-section{max-width:540px}.config-section h5{margin-bottom:2px}.config-section p{font-size:12px;margin-bottom:24px}.config-form .ant-form-item-label>label{font-size:12px;color:#475467}.drawer-status{display:flex;gap:12px;align-items:center;margin-bottom:24px}.drawer-status h4{margin:2px 0 0}.drawer-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#dc6803;background:#fffaeb}.detail-block{margin:24px 0}.detail-block p{padding:12px;margin:7px 0 0;border-radius:6px;background:#f8f9fc;color:#344054;line-height:1.7}.resolution-meta{display:block;margin-top:10px;font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:40px max(7vw,30px);background:#101828;position:relative;overflow:hidden}.login-atmosphere{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 68%);top:-340px;left:-220px;pointer-events:none}.login-brand{color:#fff;max-width:520px;position:relative}.login-brand h1{color:#fff;margin:22px 0 8px;font-size:44px;letter-spacing:-1.5px}.login-brand p{color:#98a2b3;font-size:17px}.login-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:42px;color:#d0d5dd;font-size:12px}.login-points span{display:flex;align-items:center;gap:7px}.login-card{width:100%;border-radius:14px;box-shadow:0 24px 70px #00000042}.login-card h2{margin:7px 0 4px}.login-card p{margin-bottom:26px}.login-card .ant-form-item{margin-bottom:20px}.login-card .ant-input-group-addon{padding:0;background:transparent;border:0}.login-card .ant-input-group-addon .ant-btn{padding-inline:12px}.login-alert{margin-bottom:17px}.dev-hint{display:block;margin-top:-9px;margin-bottom:18px;font-size:12px}.login-footnote{display:block;text-align:center;margin-top:20px;font-size:11px}@media(max-width:900px){.login-page{grid-template-columns:1fr;gap:28px;padding:40px 24px}.login-brand{max-width:440px}.login-brand h1{font-size:36px}.login-points{margin-top:24px}.login-card{max-width:440px}}@media(max-width:600px){.app-header{padding:0 16px}.header-title>span,.header-title>.ant-typography-secondary,.profile-button>span{display:none}.app-content{padding:20px 15px}.page-intro{align-items:flex-start;flex-direction:column;margin-bottom:19px;gap:8px}.page-intro h2{font-size:24px}.table-toolbar{flex-direction:column}.table-toolbar .ant-input-affix-wrapper,.table-toolbar .ant-select{max-width:none;width:100%}.login-page{padding:28px 18px}}
