:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#223034;background:#f3f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d8e2e4;background:#fff;padding:10px 16px;border-radius:9px;color:#314b50}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){border-color:#08857b}h1{font-size:29px;letter-spacing:-.8px;margin:8px 0 16px}h2{font-size:20px;margin:0 0 14px}p{line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#73898e;margin:0}.subtle,.footnote{color:#6d8287}.footnote{font-size:12px;text-align:center}.brand-icon{width:42px;height:42px;background:#0b867c;color:#fff;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:22px}.primary{background:#087f76;border-color:#087f76;color:#fff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 70% 20%,#e2eeeb,transparent 65%)}.login-card{width:420px;background:#fff;border:1px solid #e4eded;border-radius:22px;padding:38px;box-shadow:0 20px 60px #243d4010}.login-card .brand-icon{margin-bottom:28px}.login-card .primary{width:100%;margin-top:8px}label{display:block;font-size:13px;color:#4b6065;margin:18px 0}input,select,textarea{display:block;width:100%;border:1px solid #dce5e7;border-radius:9px;padding:12px;margin-top:8px;background:#fafcfc;color:#223034;outline:none}input:focus,textarea:focus,select:focus{border-color:#0b867c;box-shadow:0 0 0 3px #0b867c12}textarea{min-height:90px;resize:vertical}.layout{display:flex;min-height:100vh}aside{width:236px;background:#fff;border-right:1px solid #e0e8ea;flex-shrink:0;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.brand strong{font-size:18px}nav{display:grid;gap:6px;margin-top:15px}nav button{text-align:left;border:0;padding:15px 18px;color:#647a80;background:transparent}nav button.active{background:#e8f4f1;color:#087f76;font-weight:700}.side-bottom{margin-top:auto;padding-top:50px;display:grid;gap:16px;font-size:12px;color:#6c8387}.content{max-width:1400px;min-width:0;width:100%;padding:42px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.badge{background:#fff7e6;border:1px solid #f0deae;color:#946c20;border-radius:20px;font-size:12px;padding:8px 14px}.panel{background:#fff;border:1px solid #e0e8e9;border-radius:16px;overflow:hidden}.form-panel{max-width:640px;padding:30px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;font-size:13px;color:#73888c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f7fafb;color:#72878c;font-size:12px;font-weight:500;padding:16px 24px}td{font-size:13px;padding:20px 24px;border-bottom:1px solid #edf1f2}.name{font-weight:600}.details{max-width:360px;white-space:normal;overflow-wrap:anywhere}.status{border-radius:18px;padding:6px 10px;font-size:11px}.on{background:#e8f5ee;color:#39805a}.off{background:#faeded;color:#a35e5e}.danger{color:#b24e4e;font-size:12px;padding:6px 10px}.empty{padding:70px;text-align:center;color:#98a9ac}footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:12px;color:#7a8e93}footer button{margin-left:8px;font-size:12px}.error,.success{padding:12px 16px;border-radius:9px;font-size:13px;overflow-wrap:anywhere}.error{background:#fcecec;color:#b04545}.success{background:#e7f5eb;color:#39845e}.code-box{display:grid;gap:12px;background:#e9f5f1;padding:20px;border-radius:12px;margin-top:24px;font-size:13px;color:#508577}.code-box code{-webkit-user-select:all;user-select:all;color:#1d5952;font-size:18px;overflow-wrap:anywhere}@media(max-width:850px){aside{width:180px;padding:24px 12px}.content{padding:28px 20px}header{display:block}.badge{display:inline-block;margin-bottom:10px}}@media(max-width:580px){.layout{display:block}aside{width:100%;padding:16px}.brand{margin-bottom:16px}.side-bottom{padding:12px 0 0;display:flex;align-items:center;justify-content:space-between}nav{display:flex;overflow:auto}nav button{flex-shrink:0;padding:10px}.content{padding:24px 16px}.form-panel{padding:22px}.login-card{padding:28px}}.checkbox-label{display:flex;align-items:center;gap:12px}.checkbox-label input{width:18px;margin:0}.detail-cards{display:none}.detail-cards article{border-top:1px solid #edf1f2;padding:22px}.detail-heading{display:flex;justify-content:space-between;font-size:12px;color:#70888c}.detail-heading strong{color:#267965}.detail-points{display:flex;align-items:baseline;gap:14px;margin-top:18px}.detail-points span{font-size:13px;color:#7a8e93}.detail-points b{font-size:28px;color:#2c645d}.detail-cards p{font-size:13px;color:#405f65;overflow-wrap:anywhere}.detail-cards small{color:#8a9ba0}.detail-cards .danger{float:right}@media(max-width:580px){.detail-cards{display:grid}.table-wrap.detail{display:none}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}nav button{font-size:12px;text-align:center}}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric-grid article{background:#fff;border:1px solid #e0e8e9;border-radius:16px;padding:24px}.metric-grid span{display:block;font-size:13px;color:#70888c;margin-bottom:16px}.metric-grid strong{font-size:28px;color:#225d55;overflow-wrap:anywhere}.range-label{display:flex;gap:16px;align-items:center;margin:0}.range-label select{width:auto;margin:0}.search-form{display:flex;gap:10px}.search-form input{margin:0;width:180px}@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.metric-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap;gap:12px}.search-form{width:100%}}