.maintenance-page{min-height:100%;color:var(--ink,#15372f);padding:clamp(24px,3vw,52px)}.maintenance-hero{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;max-width:1480px;margin:0 auto 24px;display:grid}.maintenance-hero-icon{color:#176653;background:#e8f3ee;border:1px solid #c9dad3;border-radius:24px 8px;place-items:center;width:72px;height:72px;display:grid}.maintenance-hero-icon .icon{width:31px;height:31px}.maintenance-hero-copy .eyebrow{color:#6d817a;letter-spacing:.18em}.maintenance-hero-copy h1{font-family:var(--font-serif);margin:7px 0 5px;font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1}.maintenance-hero-copy p{color:#6f817b;max-width:720px;margin:0;line-height:1.7}.maintenance-create{color:#fff;min-width:156px;min-height:50px;font:inherit;letter-spacing:.02em;cursor:pointer;background:#123d33;border:1px solid #123d33;border-radius:14px;outline:none;justify-content:flex-start;align-items:center;gap:11px;padding:7px 18px 7px 8px;font-size:14px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px rgba(18,61,51,.2)}.maintenance-create-icon{color:#123d33;background:#b7df66;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.maintenance-create-icon .icon{stroke-width:2.2px;width:18px;height:18px}.maintenance-create-label{white-space:nowrap}.maintenance-create:hover{background:#185445;transform:translateY(-2px);box-shadow:0 15px 30px rgba(18,61,51,.25)}.maintenance-create:active{transform:translateY(0);box-shadow:0 7px 16px rgba(18,61,51,.18)}.maintenance-create:focus-visible{box-shadow:0 0 0 4px rgba(183,223,102,.32),0 12px 26px rgba(18,61,51,.22)}.maintenance-health-rail{color:#eef6f2;background:#123d33;border:1px solid #d7e0dc;border-radius:22px;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(210px,auto);max-width:1480px;margin:0 auto 18px;display:grid;overflow:hidden;box-shadow:0 18px 48px rgba(21,55,47,.08)}.maintenance-health-rail>div{border-right:1px solid rgba(255,255,255,.13);min-height:96px;padding:22px 26px}.maintenance-health-rail strong{font-family:var(--font-serif);font-size:30px;font-weight:400;display:block}.maintenance-health-rail span{color:#adc3bb;font-size:12px}.maintenance-health-rail .is-healthy strong{color:#b7df66}.maintenance-health-rail .is-attention strong{color:#ffad92}.maintenance-health-rail .maintenance-live-note{border-right:0;align-items:center;gap:10px;display:flex}.maintenance-toolbar{background:rgba(255,255,255,.72);border:1px solid #dce3df;border-radius:18px;grid-template-columns:minmax(260px,1fr) minmax(180px,260px);gap:14px;max-width:1480px;margin:0 auto 18px;padding:18px;display:grid}.maintenance-toolbar label,.maintenance-form-grid>label{color:#526d64;gap:8px;font-size:12px;font-weight:700;display:grid}.maintenance-toolbar input,.maintenance-toolbar select,.maintenance-form-grid input,.maintenance-form-grid select,.maintenance-form-grid textarea,.maintenance-workflow textarea{color:#173f35;min-width:0;min-height:46px;font:inherit;background:#f8fbf9;border:1px solid #cbdad4;border-radius:12px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s}.maintenance-toolbar input:focus,.maintenance-toolbar select:focus,.maintenance-form-grid input:focus,.maintenance-form-grid select:focus,.maintenance-form-grid textarea:focus,.maintenance-workflow textarea:focus{background:#fff;border-color:#3e927d;box-shadow:0 0 0 3px rgba(62,146,125,.12)}.maintenance-feedback,.maintenance-form-error{color:#23624f;background:#edf7f2;border:1px solid #c9dfd5;border-radius:12px;max-width:1480px;margin:0 auto 14px;padding:11px 14px}.maintenance-ledger{background:#fffefa;border:1px solid #d7e0dc;border-radius:22px;max-width:1480px;margin:0 auto;overflow:hidden;box-shadow:0 16px 44px rgba(37,57,49,.06)}.maintenance-ledger>header{border-bottom:1px solid #e0e6e2;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.maintenance-ledger>header h2{font-family:var(--font-serif);margin:0;font-size:27px;font-weight:400}.maintenance-ledger>header span{color:#84928d;font-size:12px}.maintenance-table-wrap{overscroll-behavior-inline:contain;scrollbar-color:#79af9f #edf2ef;overflow-x:auto}.maintenance-table{border-collapse:collapse;width:100%;min-width:1080px}.maintenance-table th{color:#70827b;letter-spacing:.08em;text-align:left;background:#f1f5f2;padding:14px 18px;font-size:11px;font-weight:700}.maintenance-table td{color:#456159;vertical-align:middle;border-top:1px solid #e5e9e6;padding:18px;font-size:13px}.maintenance-table tbody tr{transition:background .16s}.maintenance-table tbody tr:hover{background:#f8fbf9}.maintenance-table td:first-child{min-width:270px}.maintenance-table td p{color:#7b8d87;text-overflow:ellipsis;white-space:nowrap;max-width:380px;margin:7px 0 0;overflow:hidden}.maintenance-record-name{align-items:baseline;gap:10px;display:flex}.maintenance-record-name strong{color:#173f35;font-size:15px}.maintenance-record-name small{color:#96a49f;font-family:ui-monospace,monospace}.maintenance-status-stack{flex-wrap:wrap;gap:6px;display:flex}.status-chip,.priority-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.status-chip.is-normal,.priority-chip.is-normal{color:#227259;background:#def2e8}.status-chip.is-alert,.priority-chip.is-alert{color:#c5533f;background:#fff0eb}.status-chip.is-progress,.priority-chip.is-progress{color:#4669a5;background:#e9f0ff}.status-chip.is-waiting,.priority-chip.is-waiting{color:#966d16;background:#fff4d6}.maintenance-actions{flex-wrap:wrap;gap:7px;min-width:180px;display:flex}.maintenance-actions button{color:#24634f;cursor:pointer;background:#edf6f2;border:1px solid #c8ddd5;border-radius:9px;min-height:34px;padding:0 11px}.maintenance-actions button:hover{background:#e0f0e9;border-color:#6aab96}.maintenance-actions button.is-danger{color:#c45340;background:#fff3ef;border-color:#f1c2b9}.maintenance-empty{color:#8b9a95;text-align:center;align-content:center;place-items:center;min-height:330px;padding:36px;display:grid}.maintenance-empty .icon{color:#76a897;width:38px;height:38px;margin-bottom:14px}.maintenance-empty h3{color:#36584e;margin:0 0 7px}.maintenance-empty p{margin:0}.maintenance-modal-backdrop{z-index:70;backdrop-filter:blur(8px);background:rgba(15,39,33,.55);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.maintenance-modal{background:#fffefa;border:1px solid #d2dfda;border-radius:26px;width:min(900px,100%);max-height:min(860px,100vh - 48px);overflow-y:auto;box-shadow:0 34px 90px rgba(10,35,28,.3)}.maintenance-modal>header{z-index:2;backdrop-filter:blur(12px);background:rgba(255,254,250,.96);border-bottom:1px solid #dce4e0;justify-content:space-between;align-items:flex-start;padding:27px 30px 22px;display:flex;position:sticky;top:0}.maintenance-modal>header h2{font-family:var(--font-serif);margin:7px 0 0;font-size:31px;font-weight:400}.maintenance-modal>header>button{color:#6e827a;cursor:pointer;background:0 0;border:0;font-size:28px}.maintenance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:27px 30px;display:grid}.maintenance-form-grid textarea{resize:vertical;min-height:110px;padding:13px 14px}.maintenance-form-grid .is-wide{grid-column:1/-1}.maintenance-status-field{border:1px solid #cbdad4;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;min-width:0;margin:0;padding:5px;display:grid}.maintenance-status-field legend{color:#526d64;padding:0 7px;font-size:12px;font-weight:700}.maintenance-status-field label{cursor:pointer;position:relative}.maintenance-status-field input{opacity:0;pointer-events:none;position:absolute}.maintenance-status-field span{color:#6f827b;border-radius:8px;place-items:center;min-height:38px;display:grid}.maintenance-status-field input:checked+span{color:#fff;background:#276f5b}.maintenance-modal>footer{background:rgba(255,254,250,.96);border-top:1px solid #dce4e0;justify-content:flex-end;gap:10px;padding:19px 30px;display:flex;position:sticky;bottom:0}.maintenance-modal>footer .primary-button,.maintenance-modal>footer .secondary-button,.maintenance-confirm .primary-button,.maintenance-confirm .secondary-button{color:#245e4d;min-width:104px;min-height:44px;font:inherit;cursor:pointer;background:#edf6f2;border:1px solid #c7dad2;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:700;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.maintenance-modal>footer .primary-button,.maintenance-confirm .primary-button{color:#fff;background:#123d33;border-color:#123d33;box-shadow:0 8px 18px rgba(18,61,51,.18)}.maintenance-modal>footer .secondary-button:hover,.maintenance-confirm .secondary-button:hover{background:#e2f0ea;border-color:#78ab9b}.maintenance-modal>footer .primary-button:hover,.maintenance-confirm .primary-button:hover{background:#185445;transform:translateY(-1px);box-shadow:0 11px 23px rgba(18,61,51,.23)}.maintenance-modal>footer .primary-button:active,.maintenance-modal>footer .secondary-button:active,.maintenance-confirm .primary-button:active,.maintenance-confirm .secondary-button:active{transform:translateY(0)}.maintenance-modal>footer button:focus-visible{box-shadow:0 0 0 4px rgba(62,146,125,.18)}.maintenance-confirm button:focus-visible{box-shadow:0 0 0 4px rgba(62,146,125,.18)}.maintenance-modal>footer button:disabled,.maintenance-confirm button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none}.maintenance-modal .maintenance-form-error{color:#b84b39;background:#fff3ef;border-color:#efc9c0;margin:0 30px 12px}.maintenance-confirm{background:#fffefa;border:1px solid #d5e0db;border-radius:22px;width:min(440px,100%);padding:30px;box-shadow:0 30px 80px rgba(10,35,28,.25)}.maintenance-confirm h3{color:#173f35;margin:0 0 9px;font-size:22px}.maintenance-confirm p{color:#758781;margin:0 0 22px;line-height:1.6}.maintenance-confirm>div{justify-content:flex-end;gap:10px;display:flex}.maintenance-workflow textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:110px;padding:12px}.maintenance-workflow>div{margin-top:18px}.danger-button{color:#fff;cursor:pointer;background:#c95442;border:1px solid #e7a89c;border-radius:11px;min-height:42px;padding:0 18px}@media (width<=820px){.maintenance-page{padding:18px 14px 34px}.maintenance-hero{grid-template-columns:54px 1fr;gap:14px}.maintenance-hero-icon{border-radius:18px 7px;width:54px;height:54px}.maintenance-hero-icon .icon{width:25px;height:25px}.maintenance-hero-copy h1{font-size:36px}.maintenance-hero-copy p{font-size:13px}.maintenance-create{grid-column:1/-1;justify-content:center;width:100%}.maintenance-health-rail{border-radius:17px;grid-template-columns:repeat(3,1fr)}.maintenance-health-rail>div{text-align:center;min-height:78px;padding:16px 12px}.maintenance-health-rail strong{font-size:25px}.maintenance-health-rail .maintenance-live-note{border-top:1px solid rgba(255,255,255,.13);grid-column:1/-1;justify-content:center;min-height:48px}.maintenance-toolbar{grid-template-columns:1fr;padding:14px}.maintenance-table{min-width:0}.maintenance-table thead{display:none}.maintenance-table tbody{gap:12px;padding:12px;display:grid}.maintenance-table tr{background:#fff;border:1px solid #d9e3de;border-radius:16px;grid-template-columns:1fr auto;gap:11px 14px;padding:17px;display:grid}.maintenance-table td{border:0;padding:0;display:block}.maintenance-table td:first-child{grid-column:1/-1;min-width:0}.maintenance-table td:nth-child(2){grid-column:1/-1}.maintenance-table td:nth-child(3){grid-area:3/2}.maintenance-table td:nth-child(4):before{content:"时间 · ";color:#9aa7a2}.maintenance-table td:nth-child(5):before{content:"负责人 · ";color:#9aa7a2}.maintenance-table td:nth-child(6){border-top:1px solid #e5eae7;grid-column:1/-1;padding-top:11px}.maintenance-actions{min-width:0}.maintenance-actions button{flex:1}.maintenance-form-grid{grid-template-columns:1fr;padding:22px 18px}.maintenance-form-grid .is-wide{grid-column:auto}.maintenance-modal-backdrop{align-items:end;padding:0}.maintenance-modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.maintenance-modal>header{padding:22px 18px 17px}.maintenance-modal>footer{padding:15px 18px max(15px, env(safe-area-inset-bottom))}.maintenance-modal>footer button{flex:1}.maintenance-modal .maintenance-form-error{margin-inline:18px}.maintenance-confirm{border-radius:24px 24px 0 0;width:100%}}