*{box-sizing:border-box}body{margin:0;background:#101827;color:#e9effb;font:14px Arial,Malgun Gothic,sans-serif}main{max-width:1600px;margin:auto;padding:24px 30px}h1{font-size:23px;margin:0;font-weight:700}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{color:#8fa9cf;font-size:11px;letter-spacing:2px;margin-bottom:8px}.poc{font-size:12px;color:#a7b8d0;border:1px solid #35465e;padding:7px 12px;border-radius:4px}nav{display:flex;gap:6px;border-bottom:1px solid #334157;margin-bottom:24px}button,input,select{font:inherit}button{cursor:pointer}nav button{background:transparent;color:#8fa2bf;border:0;border-bottom:3px solid transparent;padding:13px 20px}nav button.active{color:#fff;border-color:#56a4ff;background:#1b2940}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #71b7ff;outline-offset:3px}h2{font-size:18px;margin:0}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar span{margin-left:auto;color:#92a5c2;font-size:12px}.button,td button{border:1px solid #405673;border-radius:4px;background:#253752;color:#e5efff;padding:8px 14px}.button:hover,td button:hover{background:#344e71}.note,small{color:#90a3c0}.note{font-size:12px}.intro{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.livebadge{color:#57d5a0;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}.panel{background:#182338;border:1px solid #2b3a52;border-radius:8px;padding:20px;margin-bottom:20px}.scroll{overflow:auto}.matrix{width:100%;border-spacing:5px;table-layout:fixed;min-width:1080px;margin:-5px 0 0}.matrix th,.matrix td{text-align:center;padding:12px 5px;background:#23344e;border:0;border-radius:4px}.matrix th:first-child{width:72px;font-size:12px;background:#1b2940;color:#a9bad2}.matrix .value-cell{padding:0;background:#1d543f}.metric{width:100%;height:112px;padding:15px 5px;border:2px solid transparent;background:transparent;color:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:10px}.matrix .metric:hover{background:#ffffff0f}.metric.active{border-color:#d9eaff}.metric-name{font-size:12px;font-weight:500;white-space:nowrap}.metric-value{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums}.metric-status{font-size:11px;opacity:.9}.matrix .level1{background:#93601a}.matrix .level2{background:#a63142}.matrix .unset{background:#43536b}.matrix .threshold{color:#bdd8ff;font-size:15px;font-weight:600}.matrix .unit{color:#92a9c9;font-size:12px;padding:8px}.legend{display:flex;gap:18px;color:#a9bbd4;font-size:12px;flex-wrap:wrap}.green{color:#50d6a2}.orange{color:#ffbf5e}.red{color:#ff7081}.chart-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.chart-sub{font-size:12px;color:#91a6c5;margin-top:7px}.chart-wrap{position:relative}canvas{display:block;width:100%;height:330px;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #30405a;margin-top:12px;padding-top:18px;gap:15px}.stats small{display:block;margin-bottom:7px}.stats strong{font-size:20px;font-variant-numeric:tabular-nums}.settings-table{width:100%;min-width:720px;border-collapse:collapse;margin-top:18px}.settings-table th,.settings-table td{text-align:center;border-bottom:1px solid #30405a;padding:13px}.settings-table th{background:#23334c;color:#afc6e6;font-size:12px}.settings-table th:first-child,.settings-table td:first-child{text-align:left}.settings-table td button{background:#2e62a0;border-color:#427bbf}.settings-table td small{font-size:11px}.message{min-height:22px;margin-top:15px}.notice{background:#142034;padding:12px;color:#9cb0cf;font-size:12px;border-left:2px solid #426b9d;line-height:1.7}section[hidden]{display:none}footer{color:#6f85a5;font-size:11px;display:flex;justify-content:space-between;margin-top:24px}.linekey{display:inline-block;width:18px;border-top:2px dashed currentColor;vertical-align:middle;margin-right:5px}@media(max-width:750px){main{padding:18px 12px}.panel{padding:14px}header h1{font-size:20px}.intro{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.chart-head{align-items:flex-start}nav button{padding:12px}.toolbar span{margin-left:0}}.matrix .readonly{background:#2c405e}.inline-unit{display:inline!important;font-size:12px}.matrix-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:17px}.settings-table .ant-input-number-input{color:#e9f1ff}.message{padding:6px 0}.metric{font-family:inherit}.settings-table td .ant-btn{background:#2e62a0}.ant-input-number{max-width:100%}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.company-logo{display:block;width:auto;height:52px;object-fit:contain}@media(max-width:750px){.company-logo{height:40px}.title-row{gap:9px}}