#location-map{height:340px;border-radius:10px;border:1px solid #e1e8e1}
.location-summary{padding:12px;border:1px solid #e4e7ec;border-radius:5px;background:#f9fafb;color:#344054}.position-advanced{margin:12px 0}.position-advanced:not([open])>:not(summary){display:none}
.course-folder:not([open])>.course-folder-items{display:none}
.work-refresh-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.work-refresh-actions .secondary{white-space:nowrap}
.course-folder{margin:0;min-width:0;grid-column:1/-1}.course-folder summary{display:flex;align-items:center;gap:8px;padding:10px 6px;color:#344054;font-size:13px;list-style:none}.course-folder summary::before{content:'▸';flex-shrink:0;color:#667085}.course-folder[open]>summary::before{content:'▾'}.course-folder summary::-webkit-details-marker{display:none}.course-folder summary span{flex:1;min-width:0;overflow-wrap:anywhere}.course-folder summary small{color:#667085}.course-folder-items{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
@media(max-width:680px){.work-refresh-actions .secondary{font-size:11px;padding:9px 12px;min-height:35px}}
.gesture-pad{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:230px;margin:20px auto;touch-action:none}
.gesture-pad button{z-index:1;width:48px;height:48px;background:#f3f7f0;border:2px solid #d8e6d6;border-radius:50%;font-size:13px;color:#809581;justify-self:center;user-select:none}
.gesture-pad button.chosen{border-color:#16735a;background:#e7f2e8;color:#16735a}
.gesture-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
@media(max-width:680px){#location-map{height:300px}.gesture-pad{width:215px;gap:20px}}

:root{color:#24292f;background:#f6f7f8;--green:#2563eb;--dark:#1d4ed8;--muted:#667085;--line:#e4e7ec;--soft:#eff4ff;font-family:system-ui,"Microsoft YaHei",sans-serif}
h1{font-size:24px;letter-spacing:0}h2{font-size:17px;letter-spacing:0}.brand strong{color:#24292f;font-size:18px}.topbar{height:64px;padding:0 24px;gap:16px}.nav-button{border-radius:5px;padding:10px 16px}.nav-button.active{font-weight:500}main{max-width:1200px;padding:24px}.page-heading{margin-bottom:20px;gap:16px}.page-heading .muted{margin-top:6px;font-size:13px;line-height:1.6}.panel{border-radius:6px}.work-grid{grid-template-columns:260px minmax(0,1fr);gap:16px}.sources,.activities-panel{padding:18px}.activities-panel{min-height:360px}.panel-heading{margin-bottom:16px}.panel-heading>div{min-width:0}.panel-heading h2{overflow-wrap:anywhere}.primary,.secondary{border-radius:5px;padding:10px 14px;gap:8px;font-weight:500;min-height:42px}.secondary{color:#344054;border-color:#d0d5dd}.tag,.badge,.segmented,.segmented button,.course-card,.activity-card,.account-actions button,.avatar,.summary,.notice,.target{border-radius:5px}.tag,.badge{font-size:12px}.activity-card{padding:14px;gap:12px}.type-icon,.course-icon{width:32px;height:32px;font-size:16px;border-radius:5px;background:#f2f4f7!important;color:#667085!important}.empty{padding:42px 12px}.empty h3{margin:0 0 8px}.empty-icon{display:none}.tip{font-size:12px}.accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-card{padding:18px}.account-head>div:last-child{min-width:0}.account-head h3,.account-head p,.course-info strong,.activity-content h3{overflow-wrap:anywhere}.account-actions button{font-size:12px;min-height:36px}.account-head{margin-bottom:14px}.avatar{width:36px;height:36px;font-size:16px}.summary strong{font-size:24px}.summary span{font-size:12px}input:not([type=checkbox]):not([type=range]),select,textarea{border-radius:5px;background:#fff;min-width:0}label{font-size:13px;color:#344054}.gate{background:#f6f7f8}.gate-card{max-width:380px;border-radius:6px;padding:28px;box-shadow:none}.gate-card h1{font-size:26px}.gate-card .muted{margin:10px 0 24px}.gate-card small{margin-top:18px;font-size:12px}.gate-card .primary span{display:none}dialog{border:1px solid var(--line);border-radius:7px;width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#10182860;backdrop-filter:none}.modal-head{padding:16px 20px;gap:12px}.modal-head h2{min-width:0;overflow-wrap:anywhere}.modal-head button{flex-shrink:0;min-width:36px;min-height:36px}.modal-content{padding:20px;overflow-wrap:anywhere}.modal-footer{padding:14px 20px;flex-wrap:wrap;background:#fff}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.target{min-width:0}.target span{overflow-wrap:anywhere;min-width:0}.result-row{align-items:flex-start;flex-wrap:wrap}.result-row p{min-width:120px;overflow-wrap:anywhere}.favorite-row{flex-wrap:wrap}.favorite-row select{min-width:120px}.history-row>div{min-width:0;overflow-wrap:anywhere}.history-row time{flex-shrink:0}.about{font-size:12px}.about p{margin:10px 0}.about a{font-size:12px}#toast{border-radius:5px;bottom:16px}#location-map{border-radius:5px}nav,section,aside,.button-row{min-width:0}.button-row{flex-wrap:wrap}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1450px){main{padding:24px}.topbar{padding:0 max(24px,calc((100vw - 1152px)/2))}}
@media(max-width:1000px){.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:680px){.topbar{height:auto;padding:12px 16px 0;gap:8px}.topbar nav{margin-top:2px;padding:6px 0;gap:4px}.nav-button{padding:10px 4px;font-size:13px}.brand strong{font-size:18px}main{padding:18px 12px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:22px}.page-heading .muted{font-size:13px}.work-grid{grid-template-columns:minmax(0,1fr);gap:12px}.sources,.activities-panel{padding:14px}.activities-panel{min-height:240px}.panel-heading{gap:8px}.inline-label{font-size:12px}.source-list{grid-template-columns:minmax(0,1fr);max-height:180px}.activity-card{padding:12px;gap:8px}.activity-content h3{font-size:14px}.activity-card .primary{font-size:12px}.metadata{font-size:11px}.accounts-grid{grid-template-columns:minmax(0,1fr)}.button-row .primary,.button-row .secondary{font-size:12px}.target-grid{grid-template-columns:minmax(0,1fr)}.modal-head,.modal-content{padding:16px}.modal-footer{padding:12px 16px}.summary-row{gap:8px}.summary{padding:12px 8px}.summary span{font-size:11px}.gate-card{padding:24px}.face-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-row{flex-wrap:wrap}.tip{font-size:12px}}
@media(max-width:360px){.field-row{grid-template-columns:minmax(0,1fr)}.activity-card .type-icon{display:none}.gesture-pad{max-width:100%}.face-list{grid-template-columns:minmax(0,1fr)}}
body:has(dialog[open]){overflow:hidden}dialog{max-width:calc(100% - 24px)}.target{flex-direction:row}.modal-content .inline-label{white-space:normal;line-height:1.6;align-items:flex-start}.modal-content .inline-label input{margin-top:3px}.modal-content .button-row>button{max-width:100%;white-space:normal}.modal-footer button{max-width:100%;white-space:normal}

.monitor-panel{padding:14px 18px;margin-bottom:16px}.monitor-panel .activity-list:not(:empty){margin-top:12px;max-height:280px;overflow:auto}.monitor-panel .activity-card{padding:10px}.monitor-panel #monitor-status{font-size:12px;overflow-wrap:anywhere}

.source-list{min-width:0;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto}
.course-card{min-width:0;max-width:100%}
.course-info{flex:1;min-width:0}
.course-info strong{white-space:normal;overflow-wrap:anywhere}
@media(min-width:1001px){main{max-width:1280px}.work-grid{grid-template-columns:340px minmax(0,1fr)}}
@media(min-width:681px) and (max-width:1000px){.work-grid{grid-template-columns:280px minmax(0,1fr)}}

.attendance-badge.attended{background:#e8f5ed;color:#166534}.attendance-badge.not-attended{background:#fff5df;color:#925c00}.attendance-badge.attendance-error{background:#fef2f2;color:#b42318}