.login{position:fixed;inset:0;background:#122940;display:grid;place-items:center;z-index:20}.login[hidden]{display:none}.login form{width:360px;background:white;padding:36px;border-radius:10px;display:grid;gap:14px;text-align:center}.login input{padding:12px;border:1px solid #ddd;border-radius:6px}.login-mark{margin:auto;width:50px;height:50px;border:1px solid #bd8d43;display:grid;place-items:center;color:#bd8d43;font:26px SimSun}.viewbar{display:flex;justify-content:space-between;border-bottom:1px solid #e4e9ef;padding-bottom:16px;margin-bottom:15px}.tabs{display:flex}.tab{border:0;padding:9px 15px;cursor:pointer}.tab.active{background:#162b43;color:white}.filters{display:flex;gap:10px;align-items:flex-start}.filters>input{padding:9px;border:1px solid #ddd}.checks{position:absolute;right:36px;z-index:4;background:white;border:1px solid #ddd;padding:12px;display:grid;max-height:240px;overflow:auto;min-width:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4e9ef;white-space:nowrap}th{color:#738091;background:#fafbfc}.link{border:0;background:none;color:#245ca6;cursor:pointer}.detail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-block{border:1px solid #e4e9ef;border-radius:7px;padding:16px}.detail-block dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-block dt{color:#738091;font-size:11px}.detail-block dd{margin:3px 0}.detail-edit{margin-bottom:14px}.relation{border-left:2px solid #bd8d43;padding:7px 12px;margin:9px}.relation small{display:block;color:#738091}.chip{display:inline-block;background:#e8eff7;padding:5px 9px;border-radius:15px}.lock{padding:10px;background:#fff2d9;color:#8a5c13;border:1px solid #ebcb8c;margin-bottom:12px}#logout{border:0;background:none;color:#9fb4c7;margin:8px 0 0 13px;cursor:pointer}