
:root{font-family:system-ui,sans-serif;color:#182c43;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{background:#14283f;color:white;padding:22px max(20px,calc((100vw - 1080px)/2));border-bottom:4px solid #b83b44}header strong{font-size:24px}header p{margin:6px 0;color:#c5d0dc}main{max-width:1080px;padding:24px;margin:auto}.notice{background:#fff4d8;padding:12px 16px;border-radius:8px;margin-bottom:20px}.panel,.card{background:white;border:1px solid #dce3eb;border-radius:12px;padding:20px;margin-bottom:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar h1{flex:1;font-size:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.card h2{font-size:18px;margin:0 0 12px}label{display:block;font-weight:600;margin:14px 0 6px}input,textarea,select{font:inherit;padding:12px;width:100%;border:1px solid #aab9c9;border-radius:7px}textarea{min-height:110px}button{font:inherit;border:0;border-radius:7px;padding:12px 16px;min-height:44px;background:#193f66;color:white;cursor:pointer;margin:6px 6px 0 0}button.secondary{background:#e8edf3;color:#18344d}button:disabled{opacity:.6;cursor:wait}.status{display:inline-block;border-radius:20px;padding:4px 10px;background:#e9f0f8;font-size:13px}.muted{color:#647487;font-size:14px}#message{padding:12px 0;color:#193f66;white-space:pre-wrap}#login{max-width:460px;margin:24px auto}.hidden{display:none!important}.check{display:flex;gap:10px;align-items:center}.check input{width:20px;height:20px}.history{border-left:3px solid #e1e7ee;padding:0 14px}.actions{margin-top:12px}@media(max-width:600px){main{padding:16px}.toolbar{align-items:stretch}.toolbar select{width:100%}header strong{font-size:21px}}

#message.error{color:#a31b27}

.card,.check{overflow-wrap:anywhere}
fieldset{border:1px solid #dce3eb;border-radius:8px;margin-top:16px}

#managerNav button.selected-nav{background:#173e55;color:white;border-color:#173e55}
summary{cursor:pointer;padding:12px 0;font-weight:600}
details{border-top:1px solid #dce4e8;margin-top:12px}

#exportsPanel{overflow-wrap:anywhere}

#overviewPanel{overflow-wrap:anywhere}.overview-metric{display:flex;flex-direction:column;gap:8px;text-align:left;background:#e9f0f8;color:#182c43;border:1px solid #dce3eb;margin:0;width:100%}.overview-metric strong{font-size:32px}.overview-metric span{font-weight:600}#overviewPanel h3{margin:0 0 10px;font-size:18px}

.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}@media(max-width:600px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metric{padding:14px}.overview-metric span{font-size:14px}}

/* V15: familiar Apps Script visual structure; existing actions and data unchanged. */
:root{color:#13233a;background:#f3f6f9;line-height:1.5}
header{background:linear-gradient(110deg,#102a43,#173f67);padding:18px 28px;border-bottom:3px solid #be2d25;box-shadow:0 4px 18px #102a4320}
header strong{font-size:21px;letter-spacing:.025em}header p{font-size:13px;margin:4px 0 0}
main{max-width:1480px;padding:24px 28px}
.workspace-content{min-width:0}
.manager-workspace .workspace-shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:28px;align-items:start}
.manager-workspace #managerNav{position:sticky;top:20px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:18px 12px;background:linear-gradient(180deg,#102a43,#143653);border-radius:14px;box-shadow:0 8px 28px #102a4312}
.manager-workspace #managerNav button{width:100%;margin:0;text-align:left;background:transparent;color:#c8d6e3;font-weight:650;border-radius:9px;padding:11px 13px;min-height:44px}
.manager-workspace #managerNav button:hover:not(:disabled){background:#ffffff12;color:white}
.manager-workspace #managerNav button.selected-nav{background:white;color:#102a43;box-shadow:0 5px 16px #071a2a33}
.manager-workspace #managerNav::after{content:'Guardian Safety';color:#a9bfd2;font-size:11px;margin:20px 13px 3px;letter-spacing:.04em}
.workspace-content>.toolbar{margin-bottom:18px;gap:12px}.toolbar h1{font-size:30px;letter-spacing:-.035em;margin:8px 0}
.panel,.card{border:1px solid #dfe5ec;border-radius:15px;box-shadow:0 2px 10px #102a4307}
.panel{padding:22px}.card{padding:18px}
input,select,textarea{border-color:#ccd5df;background:#fbfdff;border-radius:9px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2468d833;outline-offset:1px;border-color:#75a7ef;background:white}
button{font-weight:600;border-radius:9px;background:#102a43}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75a7ef;outline-offset:3px}
button:hover:not(:disabled){filter:brightness(.97)}button:disabled{cursor:not-allowed}
summary{padding:15px 0;min-height:48px}
details[open]>summary{color:#102a43}details>summary:hover{color:#2468d8}
.overview-metric{border-left:4px solid #2468d8;background:#edf4ff;border-radius:12px;padding:17px}
.overview-metric strong{font-size:30px}.overview-metric span{font-size:14px}
.history{border-color:#d6e0eb}.notice{font-size:13px;border:1px solid #eadbb5}
@media(min-width:1001px){.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-metric{padding:14px}.overview-metric span{font-size:13px}}
@media(max-width:1000px){.manager-workspace .workspace-shell{display:block}.manager-workspace #managerNav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px;margin-bottom:20px}.manager-workspace #managerNav button{width:auto;flex:0 1 auto;padding:10px 12px}.manager-workspace #managerNav::after{display:none}}
@media(max-width:600px){header{padding:17px 16px}main{padding:16px}.panel{padding:16px}.card{padding:15px}.toolbar h1{font-size:25px;width:100%;flex-basis:100%}.workspace-content>.toolbar select{max-width:none!important}.manager-workspace #managerNav{gap:6px}.manager-workspace #managerNav button{flex:1 1 calc(50% - 6px);font-size:13px;text-align:center}.overview-metric{padding:12px}.overview-metric strong{font-size:27px}.overview-metric span{font-size:12px}.toolbar button{margin-right:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:1001px){.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}

.photo-image{display:block;width:100%;max-width:300px;height:190px;object-fit:contain;background:#f1f5f9;border-radius:8px;margin-bottom:12px}.photo-picker input{max-width:100%}.photo-gallery .card{min-width:0}
