:root{font-family:Inter,Arial,"Microsoft YaHei",sans-serif;color:#172033;background:#f4f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}.dashboard{max-width:1600px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:25px;margin:0 0 5px}header p,.login-card>p{color:#667085;margin:0}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel,.table-wrap,.stat,.login-card{background:#fff;border:1px solid #dce2e9;border-radius:8px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.stat{padding:14px 20px;cursor:pointer;text-align:left;min-width:130px;color:#172033}.stat strong{display:block;font-size:23px;margin-top:5px}.stat.active{outline:2px solid #2563eb}.form-grid{display:flex;gap:10px;flex-wrap:wrap;padding:14px}input,select,button{font:inherit;padding:9px 12px;border:1px solid #b9c3d0;border-radius:5px;background:#fff}input{min-width:190px;flex:1}button{cursor:pointer;background:#2563eb;color:white;border-color:#2563eb;font-weight:600}button.secondary{background:#fff;color:#344054;border-color:#b9c3d0}button:disabled{opacity:.55;cursor:wait}.message{min-height:22px;color:#344054;margin:10px 0}.table-wrap{overflow:hidden;margin-top:14px}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{padding:9px 7px;border-bottom:1px solid #e6eaf0;text-align:left;white-space:normal;overflow-wrap:anywhere;vertical-align:top}th{background:#edf1f5;cursor:pointer}.sort{color:#98a2b3;margin-left:4px}.sort.active{color:#2563eb}.lamp{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px}.normal{background:#159455}.abnormal{background:#d92d20}.suspicious{background:#e5a50a}.unchecked{background:#98a2b3}.url,.muted{color:#667085}.url{display:block;max-width:100%;word-break:break-all}.title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note{display:block;color:#9a6700;margin-top:5px;font-size:12px}.actions{display:flex;gap:4px;flex-wrap:wrap}.actions button{padding:5px 8px}.error{color:#b42318;min-height:20px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(400px,calc(100% - 30px));padding:28px}.login-card label{display:block;margin:16px 0}.login-card input{display:block;width:100%;margin-top:6px}.login-card button{width:100%}button:focus,input:focus,select:focus{outline:3px solid #93c5fd;outline-offset:1px}th:nth-child(1){width:15%}th:nth-child(2){width:8%}th:nth-child(3){width:10%}th:nth-child(4){width:10%}th:nth-child(5){width:19%}th:nth-child(6){width:6%}th:nth-child(7){width:13%}th:nth-child(8){width:12%}th:nth-child(9){width:7%}@media(max-width:900px){.dashboard{padding:14px}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.stat{min-width:110px;padding:12px}.form-grid>*{min-width:100%}th,td{padding:7px 5px;font-size:12px}th:nth-child(5),td:nth-child(5),th:nth-child(8),td:nth-child(8){display:none}th:nth-child(1){width:23%}th:nth-child(2){width:12%}th:nth-child(3){width:14%}th:nth-child(4){width:13%}th:nth-child(6){width:8%}th:nth-child(7){width:18%}th:nth-child(9){width:12%}.actions button{padding:4px 6px}}
