
:root{font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;color:#142238;background:#f4f6f9;font-size:16px;line-height:24px}
*{box-sizing:border-box}body{margin:0}a{color:#2157ba;text-decoration:none}a:hover{text-decoration:underline}
.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}aside{background:#142238;color:#fff;padding:32px 24px}aside h2{font-size:20px;line-height:28px;margin:0 0 32px;font-weight:600}nav a{display:block;color:#cad4e5;padding:12px;margin:8px 0;border-radius:8px}nav a.active{color:white;background:#263d60}
main{padding:40px;max-width:1400px;width:100%}h1{font-size:24px;line-height:32px;font-weight:600;margin:0 0 8px}h2{font-size:20px;line-height:28px;font-weight:600}p{margin:8px 0 24px;color:#57657a;text-wrap:pretty}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.panel{background:white;border:1px solid #dfe5ee;border-radius:16px;padding:24px;margin-bottom:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:20px}th{color:#647187;font-weight:500;background:#f6f8fb}td,th{padding:16px;vertical-align:top}td{border-bottom:1px solid #edf0f5}.sub{display:block;color:#647187;font-size:12px;line-height:16px;margin-top:8px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;background:#edf2fb;color:#315b9f}.good{background:#e9f6ef;color:#187347}.bad{background:#fff0ee;color:#ac3a30}.muted{color:#647187}form{max-width:680px}label{display:block;font-size:14px;line-height:20px;font-weight:500;margin:24px 0 8px}input,select{display:block;width:100%;padding:12px;border:1px solid #bdc8d8;border-radius:8px;font:inherit;background:#fff}button,.button{display:inline-block;border:1px solid transparent;border-radius:8px;padding:8px 12px;font:600 16px/24px Manrope,"PingFang SC",sans-serif;cursor:pointer;background:#2157ba;color:white;text-decoration:none}button:hover,.button:hover{background:#184796;text-decoration:none}button:active{transform:scale(.98)}button:disabled{opacity:.65;cursor:wait}.secondary{background:#fff;color:#344256;border-color:#bdc8d8}.secondary:hover{background:#f0f3f8}.actions{display:flex;gap:16px;margin-top:32px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #88aaf2;outline-offset:3px}.notice{padding:16px;border-radius:8px;margin:24px 0;background:#e9f6ef;color:#187347}.error{background:#fff0ee;color:#ac3a30}.login{max-width:480px;margin:80px auto;padding:32px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:white;padding:16px;z-index:10}footer{font-size:12px;line-height:16px;color:#647187;margin-top:40px}.link-button{background:none;border:0;padding:0;color:#647187;font-size:14px;line-height:20px}.link-button:hover{background:none;color:#142238}
@media(max-width:760px){.shell{display:block}aside{padding:16px 24px}aside h2{margin:0 0 8px}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:8px;margin:0}main{padding:24px 16px}header{align-items:flex-start;gap:16px;margin-bottom:24px}.panel{padding:16px}table{min-width:680px}.login{margin:40px 16px}.actions{flex-wrap:wrap}}

textarea{width:100%;padding:12px;border:1px solid #bdc8d8;border-radius:8px;font:inherit}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.app-icon{width:32px;height:32px;vertical-align:middle;margin-right:8px}.sync-controls{padding:16px 0}h3{font-size:18px;line-height:28px}