*{box-sizing:border-box}html,body{color:#132232;background:linear-gradient(#0d233614,#0d233600 260px),#f4f1ec;min-height:100%;margin:0;font-family:Arial,Malgun Gothic,sans-serif}button,input,select,textarea{font:inherit}.page{width:100%;max-width:none;min-height:100vh;margin:0 auto;padding:clamp(16px,2vw,34px)}.topbar{color:#fff;background:#102a43;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.topActions{align-items:center;gap:12px;display:flex}.topActions form{margin:0}.eyebrow{color:#d7c18f;letter-spacing:0;margin:0 0 4px;font-size:13px;font-weight:700}h1{margin:0;font-size:30px;line-height:1.15}.description,.score em,.labelText em,.choice em,.checkrow em,.fileNote span,h2 span,.notice span,.saveButton span,.secondaryButton span{color:#66737d;margin-top:3px;font-size:12px;font-style:normal;font-weight:500;line-height:1.35;display:block}.description{color:#d8e0e6;margin:5px 0 0}.titleLinks{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.titleLinks a{color:#fff;border:1px solid #d7c18f8c;border-radius:8px;padding:8px 12px;text-decoration:none}.score{color:#102a43;text-align:center;background:#fffffff2;border:1px solid #d7c18f8c;border-radius:8px;align-items:center;min-width:82px;padding:10px 12px;display:grid}.score strong{font-size:22px}.score span{color:#66737d;font-size:12px}.score em{margin-top:1px}.notice{color:#176b34;background:#e9f8ef;border:1px solid #a8ddbb;border-radius:8px;margin:0 0 14px;padding:12px 14px}.shellPanel,.formSection,.field:not(.shellPanel){background:#ffffffeb;border:1px solid #ded6ca;border-radius:8px;padding:14px}.dateForm{grid-template-columns:minmax(220px,1fr) minmax(96px,.18fr);align-items:end;gap:10px;margin-bottom:16px;display:grid}.exportButton{place-items:center;padding:8px 12px;text-decoration:none;display:grid}.checkTopTools{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(14px,1.6vw,24px);margin-bottom:16px;display:grid}.checkTopTools .dateForm{margin-bottom:0}.topToolStack{gap:14px;display:grid}.checkerField{align-self:stretch}.miniCalendar{justify-self:stretch}.calendarHeader{grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.calendarHeader strong{color:#132232;text-align:center;font-size:14px}.calendarMove,.todayLink,.clearButton{color:#0f6a67;font-size:12px;font-weight:800;text-decoration:none}.calendarMove{background:#fff;border:1px solid #cfc5b5;border-radius:8px;justify-content:center;align-items:center;min-height:34px;display:flex}.calendarQuickActions{grid-template-columns:1fr 1fr;gap:8px;margin:-4px 0 10px;display:grid}.todayLink,.clearButton{text-align:center;background:#fff;border:1px solid #cfc5b5;border-radius:8px;justify-content:center;align-items:center;min-height:34px;display:flex}.clearButton{color:#9f2f24;cursor:pointer;width:100%}.calendarWeekdays,.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendarWeekdays{margin-bottom:4px}.calendarWeekdays span{color:#66737d;text-align:center;font-size:10px}.calendarGrid a,.calendarGrid span{color:#132232;border-radius:6px;justify-content:center;align-items:center;min-height:28px;font-size:12px;text-decoration:none;display:flex}.calendarGrid a{background:#fff;border:1px solid #e2d8ca}.calendarGrid a.isEmpty{color:#132232;background:#fff}.calendarGrid a.isFilled{color:#0f6a67;background:#0f6a6724;border-color:#0f6a6773;font-weight:700}.calendarGrid a.isWeekend{color:#6d5600;background:#fff1b8;border-color:#ead36f}.calendarGrid a.isSelected{color:#fff;font-weight:800;box-shadow:inset 0 0 0 2px #102a43}.calendarGrid a.isSelected.isWeekend{box-shadow:inset 0 0 0 2px #8f7000}.calendarGrid a.isSelected.isFilled{box-shadow:inset 0 0 0 2px #0f6a67}.panel{gap:14px;display:grid}.workSurface{gap:clamp(14px,1.6vw,24px);display:grid}.primaryColumn,.secondaryColumn{gap:14px;display:grid}.field{gap:7px;display:grid}.labelText{color:#46545e;font-size:14px;font-weight:700}.field input,.field select,.field textarea{color:#172026;background:#fff;border:1px solid #cfc5b5;border-radius:8px;width:100%;min-height:48px;padding:12px}.field input[type=file]{padding:10px}.field textarea{resize:vertical;min-height:92px}.formSection{gap:10px;display:grid}.formSection h2{color:#27343c;margin:0;font-size:15px;line-height:1.2}.formSection h2 span{margin-top:4px}.checklist{background:#fff;border:1px solid #ded6ca;border-radius:8px;overflow:hidden}.checkrow{border-bottom:1px solid #ebe4d9;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:14px;display:flex}.checkrow.isUnchecked{background:#fff}.checkrow.isChecked{background:#0f6a671f}.checkrow:last-child{border-bottom:0}.checkrow strong,.checkrow small{display:block}.checkrow strong{font-size:17px}.checkrow em{margin-top:4px}.checkrow small{color:#66737d;margin-top:5px;font-size:12px}.checkrow input[type=checkbox]{accent-color:#0f6a67;flex:none;width:32px;height:32px}.checkrow.isChecked input[type=checkbox]{accent-color:#0f6a67}.inlineSelect{color:#172026;background:#fff;border:1px solid #cfc5b5;border-radius:8px;width:min(240px,100%);min-height:38px;margin-top:10px;padding:8px 10px}.choiceGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:#fff;border:1px solid #ded6ca;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:12px;display:flex}.choice input{accent-color:#0f6a67;width:22px;height:22px}.choice span{font-weight:800}.choice em{margin-top:2px}.fileNote{color:#5d6b76;margin:0;font-size:13px}.dropZone{cursor:pointer;text-align:center;background:#fff;border:1px dashed #a99462;border-radius:8px;align-items:center;gap:5px;min-height:132px;padding:18px;display:grid}.dropZone.isDragging{background:#f9f4e8;border-color:#0f6a67}.dropZone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dropZone strong{color:#132232;font-size:16px}.dropZone span,.dropZone em,.dropZone small{color:#66737d;font-size:12px;font-style:normal;line-height:1.4;display:block}.dropZone small{color:#0f6a67;font-weight:800}.saveButton,.secondaryButton,.navButton{color:#fff;cursor:pointer;background:#102a43;border:0;border-radius:8px;width:100%;min-height:52px;font-weight:800}.navButton{color:#fff;text-align:center;background:#ffffff1f;border:1px solid #d7c18f8c;width:auto;min-width:112px;padding:10px 14px;text-decoration:none}.secondaryButton{color:#172026;background:#fff;border:1px solid #cfc5b5}.secondaryButton span{color:#66737d}.navButton span{color:#d7c18f;margin-top:3px;font-size:12px;font-weight:500;display:block}.saveButton span{color:#d7c18f}.saveButtonWide{z-index:1;grid-column:1/-1;min-height:64px;position:relative}.saveButton:active,.secondaryButton:active,.navButton:active{transform:translateY(1px)}.dashboardGrid{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.dashboardSplit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:16px;display:grid}.successRateSection{margin-top:0}.successRateGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.backupSummaryOnly{grid-template-columns:1fr}.backupSummaryOnly .formSection:nth-child(2){display:none}.uploadForm{gap:12px;display:grid}.backupSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.backupSummary div{background:#fff;border:1px solid #ded6ca;border-radius:8px;padding:14px}.backupSummary strong{color:#102a43;font-size:30px;line-height:1;display:block}.backupSummary span{color:#66737d;margin-top:8px;font-size:12px;display:block}.metricCard{background:#ffffffeb;border:1px solid #ded6ca;border-radius:8px;gap:14px;padding:16px;text-decoration:none;display:grid}.metricCard.isActiveMetric{border-color:#0f6a67;box-shadow:inset 0 0 0 1px #0f6a67}.metricCard h2,.metricCard h3{color:#27343c;margin:0;font-size:16px;line-height:1.2}.metricCard h2 span,.metricCard h3 span{color:#66737d;margin-top:4px;font-size:12px;font-weight:700;display:block}.metricCard p{color:#66737d;margin:8px 0 0;font-size:13px}.metricCard>strong{color:#102a43;font-size:34px;line-height:1}.metricDetailPanel{background:#fffffff0;border:1px solid #ded6ca;border-radius:8px;gap:12px;margin-top:14px;padding:14px;display:grid}.metricDetailPanel h3{color:#27343c;margin:0;font-size:15px;line-height:1.2}.metricDetailPanel h3 span{color:#66737d;margin-top:4px;font-size:12px;font-weight:700;display:block}.missingDateList{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.missingDateItem{color:#132232;background:#fff;border:1px solid #d7d0c2;border-radius:8px;gap:4px;padding:10px 12px;text-decoration:none;display:grid}.missingDateItem strong{font-size:14px}.missingDateItem span{color:#0f6a67;font-size:12px}.progressTrack{background:#e7dfd2;border-radius:999px;height:10px;overflow:hidden}.progressTrack span{background:#0f6a67;height:100%;display:block}.barList,.tableList{gap:10px;display:grid}.barRow,.tableRow{background:#fff;border:1px solid #ded6ca;border-radius:8px;padding:12px}.barRow{grid-template-columns:1fr auto;gap:8px;display:grid}.barRow .progressTrack{grid-column:1/-1}.barRow strong,.barRow span,.barRow em{display:block}.barRow strong{color:#132232}.barRow span,.barRow em,.tableRow span,.tableRow em{color:#66737d;font-size:12px;font-style:normal}.barRow em{color:#102a43;font-size:16px;font-weight:800}.tableRow{gap:4px;display:grid}.tableRow strong{color:#102a43}.tableRow b{color:#0f6a67;font-size:12px}.tableRow .lastSuccessTime{color:#102a43;font-size:14px;font-weight:900}.tableRow small{color:#66737d;font-size:12px;line-height:1.5}.emptyText{color:#66737d;margin:0}.dashboardSection{margin-top:16px}.temperatureGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.temperatureCard{background:#fff;border:1px solid #ded6ca;border-radius:8px;padding:14px}.temperatureCard strong,.temperatureCard span{display:block}.temperatureCard strong{color:#102a43;font-size:20px}.temperatureCard span{color:#66737d;margin-top:4px;font-size:13px}.temperatureChart{gap:10px;display:grid}.temperatureBar{background:#fff;border:1px solid #ded6ca;border-radius:8px;grid-template-columns:110px minmax(120px,180px) minmax(180px,1fr) 70px;align-items:center;gap:10px;padding:12px;display:grid}.temperatureBar span,.temperatureBar em{color:#66737d;font-size:12px;font-style:normal}.temperatureBar strong{color:#102a43;overflow-wrap:anywhere;font-size:15px}.temperatureBar em{text-align:right}.temperatureTrack{background:#e7dfd2;border-radius:999px;height:14px;overflow:hidden}.temperatureTrack i{border-radius:inherit;background:#0f6a67;height:100%;display:block}.temperatureLineChart{background:#fff;border:1px solid #ded6ca;border-radius:8px;gap:14px;padding:14px;display:grid}.temperatureDotChart{grid-template-columns:68px minmax(720px,1fr);gap:8px 12px;padding-bottom:4px;display:grid;overflow-x:auto}.temperatureYAxis{flex-direction:column;justify-content:space-between;height:280px;padding:2px 0 22px;display:flex}.temperatureYAxis span,.temperatureDateAxis span{color:#66737d;white-space:nowrap;font-size:11px;line-height:1}.temperaturePlot{background:linear-gradient(90deg,#ded6caad 1px,#0000 1px) 0 0/3.33333% 100%,#fff;border-bottom:1px solid #d8d0c3;border-left:1px solid #d8d0c3;min-width:720px;height:280px;position:relative}.temperatureGridLine{background:#eee7dc;height:1px;position:absolute;left:0;right:0}.temperatureDotCell{z-index:1;background:#0f6a67;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f6a67}.temperatureDotCell.isEmpty{opacity:.45;background:#fff;border-color:#cfc5b5;box-shadow:0 0 0 1px #cfc5b5}.temperatureDateAxis{grid-column:2;grid-template-columns:repeat(30,minmax(24px,1fr));gap:0;min-width:720px;display:grid}.temperatureDateAxis span{text-align:center;padding-top:6px}.temperatureDateAxis .isMuted{opacity:0}.temperatureLineChart svg{background:linear-gradient(#f2eee7 1px,#0000 1px) 0 20px/100% 40px,#fff;width:100%;height:260px;overflow:visible}.temperatureArea{fill:#0f6a671f;stroke:none}.temperatureLine{fill:none;stroke:#0f6a67;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px}.temperatureDot{fill:#fff;stroke:#0f6a67;stroke-width:1.8px}.temperatureLegend{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.temperaturePoint{border-top:1px solid #eee7dc;gap:4px;padding-top:10px;display:grid}.temperaturePoint span,.temperaturePoint em{color:#66737d;font-size:12px;font-style:normal}.temperaturePoint strong{color:#102a43;font-size:20px}.indexPage{grid-template-rows:auto 1fr;gap:18px;display:grid}.indexHero{min-height:180px}.indexLinks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.indexCard{color:#132232;background:#fffffff0;border:1px solid #ded6ca;border-radius:8px;min-height:180px;padding:22px;text-decoration:none;display:grid}.indexCard strong{font-size:24px}.indexCard span,.indexCard em{color:#66737d;font-style:normal;display:block}.indexCard span{color:#0f6a67;margin-top:8px;font-size:14px;font-weight:800}.indexCard em{align-self:end;font-size:13px;line-height:1.45}.loginPage{background:linear-gradient(#102a4338,#102a4300),#f4f1ec;align-items:center;min-height:100vh;padding:18px;display:grid}.loginPanel{background:#fffffff5;border:1px solid #ded6ca;border-radius:8px;width:100%;max-width:420px;margin:0 auto;padding:28px;box-shadow:0 18px 60px #102a4329}.loginPanel h1{color:#102a43}.loginDescription{color:#66737d;margin:8px 0 18px}.loginError{color:#a12a2a;background:#fff0f0;border:1px solid #e6b5b5;border-radius:8px;margin:0 0 14px;padding:10px 12px}.loginForm{gap:14px;display:grid}@media (max-width:420px){.page{padding:14px 12px 28px}.topbar{padding:16px}.topActions{grid-template-columns:1fr;align-items:stretch;display:grid}h1{font-size:27px}.dateForm,.backupSummary{grid-template-columns:1fr}.temperatureBar{grid-template-columns:1fr;align-items:stretch}.temperatureBar em{text-align:left}.shellPanel,.formSection,.field:not(.shellPanel){padding:12px}}@media (min-width:900px){.topbar{padding:clamp(20px,2vw,30px)}.workSurface{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.checkTopTools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.miniCalendar{height:100%}.checkrow{min-height:88px}}@media (min-width:1280px){.workSurface{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}main>.dateForm{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) minmax(104px,.22fr) minmax(116px,.24fr);width:100%}.checkTopTools .dateForm{grid-template-columns:minmax(0,1fr) minmax(104px,140px)}}@media (min-width:1500px){.workSurface{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
