:root{--ink:#102936;--muted:#607580;--line:#dbe7e9;--surface:#fff;--bg:#edf3f4;--teal:#087d83;--teal-dark:#07535d;--green:#13826f;--blue:#355bb6;--red:#ad3e47;--amber:#9b6718;--sidebar:#081c27}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 50% 44%,#174d5a 0,#092631 42%,#06131b 100%)}.login-scene{width:min(420px,100%);color:#fff;text-align:center}.brand-mark{position:relative;width:72px;height:72px;margin:0 auto 18px;border:1px solid rgba(108,238,224,.6);border-radius:50%;box-shadow:0 0 30px rgba(47,215,204,.22),inset 0 0 24px rgba(47,215,204,.12)}.cross-v,.cross-h{position:absolute;left:31px;top:18px;width:10px;height:36px;border-radius:3px;background:#61e8dc}.cross-h{left:18px;top:31px;width:36px;height:10px}.login-brand{color:#79ebdf;font-size:14px;font-weight:700}.login-scene h1{margin:12px 0 8px;font-size:30px}.login-scene>p{margin:0;color:#a9c5cc;font-size:14px}.login-form{margin-top:36px;padding:28px;text-align:left;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:8px}.login-form label{display:block;margin-bottom:18px;color:#c8dadd;font-size:13px}.login-form input{display:block;width:100%;height:46px;margin-top:8px;padding:0 14px;border:1px solid rgba(255,255,255,.19);border-radius:5px;outline:0;color:#fff;background:rgba(2,20,28,.48)}.login-form input:focus{border-color:#62dfd4}.primary{height:44px;padding:0 20px;border:0;border-radius:5px;color:#fff;background:linear-gradient(135deg,#0b9294,#355fc1);font-weight:700}.login-form .primary{width:100%}.form-error{min-height:18px;margin-top:12px;text-align:center;color:#ffaaaa;font-size:12px}.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;display:flex;flex-direction:column;color:#d2e2e5;background:var(--sidebar);box-shadow:10px 0 34px rgba(4,26,36,.12)}.side-brand{height:84px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark.small{width:42px;height:42px;margin:0 12px 0 0}.small .cross-v{left:18px;top:10px;width:6px;height:22px}.small .cross-h{left:10px;top:18px;width:22px;height:6px}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:16px}.side-brand span{margin-top:4px;color:#82a6ae;font-size:11px}.sidebar nav{padding:14px 10px;flex:1;overflow:auto}.sidebar nav button{width:100%;height:44px;margin-bottom:3px;padding:0 14px;border:0;border-radius:5px;display:flex;align-items:center;color:#9fb7bd;background:transparent;text-align:left}.sidebar nav button>span{width:30px;color:#74a8b1;font-size:14px;font-weight:700}.sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.06)}.sidebar nav button.active{color:#fff;background:#0e4d5b;box-shadow:inset 3px 0 #55dccc}.side-foot{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#a9c0c5;font-size:13px}.side-foot button{border:0;color:#7fa0a7;background:transparent}.main{min-height:100vh;margin-left:226px}.topbar{height:84px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95)}.topbar h2{margin:0;font-size:20px}.topbar p{margin:7px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.status-pill,.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:650}.status-pill{height:30px;padding:0 12px;color:#186f67;background:#e2f3ef}.status-pill.warn{color:#875811;background:#f7edd7}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:5px;color:#47636f;background:#fff;font-size:20px}.content{padding:26px 30px 50px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.metric{min-height:108px;padding:20px;border:1px solid var(--line);border-radius:6px;background:#fff}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.metric-icon{width:30px;height:30px;border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--teal)}.metric:nth-child(2) .metric-icon{background:var(--blue)}.metric:nth-child(3) .metric-icon{background:var(--amber)}.metric:nth-child(4) .metric-icon{background:var(--green)}.metric strong{display:block;margin-top:12px;font-size:28px}.metric small{color:#71858d}.section{margin-top:20px;padding:22px 0 0;border-top:1px solid var(--line)}.section-head,.toolbar{display:flex;align-items:center;justify-content:space-between}.section-head{margin-bottom:14px}.section-head h3{margin:0;font-size:16px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.health-item{padding:18px;border-left:3px solid var(--teal);background:#fff}.health-item strong,.health-item span{display:block}.health-item span{margin-top:7px;color:var(--muted);font-size:12px}.toolbar{margin-bottom:14px}.toolbar-left,.toolbar-right{display:flex;gap:8px}.input,.select,.textarea{border:1px solid #cfdde0;border-radius:5px;outline:0;color:var(--ink);background:#fff}.input{height:38px;padding:0 12px}.select{height:38px;padding:0 32px 0 12px}.textarea{width:100%;min-height:120px;padding:12px;line-height:1.6;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#2e9295;box-shadow:0 0 0 2px rgba(46,146,149,.1)}.button{height:38px;padding:0 14px;border:1px solid #cbdadc;border-radius:5px;color:#35535f;background:#fff}.button:hover{border-color:#66a6aa}.button.primary{border:0;color:#fff;background:#0a7f87}.button.danger{border-color:#e5c1c4;color:var(--red);background:#fff}.table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th,.table td{height:52px;padding:0 14px;border-bottom:1px solid #e7eef0;text-align:left;font-size:12px}.table th{height:44px;color:#5e737d;background:#f6f9f9;font-weight:650}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f7fbfb}.cell-main{font-weight:650;color:#16333f}.cell-sub{margin-top:5px;color:#7b8e96;font-size:11px}.badge{min-height:24px;padding:0 8px}.badge.green{color:#147364;background:#e3f3ef}.badge.amber{color:#865810;background:#f8ecd3}.badge.red{color:#a13e47;background:#fae8e9}.badge.blue{color:#38589d;background:#e8edf9}.badge.gray{color:#5f7078;background:#edf1f2}.actions{display:flex;gap:6px}.actions button{height:28px;padding:0 9px;border:1px solid #d1dfe1;border-radius:4px;color:#38606d;background:#fff}.empty-state{padding:70px 20px;text-align:center;color:#7b8d95;background:#fff}.pager{margin-top:14px;display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:30px;background:rgba(3,19,27,.48)}.modal-panel{width:min(560px,100%);max-height:85vh;overflow:auto;border-radius:7px;background:#fff;box-shadow:0 28px 80px rgba(3,24,34,.28)}.modal-head{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:17px}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:block;color:#506872;font-size:12px}.form-field.full{grid-column:1/-1}.form-field .input,.form-field .select{width:100%;margin-top:7px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.detail-list{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:13px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;word-break:break-all}.evidence{width:100%;max-height:360px;margin-top:18px;object-fit:contain;background:#edf3f4}.toast{position:fixed;right:28px;bottom:28px;z-index:200;min-width:220px;padding:13px 16px;border-radius:5px;color:#fff;background:#153b47;box-shadow:0 12px 32px rgba(5,32,42,.22);font-size:13px}.toast.error{background:#963d45}.config-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.config-panel{padding:22px;border:1px solid var(--line);background:#fff}.config-panel h3{margin:0 0 18px;font-size:16px}.config-panel .form-field{margin-bottom:16px}.config-panel .input{width:100%}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.switch{width:44px;height:24px;padding:3px;border:0;border-radius:12px;background:#b8c8cc}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:#13877f}.switch.on span{transform:translateX(20px)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:70px}.side-brand>div:last-child,.sidebar nav button:not(.active){font-size:0}.sidebar nav button.active{font-size:0}.sidebar nav button>span{font-size:15px}.side-foot{display:none}.main{margin-left:70px}.topbar{padding:0 18px}.content{padding:20px 16px}.metric-grid,.health-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full,.form-actions{grid-column:1}}