.supervisor-page{margin:0;background:#f1f6fb;font:15px/1.6 "Microsoft YaHei",sans-serif;color:#153b61}.supervisor-header{background:#0d416d;color:white;padding:15px max(20px,calc((100vw - 1280px)/2));display:flex;gap:20px;align-items:center;flex-wrap:wrap}.supervisor-header a{color:white;text-decoration:none}.supervisor-header button{margin-left:auto}.supervisor-page main{max-width:1280px;margin:24px auto;padding:0 20px}.supervision-login{max-width:400px;background:white;border:1px solid #dce6ef;border-radius:12px;padding:30px;margin:70px auto}.supervision-login label{display:block;margin:14px 0}.supervision-login input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:10px;border:1px solid #cfdae7;border-radius:6px}.supervisor-header button,.supervision-login button{padding:9px 14px;border:1px solid #b5cee4;border-radius:6px;background:#1768a6;color:white;cursor:pointer}
.supervision{color:#153b61;font:14px/1.65 "Microsoft YaHei",sans-serif}.supervision *{box-sizing:border-box}.supervision h2,.supervision h3{color:#123d68;margin:0 0 12px}.supervision .sup-hero{padding:25px;border-radius:12px;color:white;background:linear-gradient(110deg,#0c345a,#176aa8);margin-bottom:16px}.supervision .sup-hero h2{color:white}.supervision .sup-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.supervision button,.supervision-login button{font:inherit}.supervision button{border:1px solid #ccdcec;background:#f4f8fc;color:#145f99;border-radius:5px;padding:7px 12px;cursor:pointer;min-height:36px}.supervision button.is-active,.supervision button.sup-primary{background:#1265a8;color:white;border-color:#1265a8}.supervision button:disabled{opacity:.55;cursor:wait}.supervision button.sup-danger{color:#b53d46;border-color:#e5bdc0}.supervision .sup-card{border:1px solid #dce6ef;background:white;border-radius:9px;padding:20px;margin:14px 0;box-shadow:0 4px 12px #12365405}.supervision .sup-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.supervision label{display:block}.supervision label>span{display:block;color:#3a5571;font-size:12px;margin-bottom:4px}.supervision input,.supervision select,.supervision textarea{font:inherit;min-height:38px;width:100%;border:1px solid #cbd9e6;border-radius:5px;padding:7px;background:#fff;color:#173f64}.supervision textarea{min-height:80px;resize:vertical}.supervision .sup-wide{grid-column:1/-1}.supervision .sup-check{display:flex;gap:8px;align-items:center}.supervision .sup-check input{width:auto;min-height:0}.supervision .sup-time{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7px}.supervision .sup-time span{font-size:11px}.supervision .sup-message{padding:10px;background:#edf6fd;border-left:3px solid #2f80bd;min-height:40px;white-space:pre-wrap}.supervision .sup-message.is-error{background:#fff3f3;border-color:#b94747;color:#a43131}.supervision .sup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supervision .sup-summary strong{display:block;font-size:27px;color:#1467a7}.supervision .sup-summary>div{background:#f2f7fc;padding:16px;border-radius:6px}.supervision .sup-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.supervision .sup-record{border-top:1px solid #e2eaf2;padding:14px 0;display:grid;grid-template-columns:2fr 1fr;gap:14px}.supervision .sup-record small{display:block;color:#607991}.supervision pre{white-space:pre-wrap;word-break:break-word;font:inherit;padding:12px;background:#f5f8fb}.supervision .sup-edit{border-left:3px solid #468fc6;padding:14px;margin-top:10px}.supervision .sup-edit[hidden]{display:none}.supervision .sup-table-wrap{overflow:auto}.supervision table{width:100%;border-collapse:collapse}.supervision th,.supervision td{padding:9px;text-align:left;border-bottom:1px solid #e0e9f0}.supervision .sup-muted{color:#647d92;font-size:12px}.supervision .sup-visit-row{border:1px solid #dce6ef;padding:16px;border-radius:7px;margin:12px 0}.supervision .sup-preview{border:1px solid #acd2ef;background:#eef7ff;padding:15px;border-radius:6px;margin-top:14px}.supervision [hidden]{display:none!important}.supervision .sup-bar{height:18px;background:#e7f0f7;border-radius:4px;margin-top:4px;overflow:hidden}.supervision .sup-bar span{display:block;height:100%;background:#267cba}
@media(max-width:700px){.supervisor-page main{padding:0 12px;margin-top:12px}.supervisor-header{padding:12px;gap:8px}.supervision .sup-form{grid-template-columns:1fr}.supervision .sup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.supervision .sup-record{grid-template-columns:1fr}.supervision .sup-card{padding:14px}.supervision .sup-hero{padding:18px}.supervision .sup-tabs button{flex:1 1 30%}.supervision .sup-time{grid-template-columns:2fr 1fr 1fr}.supervision-login{margin:30px auto;padding:20px}}