*{box-sizing:border-box}body{margin:0;background:#f3f7fc;color:#172641;font:15px/1.6 system-ui,sans-serif}header{background:#0785ff;color:white;padding:18px 5%;display:flex;align-items:center;gap:24px}h1{font-size:25px;margin:0;flex:1}small{font-size:15px;font-weight:400}main{max-width:1200px;margin:28px auto;padding:0 24px}section{background:white;border:1px solid #e0e8f3;border-radius:14px;padding:24px;margin:20px 0}button{background:#0785ff;color:white;border:0;border-radius:7px;padding:11px 18px;cursor:pointer;margin:6px 4px 6px 0;font-size:14px}button:disabled{opacity:.4;cursor:default}label{display:inline-flex;flex-direction:column;gap:7px;margin:6px 12px 10px 0}input,select{border:1px solid #ccd9e9;border-radius:7px;padding:10px;font:inherit;max-width:100%}input[type=checkbox]{width:20px;height:20px}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap}#year{width:110px}#login{max-width:500px;margin:60px auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px;border-bottom:1px solid #e7edf5}th{background:#eef6ff}.table-wrap{max-height:500px;overflow:auto}#message{color:#b43d25;white-space:pre-wrap}pre{white-space:pre-wrap;background:#f4f7fc;padding:15px;max-height:350px;overflow:auto}.hint{color:#60718b;margin:2px 0 10px}.legacy-room{display:block;color:#73839b}.gallery{display:flex;flex-wrap:wrap;gap:16px}.gallery-title{flex-basis:100%;margin:8px 0 0}.gallery figure{margin:0;padding:12px;border:1px solid #dee8f2;max-width:260px}.gallery img{width:210px;height:170px;object-fit:contain}.gallery figcaption,.photo-path{overflow-wrap:anywhere}.photo-path{font-size:12px;color:#536886;margin:6px 0}.legacy-path{color:#99663b}.staff-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid #ddd}.staff-row input{flex:1;min-width:200px}[hidden]{display:none!important}
.checkbox-filter{flex-direction:row;align-items:center;gap:8px;margin-bottom:14px;white-space:nowrap}
.checkbox-filter input{margin:0}
.empty-row{text-align:center;color:#73839b;padding:25px}
.secondary{background:#eaf4ff;color:#0875d8}
.selection-bar,.section-heading,.download-actions,.viewer-heading,.viewer-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.selection-bar{padding:8px 0}.selection-bar .checkbox-filter{margin:0}.selection-bar #selectionInfo{flex:1;min-width:180px;color:#536886}
.selection-limit,.download-error{color:#b43d25!important}.section-heading h3{flex:1;margin:0}.history-scroll{max-height:300px;overflow:auto}
.pc-pending{color:#b15e10;font-weight:700}
#zipProgress{width:100%;height:14px;accent-color:#0785ff}#progressText{margin:5px 0 12px;color:#536886}#saveInfo{color:#168044}
.photo-preview{padding:0;margin:0;background:transparent;display:block}.photo-preview:hover{outline:2px solid #0785ff}.photo-preview img{display:block}
#photoViewer{width:min(1000px,94vw);max-height:94vh;padding:18px;border:0;border-radius:14px;color:#172641;overflow:auto}#photoViewer::backdrop{background:rgba(12,25,42,.76)}
.viewer-heading h3{flex:1;min-width:0;overflow-wrap:anywhere;margin:0}.viewer-image{height:min(65vh,760px);display:flex;align-items:center;justify-content:center;background:#f3f7fc;border-radius:8px}.viewer-image img{max-width:100%;max-height:100%;object-fit:contain}.viewer-controls{justify-content:center;margin-top:10px}.viewer-controls a{color:#0875d8}#viewerError:empty{display:none}