html,body,main{width:100%;height:100%;overflow:hidden}body{background:#dce6df}main{max-width:none;margin:0;padding:0}.mapShell,#map{position:absolute;inset:0;width:100%;height:100%}.leaflet-container{font-family:'DM Sans',system-ui,sans-serif}.mapTopbar{position:absolute;z-index:500;top:18px;left:18px;right:18px;margin:0;padding:12px 14px;border:1px solid #fff9;border-radius:16px;background:#fffffff0;backdrop-filter:blur(14px);box-shadow:0 8px 32px #17392f22}.mapTopbar .brand{font-size:25px}.mapTopbar .brand span{font-size:17px}.mapMeta{display:flex;flex-direction:column;align-items:center;color:#547067;font-size:12px}.mapMeta #date{font-weight:700}.headerActions{display:flex;gap:8px}.glass{background:#ffffffeb;color:#284f43;border:1px solid #dfe9e2;box-shadow:0 5px 18px #17392f14}.iconButton{width:44px;height:44px;padding:10px;display:grid;place-items:center}.iconButton svg{position:static;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.locationCard{position:absolute;z-index:500;left:18px;bottom:18px;display:flex;align-items:center;gap:18px;max-width:calc(100% - 420px);padding:12px 14px;background:#fffffff0;border:1px solid #fff9;border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 8px 28px #17392f22}.locationCard div{min-width:0}.locationCard span{display:block;color:#668178;font-size:10px;font-weight:700;letter-spacing:1.5px}.locationCard strong{display:block;margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locationCard button{padding:10px 13px;white-space:nowrap}.attendancePanel{position:absolute;z-index:500;right:18px;bottom:18px;width:min(370px,calc(100% - 36px));padding:12px;border:1px solid #fff9;border-radius:18px;background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 14px 42px #17392f2e}.attendancePanel details{border-bottom:1px solid #e1e9e3;margin:-2px -2px 12px}.attendancePanel summary{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 13px;cursor:pointer;list-style:none}.attendancePanel summary::-webkit-details-marker{display:none}.attendancePanel summary b,.attendancePanel summary small{display:block}.attendancePanel summary b{font-size:14px}.attendancePanel summary small{color:#799087;font-size:11px;margin:2px 0 0}.chevron{font-size:22px;transition:transform .2s}.attendancePanel details[open] .chevron{transform:rotate(180deg)}.photoContent{padding:0 8px 12px}.choices{margin:0 0 10px}.choices label{padding:10px}.miniPreview{height:64px;border-radius:10px;background:#eef3ef;display:flex;align-items:center;justify-content:center;gap:8px;color:#678078;font-size:13px}.photoContent video,.photoContent img{height:150px}.photoContent #capture{padding:10px 14px;margin-top:8px}.attendanceActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.attendanceActions button{padding:13px 10px}.attendancePanel #message{padding:7px 4px 0;max-height:54px;overflow:auto;font-size:12px}.attendancePanel pre{max-height:90px;overflow:auto;margin:8px 0 0;padding:10px;font-size:10px}.gate{position:absolute;z-index:700;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 28px));margin:0}.dialogHeader{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialogHeader h2{margin-bottom:0}dialog{width:min(720px,calc(100% - 28px));max-height:80vh;border:1px solid #dce6dd;border-radius:20px;padding:26px;color:#163a35;box-shadow:0 24px 80px #102e2866}dialog::backdrop{background:#163a3577;backdrop-filter:blur(3px)}#historyContent{overflow:auto;margin-top:22px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e3e9e4}thead td{color:#65847a;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
@media(max-width:700px){.mapTopbar{top:max(10px,env(safe-area-inset-top));left:10px;right:10px;padding:9px 10px}.mapMeta{display:none}.mapTopbar .brand span{display:none}.locationCard{left:10px;right:10px;bottom:184px;max-width:none}.attendancePanel{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px)}.photoContent video,.photoContent img{height:112px}.leaflet-control-zoom{margin-top:82px!important}.gate{max-height:calc(100% - 20px);overflow:auto;padding:18px 8px}#pattern{width:260px;height:260px}table{min-width:520px}}