@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d1117;--ink2:#3a3f4b;--ink3:#8891a4;--ink4:#bec4cf;--surface:#fff;--surface2:#f4f6fa;--surface3:#eef1f7;--accent:#2563eb;--accent-light:#eef4ff;--accent-dark:#1a4ec0;--green:#059669;--green-light:#ecfdf5;--orange:#d97706;--orange-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--purple:#7c3aed;--purple-light:#ede9fe;--border:#00000012;--border2:#0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000d;--sidebar-w:240px}html,body{background:var(--surface2);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,sans-serif}svg use{pointer-events:none}#login-page{background:#edf4f2;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:24px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 24px 64px #0003}.login-logo{background:var(--accent);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #2563eb59}.login-title{text-align:center;color:var(--ink);margin-bottom:6px;font-size:22px;font-weight:700}.login-sub{color:var(--ink3);text-align:center;margin-bottom:32px;font-size:13px}.form-group{margin-bottom:16px}.form-label{color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-input{background:var(--surface2);border-radius:var(--radius-md);width:100%;height:48px;color:var(--ink);border:1.5px solid #0000;outline:none;padding:0 14px;font-family:Noto Sans SC,sans-serif;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;width:100%;height:50px;margin-top:8px;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #2563eb59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.btn-primary:active{transform:translateY(0)}.login-hint{color:var(--ink4);text-align:center;margin-top:16px;font-size:11.5px}#app{width:100%;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:200;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.logo-icon{background:var(--accent);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb4d}.logo-text{color:var(--ink);font-size:14px;font-weight:700}.logo-sub{color:var(--ink3);margin-top:1px;font-size:11px}.sidebar-nav{scrollbar-width:none;flex:1;padding:12px 10px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:4px}.nav-label{color:var(--ink4);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px 4px;font-size:9.5px;font-weight:700}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--ink2);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-width:0;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item svg{color:var(--ink4);flex-shrink:0;transition:color .15s}.nav-item:hover{background:var(--surface2);color:var(--ink)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item span:not(.nav-badge){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-badge{background:var(--red);color:#fff;border-radius:100px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:14px 16px}.sidebar-user{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.user-av{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.user-name{color:var(--ink);font-size:13px;font-weight:600}.user-role{color:var(--ink3);font-size:11px}.logout-btn{cursor:pointer;width:28px;height:28px;color:var(--ink4);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.logout-btn:hover{background:var(--red-light);color:var(--red)}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;height:60px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.hamburger{cursor:pointer;border-radius:var(--radius-sm);width:36px;height:36px;color:var(--ink2);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:none}.hamburger:hover{background:var(--surface2)}.page-title{color:var(--ink);font-size:16px;font-weight:700}.topbar-right{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--ink2);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.icon-btn:hover{background:var(--surface2)}.notif-dot{background:var(--red);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.content{flex:1;padding:24px}.role-chip{letter-spacing:.04em;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.role-super{color:#92400e;background:#faf2e8}.role-admin{background:var(--accent-light);color:var(--accent)}.status-chip{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.chip-green{background:var(--green-light);color:#065f46}.chip-orange{background:var(--orange-light);color:#92400e}.chip-red{background:var(--red-light);color:#991b1b}.chip-blue{background:var(--accent-light);color:var(--accent)}.chip-gray{background:var(--surface3);color:var(--ink3)}.chip-purple{background:var(--purple-light);color:var(--purple)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.stat-num{color:var(--ink);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--ink3);font-size:12px;font-weight:500}.stat-delta{margin-top:6px;font-size:11px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{color:var(--ink);font-size:14px;font-weight:700}.panel-footer{border-top:1px solid var(--border);background:var(--surface2);padding:12px 20px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700}td{border-top:1px solid var(--border2);color:var(--ink2);vertical-align:middle;padding:12px 16px}.td-name{color:var(--ink);font-weight:600}.td-meta{color:var(--ink3);margin-top:2px;font-size:11px}.td-actions{align-items:center;gap:6px;display:flex}.btn-icon{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--ink3);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon:hover{background:var(--surface2);color:var(--ink);border-color:var(--ink4)}.btn-icon.danger:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.btn-icon.success:hover{background:var(--green-light);color:var(--green);border-color:var(--green)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;height:36px;padding:0 16px;font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-outline{background:var(--surface);color:var(--ink2);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface2);color:var(--ink)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid #dc262633}.btn-danger:hover{background:var(--red);color:#fff}.btn-green{background:var(--green-light);color:var(--green);border:1px solid #05966933}.btn-green:hover{background:var(--green);color:#fff}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{background:var(--surface2);border-radius:var(--radius-sm);border:1.5px solid #0000;align-items:center;gap:8px;min-width:220px;height:36px;padding:0 12px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #2563eb14}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Noto Sans SC,sans-serif;font-size:13px}.search-box input::placeholder{color:var(--ink4)}.filter-select{background:var(--surface2);border-radius:var(--radius-sm);min-width:120px;max-width:100%;height:36px;color:var(--ink2);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;outline:none;padding:0 12px;font-family:Noto Sans SC,sans-serif;font-size:13px;line-height:34px;transition:all .2s}.filter-select:focus{border-color:var(--accent);background:var(--surface)}.filter-select option,.modal-wrap .modal select option{color:var(--ink);background:var(--surface)}input.filter-select[type=date]{min-width:132px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:20px;max-height:90vh;transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;transform:translateY(20px)scale(.97)}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--ink);font-size:16px;font-weight:700}.modal-close{background:var(--surface2);cursor:pointer;width:32px;height:32px;color:var(--ink3);border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--red-light);color:var(--red)}.modal-body{padding:20px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.modal-divider{background:var(--border);height:1px;margin:0 24px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group-m{margin-bottom:16px}.form-label-m{color:var(--ink2);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.form-input-m{background:var(--surface2);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--ink);border:1.5px solid #0000;outline:none;padding:0 12px;font-family:Noto Sans SC,sans-serif;font-size:14px;transition:all .2s}.form-input-m:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #2563eb14}.form-textarea{background:var(--surface2);border-radius:var(--radius-sm);width:100%;min-height:90px;color:var(--ink);resize:vertical;border:1.5px solid #0000;outline:none;padding:10px 12px;font-family:Noto Sans SC,sans-serif;font-size:14px;transition:all .2s}.form-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #2563eb14}.form-select-m{background:var(--surface2);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--ink);cursor:pointer;border:1.5px solid #0000;outline:none;padding:0 12px;font-family:Noto Sans SC,sans-serif;font-size:14px;transition:all .2s}.form-select-m:focus{border-color:var(--accent);background:var(--surface)}.checkbox-group{flex-wrap:wrap;gap:8px;display:flex}.checkbox-item{background:var(--surface2);cursor:pointer;color:var(--ink2);border:1.5px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.checkbox-item input{accent-color:var(--accent)}.checkbox-item:has(input:checked){background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.switch-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.switch-label{color:var(--ink2);font-size:13px}.switch-desc{color:var(--ink3);margin-top:2px;font-size:11px}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--ink4);cursor:pointer;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.qr-preview{background:var(--surface2);border:2px dashed var(--border);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:180px;height:180px;margin:0 auto;transition:all .2s;display:flex}.qr-preview:hover{border-color:var(--accent);background:var(--accent-light)}.qr-preview.has-qr{border-style:solid;border-color:var(--border)}.qr-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.qr-cell{aspect-ratio:1;background:var(--ink);width:100%}.qr-empty{background:0 0}.progress-bar{background:var(--surface3);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{background:var(--surface3);width:56px;height:56px;color:var(--ink4);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-title{color:var(--ink2);margin-bottom:6px;font-size:14px;font-weight:600}.empty-desc{color:var(--ink3);font-size:12.5px}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--ink2);border-radius:8px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.page-btn:hover{background:var(--surface2)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:default}.page-info{color:var(--ink3);font-size:12px}.chart-bar-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.chart-bar-label{color:var(--ink2);text-align:right;flex-shrink:0;width:70px;font-size:12px}.chart-bar-track{background:var(--surface3);border-radius:5px;flex:1;height:10px;overflow:hidden}.chart-bar-fill{border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.chart-bar-val{color:var(--ink);text-align:right;width:36px;font-size:12px;font-weight:600}.activity-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:14px;transition:all .2s;overflow:hidden}.activity-card:hover{box-shadow:var(--shadow-md)}.activity-cover{background:#79a29d;height:100px;position:relative;overflow:hidden}.activity-cover-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000059;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.activity-title{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:700}.activity-meta{color:var(--ink3);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.activity-footer{border-top:1px solid var(--border2);background:var(--surface2);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.temp-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.temp-card:hover{box-shadow:var(--shadow-md)}.temp-qr-thumb{background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.temp-body{flex:1;min-width:0}.temp-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:700}.temp-meta{color:var(--ink3);flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:11.5px;display:flex}.temp-classes{flex-wrap:wrap;gap:5px;display:flex}.class-tag{background:var(--accent-light);color:var(--accent);border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:500}.record-row{border-bottom:1px solid var(--border2);align-items:center;gap:12px;padding:10px 0;display:flex}.record-row:last-child{border-bottom:none}.record-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-orange{background:var(--orange)}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:14px;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.admin-card:hover{box-shadow:var(--shadow-md)}.admin-av{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.admin-info{flex:1;min-width:0}.admin-name{color:var(--ink);font-size:14px;font-weight:600}.admin-sub{color:var(--ink3);margin-top:3px;font-size:11.5px}.admin-classes{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.sidebar-overlay{z-index:190;background:#0006;display:none;position:fixed;inset:0}.tab-bar{background:var(--surface2);border-radius:var(--radius-md);gap:2px;width:fit-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex}.tab-item{cursor:pointer;color:var(--ink3);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:Noto Sans SC,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:flex}.tab-item:hover{color:var(--ink2)}.tab-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-item .tab-count{background:var(--accent-light);color:var(--accent);border-radius:100px;padding:1px 6px;font-size:10px;font-weight:700}.tab-item.active .tab-count{background:var(--accent);color:#fff}.attend-toolbar{border-bottom:1px solid var(--border2);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.attend-legend{border-bottom:1px solid var(--border2);background:var(--surface2);color:var(--ink3);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 20px;font-size:11.5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.attend-class-block{margin-bottom:0}.attend-class-header{border-bottom:1px solid var(--border2);background:var(--surface2);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px 10px;display:flex;position:sticky;top:0}.attend-class-name{color:var(--ink);font-size:13px;font-weight:700}.attend-class-stats{color:var(--ink3);align-items:center;gap:12px;font-size:12px;display:flex}.attend-rate-chip{border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.attend-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:14px 20px;display:grid}.attend-cell{border:1px solid var(--border);background:var(--surface);cursor:default;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.attend-cell:hover{box-shadow:var(--shadow-sm);border-color:var(--ink4)}.attend-av{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.attend-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.attend-time{color:var(--ink3);margin-top:1px;font-size:10px}.attend-status-icon{flex-shrink:0}.temp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:20px;display:grid}.temp-card-v2{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.temp-card-v2:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.temp-card-v2-header{border-bottom:1px solid var(--border2);align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.temp-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.temp-card-v2-body{flex:1;padding:12px 16px}.temp-meta-row{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:11.5px;display:flex}.temp-meta-icon{font-size:12px}.temp-progress-wrap{margin-top:10px}.temp-progress-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.temp-progress-label{color:var(--ink3)}.temp-progress-pct{color:var(--ink);font-weight:700}.temp-card-v2-footer{border-top:1px solid var(--border2);background:var(--surface2);flex-wrap:wrap;align-items:center;gap:7px;padding:10px 16px;display:flex}.map-field{margin:16px 24px 0}.modal-wrap .modal.modal-map{max-width:860px}.map-provider-tabs{background:var(--surface2);border-bottom:1px solid var(--border2);gap:2px;padding:8px;display:flex}.map-provider-tabs button.active{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm)}.map-zoom button{border:1px solid var(--border);width:30px;height:30px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:8px;font-size:16px;font-weight:700}.map-message{color:var(--accent);background:var(--accent-light);border-top:1px solid #2563eb1f;padding:8px 12px;font-size:11.5px}.attend-section{border-bottom:1px solid var(--border)}.attend-section:last-child{border-bottom:none}.attend-section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:0;transition:background .15s;display:flex}.attend-section-toggle:hover .attend-class-header{background:var(--surface3)}.attend-toggle-arrow{width:24px;height:24px;color:var(--ink4);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.attend-section.collapsed .attend-toggle-arrow{transform:rotate(-90deg)}.attend-section.collapsed .attend-grid{display:none}.date-nav{align-items:center;gap:8px;display:flex}.date-nav-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--ink2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.date-nav-btn:hover{background:var(--surface2)}.date-nav-label{color:var(--ink);text-align:center;min-width:80px;font-size:13px;font-weight:600}.records-summary{border-bottom:1px solid var(--border2);background:var(--surface2);flex-wrap:wrap;gap:16px;padding:12px 20px;display:flex}.summary-item{align-items:center;gap:6px;font-size:12px;display:flex}.summary-dot{border-radius:50%;width:8px;height:8px}.summary-val{color:var(--ink);font-weight:700}.summary-lbl{color:var(--ink3)}@media (width<=1280px){.attend-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.temp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=900px){.tab-bar{width:100%}.tab-item{flex:1;justify-content:center}.attend-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:10px 14px}.temp-grid{grid-template-columns:1fr;padding:14px}}@media (width<=600px){.tab-item span:not(.tab-count){display:none}.attend-grid{grid-template-columns:repeat(3,1fr);gap:6px}.attend-cell{gap:6px;padding:7px 8px}.attend-name{font-size:11.5px}.records-summary{gap:10px;padding:10px 14px}.date-nav-label{min-width:68px;font-size:12px}}@media (width<=900px){#dashboard-inner-grid,.dashboard-two-col{grid-template-columns:1fr!important}}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);pointer-events:all;border-radius:12px;align-items:center;gap:8px;max-width:320px;padding:12px 18px;font-size:13px;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translate(120%)}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.warning{background:var(--orange)}@media (width<=1280px){.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{width:260px;box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.hamburger{display:flex}.main{margin-left:0}.content{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.form-row{grid-template-columns:1fr}.toolbar{gap:8px}.search-box{min-width:160px}table{font-size:12px}th,td{padding:9px 12px}.topbar{padding:0 16px}.panel-header{padding:14px 16px}.panel-body{padding:16px}.temp-card{flex-direction:column}.temp-qr-thumb{width:100%;height:120px}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.stat-num{font-size:22px}.modal{border-radius:16px 16px 0 0;max-height:85vh}.modal-overlay{align-items:flex-end;padding:0}}@media (width<=900px){#dashboard-inner-grid,.dashboard-two-col{grid-template-columns:1fr!important}}.toast-wrap{z-index:600;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{transform:translate(120%)}.toast.show{transform:translate(0)}#app{width:100%;height:100vh;display:block;overflow:hidden}.shell{width:100%;height:100vh;display:flex;overflow:hidden}.panel-title>span{color:var(--ink3);font-size:12px;font-weight:400}.btn,.nav-item,.tab-item{text-decoration:none}.tab-item{background:0 0;border:0;font-family:Noto Sans SC,sans-serif}.empty{text-align:center;color:var(--ink3);padding:28px;font-size:12.5px}.loading{z-index:650;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 14px;font-size:13px;position:fixed;bottom:20px;right:20px}.admin-list{gap:10px;display:grid}.modal.modal-wide{max-width:720px}.modal.modal-map{max-width:860px}.modal-body>form>:last-child{margin-bottom:0}.confirm-delete-icon{background:var(--red-light);width:56px;height:56px;color:var(--red);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.confirm-delete-title{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:700}.confirm-delete-text{color:var(--ink3);font-size:13px;line-height:1.7}.confirm-delete-btn{background:var(--red);color:#fff}.confirm-delete-btn:hover{background:#b91c1c}.slot-editor-card{background:var(--surface2);border-radius:10px;margin-bottom:10px;padding:14px}.slot-editor-head{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.qr-code-image{border:8px solid var(--ink);object-fit:cover;width:200px;height:200px;box-shadow:var(--shadow-md);background:#fff;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.qr-code-placeholder{color:var(--ink)}.manual-warning{background:var(--orange-light);color:var(--orange);border:1px solid #d9770633;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:12.5px}.modal-table-wrap{margin:0 -24px}.map-field{margin-bottom:16px}.map-field-title{color:var(--ink2);margin-bottom:7px;font-size:12px;font-weight:600}.map-picker{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.map-provider-tabs{border-bottom:1px solid var(--border2);background:var(--surface2);gap:2px;padding:8px;display:flex}.map-provider-tabs button{height:28px;color:var(--ink3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.map-provider-tabs button:hover{color:var(--ink2)}.map-provider-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.map-picker-canvas{cursor:crosshair;background-color:#eef4f2;background-image:none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:360px;position:relative;overflow:hidden}.map-tile{-webkit-user-select:none;user-select:none;pointer-events:none;width:256px;height:256px;position:absolute}.map-marker{z-index:4;color:var(--red);filter:drop-shadow(0 4px 8px #00000040);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-92%)}.map-crosshair{z-index:3;background:var(--red);pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000040}.map-zoom{z-index:5;gap:6px;display:grid;position:absolute;top:10px;right:10px}.map-zoom button{border:1px solid var(--border);width:30px;height:30px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffeb;border-radius:8px;font-size:16px;font-weight:700}.map-zoom button:hover{background:var(--surface);color:var(--accent)}.map-picker-footer{border-top:1px solid var(--border2);background:var(--surface2);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.map-coords{color:var(--ink3);flex-wrap:wrap;gap:10px;font-size:11.5px;font-weight:600;display:flex}.map-message{background:var(--accent-light);color:var(--accent);border-top:1px solid #2563eb1f;padding:8px 12px;font-size:11.5px}@media (width<=900px){.modal.modal-wide,.modal.modal-map{max-width:100%}.map-picker-canvas{height:300px}}@media (width<=480px){.modal-overlay.open{align-items:flex-end;padding:0}.modal-overlay.open .modal{border-radius:16px 16px 0 0;max-height:85vh}}.map-picker-amap{contain:layout paint}.map-picker-head{border-bottom:1px solid var(--border2);background:var(--surface2);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.map-picker-brand{color:var(--ink);font-size:12.5px;font-weight:700}.map-picker-tip{color:var(--ink3);margin-top:2px;font-size:10.5px}.amap-container-wrap{cursor:default;isolation:isolate}.amap-map-container{width:100%;height:100%;position:absolute;inset:0}.map-state-layer{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ink3);background:#f4f6fae6;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.map-loading-spinner{border:3px solid #2563eb29;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite map-loading-rotate}@keyframes map-loading-rotate{to{transform:rotate(360deg)}}.map-error-layer{color:var(--red);text-align:center;padding:24px}.map-error-layer strong{color:var(--ink);font-size:14px}.map-error-layer span{max-width:460px;color:var(--ink3);line-height:1.6}.map-address-status{min-width:0;color:var(--green);text-align:right;justify-content:flex-end;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.map-address-status.resolving{color:var(--accent)}.map-address-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;animation:1s ease-in-out infinite map-address-pulse}@keyframes map-address-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.map-selected-address{background:var(--green-light);color:#065f46;border-top:1px solid #0596691f;align-items:flex-start;gap:7px;padding:9px 12px;font-size:11.5px;line-height:1.55;display:flex}.map-selected-address svg{flex:none;margin-top:1px}.map-picker-amap .amap-marker{will-change:transform}.map-picker-amap .amap-maps,.map-picker-amap .amap-layer{transform:translateZ(0)}@media (width<=600px){.map-picker-head{align-items:flex-start}.map-picker-tip{display:none}.map-picker-footer{flex-direction:column;align-items:flex-start}.map-address-status{text-align:left;justify-content:flex-start}}.modal-overlay.open .modal{flex-direction:column;display:flex;overflow:hidden}.modal-header,.modal-divider,.modal-footer{flex:none}.modal-header{background:var(--surface)}.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:hidden auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface);padding-top:14px}.map-place-search{z-index:30;border-bottom:1px solid var(--border2);background:var(--surface);padding:10px 12px;position:relative}.map-place-search-box{background:var(--surface2);border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding-left:12px;transition:all .2s;display:flex}.map-place-search-box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #2563eb14}.map-place-search-box>svg{color:var(--ink4);flex:none}.map-place-search-box input{min-width:0;height:38px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-family:Noto Sans SC,sans-serif;font-size:13px}.map-place-search-box input::placeholder{color:var(--ink4)}.map-place-search-box .btn{height:34px;margin-right:3px}.map-search-error{color:var(--red);padding:8px 4px 0;font-size:11.5px}.map-search-results{border:1px solid var(--border);background:var(--surface);max-height:220px;box-shadow:var(--shadow-md);border-radius:10px;margin-top:8px;overflow-y:auto}.map-search-result{border:0;border-bottom:1px solid var(--border2);background:var(--surface);width:100%;min-height:56px;color:var(--ink2);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:9px 11px;font-family:Noto Sans SC,sans-serif;transition:background .15s;display:flex}.map-search-result:last-child{border-bottom:0}.map-search-result-icon{background:var(--accent-light);width:28px;height:28px;color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.map-search-result-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.map-search-result-content strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.map-search-result-content small{color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.45;overflow:hidden}.map-search-result-coordinate{color:var(--ink4);font-variant-numeric:tabular-nums;flex:none;font-size:10px}@media (width<=600px){.map-place-search-box{flex-wrap:wrap;align-items:stretch;padding:8px}.map-place-search-box>svg{margin-top:10px}.map-place-search-box input{width:calc(100% - 28px)}.map-place-search-box .btn{justify-content:center;width:100%;margin:0}.map-search-result-coordinate{display:none}}.activity-cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.activity-cover-shade{pointer-events:none;background:#23323029;position:absolute;inset:0}.cover-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.cover-upload-box{border:1.5px dashed var(--ink4);background:var(--surface2);cursor:pointer;border-radius:14px;min-height:190px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative;overflow:hidden}.cover-upload-box:hover{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #2563eb12}.cover-upload-box.has-cover{border-style:solid;border-color:var(--border);background:#111827}.cover-upload-box.uploading{cursor:wait}.cover-upload-preview{object-fit:cover;width:100%;height:220px;display:block}.cover-upload-empty{min-height:190px;color:var(--ink3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex}.cover-upload-empty strong{color:var(--ink2);font-size:14px}.cover-upload-empty span{font-size:11.5px}.cover-upload-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-light);border-radius:14px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.cover-upload-change,.cover-upload-loading{color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d111785;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:opacity .18s;display:flex;position:absolute;inset:0}.cover-upload-box:hover .cover-upload-change,.cover-upload-loading{opacity:1}.cover-upload-spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite cover-upload-spin}@keyframes cover-upload-spin{to{transform:rotate(360deg)}}.cover-upload-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.cover-upload-file-name{min-width:0;color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.cover-upload-url{background:var(--surface2);color:var(--ink3);word-break:break-all;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:11px;line-height:1.45}.password-change-tip{background:var(--accent-light);color:var(--accent-dark);border:1px solid #2563eb24;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:12px;line-height:1.55}.admin-account-actions{flex-direction:column;flex:none;align-items:stretch;gap:6px;display:flex}@media (width<=768px){.admin-card{flex-wrap:wrap;align-items:flex-start}.admin-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.admin-account-actions .btn{justify-content:center}}@media (width<=480px){.cover-upload-preview{height:180px}}body{background:var(--surface2)}.content{width:100%;max-width:1680px;margin:0 auto}.panel-polished{border-color:#1f293711;box-shadow:0 8px 28px #0f172a0b}.panel-subtitle{color:var(--ink3);margin-top:3px;font-size:11px;font-weight:400}.stat-card-enhanced{position:relative;overflow:hidden}.stat-card-enhanced:after{content:"";background:#5b8f8912;border-radius:50%;width:96px;height:96px;position:absolute;top:-34px;right:-28px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.dashboard-heading h2{letter-spacing:-.02em;font-size:22px;line-height:1.25}.dashboard-heading p{color:var(--ink3);margin-top:5px;font-size:12px}.dashboard-kicker{color:var(--accent);letter-spacing:.16em;margin-bottom:5px;font-size:9.5px;font-weight:800}.smart-filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffd1;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.date-range-arrow{color:var(--ink4);font-size:12px}.search-box{background:#f8fafc;border-color:#94a3b82e;min-width:250px;height:40px}.search-box:hover{border-color:#2563eb38}.filter-select{background:#f8fafc;border-color:#94a3b82e;height:40px}.auto-search-hint{color:var(--ink3);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.auto-search-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #05966917}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.donut-panel-body{justify-content:center;align-items:center;gap:24px;min-height:190px;display:flex}.donut-chart{border-radius:50%;flex:none;width:132px;height:132px;position:relative;box-shadow:inset 0 0 0 1px #fff6}.donut-hole{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px;box-shadow:0 4px 14px #0f172a14}.donut-hole strong{font-size:24px;line-height:1}.donut-hole span{color:var(--ink3);margin-top:5px;font-size:10px}.donut-legend{flex-direction:column;gap:10px;min-width:112px;display:flex}.donut-legend>div{color:var(--ink2);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.donut-legend strong{color:var(--ink)}.mini-column-chart,.trend-chart{align-items:flex-end;gap:8px;height:180px;display:flex}.mini-column-chart.dense{gap:4px}.mini-column-item,.trend-column{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.mini-column-value,.trend-column>span{color:var(--ink2);font-size:10px;font-weight:700}.mini-column-track,.trend-track{background:#e8efed;border-radius:8px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.mini-column-fill,.trend-fill{background:var(--accent);border-radius:7px 7px 3px 3px;width:100%;min-height:3px;transition:height .4s}.mini-column-item>span:last-child,.trend-column small{color:var(--ink3);white-space:nowrap;font-size:9.5px}.ranking-list{flex-direction:column;gap:11px;display:flex}.ranking-row{align-items:center;gap:10px;display:flex}.ranking-index{background:var(--accent-light);width:23px;height:23px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.ranking-row:nth-child(2) .ranking-index{color:var(--orange);background:#fff7ed}.ranking-row:nth-child(3) .ranking-index{background:var(--purple-light);color:var(--purple)}.ranking-main{flex:1;min-width:0}.ranking-main>div:first-child{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:11.5px;display:flex}.ranking-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-main strong{white-space:nowrap;color:var(--ink)}.ranking-track{background:var(--surface3);border-radius:4px;height:6px;overflow:hidden}.ranking-fill{background:var(--accent);border-radius:4px;height:100%}.recent-record-list{max-height:300px;padding-top:8px;padding-bottom:8px;overflow:auto}.record-row-rich{padding:9px 0}.record-person{flex-direction:column;flex:1;min-width:0;display:flex}.record-person strong{font-size:12.5px}.record-person span{color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.record-time{color:var(--ink3);font-size:11px;font-weight:600}.compact-info-card{border:1px solid var(--border);background:#fbfcfc;border-radius:12px;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;padding:13px 14px;display:grid;position:relative}.compact-info-card>div:first-child{flex-direction:column;gap:4px;display:flex}.compact-info-card strong{font-size:13px}.compact-info-card span:not(.status-chip):not(.class-tag){color:var(--ink3);font-size:11px}.compact-tags,.compact-progress,.compact-info-card small{grid-column:1/-1}.compact-tags{flex-wrap:wrap;gap:4px;display:flex}.compact-info-card small{color:var(--ink3);font-size:10.5px}.chart-bar-row-large{margin-bottom:13px}.chart-bar-row-large .chart-bar-track{height:11px}.gender-overview{grid-template-columns:1fr;align-content:center;gap:14px;min-height:190px;display:grid}.gender-number{justify-content:space-between;align-items:center;display:flex}.gender-number strong{color:var(--accent);font-size:24px}.gender-number span{color:var(--ink3);font-size:12px}.gender-split{background:var(--surface3);border-radius:100px;height:14px;display:flex;overflow:hidden}.gender-split span{background:var(--accent)}.gender-split i{background:#d88ca5}.summary-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-metric-grid>div{border:1px solid var(--border);background:var(--surface2);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.summary-metric-grid span{color:var(--ink3);font-size:11px}.admin-account-actions{flex-wrap:wrap;justify-content:flex-end;max-width:520px;flex-direction:row!important;align-items:center!important}.admin-card{align-items:center}.tbl-wrap table tbody tr{transition:background .15s,transform .15s}.toolbar{row-gap:9px}@media (width<=1200px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid>.panel:last-child{grid-column:1/-1}}@media (width<=900px){.analytics-grid{grid-template-columns:1fr}.analytics-grid>.panel:last-child{grid-column:auto}.donut-panel-body{justify-content:flex-start}.dashboard-heading{align-items:flex-start}.admin-account-actions{justify-content:flex-start;width:100%}.admin-card{flex-wrap:wrap;align-items:flex-start}}@media (width<=600px){.dashboard-heading{flex-direction:column}.smart-filter-bar>*{width:100%}.date-range-arrow{display:none}.analytics-grid{gap:12px}.donut-panel-body{flex-direction:column}.mini-column-chart.dense .mini-column-item:nth-child(2n){display:none}.admin-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;display:grid!important}.admin-account-actions .btn{justify-content:center}.search-box{width:100%;min-width:100%}.auto-search-hint{width:auto!important}}.panel-polished:hover{box-shadow:0 6px 20px #0f172a11}.panel-header{gap:10px;min-height:48px;padding:12px 16px}.panel-title{font-size:13.5px}.panel-title span,.panel-subtitle{font-size:10.5px}.panel-body{padding:14px 16px}.panel-footer{padding:9px 16px}.stat-grid{gap:12px;margin-bottom:14px}.stat-card{border-radius:14px;min-height:126px;padding:15px 16px}.stat-card:hover{transform:translateY(-1px)}.stat-icon{border-radius:11px;width:38px;height:38px;margin-bottom:10px}.stat-num{font-size:24px}.stat-label{font-size:11.5px}.stat-delta{margin-top:4px;font-size:10.5px}.toolbar,.attend-toolbar,.smart-filter-bar{gap:8px}.toolbar[style*="padding:16px 20px"],.attend-toolbar{padding:11px 16px!important}.toolbar[style*=margin-bottom\:16px],.smart-filter-bar{margin-bottom:12px!important}.smart-filter-bar{border-radius:12px;padding:10px 12px}.auto-search-hint{display:none!important}.search-box,.filter-select{height:35px}.search-box{min-width:220px;padding:0 10px}.search-box input,.filter-select{font-size:12.5px}.btn{height:34px;padding:0 13px;font-size:12.5px}.btn-sm{height:28px;padding:0 10px;font-size:11.5px}.btn-icon{width:28px;height:28px}th{padding:9px 14px;font-size:10.5px}td{padding:10px 14px;font-size:12.5px}.td-meta,.admin-sub,.activity-meta,.temp-meta-row{font-size:10.5px}.status-chip,.class-tag{padding-top:2px;padding-bottom:2px}.dashboard-two-col,.analytics-grid{gap:12px!important;margin-bottom:12px!important}.analytics-grid{gap:12px}.donut-panel-body,.gender-overview{min-height:160px}.donut-panel-body{gap:18px}.donut-chart{width:116px;height:116px}.donut-hole{inset:20px}.donut-hole strong{font-size:21px}.mini-column-chart,.trend-chart{height:154px}.ranking-list,.ranking-row{gap:8px}.ranking-index{border-radius:7px;width:21px;height:21px}.summary-metric-grid{gap:9px}.summary-metric-grid>div{border-radius:10px;padding:11px 12px}.summary-metric-grid strong{font-size:21px}.activity-card{border-radius:12px;margin-bottom:10px}.activity-cover{height:86px}.activity-body{padding:12px 14px}.activity-footer{padding:8px 14px}.temp-grid{gap:11px;margin-bottom:20px;padding:14px 0 0}.temp-card-v2-header{padding:12px 14px 10px}.temp-card-v2-body{padding:10px 14px}.temp-card-v2-footer{padding:8px 14px}.admin-list{flex-direction:column;gap:8px;display:flex}.admin-card{border-radius:12px;gap:12px;margin-bottom:0;padding:12px 14px}.admin-av{border-radius:11px;width:40px;height:40px}.admin-account-actions{flex-wrap:nowrap;gap:5px;max-width:none}.records-summary{gap:12px;padding:9px 16px}.tab-bar{margin-bottom:12px;padding:3px}.tab-item{padding:7px 14px;font-size:12px}.attend-grid{gap:7px;padding:11px 16px}.attend-class-header{padding:10px 16px 9px}.attend-cell{padding:7px 9px}.empty-state{padding:42px 20px}.loading{padding:12px 16px;font-size:12px}@media (width<=1100px){.admin-account-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=768px){.content{padding:14px}.stat-grid{gap:10px}.panel-header,.panel-body,.panel-footer{padding-left:13px;padding-right:13px}}:root{--ink:#243447;--ink2:#53697e;--ink3:#7f93a7;--ink4:#afbdca;--surface:#fff;--surface2:#f5f9fd;--surface3:#e9f2f9;--accent:#4f9fd8;--accent-dark:#3487c3;--accent-deep:#246f9f;--accent-light:#e8f4fc;--green:#5fa88a;--green-light:#edf8f3;--orange:#d19a58;--orange-light:#fff6e9;--red:#d46d74;--red-light:#fff0f1;--purple:#858ad0;--purple-light:#f1f1fb;--blue:#6eb7e5;--blue-light:#edf8fe;--border:#dbe9f4;--border2:#edf4fa;--shadow-sm:0 2px 8px #4369840e;--shadow-md:0 8px 24px #43698416;--shadow-lg:0 18px 48px #2f4f6829}html,body{background:#f3f8fc}.login-logo,.logo-icon,.user-av{box-shadow:0 5px 14px #4f9fd833;background:var(--accent)!important;background-image:none!important}.btn-primary,.btn-accent{box-shadow:0 3px 10px #4f9fd833;background:var(--accent)!important;background-image:none!important}.btn-primary:hover,.btn-accent:hover{box-shadow:0 6px 16px #3487c338;background:var(--accent-dark)!important;background-image:none!important}.topbar{height:58px;color:var(--ink);background:#eef8fe;border-bottom:1px solid #d4e6f3;box-shadow:0 3px 12px #4067840e;background-image:none!important}.page-title{color:#2d6f9f;text-shadow:none;font-size:16px}.topbar .notif-dot{box-shadow:none;background:#e0a45d;border-color:#eef8fe}.sidebar{background:#fff;border-right-color:#dbe9f4;box-shadow:5px 0 18px #43698409}.sidebar-logo{background:#f7fbfe;border-bottom-color:#dbe9f4;min-height:58px;padding-top:12px;padding-bottom:12px;background-image:none!important}.nav-item{border:1px solid #0000}.nav-item.active{color:#377fad;box-shadow:inset 3px 0 0 var(--accent);background:#e8f4fc;border-color:#d4e8f5;background-image:none!important}.panel,.panel-polished,.stat-card,.activity-card,.temp-card-v2,.admin-card{background:#fff;border-color:#dce9f3;background-image:none!important}.panel,.panel-polished{border-radius:14px;box-shadow:0 3px 14px #4369840b}.panel:hover,.panel-polished:hover{border-color:#c6ddec;box-shadow:0 7px 22px #43698412}.panel-header{color:#346f98;background:#f3f8fc;border-bottom-color:#dbe9f3;position:relative;background-image:none!important}.panel-footer{background:#f8fbfe;border-top-color:#e6eef5;background-image:none!important}.stat-card:hover{border-color:#c9dfed;box-shadow:0 8px 22px #43698414}.smart-filter-bar,.attend-toolbar,.toolbar[style*=border-bottom]{background:#f8fbfe;background-image:none!important}.search-box,.filter-select,.form-input,.form-input-m,.form-select-m,.form-textarea{background:#f8fbfe;border-color:#dce9f3;background-image:none!important}.role-admin,.chip-blue,.class-tag{color:var(--accent-dark);background:var(--accent-light)}.modal-footer{background:#f7fbfe;border-top-color:#dbe9f3;background-image:none!important}.compact-info-card{background:#fbfdff;background-image:none!important}.admin-card:hover{border-color:#c6deed;transform:translateY(-1px)}.admin-av{box-shadow:none;background:var(--accent)!important;background-image:none!important}.cover-upload-box:hover{box-shadow:0 0 0 3px #4f9fd814}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;background-color:#4f9fd817;border-radius:8px;width:18px;height:18px;margin-right:-3px;padding:7px;transition:opacity .15s,background-color .15s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;background-color:#4f9fd817;border-radius:8px;width:18px;height:18px;margin-right:-3px;padding:7px;transition:opacity .15s,background-color .15s}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;background-color:#4f9fd817;border-radius:8px;width:18px;height:18px;margin-right:-3px;padding:7px;transition:opacity .15s,background-color .15s}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;background-color:#4f9fd817;border-radius:8px;width:18px;height:18px;margin-right:-3px;padding:7px;transition:opacity .15s,background-color .15s}input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;background-color:#4f9fd817;border-radius:8px;width:18px;height:18px;margin-right:-3px;padding:7px;transition:opacity .15s,background-color .15s}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1;background-color:#4f9fd829}input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1;background-color:#4f9fd829}input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1;background-color:#4f9fd829}input[type=month]:hover::-webkit-calendar-picker-indicator{opacity:1;background-color:#4f9fd829}input[type=week]:hover::-webkit-calendar-picker-indicator{opacity:1;background-color:#4f9fd829}@media (width<=768px){.topbar{height:56px}.modal-header{min-height:52px}}.donut-chart-svg{background:0 0!important}.donut-chart-svg>svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:5.5px}.donut-segment{stroke-linecap:butt}:root{--ink:#202124;--ink2:#3c4043;--ink3:#5f6368;--ink4:#9aa0a6;--surface:#fff;--surface2:#f8f9fa;--surface3:#f1f3f4;--accent:#1a73e8;--accent-dark:#185abc;--accent-deep:#174ea6;--accent-light:#e8f0fe;--blue:#4285f4;--blue-light:#e8f0fe;--green:#188038;--green-light:#e6f4ea;--orange:#e37400;--orange-light:#fef7e0;--red:#d93025;--red-light:#fce8e6;--purple:#a142f4;--purple-light:#f3e8fd;--border:#dadce0;--border2:#e8eaed;--shadow-sm:0 1px 2px #3c40431f, 0 1px 3px #3c404314;--shadow-md:0 2px 6px #3c404326, 0 4px 12px #3c404314;--shadow-lg:0 8px 28px #3c404333, 0 2px 8px #3c40431f}.login-card{border:1px solid var(--border);box-shadow:0 12px 36px #3c404329}.login-logo,.logo-icon,.user-av,.admin-av{box-shadow:0 3px 8px #1a73e847;background:var(--accent)!important;background-image:none!important}.btn-primary,.btn-accent{color:#fff;box-shadow:0 1px 2px #1a73e84d;background:var(--accent)!important;background-image:none!important}.btn-primary:hover,.btn-accent:hover{box-shadow:0 2px 6px #1a73e857;background:var(--accent-dark)!important}.topbar{color:#fff;background:var(--accent);border-bottom:1px solid var(--accent-dark);height:58px;box-shadow:0 2px 6px #3c40432e;background-image:none!important}.page-title{color:#fff;text-shadow:none;font-size:16px;font-weight:600}.topbar .hamburger,.topbar .icon-btn{color:#fff;background:0 0;border:1px solid #0000}.topbar .hamburger:hover,.topbar .icon-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff2e;transform:none}.topbar .notif-dot{border-color:var(--accent);box-shadow:none;background:#f9ab00}.sidebar{border-right-color:var(--border);background:#fff;box-shadow:1px 0 6px #3c40430f}.sidebar-logo{border-bottom-color:var(--border);background:#fff;min-height:58px;padding-top:12px;padding-bottom:12px;background-image:none!important}.logo-text{color:var(--ink)}.logo-sub{color:var(--ink3)}.nav-label{color:var(--ink4)}.nav-item{color:var(--ink2);border:1px solid #0000}.nav-item svg{color:var(--ink3)}.nav-item:hover{color:var(--accent-dark);background:#f8fafd;border-color:#e8f0fe}.nav-item:hover svg{color:var(--accent)}.nav-item.active{color:#1967d2;background:var(--accent-light);box-shadow:inset 3px 0 0 var(--accent);border-color:#d2e3fc;background-image:none!important}.nav-item.active svg{color:var(--accent)}.sidebar-user:hover{background:var(--surface2)}.content{max-width:none;padding:18px 20px 22px}.panel,.panel-polished,.stat-card,.activity-card,.temp-card-v2,.admin-card,.compact-info-card{border-color:var(--border);background:#fff;background-image:none!important}.panel,.panel-polished{box-shadow:var(--shadow-sm);border-radius:12px}.panel:hover,.panel-polished:hover{box-shadow:var(--shadow-md);border-color:#c7c9cc}.panel-header{color:var(--ink);border-bottom-color:var(--border);background:#f8f9fa;position:relative;background-image:none!important}.panel-header:before{content:"";background:var(--accent);width:3px;box-shadow:none;border-radius:0 4px 4px 0;position:absolute;top:10px;bottom:10px;left:0;background-image:none!important}.panel-title{color:var(--ink)}.panel-subtitle,.panel-title span{color:var(--ink3)}.panel-footer,.modal-footer,.smart-filter-bar,.attend-toolbar,.toolbar[style*=border-bottom]{border-color:var(--border);background:#f8f9fa;background-image:none!important}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--blue);height:3px;position:absolute;top:0;left:0;right:0;background-image:none!important}.stat-card:nth-child(2):after{background:#34a853}.stat-card:nth-child(3):after{background:#fbbc04}.stat-card:nth-child(4):after{background:#a142f4}.stat-card-enhanced:after{background:#4285f414}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#c7c9cc}.stat-icon[style*=accent-light],.temp-card-icon[style*=accent-light]{background:var(--accent-light)!important}.search-box,.filter-select,.form-input,.form-input-m,.form-select-m,.form-textarea{color:var(--ink);border-color:var(--border);background:#fff;background-image:none!important}.search-box:hover,.filter-select:hover,.form-input:hover,.form-input-m:hover,.form-select-m:hover,.form-textarea:hover{background:#fff;border-color:#bdc1c6}.search-box:focus-within,.filter-select:focus,.form-input:focus,.form-input-m:focus,.form-select-m:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e824}.search-box input::placeholder,.form-input::placeholder,.form-input-m::placeholder,.form-textarea::placeholder{color:var(--ink4)}thead tr{background:#f8f9fa;background-image:none!important}th{color:var(--ink3);border-bottom:1px solid var(--border)}td{border-top-color:var(--border2)}tbody tr:hover td{background:#f8fafd}.btn-outline{color:var(--accent-dark);background:#fff;border-color:#d2e3fc}.btn-outline:hover{color:var(--accent-deep);background:var(--accent-light);border-color:#aecbfa}.btn-green{color:var(--green);background:var(--green-light);border-color:#ceead6}.btn-green:hover{color:#fff;background:var(--green);border-color:var(--green)}.btn-danger{color:var(--red);background:var(--red-light);border-color:#f6aea8}.btn-danger:hover{color:#fff;background:var(--red);border-color:var(--red)}.btn-icon{color:var(--ink3);border-color:var(--border);background:#fff}.btn-icon:hover{color:var(--accent);background:var(--accent-light);border-color:#aecbfa}.role-super{color:#b06000;background:#fef7e0;background-image:none!important}.role-admin,.chip-blue,.class-tag,.attend-rate-chip{color:#1967d2;background:var(--accent-light)}.chip-green{color:#137333;background:var(--green-light)}.chip-orange{color:#b06000;background:var(--orange-light)}.chip-red{color:#c5221f;background:var(--red-light)}.chip-purple{color:#8430ce;background:var(--purple-light)}.chip-gray{color:var(--ink3);background:var(--surface3)}.modal{border:1px solid var(--border);box-shadow:var(--shadow-lg)}.modal-header{color:#fff;background:var(--accent);border-bottom:1px solid var(--accent-dark);min-height:54px;padding:13px 18px;background-image:none!important}.modal-title{color:#fff;letter-spacing:.01em;font-size:15px}.modal-divider{display:none}.modal-body{background:#fff;background-image:none!important}.chart-bar-track,.ranking-track,.progress-bar,.mini-column-track,.trend-track{background:var(--surface3);background-image:none!important}.chart-bar-fill,.ranking-fill,.progress-fill,.mini-column-fill,.trend-fill{background:var(--accent);box-shadow:none;background-image:none!important}.ranking-fill.success{background:var(--green)}.gender-split span{background:var(--blue);background-image:none!important}.gender-split i{background:#ea80a5;background-image:none!important}.gender-number.female strong{color:#d01884}.donut-track{stroke:var(--surface3)}.activity-cover{background:var(--blue);background-image:none!important}.activity-cover-shade{background:#20212429;background-image:none!important}.admin-card:hover,.activity-card:hover,.temp-card-v2:hover{box-shadow:var(--shadow-md);border-color:#aecbfa}.cover-upload-box:hover{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a}.auto-search-dot{background:var(--green);box-shadow:0 0 0 4px #1880381a}.attend-cell.cell-ok{background:#f3fcf6;border-color:#ceead6}.attend-cell.cell-absent{background:#fff7f6;border-color:#f6aea8}.attend-cell.cell-manual{background:#fffcf2;border-color:#fde293}.attend-av-ok{background:var(--green)}.attend-av-absent{background:var(--red)}.attend-av-manual{background:var(--orange)}.map-picker-canvas{background:#f1f3f4}.map-picker-footer{background:#f8f9fa}.map-message{color:var(--accent-dark);background:var(--accent-light);border-top-color:#d2e3fc}.qr-code-image,.cover-preview-image{background:#fff}input[type=date]::-webkit-calendar-picker-indicator{background-color:#1a73e81a}input[type=time]::-webkit-calendar-picker-indicator{background-color:#1a73e81a}input[type=datetime-local]::-webkit-calendar-picker-indicator{background-color:#1a73e81a}input[type=month]::-webkit-calendar-picker-indicator{background-color:#1a73e81a}input[type=week]::-webkit-calendar-picker-indicator{background-color:#1a73e81a}input[type=date]:hover::-webkit-calendar-picker-indicator{background-color:#1a73e82e}input[type=time]:hover::-webkit-calendar-picker-indicator{background-color:#1a73e82e}input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{background-color:#1a73e82e}input[type=month]:hover::-webkit-calendar-picker-indicator{background-color:#1a73e82e}input[type=week]:hover::-webkit-calendar-picker-indicator{background-color:#1a73e82e}@media (width<=768px){.topbar{height:56px}.modal-header{min-height:52px}}.pagination-bar{border-top:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 16px;display:flex}.page-ellipsis{min-width:22px;color:var(--ink4);text-align:center;-webkit-user-select:none;user-select:none}@media (width<=600px){.pagination-bar{flex-direction:column;align-items:flex-start}.pagination{max-width:100%;padding-bottom:2px;overflow-x:auto}}.form-help{color:var(--ink3);margin:-2px 0 9px;font-size:11.5px;line-height:1.55}.class-tag-public{background:var(--accent-light);color:var(--accent-dark);border:1px solid #1a73e82e}.system-config-page{width:100%;padding-bottom:84px}.config-status-strip{min-height:58px;color:var(--ink2);background:#f8faff;border:1px solid #d2e3fc;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:11px 15px;display:flex}.config-status-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-light);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.config-status-strip strong{color:var(--ink);font-size:13.5px;line-height:1.4;display:block}.config-status-strip span{color:var(--ink3);margin-top:2px;font-size:11.5px;display:block}.config-status-meta{color:var(--ink3);white-space:nowrap;margin-left:auto;font-size:11.5px}.config-form{width:100%}.config-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.config-card{min-width:0;overflow:hidden}.config-card-wide{grid-column:1/-1}.config-card .panel-header{min-height:62px;padding:12px 16px}.config-card .panel-body{padding:16px}.config-section-desc{color:var(--ink3);margin-top:3px;font-size:11.5px;font-weight:400}.config-section-badge{color:#1967d2;background:#e8f0fe;border-radius:100px;justify-content:center;align-items:center;min-width:44px;height:25px;padding:0 9px;font-size:10.5px;font-weight:700;display:inline-flex}.config-section-badge-map,.config-section-badge-wechat{color:#137333;background:#e6f4ea}.config-number-field,.config-secret-field{align-items:center;display:flex;position:relative}.config-number-field .form-input-m{padding-right:76px}.config-number-field>span{color:var(--ink3);pointer-events:none;font-size:12px;position:absolute;right:13px}.config-secret-field .form-input-m{padding-right:58px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.config-secret-toggle{height:30px;color:var(--accent-dark);background:var(--accent-light);cursor:pointer;border:0;border-radius:7px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:600;position:absolute;right:7px}.config-secret-toggle:hover{color:#fff;background:var(--accent)}.config-quick-values{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.config-quick-btn{border:1px solid var(--border);height:29px;color:var(--ink3);cursor:pointer;background:#fff;border-radius:8px;padding:0 11px;font-family:inherit;font-size:11.5px}.config-quick-btn:hover,.config-quick-btn.active{color:#1967d2;background:var(--accent-light);border-color:#aecbfa}.config-wechat-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:14px;display:grid}.config-switch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.config-switch-row{border:1px solid var(--border);cursor:pointer;background:#f8f9fa;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 14px;display:flex}.config-switch-row:hover{background:#f8faff;border-color:#aecbfa}.config-switch-row strong{color:var(--ink);font-size:12.5px;display:block}.config-switch-row small{color:var(--ink3);margin-top:4px;font-size:11px;line-height:1.45;display:block}.config-actions-bar{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #dadce0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:11px 14px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 8px 26px #3c404321}.config-actions-note{color:var(--ink3);align-items:center;gap:7px;font-size:11.5px;line-height:1.45;display:flex}.config-actions-note svg{color:var(--green);flex:none}.config-actions-buttons{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=980px){.config-grid,.config-wechat-grid,.config-switch-list{grid-template-columns:1fr}.config-card-wide{grid-column:auto}.config-actions-bar{flex-direction:column;align-items:flex-start}.config-actions-buttons{width:100%}}@media (width<=620px){.config-status-strip{flex-wrap:wrap;align-items:flex-start}.config-status-meta{white-space:normal;width:100%;margin-left:48px}.config-actions-buttons{grid-template-columns:1fr 1fr;display:grid}.config-actions-buttons .btn:last-child{grid-column:1/-1}}.management-table-wrap{padding:0 14px 6px}.management-table-wrap .indexed-table{border-radius:10px;min-width:760px;overflow:hidden}.indexed-table .sequence-column{text-align:center;width:76px;min-width:76px;padding-left:22px;padding-right:14px}.indexed-table th:nth-child(2),.indexed-table td:nth-child(2){padding-left:20px}.row-sequence{color:#5f6368;text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:12px;font-weight:500;line-height:1.5;display:inline-block}@media (width<=768px){.management-table-wrap{padding-left:8px;padding-right:8px}.indexed-table .sequence-column{width:60px;min-width:60px;padding-left:12px;padding-right:8px}.indexed-table th:nth-child(2),.indexed-table td:nth-child(2){padding-left:12px}}.rule-cycle-summary{border-radius:10px;grid-template-columns:minmax(150px,.75fr) minmax(110px,.45fr) minmax(260px,1.5fr);gap:10px;margin-bottom:14px;padding:12px 14px;display:grid}.rule-cycle-summary>div{flex-direction:column;gap:4px;min-width:0;display:flex}.rule-cycle-summary span{color:var(--ink3);font-size:10.5px}.rule-cycle-summary strong{color:var(--ink);text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.5;overflow:hidden}.rule-cycle-description strong{white-space:normal}.rule-repeat-help{color:#4f6480;border-radius:9px;align-items:flex-start;gap:8px;margin:-4px 0 15px;padding:9px 11px;font-size:11.5px;line-height:1.55;display:flex}.rule-repeat-help svg{color:var(--accent);flex:none;margin-top:1px}.qr-dialog-grid{grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr);align-items:start;gap:22px;display:grid}.qr-preview-column{border:1px solid var(--border);background:#f8faff;border-radius:14px;flex-direction:column;align-items:center;padding:14px;display:flex}.qr-preview-column .qr-code-image{object-fit:contain;width:210px;height:210px;margin:0}.qr-preview-column .qr-code-placeholder{color:var(--ink3);border:1px dashed #a9b9d1;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.qr-preview-column .qr-code-placeholder svg{color:#8da4c4}.qr-scan-hint{color:var(--ink3);text-align:center;margin-top:11px;font-size:11.5px}.qr-setting-column{min-width:0}.qr-info-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:0;margin-bottom:15px;display:grid;overflow:hidden}.qr-info-card>div{border-bottom:1px solid var(--border2);grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px 12px;font-size:11.5px;display:grid}.qr-info-card>div:last-child{border-bottom:0}.qr-info-card span{color:var(--ink3)}.qr-info-card strong{min-width:0;color:var(--ink2);text-align:right;overflow-wrap:anywhere;font-weight:600}.qr-scene-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--accent)!important}.segmented-control{border:1px solid var(--border);background:var(--surface2);border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented-control button{height:32px;color:var(--ink3);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;font-size:12px;font-weight:600}.segmented-control button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.qr-quick-minutes{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.qr-quick-minutes button{border:1px solid var(--border);background:var(--surface);height:27px;color:var(--ink3);cursor:pointer;border-radius:7px;padding:0 9px;font-size:11px}.qr-quick-minutes button:hover,.qr-quick-minutes button.active{background:var(--accent-light);color:var(--accent);border-color:#a8c7fa}.qr-operation-note{color:#6f5b18;background:#fff8e1;border-left:3px solid #fbbc04;border-radius:0 8px 8px 0;padding:9px 11px;font-size:11px;line-height:1.55}@media (width<=760px){.rule-cycle-summary,.qr-dialog-grid{grid-template-columns:1fr}.rule-cycle-summary{gap:8px}.qr-preview-column .qr-code-image{width:190px;height:190px}}.temp-create-qr-setting{border-radius:10px;margin-bottom:16px;padding:14px}.temp-create-qr-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.temp-create-qr-heading>svg{color:var(--accent);flex:none}.qr-display-grid{grid-template-columns:minmax(300px,.96fr) minmax(280px,1.04fr);align-items:center;gap:30px}.qr-preview-clean{background:0 0;border:0;border-radius:0;padding:4px 0}.qr-preview-column .qr-code-image.qr-code-image-large{width:300px;max-width:100%;height:300px;box-shadow:none;object-fit:contain;background:0 0;border:0;border-radius:0;margin:0;padding:0}.qr-code-placeholder-clean{width:300px;max-width:100%;height:300px;color:var(--ink3);box-shadow:none;background:#f8f9fa;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0;display:flex}.qr-info-column-only{flex-direction:column;justify-content:center;display:flex}.qr-info-column-only .qr-info-card{margin-bottom:14px}.qr-loading-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20212457;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qr-loading-dialog{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;width:min(320px,100%);padding:26px 24px 24px;display:flex;box-shadow:0 18px 46px #20212433}.qr-loading-dialog strong{color:var(--ink);margin-top:15px;font-size:15px}.qr-loading-dialog span{color:var(--ink3);margin-top:7px;font-size:12px;line-height:1.6}.qr-loading-spinner{border:3px solid #d2e3fc;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.75s linear infinite qr-loading-spin}@keyframes qr-loading-spin{to{transform:rotate(360deg)}}@media (width<=760px){.qr-display-grid{grid-template-columns:1fr;gap:18px}.qr-preview-column .qr-code-image.qr-code-image-large,.qr-code-placeholder-clean{width:min(280px,82vw);height:min(280px,82vw)}}html{scrollbar-gutter:stable}*,:before,:after{scrollbar-width:thin;scrollbar-color:#9dbcf0 #eef3fb}::-webkit-scrollbar-track{background:#eef3fb;border-radius:999px}::-webkit-scrollbar-thumb{background:#9dbcf0 padding-box padding-box;border:2px solid #eef3fb;border-radius:999px;min-height:34px}::-webkit-scrollbar-thumb:active{background:var(--accent);background-clip:padding-box}::-webkit-scrollbar-corner{background:#eef3fb}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#b7cbed transparent}.sidebar-nav::-webkit-scrollbar{width:7px;display:block}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#b7cbed padding-box padding-box;border:2px solid #0000}.modal-body,.main,.tbl-wrap,.modal-table-wrap,textarea,select,.map-search-results{overscroll-behavior:contain}.global-loading-overlay{z-index:3000;-webkit-backdrop-filter:blur(3px);cursor:wait;background:#20212457;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.global-loading-card{text-align:center;background:#fff;border:1px solid #d2e3fc;border-radius:15px;flex-direction:column;align-items:center;width:min(326px,100vw - 32px);padding:27px 28px 23px;display:flex;box-shadow:0 18px 46px #20212438}.global-loading-spinner{border:3px solid #d2e3fc;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.78s linear infinite global-loading-spin;position:relative}.global-loading-spinner span{background:var(--accent-light);border-radius:50%;position:absolute;inset:9px}.global-loading-card strong{color:var(--ink);letter-spacing:.01em;margin-top:16px;font-size:15px;font-weight:700}.global-loading-card p{color:var(--ink3);margin-top:7px;font-size:12px;line-height:1.65}.global-loading-progress{background:#e8f0fe;border-radius:999px;width:100%;height:3px;margin-top:18px;overflow:hidden}.global-loading-progress i{border-radius:inherit;background:var(--accent);width:42%;height:100%;animation:1.15s ease-in-out infinite global-loading-progress;display:block}.global-loading-fade-enter-active,.global-loading-fade-leave-active{transition:opacity .18s}.global-loading-fade-enter-active .global-loading-card,.global-loading-fade-leave-active .global-loading-card{transition:transform .18s,opacity .18s}.global-loading-fade-enter-from,.global-loading-fade-leave-to{opacity:0}.global-loading-fade-enter-from .global-loading-card,.global-loading-fade-leave-to .global-loading-card{opacity:0;transform:translateY(8px)scale(.98)}@keyframes global-loading-spin{to{transform:rotate(360deg)}}@keyframes global-loading-progress{0%{transform:translate(-120%)}55%{transform:translate(105%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.global-loading-spinner,.global-loading-progress i{animation-duration:1.8s}}.user-profile-cell{align-items:center;gap:11px;min-width:150px;display:flex}.user-avatar{background:var(--accent-light);color:var(--accent-dark);border:1px solid #d2e3fc;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #3c40431a}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-profile-copy{min-width:0}.wechat-profile-name{max-width:150px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.location-rule-switch{border:1px solid var(--border);background:var(--surface2);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;height:44px;padding:8px 12px;display:flex}.location-rule-switch>div{flex-direction:column;gap:2px;min-width:0;display:flex}.location-rule-switch strong{color:var(--ink);font-size:12.5px}.location-rule-switch span:not(.toggle-slider){color:var(--ink3);font-size:11px;line-height:1.5}.location-disabled-note{background:var(--accent-light);color:var(--accent-dark);border:1px solid #d2e3fc;border-radius:9px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:11.5px;line-height:1.65;display:flex}.location-disabled-note svg{flex:none;margin-top:2px}.location-disabled-note code{color:var(--accent-deep);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}.absence-panel{margin-bottom:16px}.absence-table-wrap{max-height:366px}.absence-more-tip{border-top:1px solid var(--border2);background:var(--surface2);color:var(--ink3);padding:9px 18px;font-size:11px}.statistics-primary-row{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;margin-bottom:16px;display:grid}.statistics-analytics-row{margin-bottom:16px}.statistics-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.class-attendance-list,.checkin-mode-list{flex-direction:column;gap:12px;display:flex}.class-attendance-row{grid-template-columns:minmax(110px,1fr) minmax(120px,1.6fr) 42px;align-items:center;gap:10px;display:grid}.class-attendance-row>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.class-attendance-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.class-attendance-row span,.class-attendance-row b{color:var(--ink3);font-size:10.5px;font-weight:600}.class-attendance-row b{color:var(--accent-dark);text-align:right}.checkin-mode-row{grid-template-columns:minmax(100px,1fr) minmax(100px,1.4fr) 36px;align-items:center;gap:10px;display:grid}.checkin-mode-row>div:first-child{flex-direction:column;gap:2px;display:flex}.checkin-mode-row span{color:var(--ink2);font-size:12px}.checkin-mode-row strong,.checkin-mode-row small{color:var(--ink3);font-size:10.5px;font-weight:600}.checkin-mode-row small{text-align:right}.ranking-fill.verified{background:var(--green)}.ranking-fill.plain{background:var(--accent)}.ranking-fill.unknown{background:var(--ink4)}.person-ranking-row{grid-template-columns:24px 30px minmax(0,1fr)}@media (width<=1100px){.statistics-primary-row,.statistics-bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.absence-table-wrap{max-height:320px}.class-attendance-row{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 38px}}.records-chart-grid{border-bottom:1px solid var(--border2);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 20px;display:grid}.record-mini-panel{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;padding:12px}.record-mini-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.record-mini-title strong{color:var(--ink);font-size:12px}.record-mini-title span{color:var(--ink4);font-size:10px}.record-mini-ranking{flex-direction:column;gap:7px;display:flex}.record-mini-ranking-row{grid-template-columns:minmax(64px,1fr) minmax(70px,1.3fr) 28px;align-items:center;gap:7px;display:grid}.record-mini-ranking-row>span{color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.record-mini-ranking-row strong{color:var(--ink3);text-align:right;font-size:10px}.record-time-bars{align-items:flex-end;gap:7px;height:104px;display:flex}.record-time-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.record-time-bar>span,.record-time-bar small{color:var(--ink3);font-size:9px}.record-time-bar>div{background:var(--surface3);border-radius:5px 5px 2px 2px;width:100%;height:66px;position:relative;overflow:hidden}.record-time-bar i{border-radius:inherit;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.record-mode-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.record-mode-metrics>div{background:var(--surface2);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:68px;padding:8px 5px;display:flex}.record-mode-metrics span{color:var(--ink3);font-size:9.5px}.record-mode-metrics strong{margin-top:4px;font-size:18px}@media (width<=1000px){.records-chart-grid{grid-template-columns:1fr}}.config-wechat-body{flex-direction:column;gap:0;display:flex;padding:0!important}.config-subsection{border-bottom:1px solid var(--border);padding:18px 18px 16px}.config-subsection-last{border-bottom:0}.config-subsection-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.config-subsection-title>div{min-width:0}.config-subsection-title strong{color:var(--ink);font-size:13px;line-height:1.4;display:block}.config-subsection-title small{color:var(--ink3);margin-top:2px;font-size:11px;line-height:1.45;display:block}.config-subsection-icon{width:32px;height:32px;color:var(--accent);background:var(--accent-light);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.config-field-grid{gap:14px;display:grid}.config-field-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.config-field-grid-url{grid-template-columns:minmax(0,1fr) minmax(135px,.2fr) minmax(135px,.2fr)}.config-field-grid .form-group-m,.config-wechat-grid .form-group-m{min-width:0;margin-bottom:0}.config-label-with-status{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.config-label-with-status .form-label-m{margin-bottom:0}.config-secret-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.config-secret-status-ok{color:#137333;background:#e6f4ea}.config-secret-status-empty{color:#5f6368;background:#f1f3f4}.config-secret-status-clear{color:#b3261e;background:#fce8e6}.config-secret-field-actions{padding-right:4px}.config-secret-field-actions .form-input-m{padding-right:142px}.config-secret-clear{border:0;border-left:1px solid var(--border);color:#b3261e;cursor:pointer;background:0 0;border-radius:0 7px 7px 0;height:30px;margin-left:2px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:600}.config-secret-clear:hover,.config-secret-clear.active{color:#fff;background:#d93025}.config-danger-note,.config-warning-note{border-radius:8px;align-items:flex-start;gap:7px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.55;display:flex}.config-danger-note{color:#b3261e;background:#fce8e6;border:1px solid #f4c7c3}.config-warning-note{color:#8a4b08;background:#fef7e0;border:1px solid #fdd663}.config-warning-note svg{flex:none;margin-top:1px}.config-mono-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12.5px}@media (width<=1080px){.config-field-grid-url{grid-template-columns:minmax(0,1fr) minmax(130px,.32fr) minmax(130px,.32fr)}}@media (width<=820px){.config-field-grid-2,.config-field-grid-url,.config-wechat-grid,.config-switch-list{grid-template-columns:1fr}.config-subsection{padding:15px 14px 14px}}@media (width<=560px){.config-secret-field-actions{grid-template-columns:minmax(0,1fr) auto auto;padding:0;display:grid}.config-secret-field-actions .form-input-m{border-radius:8px 8px 0 0;grid-column:1/-1;padding-right:12px}.config-secret-field-actions .config-secret-toggle,.config-secret-field-actions .config-secret-clear{border-top:1px solid var(--border);width:auto;height:32px;position:static}.config-secret-field-actions .config-secret-toggle{grid-column:2}.config-secret-field-actions .config-secret-clear{grid-column:3}}@media (width>=561px){.config-secret-field-actions .config-secret-toggle{right:57px}.config-secret-field-actions .config-secret-clear{position:absolute;top:50%;right:4px;transform:translateY(-50%)}}.config-secret-toggle:disabled,.config-secret-clear:disabled{opacity:.45;cursor:not-allowed}.empty-state-illustrated{color:var(--accent);min-height:180px}.empty-state-illustrated.compact{min-height:150px;padding:36px 20px}.empty-illustration{width:148px;max-width:46%;height:auto;color:var(--accent);margin-bottom:10px}.table-empty{border-top:1px solid var(--border2);background:var(--surface)}.tbl-wrap+.table-empty{margin-top:-1px}.management-table-wrap:has(+.table-empty) table tbody:empty{display:none}:root{--ink:#dff8ff;--ink2:#9fc2de;--ink3:#607f9f;--ink4:#38506e;--surface:#07122aeb;--surface2:#0a1c3ee0;--surface3:#0f2b56e0;--accent:#21e7ff;--accent-light:#21e7ff1f;--accent-dark:#00a9c7;--green:#24f0a7;--green-light:#24f0a71f;--orange:#ffbd4a;--orange-light:#ffbd4a1f;--red:#ff3c78;--red-light:#ff3c7821;--purple:#8a7cff;--purple-light:#8a7cff21;--border:#2cdeff38;--border2:#2cdeff1f;--shadow-sm:0 0 0 1px #2cdeff14, 0 14px 36px #00000040;--shadow-md:0 0 0 1px #2cdeff2e, 0 18px 44px #00000057, 0 0 26px #21e7ff14;--shadow-lg:0 0 0 1px #2cdeff38, 0 30px 90px #0000008c, 0 0 36px #21e7ff1f;--radius-sm:4px;--radius-md:8px;--radius-lg:10px}html,body{color:var(--ink);background:radial-gradient(circle at 50% -15%,#22e7ff33,#0000 32%),radial-gradient(circle at 95% 10%,#ff3c781a,#0000 26%),radial-gradient(circle at 20% 100%,#24f0a717,#0000 30%),#020817!important}body:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#2cdeff09 1px,#0000 1px),linear-gradient(90deg,#2cdeff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 60%,#0000 86%);mask-image:radial-gradient(circle,#000 0 60%,#0000 86%)}body:after{content:"";z-index:0;pointer-events:none;opacity:.34;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 5px);position:fixed;inset:0}#app,.shell,#login-page{z-index:1;position:relative}.shell{background:radial-gradient(circle at 50% 42%,#1ee2ff1a,#0000 34%),linear-gradient(#030c1fbf,#020817f5)}.shell:before{content:"";inset:60px 18px 18px calc(var(--sidebar-w) + 18px);pointer-events:none;opacity:.52;background-color:#0000;background-image:linear-gradient(90deg,#2cdeff0d 1px,#0000 1px),linear-gradient(#2cdeff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #2cdeff0f;position:absolute}.sidebar{box-shadow:16px 0 46px #0000005c,inset -1px 0 #21e7ff1f;background:linear-gradient(#06132bfa,#030a1afa),radial-gradient(circle at 15% 0,#21e7ff24,#0000 36%)!important;border-right:1px solid #2cdeff38!important}.sidebar-logo{background:linear-gradient(90deg,#21e7ff17,#0000 70%);min-height:64px;border-bottom:1px solid #2cdeff2e!important;padding:13px 14px 12px!important}.logo-icon{border:1px solid #21e7ff73;width:34px!important;height:34px!important;color:var(--accent)!important;background:#21e7ff14!important;border-radius:8px!important;box-shadow:inset 0 0 18px #21e7ff1f,0 0 22px #21e7ff2e!important}.logo-text{letter-spacing:.03em;text-shadow:0 0 18px #21e7ff47;color:#ecfbff!important;font-size:15px!important}.logo-sub{letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#9fc2decc!important}.sidebar-nav{padding:12px 10px!important}.nav-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#607f9fdb!important;letter-spacing:.2em!important}.nav-label:before{color:#21e7ff7a}.nav-item{letter-spacing:.02em;background:#08193757;border:1px solid #0000;min-height:39px;position:relative;color:#bfdff6d1!important;border-radius:5px!important;font-size:13px!important}.nav-item:before{content:"";width:2px;box-shadow:none;background:0 0;border-radius:3px;transition:all .18s;position:absolute;top:9px;bottom:9px;left:0}.nav-item svg{filter:drop-shadow(0 0 5px #21e7ff2e);color:#21e7ff9e!important}.nav-item:hover{border-color:#21e7ff2e;color:#fff!important;background:#21e7ff14!important}.nav-item.active{border-color:#21e7ff6b;box-shadow:inset 0 0 18px #21e7ff14,0 0 22px #21e7ff1a;color:#fff!important;background:linear-gradient(90deg,#21e7ff2e,#1227509e)!important}.nav-item.active:before{background:var(--accent);box-shadow:0 0 10px #21e7fff2}.nav-badge{border:1px solid #ff3c7857;box-shadow:0 0 12px #ff3c7838;color:#ffc8d8!important;background:#ff3c7829!important}.sidebar-footer{background:linear-gradient(#0000,#21e7ff0a);border-top:1px solid #2cdeff29!important}.sidebar-user{background:#061632a8;border:1px solid #2cdeff29}.sidebar-user:hover{border-color:#21e7ff57;background:#21e7ff14!important}.user-av,.admin-av,.user-avatar{border:1px solid #cefbff6b;box-shadow:0 0 20px #21e7ff38;color:#04111f!important;background:linear-gradient(135deg,#21e7ff,#24f0a7)!important}.user-name{color:#eefbff!important}.user-role{color:#9fc2dec2!important}.logout-btn{color:#9fc2dec7!important;background:#ffffff08!important;border:1px solid #2cdeff1f!important}.logout-btn:hover{color:#fff!important;background:#ff3c7829!important;border-color:#ff3c7870!important}.main{background:0 0!important}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040d1fdb!important;border-bottom:1px solid #2cdeff33!important;height:62px!important;padding:0 16px 0 18px!important;box-shadow:0 12px 34px #00000045,inset 0 -1px #21e7ff1a!important}.page-title{letter-spacing:.08em;text-transform:uppercase;color:#ccecff!important;font-size:14px!important}.page-title:before{content:"▣";color:var(--accent);text-shadow:0 0 14px #21e7ffbd;margin-right:8px}.topbar-center{pointer-events:none;align-items:center;gap:18px;max-width:46vw;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.console-title{color:#ecfbff;letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 20px #21e7ff5c;font-size:18px;font-weight:700}.topbar-beam{background:linear-gradient(90deg,#0000,#21e7ff9e,#0000);width:160px;height:1px;box-shadow:0 0 18px #21e7ff75}.topbar-right{gap:10px!important}.engine-pill{height:34px;color:var(--green);background:#24f0a714;border:1px solid #24f0a738;border-radius:18px;align-items:center;gap:6px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-flex;box-shadow:inset 0 0 16px #24f0a70f,0 0 16px #24f0a714}.engine-pill i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #24f0a7e6}.engine-pill b,.engine-pill small{letter-spacing:.12em;font-size:9px;line-height:1}.engine-pill b{opacity:.86}.engine-pill small{opacity:.68}.clock-box{flex-direction:column;justify-content:center;min-width:100px;height:38px;padding-left:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.clock-box strong{color:#effcff;letter-spacing:.15em;font-size:17px;line-height:1.1}.clock-box span{color:#9fc2dead;letter-spacing:.12em;white-space:nowrap;margin-top:2px;font-size:9px}.icon-btn,.hamburger{color:#9fc2decc!important;background:#0c2044b8!important;border:1px solid #2cdeff24!important;border-radius:7px!important}.icon-btn:hover,.hamburger:hover{box-shadow:0 0 20px #21e7ff1a;color:#fff!important;background:#21e7ff1f!important;border-color:#21e7ff5c!important}.notif-dot{box-shadow:0 0 12px #ff3c78bf;background:var(--red)!important;border-color:#07122a!important}.content{position:relative;background:0 0!important;padding:16px!important}.panel,.stat-card,.activity-card,.admin-card,.config-card,.qr-info-card,.compact-info-card,.record-mini-panel,.attend-class-header,.location-rule-switch,.cover-upload-preview,.cover-upload-empty,.map-picker,.map-field,.map-selected-address,.map-search-results,.password-change-tip{box-shadow:var(--shadow-sm)!important;background:linear-gradient(#081937eb,#050f24f0)!important;border:1px solid #2cdeff2e!important;border-radius:8px!important}.panel,.stat-card,.activity-card,.admin-card,.config-card{position:relative}.panel:before,.stat-card:before,.activity-card:before,.admin-card:before,.config-card:before{content:"";background:var(--accent);opacity:.92;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:10px;left:0;box-shadow:0 0 13px #21e7ffcc}.panel:after,.stat-card:after,.activity-card:after,.admin-card:after,.config-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:.7;background:linear-gradient(90deg,#21e7ff14,#0000 24%),radial-gradient(circle at 100% 0,#21e7ff14,#0000 28%);position:absolute;inset:0}.panel>*,.stat-card>*,.activity-card>*,.admin-card>*,.config-card>*{z-index:1;position:relative}.panel:hover,.stat-card:hover,.activity-card:hover,.admin-card:hover,.config-card:hover{box-shadow:var(--shadow-md)!important;border-color:#21e7ff57!important}.panel-header,.panel-footer,.config-actions-bar,.map-picker-head,.map-picker-footer{background:linear-gradient(90deg,#21e7ff14,#ffffff05,#0000)!important;border-color:#2cdeff24!important}.panel-title,.config-subsection-title,.map-field-title,.record-mini-title,.activity-title,.admin-name{letter-spacing:.04em;text-shadow:0 0 14px #21e7ff2e;color:#ecfbff!important}.panel-subtitle,.activity-meta,.admin-sub,.config-section-desc,.td-meta,.form-help,.map-coords,.cover-upload-file-name{color:#9fc2deb8!important}.stat-card{min-height:128px}.stat-icon{border:1px solid #2cdeff3d;box-shadow:inset 0 0 18px #21e7ff12,0 0 18px #21e7ff14}.stat-num{letter-spacing:.03em;text-shadow:0 0 16px #21e7ff38;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#effcff!important}.stat-label,.stat-delta{color:#9fc2dec2!important}.delta-up{color:var(--green)!important}.delta-dn{color:var(--red)!important}.tbl-wrap,.management-table-wrap,.indexed-table,.modal-table-wrap,.absence-table-wrap{border:1px solid #2cdeff24;border-radius:7px;background:#030d2085!important}table{color:var(--ink2)!important}thead tr{background:#21e7ff12!important}th{border-bottom:1px solid #2cdeff24;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#9fc2dec7!important}td{color:#d5efffc7!important;border-top-color:#2cdeff1a!important}tr:hover td{background:#21e7ff0e!important}.td-name,.attend-class-name,.ranking-main span,.record-person strong,.compact-info-card strong{color:#f2fcff!important}.sequence-column,.row-sequence,.ranking-index{text-shadow:0 0 12px #21e7ff59;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--accent)!important}.form-input,.form-input-m,.form-textarea,.form-select-m,.filter-select,.search-box,.map-place-search-box,.config-mono-input,.cover-upload-url,input,select,textarea{box-shadow:inset 0 0 18px #21e7ff06;color:var(--ink)!important;background:#020b1bc7!important;border-color:#2cdeff2e!important}.form-input:focus,.form-input-m:focus,.form-textarea:focus,.form-select-m:focus,.filter-select:focus,.search-box:focus-within,.map-place-search-box:focus-within{color:#fff!important;background:#05122bf2!important;border-color:#21e7ffa3!important;box-shadow:0 0 0 3px #21e7ff14,inset 0 0 22px #21e7ff09!important}input::placeholder,textarea::placeholder,.search-box input::placeholder{color:#607f9fd1!important}.filter-select option,.modal-wrap .modal select option,select option{color:var(--ink)!important;background:#06142d!important}.form-label,.form-label-m,.config-label-with-status .form-label-m{letter-spacing:.07em;color:#9fc2ded1!important}.checkbox-item,.config-switch-row,.config-status-strip,.config-subsection,.config-warning-note,.config-danger-note,.manual-warning,.attend-section-toggle,.absence-panel{color:#d5efffcc!important;background:#071632b3!important;border-color:#2cdeff29!important}.checkbox-item:has(input:checked){color:#effcff!important;background:#21e7ff1f!important;border-color:#21e7ff70!important}.toggle-slider{background:#607f9f7a!important}.toggle input:checked+.toggle-slider{box-shadow:0 0 14px #21e7ff47;background:linear-gradient(90deg,#0bbbd8,#24f0a7)!important}.btn,.btn-primary,.btn-icon,.page-btn,.date-nav-btn,.confirm-delete-btn,.cover-upload-change,.config-secret-toggle,.config-secret-clear{letter-spacing:.03em;border-radius:5px!important}.btn-accent,.btn-primary{color:#03121f!important;background:linear-gradient(90deg,#21e7ff,#24f0a7)!important;border:1px solid #cdfcff6b!important;box-shadow:0 0 20px #21e7ff38,inset 0 0 12px #ffffff1f!important}.btn-accent:hover,.btn-primary:hover{background:linear-gradient(90deg,#6cf2ff,#58ffc1)!important;box-shadow:0 0 30px #21e7ff57!important}.btn-outline,.btn-icon,.page-btn,.date-nav-btn,.config-secret-toggle{color:#d5efffcc!important;background:#071632bd!important;border:1px solid #2cdeff2e!important}.btn-outline:hover,.btn-icon:hover,.page-btn:hover,.date-nav-btn:hover,.config-secret-toggle:hover{box-shadow:0 0 18px #21e7ff1a;color:#fff!important;background:#21e7ff1f!important;border-color:#21e7ff70!important}.btn-danger,.btn-icon.danger:hover,.confirm-delete-btn,.config-secret-clear:hover,.config-secret-clear.active{color:#ffdbe5!important;background:#ff3c7824!important;border-color:#ff3c7866!important}.btn-green,.btn-icon.success:hover{color:#dfffee!important;background:#24f0a721!important;border-color:#24f0a761!important}.status-chip,.role-chip,.class-tag,.attend-rate-chip,.config-section-badge,.config-secret-status,.date-nav-label{border:1px solid #2cdeff29;color:#d5efffc7!important;background:#091b3cb8!important}.chip-green,.cell-ok,.config-secret-status-ok{color:var(--green)!important;background:#24f0a71f!important;border-color:#24f0a742!important}.chip-orange,.cell-manual{color:var(--orange)!important;background:#ffbd4a21!important;border-color:#ffbd4a4d!important}.chip-red,.cell-absent,.config-secret-status-clear{color:var(--red)!important;background:#ff3c7821!important;border-color:#ff3c784d!important}.chip-blue,.role-admin,.config-section-badge-wechat{color:var(--accent)!important;background:#21e7ff1f!important;border-color:#21e7ff4d!important}.chip-purple,.role-super,.config-section-badge-map{color:var(--purple)!important;background:#8a7cff21!important;border-color:#8a7cff47!important}.chip-gray,.config-secret-status-empty{color:#9fc2deb8!important;background:#607f9f1f!important;border-color:#607f9f33!important}.progress-bar,.chart-bar-track,.ranking-track,.mini-column-track,.record-time-bar,.donut-track{stroke:#2cdeff1f!important;background:#2cdeff14!important}.progress-fill,.ranking-fill,.chart-bar-fill,.mini-column-fill,.record-time-bar i{box-shadow:0 0 14px #21e7ff59;background:linear-gradient(90deg,#21e7ff,#8a7cff)!important}.donut-hole{border:1px solid #2cdeff2e;box-shadow:inset 0 0 22px #21e7ff0f;color:#ecfbff!important;background:#030d20db!important}.donut-hole span,.donut-legend,.record-time,.compact-info-card small,.compact-info-card span,.ranking-main strong,.mini-column-item,.chart-bar-label,.chart-bar-val{color:#9fc2dec7!important}.legend-dot,.record-dot,.auto-search-dot{box-shadow:0 0 12px}.activity-cover,.qr-code-placeholder,.qr-code-placeholder-clean,.qr-preview,.qr-preview-clean,.qr-code-image,.qr-code-image-large,.qr-scene-code{background:#020b1bc7!important;border-color:#2cdeff2e!important}.activity-cover-label,.cover-upload-loading,.qr-scan-hint,.qr-operation-note{color:#9fc2dec7!important;background:#0716329e!important;border-color:#2cdeff24!important}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000612b8!important}.modal{color:var(--ink)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(#081937fa,#040d1ffa)!important;border:1px solid #2cdeff3d!important;border-radius:10px!important}.modal-header,.modal-footer,.modal-divider{background:0 0!important;border-color:#2cdeff24!important}.modal-title{letter-spacing:.06em;color:#ecfbff!important}.modal-close{color:#9fc2dec7!important;background:#071632bd!important;border:1px solid #2cdeff29!important}.modal-close:hover{color:#fff!important;background:#ff3c7829!important;border-color:#ff3c7866!important}.empty-state-illustrated,.table-empty{border-radius:8px;color:var(--accent)!important;background:#030d206b!important;border:1px dashed #2cdeff2e!important}.empty-illustration{filter:drop-shadow(0 0 16px #21e7ff33)}.empty-title{color:#ecfbff!important}.empty-desc{color:#9fc2deb8!important}.pagination-bar,.pagination,.loading,.global-loading-card,.toast{color:var(--ink)!important;background:#071632e0!important;border-color:#2cdeff2e!important}.page-btn.active{color:#03121f!important;background:linear-gradient(90deg,#21e7ff,#24f0a7)!important;border-color:#cdfcff6b!important}.global-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006128a!important}.global-loading-spinner,.cover-upload-spinner,.map-loading-spinner{filter:drop-shadow(0 0 10px #21e7ff80);border-color:#2cdeff2e!important;border-top-color:var(--accent)!important}#login-page{background:radial-gradient(circle at 50% 0,#21e7ff30,#0000 34%),radial-gradient(circle at 90% 85%,#ff3c781c,#0000 30%),#020817!important}#login-page:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#2cdeff0d 1px,#0000 1px),linear-gradient(90deg,#2cdeff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 52%,#0000 84%);mask-image:radial-gradient(circle,#000 0 52%,#0000 84%)}.login-card{border:1px solid #2cdeff42;position:relative;overflow:hidden;color:var(--ink)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(#081937f5,#040d1ffa)!important;border-radius:12px!important}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--green), transparent);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 22px #21e7ff8c}.login-logo{color:#03121f!important;background:linear-gradient(135deg,#21e7ff,#24f0a7)!important;border-radius:10px!important;box-shadow:0 0 28px #21e7ff4d!important}.login-title{letter-spacing:.08em;text-shadow:0 0 18px #21e7ff38;color:#ecfbff!important}.login-sub,.login-hint{letter-spacing:.08em;color:#9fc2debd!important}.map-search-result,.config-switch-list,.config-wechat-grid,.config-actions-note,.config-quick-values,.record-mode-metrics,.records-summary,.attend-grid,.admin-list,.activity-body{background:0 0!important;border-color:#2cdeff24!important}.map-search-result:hover{background:#21e7ff14!important}.map-search-result-icon,.config-subsection-icon,.cover-upload-icon,.qr-code-placeholder svg,.qr-code-placeholder-clean svg{color:var(--accent)!important}.location-disabled-note{color:var(--orange)!important;background:#ffbd4a1a!important;border-color:#ffbd4a3d!important}*{scrollbar-width:thin;scrollbar-color:#21e7ff61 #040d1fcc}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#040d1fcc}::-webkit-scrollbar-thumb{background:#21e7ff47;border:2px solid #040d1fcc;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#21e7ff75}@media (width<=1180px){.topbar-center{display:none}}@media (width<=920px){.shell:before{inset:60px 18px 18px}.engine-pill,.clock-box{display:none}}@media (width<=760px){.content{padding:12px!important}.page-title{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;overflow:hidden}.sidebar{box-shadow:18px 0 46px #0000008f}}html body .panel-footer,html body .modal-footer,html body .smart-filter-bar,html body .attend-toolbar,html body .toolbar[style*=border-bottom],html body .toolbar[style*="padding:16px 20px"],html body .toolbar[style*=margin-bottom\:16px],html body .map-picker-footer,html body .config-actions-bar,html body .records-summary,html body .record-mode-metrics,html body .date-range-panel,html body .admin-toolbar,html body .activity-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;color:var(--ink)!important;background-color:#0000!important;background-image:linear-gradient(90deg,#21e7ff1b,#081937f0 38%,#050f24f5),linear-gradient(#2cdeff0b 1px,#0000 1px),linear-gradient(90deg,#2cdeff09 1px,#0000 1px)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto,26px 26px,26px 26px!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;border-color:#2cdeff33!important;box-shadow:inset 0 1px #b9faff0e,inset 0 -1px #21e7ff13,0 0 20px #21e7ff0b!important}html body .panel-footer:before,html body .modal-footer:before,html body .smart-filter-bar:before,html body .attend-toolbar:before,html body .toolbar[style*=border-bottom]:before,html body .map-picker-footer:before,html body .config-actions-bar:before{content:"";background:linear-gradient(180deg, transparent, var(--accent), var(--green), transparent);opacity:.86;pointer-events:none;width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 16px #21e7ffb8}html body .panel-footer:after,html body .modal-footer:after,html body .smart-filter-bar:after,html body .attend-toolbar:after,html body .toolbar[style*=border-bottom]:after,html body .map-picker-footer:after,html body .config-actions-bar:after{content:"";pointer-events:none;opacity:.56;background:radial-gradient(circle at 0 0,#21e7ff29,#0000 22%),linear-gradient(90deg,#0000,#21e7ff1f,#0000);animation:5.6s linear infinite cyber-sweep;position:absolute;inset:0;transform:translate(-68%)}html body .panel-footer>*,html body .modal-footer>*,html body .smart-filter-bar>*,html body .attend-toolbar>*,html body .toolbar[style*=border-bottom]>*,html body .map-picker-footer>*,html body .config-actions-bar>*{z-index:1;position:relative}html body .modal{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#21e7ff24,#0000 28%),radial-gradient(circle at 0 100%,#8a7cff1a,#0000 30%),linear-gradient(#081937fb,#030b1cfc)!important;border-color:#2cdeff4d!important}html body .modal:before{content:"";pointer-events:none;opacity:.45;background:linear-gradient(#2cdeff09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#2cdeff07 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 5px);position:absolute;inset:0}html body .modal:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, var(--accent), transparent 18px) left top / 54px 1px no-repeat, linear-gradient(var(--accent), transparent 18px) left top / 1px 54px no-repeat, linear-gradient(270deg, var(--accent), transparent 18px) right top / 54px 1px no-repeat, linear-gradient(var(--accent), transparent 18px) right top / 1px 54px no-repeat, linear-gradient(90deg, var(--green), transparent 18px) left bottom / 54px 1px no-repeat, linear-gradient(0deg, var(--green), transparent 18px) left bottom / 1px 54px no-repeat, linear-gradient(270deg, var(--green), transparent 18px) right bottom / 54px 1px no-repeat, linear-gradient(0deg, var(--green), transparent 18px) right bottom / 1px 54px no-repeat;opacity:.62;filter:drop-shadow(0 0 9px #21e7ff7a);position:absolute;inset:0}html body .modal>*{z-index:1;position:relative}html body .modal-header{background:linear-gradient(90deg,#21e7ff1f,#071632b8,#0000)!important;border-color:#2cdeff33!important}html body .modal-body{color:var(--ink)!important;background:#030d2038!important}html body .modal-footer{justify-content:flex-end;border-top:1px solid #2cdeff33!important}html body .modal .panel,html body .modal .config-subsection,html body .modal .checkbox-item,html body .modal .absence-panel,html body .modal [style*="background:var(--surface2)"],html body .modal [style*="background: var(--surface2)"]{background:linear-gradient(#071632e0,#040e22e0)!important;border-color:#2cdeff2e!important}html body .confirm-delete-icon{color:var(--red)!important;background:#ff3c781f!important;border:1px solid #ff3c7852!important;box-shadow:0 0 24px #ff3c782e!important}html body .confirm-delete-title{text-shadow:0 0 16px #ff3c7838;color:#fff!important}html body .confirm-delete-text{color:#9fc2ded1!important}html body .smart-filter-bar .btn,html body .attend-toolbar .btn,html body .toolbar[style*=border-bottom] .btn,html body .panel-footer .btn,html body .modal-footer .btn{box-shadow:inset 0 0 14px #21e7ff09,0 0 14px #21e7ff0e}html body .smart-filter-bar input,html body .smart-filter-bar select,html body .attend-toolbar input,html body .attend-toolbar select,html body .toolbar[style*=border-bottom] input,html body .toolbar[style*=border-bottom] select{background:#020b1bd6!important;border-color:#2cdeff38!important}html body .panel,html body .stat-card,html body .activity-card,html body .admin-card,html body .config-card,html body .smart-filter-bar,html body .attend-toolbar{animation:4.8s ease-in-out infinite cyber-panel-glow}html body .panel-header:after,html body .modal-header:after{color:var(--accent)}html body .smart-filter-bar::marker{color:var(--accent)}html body .attend-toolbar::marker{color:var(--accent)}html body .panel-title:after,html body .modal-title:after,html body .config-subsection-title:after{content:"  / SYS";color:#21e7ff7a;letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600}html body .page-title,html body .panel-title,html body .modal-title,html body th{text-transform:uppercase}@keyframes cyber-sweep{0%{opacity:0;transform:translate(-78%)}16%{opacity:.56}50%{opacity:.42}to{opacity:0;transform:translate(88%)}}@keyframes cyber-panel-glow{0%,to{box-shadow:var(--shadow-sm)!important}50%{box-shadow:0 0 0 1px #2cdeff33,0 18px 46px #00000054,0 0 24px #21e7ff17!important}}@media (prefers-reduced-motion:reduce){html body .panel,html body .stat-card,html body .activity-card,html body .admin-card,html body .config-card,html body .smart-filter-bar,html body .attend-toolbar,html body .panel-footer:after,html body .modal-footer:after,html body .smart-filter-bar:after,html body .attend-toolbar:after,html body .toolbar[style*=border-bottom]:after,html body .map-picker-footer:after,html body .config-actions-bar:after{animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyber-bg-0:#020817;--cyber-bg-1:#030d20f0;--cyber-bg-2:#071632e6;--cyber-bg-3:#0a1f44e0;--cyber-line:#2cdeff38;--cyber-line-soft:#2cdeff21}html,body,#app,.shell,.main,.content,.panel-body,.modal-body,.table-empty,.tbl-wrap,.management-table-wrap,.modal-table-wrap,.absence-table-wrap,.records-summary,.record-mode-metrics,.admin-list,.activity-body,.attend-grid,.config-wechat-grid,.config-switch-list,.config-actions-note,.config-quick-values,.map-search-results,.map-picker-canvas{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}html body input[type=number]{appearance:textfield!important;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:#020b1be0!important;border-color:#2cdeff38!important}html body input[type=number]::-webkit-outer-spin-button{appearance:none!important;margin:0!important}html body input[type=number]::-webkit-inner-spin-button{appearance:none!important;margin:0!important}:is(html body .config-number-field,html body .config-secret-field-actions,html body .form-group-m:has(input[type=number])){color:var(--ink)!important}html body .config-number-field span{color:#9fc2dec2!important;background:#21e7ff13!important;border-color:#2cdeff2e!important}html body select,html body .filter-select,html body .form-select-m,html body select.form-input-m,html body input[type=date],html body input[type=time],html body input[type=datetime-local],html body input[type=month],html body input[type=week]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;color:var(--ink)!important;background-color:#020b1be6!important;background-image:linear-gradient(135deg,#0000 0 45%,#21e7ffc7 46% 54%,#0000 55%),linear-gradient(225deg,#0000 0 45%,#21e7ffc7 46% 54%,#0000 55%),linear-gradient(#21e7ff0e,#040e22e6)!important;background-position:calc(100% - 18px),calc(100% - 12px),0 0!important;background-repeat:no-repeat!important;background-size:7px 7px,7px 7px,100% 100%!important;border-color:#2cdeff3d!important;box-shadow:inset 0 0 18px #21e7ff09!important}html body select,html body .filter-select,html body .form-select-m,html body select.form-input-m{appearance:none!important;padding-right:34px!important}html body select:hover,html body .filter-select:hover,html body .form-select-m:hover,html body select.form-input-m:hover,html body input[type=date]:hover,html body input[type=time]:hover,html body input[type=datetime-local]:hover{background-color:#05122bf5!important;border-color:#21e7ff73!important;box-shadow:0 0 18px #21e7ff13,inset 0 0 22px #21e7ff0b!important}html body select option,html body select optgroup,html body .filter-select option,html body .form-select-m option{color:#dff8ff!important;background:#06142d!important}html body input[type=date]::-webkit-calendar-picker-indicator{filter:invert(78%)sepia(88%)saturate(1047%)hue-rotate(145deg)brightness(103%)contrast(101%)drop-shadow(0 0 5px #21e7ff8c);border:1px solid #2cdeff29;opacity:.9!important;background-color:#21e7ff1a!important}html body input[type=time]::-webkit-calendar-picker-indicator{filter:invert(78%)sepia(88%)saturate(1047%)hue-rotate(145deg)brightness(103%)contrast(101%)drop-shadow(0 0 5px #21e7ff8c);border:1px solid #2cdeff29;opacity:.9!important;background-color:#21e7ff1a!important}html body input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(78%)sepia(88%)saturate(1047%)hue-rotate(145deg)brightness(103%)contrast(101%)drop-shadow(0 0 5px #21e7ff8c);border:1px solid #2cdeff29;opacity:.9!important;background-color:#21e7ff1a!important}html body input[type=month]::-webkit-calendar-picker-indicator{filter:invert(78%)sepia(88%)saturate(1047%)hue-rotate(145deg)brightness(103%)contrast(101%)drop-shadow(0 0 5px #21e7ff8c);border:1px solid #2cdeff29;opacity:.9!important;background-color:#21e7ff1a!important}html body input[type=week]::-webkit-calendar-picker-indicator{filter:invert(78%)sepia(88%)saturate(1047%)hue-rotate(145deg)brightness(103%)contrast(101%)drop-shadow(0 0 5px #21e7ff8c);border:1px solid #2cdeff29;opacity:.9!important;background-color:#21e7ff1a!important}html body .panel-body,html body .modal-body,html body .modal-content,html body .modal-form,html body .list,html body .list-wrap,html body .list-panel,html body .table-list,html body .table-container,html body .record-list,html body .recent-record-list,html body .ranking-list,html body .class-attendance-list,html body .checkin-mode-list,html body .summary-metric-grid,html body .trend-chart,html body .mini-column-chart,html body .donut-panel-body,html body .activity-list,html body .admin-list,html body .attend-grid,html body .records-summary,html body .record-mode-metrics,html body .record-mini-panel,html body .absence-panel,html body .absence-more-tip,html body .compact-info-card,html body .map-picker-canvas,html body .map-selected-address,html body .map-search-result,html body .map-message,html body .cover-upload-box,html body .cover-upload-preview,html body .cover-upload-empty,html body .config-status-strip,html body .config-switch-row,html body .config-quick-btn,html body .config-secret-status,html body .qr-operation-note,html body .qr-quick-minutes button,html body .global-loading-card,html body .dropdown-menu,html body .select-dropdown,html body .picker-panel,html body .popover,html body .popper,html body .el-select-dropdown,html body .el-picker-panel,html body .el-dropdown-menu{color:var(--ink)!important;background-color:#0000!important;background-image:linear-gradient(#071632eb,#030d20f2),linear-gradient(#2cdeff07 1px,#0000 1px),linear-gradient(90deg,#2cdeff06 1px,#0000 1px)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto,28px 28px,28px 28px!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;border-color:#2cdeff2e!important}html body .panel-header,html body .modal-header,html body thead tr,html body tbody tr,html body tr,html body td,html body th,html body .attend-cell,html body .attend-cell.cell-ok,html body .attend-cell.cell-absent,html body .attend-cell.cell-manual,html body .temp-card-v2,html body .activity-card,html body .admin-card,html body .stat-card,html body .class-attendance-row,html body .checkin-mode-row,html body .ranking-row,html body .record-row,html body .summary-item,html body .summary-metric-grid>div,html body .compact-tags,html body .location-rule-switch,html body .password-change-tip,html body .checkbox-item,html body .manual-warning,html body .config-warning-note,html body .config-danger-note,html body .location-disabled-note{background-color:#0000!important}html body .attend-cell.cell-ok,html body .attend-cell.cell-absent,html body .attend-cell.cell-manual,html body .class-attendance-row,html body .checkin-mode-row,html body .ranking-row,html body .record-row,html body .summary-metric-grid>div,html body .summary-item,html body .config-switch-row,html body .config-status-strip,html body .qr-operation-note,html body .manual-warning,html body .config-warning-note,html body .config-danger-note,html body .location-disabled-note{background:linear-gradient(90deg,#21e7ff13,#071632c2,#030d20d6)!important;border:1px solid #2cdeff29!important}html body .attend-cell.cell-absent,html body .chip-red,html body .config-danger-note,html body .confirm-delete-btn{background:linear-gradient(90deg,#ff3c7821,#071632c7)!important;border-color:#ff3c784d!important}html body .attend-cell.cell-manual,html body .chip-orange,html body .manual-warning,html body .qr-operation-note,html body .config-warning-note,html body .location-disabled-note{background:linear-gradient(90deg,#ffbd4a1f,#071632c7)!important;border-color:#ffbd4a47!important}html body .attend-cell.cell-ok,html body .chip-green,html body .config-secret-status-ok{background:linear-gradient(90deg,#24f0a71f,#071632c7)!important;border-color:#24f0a747!important}html body [style*="background:#fff"],html body [style*="background: #fff"],html body [style*="background:#ffffff"],html body [style*="background: #ffffff"],html body [style*=background\:white],html body [style*="background: white"],html body [style*="background:#F8"],html body [style*="background: #F8"],html body [style*="background:#F9"],html body [style*="background: #F9"],html body [style*="background:#F1"],html body [style*="background: #F1"],html body [style*="background:#FFF"],html body [style*="background: #FFF"]{background:linear-gradient(#071632e6,#030d20f5)!important}html body .btn-outline,html body .btn-icon,html body .config-quick-btn,html body .qr-quick-minutes button,html body .date-nav-btn,html body .page-btn{color:#d5efffd6!important;background:linear-gradient(#071632e0,#030d20eb)!important;border-color:#2cdeff38!important}html body .btn-outline:hover,html body .btn-icon:hover,html body .config-quick-btn:hover,html body .config-quick-btn.active,html body .qr-quick-minutes button:hover,html body .qr-quick-minutes button.active,html body .date-nav-btn:hover,html body .page-btn:hover{color:#fff!important;background:#21e7ff21!important;border-color:#21e7ff75!important;box-shadow:0 0 18px #21e7ff1a!important}html body .toggle-slider:before{background:linear-gradient(135deg,#dff8ff,#21e7ff)!important;box-shadow:0 0 11px #21e7ff61!important}html body .qr-code-image,html body .qr-code-image-large,html body .qr-scene-code,html body .cover-preview-image,html body .qr-preview,html body .qr-preview-clean{background:#020b1bd6!important;border-color:#2cdeff38!important}.cyber-overview{min-height:212px;box-shadow:var(--shadow-lg), inset 0 0 44px #21e7ff09;background:radial-gradient(circle at 45%,#21e7ff1f,#0000 32%),radial-gradient(circle at 100% 0,#ff3c781b,#0000 28%),linear-gradient(135deg,#081937f7,#030d20fb);border:1px solid #2cdeff3d;border-radius:10px;grid-template-columns:minmax(0,1.2fr) 230px minmax(260px,.8fr);align-items:stretch;gap:18px;margin-bottom:16px;padding:18px;display:grid;position:relative;overflow:hidden}.cyber-overview:before{content:"";pointer-events:none;opacity:.58;background:linear-gradient(#2cdeff0a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#2cdeff08 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 6px);position:absolute;inset:0}.cyber-overview:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--accent), transparent 26px) left top / 78px 1px no-repeat, linear-gradient(var(--accent), transparent 26px) left top / 1px 78px no-repeat, linear-gradient(270deg, var(--green), transparent 26px) right top / 78px 1px no-repeat, linear-gradient(var(--green), transparent 26px) right top / 1px 78px no-repeat, linear-gradient(90deg, var(--purple), transparent 26px) left bottom / 78px 1px no-repeat, linear-gradient(0deg, var(--purple), transparent 26px) left bottom / 1px 78px no-repeat, linear-gradient(270deg, var(--accent), transparent 26px) right bottom / 78px 1px no-repeat, linear-gradient(0deg, var(--accent), transparent 26px) right bottom / 1px 78px no-repeat;opacity:.72;filter:drop-shadow(0 0 10px #21e7ff80);position:absolute;inset:0}.cyber-overview>*{z-index:1;position:relative}.cyber-overview-left{flex-direction:column;justify-content:center;min-width:0;display:flex}.cyber-eyebrow{color:#21e7ffdb;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}.cyber-eyebrow span{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #24f0a7e6}.cyber-overview h2{color:#effcff;letter-spacing:.08em;text-shadow:0 0 22px #21e7ff57;margin:0 0 8px;font-size:clamp(22px,2.2vw,34px);line-height:1.05}.cyber-overview p{color:#9fc2dec7;max-width:680px;margin:0;font-size:13px;line-height:1.75}.cyber-signal-strip{background:#020b1b6b;border:1px solid #2cdeff24;border-radius:8px;align-items:end;gap:5px;max-width:540px;height:52px;margin-top:18px;padding:9px 12px;display:flex}.cyber-signal-strip i{min-width:4px;animation:2.5s ease-in-out infinite cyber-eq;animation-delay:calc(var(--i,0) * 40ms);background:linear-gradient(#21e7ff,#21e7ff1f);border-radius:3px 3px 0 0;flex:1;box-shadow:0 0 12px #21e7ff38}.overview-radar{background:radial-gradient(circle,#21e7ff1f,#020b1b6b 62%,#020b1b33);border:1px solid #2cdeff29;border-radius:10px;place-items:center;min-height:176px;display:grid;position:relative;overflow:hidden}.overview-radar:before{content:"";background:conic-gradient(#21e7ff75,#0000 26% 100%),radial-gradient(circle,#0000 0 56%,#21e7ff2e 57% 58%,#0000 59% 100%);border-radius:50%;width:165px;height:165px;animation:5s linear infinite radar-spin;position:absolute}.radar-ring{border:1px solid #2cdeff2e;border-radius:50%;position:absolute;box-shadow:inset 0 0 22px #21e7ff09,0 0 18px #21e7ff09}.ring-a{width:150px;height:150px}.ring-b{border-color:#24f0a733;width:94px;height:94px}.radar-node{background:var(--accent);transform-origin:50%;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #21e7ffb8}.radar-core{z-index:1;color:#03121f;background:radial-gradient(circle at 50% 36%,#dff8ff,#21e7ff 58%,#0aa7c4);border:1px solid #cdfcff8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;box-shadow:0 0 28px #21e7ff61,inset 0 0 18px #ffffff3d}.radar-core strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:24px;line-height:1}.radar-core span{letter-spacing:.12em;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:800}.overview-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overview-matrix>div{background:linear-gradient(135deg,#21e7ff1a,#071632db 45%,#030d20eb);border:1px solid #2cdeff2e;border-radius:8px;min-height:80px;padding:13px 13px 12px;position:relative;overflow:hidden}.overview-matrix>div:after{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#21e7ff73 0 3px,#0000 3px 7px);width:40px;height:20px;position:absolute;bottom:8px;right:10px;transform:skew(-16deg)}.overview-matrix span{color:#9fc2debd;letter-spacing:.08em;font-size:11px;display:block}.overview-matrix strong{color:#effcff;text-shadow:0 0 18px #21e7ff38;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:25px;line-height:1;display:block}.cyber-chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cyber-chip-row span{color:#d5efffd1;background:#21e7ff13;border:1px solid #2cdeff2e;border-radius:999px;padding:6px 10px;font-size:12px}.stat-card-enhanced{overflow:hidden}.stat-card-enhanced:before{height:26px!important}.stat-card-enhanced:after{opacity:.42!important;background:linear-gradient(90deg,#21e7ff38,#0000 34%),repeating-linear-gradient(90deg,#21e7ff29 0 2px,#0000 2px 7px)!important;height:100%!important}.stat-icon{position:relative;overflow:hidden}.stat-icon:after{content:"";background:conic-gradient(#0000,#21e7ff57,#0000 32%);animation:3.4s linear infinite radar-spin;position:absolute;inset:-40%}.stat-icon svg{z-index:1;position:relative}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes cyber-eq{0%,to{opacity:.42;transform:scaleY(.76)}50%{opacity:1;transform:scaleY(1.08)}}@media (width<=1180px){.cyber-overview{grid-template-columns:1fr}.overview-radar{min-height:190px}}@media (width<=760px){.cyber-overview{padding:14px}.overview-matrix{grid-template-columns:1fr}.cyber-signal-strip{display:none}}@media (prefers-reduced-motion:reduce){.overview-radar:before,.stat-icon:after,.cyber-signal-strip i{animation:none!important}}.cyber-overview-ops{grid-template-columns:minmax(420px,1.35fr) 230px minmax(280px,.82fr)}.cyber-overview-left-graph{justify-content:stretch;gap:12px}.ops-kpi-row{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(94px,.55fr));gap:10px;display:grid}.ops-kpi-main,.ops-kpi-mini,.stats-command-card{background:linear-gradient(135deg,#21e7ff1f,#020b1b9e 54%,#030d20c7),repeating-linear-gradient(90deg,#2cdeff09 0 1px,#0000 1px 9px);border:1px solid #2cdeff2e;border-radius:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #21e7ff09}.ops-kpi-main:after,.ops-kpi-mini:after,.stats-command-card:after{content:"";opacity:.52;background:repeating-linear-gradient(90deg,#21e7ff94 0 3px,#0000 3px 8px);width:54px;height:18px;position:absolute;inset:auto 10px 8px auto;transform:skew(-18deg)}.ops-kpi-main{min-height:102px;padding:15px 16px}.ops-kpi-main span,.ops-kpi-mini span,.stats-command-card span,.ops-metric-bar span{color:#9fc2dec2;letter-spacing:.1em;font-size:11px;font-weight:800;display:block}.ops-kpi-main strong{color:#effcff;text-shadow:0 0 24px #21e7ff6b;margin-top:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(30px,4vw,50px);line-height:.95;display:block}.ops-kpi-main em,.ops-kpi-mini em,.stats-command-card em,.ops-metric-bar em{color:#d5efffb3;margin-top:6px;font-size:12px;font-style:normal;display:block}.ops-kpi-mini{flex-direction:column;justify-content:center;min-height:102px;padding:14px;display:flex}.ops-kpi-mini b{color:var(--accent);text-shadow:0 0 18px #21e7ff61;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:32px;line-height:1}.ops-metric-bars{gap:8px;display:grid}.ops-metric-bar{background:#020b1b6b;border:1px solid #2cdeff24;border-radius:8px;grid-template-columns:minmax(190px,.72fr) 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.ops-metric-bar strong{color:#effcff;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;display:inline-block}.ops-track{background:#9fc2de1a;border-radius:999px;height:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000059}.ops-track:before{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 12px);position:absolute;inset:0}.ops-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--green));min-width:3px;height:100%;display:block;position:relative;box-shadow:0 0 14px #21e7ff75}.tone-warning .ops-track i,.ops-metric-bar.tone-warning .ops-track i{background:linear-gradient(90deg, var(--orange), #ff3b78);box-shadow:0 0 14px #ffb02057}.tone-info .ops-track i,.ops-metric-bar.tone-info .ops-track i{background:linear-gradient(90deg, var(--blue), var(--accent))}.tone-purple .ops-track i,.ops-metric-bar.tone-purple .ops-track i{background:linear-gradient(90deg, var(--purple), var(--accent))}.cyber-signal-strip-labeled{align-items:stretch;max-width:none;height:74px;margin-top:0}.cyber-signal-strip-labeled .signal-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;min-width:0;display:flex}.cyber-signal-strip-labeled .signal-column i{background:linear-gradient(#21e7ff,#21e7ff21);border-radius:4px 4px 1px 1px;width:100%;max-width:22px;min-height:3px;animation:2.7s ease-in-out infinite cyber-eq;display:block;box-shadow:0 0 12px #21e7ff42}.cyber-signal-strip-labeled .signal-column span{color:#9fc2dea8;white-space:nowrap;font-size:10px;transform:scale(.92)}.overview-matrix-practical>div{min-height:86px}.overview-matrix-practical strong{font-size:23px}.stats-command-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stats-command-card{min-height:92px;padding:12px}.stats-command-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.stats-command-card strong{color:#effcff;text-shadow:0 0 16px #21e7ff57;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:23px;line-height:1}.stats-sparkline-grid{background:#020b1b6b;border:1px solid #2cdeff24;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:72px;padding:9px 10px 7px;display:grid}.sparkline-node{flex-direction:column;justify-content:end;align-items:center;gap:5px;min-width:0;display:flex}.sparkline-node i{background:linear-gradient(180deg, var(--green), #24f0a721);border-radius:4px 4px 1px 1px;width:100%;max-width:34px;min-height:3px;display:block;box-shadow:0 0 12px #24f0a738}.sparkline-node span{color:#9fc2dea8;white-space:nowrap;font-size:10px}@media (width<=1180px){.cyber-overview-ops{grid-template-columns:1fr}}@media (width<=760px){.ops-kpi-row,.ops-metric-bar,.stats-command-cards{grid-template-columns:1fr}.stats-sparkline-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cyber-signal-strip-labeled .signal-column i{flex:none}html body .loading{letter-spacing:.08em;width:min(440px,100% - 32px);min-height:54px;font-weight:700;overflow:hidden;z-index:3!important;color:#dff8ff!important;text-align:center!important;background:linear-gradient(90deg,#21e7ff1f,#0a1c3eeb 34%,#24f0a714),#06132bf5!important;border:1px solid #2cdeff52!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:18px auto!important;padding:0 22px 0 54px!important;font-size:13px!important;display:flex!important;position:relative!important;inset:auto!important;box-shadow:inset 0 0 18px #21e7ff14,0 0 0 1px #21e7ff0a,0 16px 36px #0000004d,0 0 26px #21e7ff1a!important}html body .loading:before{content:"";border:2px solid #2cdeff38;border-top-color:var(--accent);border-right-color:var(--green);border-radius:50%;width:18px;height:18px;margin-top:-9px;animation:.75s linear infinite cyber-inline-loading-spin;position:absolute;top:50%;left:20px;box-shadow:0 0 16px #21e7ff73}html body .loading:after{content:"";background:linear-gradient(90deg,#0000,#21e7ff33,#0000);width:30%;height:100%;animation:1.4s ease-in-out infinite cyber-inline-loading-scan;position:absolute;top:0;left:-30%}@keyframes cyber-inline-loading-spin{to{transform:rotate(360deg)}}@keyframes cyber-inline-loading-scan{0%{opacity:.25;transform:translate(0)}50%{opacity:.9}to{opacity:.25;transform:translate(460%)}}.config-number-field .form-input-m[type=number]{text-align:center}html body .loading{display:none!important}.records-summary-rule-aware{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.records-summary-rule-aware .summary-item:last-child{min-width:160px}.content{isolation:isolate;width:100%!important;min-width:0!important;display:block!important;overflow-x:hidden!important}.content>*{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.panel,.cyber-overview,.smart-filter-bar,.attend-toolbar,.stats-grid,.dashboard-grid,.table-wrap{box-sizing:border-box!important;min-width:0!important}.table-wrap,.table-container,.data-table-wrap{overflow-x:auto!important}html body .config-inline-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important;display:grid!important}html body .config-inline-item{background:linear-gradient(135deg,#21e7ff12,#0000 38%),#020b1b52!important;border:1px solid #2cdeff29!important;border-radius:14px!important;flex-direction:column!important;min-width:0!important;padding:13px!important;display:flex!important;box-shadow:inset 0 0 22px #21e7ff09!important}html body .config-inline-item .form-help{margin-top:8px!important;line-height:1.55!important}html body .config-inline-item .config-number-field{margin-top:8px!important}@media (width<=860px){html body .config-inline-row{grid-template-columns:1fr!important}}html body .modal-overlay{isolation:isolate;z-index:100000!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}html body .modal-overlay.open{z-index:100000!important}html body .modal-overlay .modal{z-index:100001!important;max-height:calc(100vh - 48px)!important;margin:0 auto!important;position:relative!important}html body .modal-wide{width:min(1040px,100vw - 48px)!important;max-width:min(1040px,100vw - 48px)!important}html body .modal-body{max-height:calc(100vh - 176px);overflow:auto}html body .temporary-records-wrap{width:100%;max-width:100%;overflow-x:auto;border-radius:10px!important}html body .temporary-records-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:680px}html body .temporary-records-table th,html body .temporary-records-table td{white-space:nowrap;height:48px;line-height:1.35;vertical-align:middle!important;padding:10px 14px!important}html body .temporary-records-table th:first-child,html body .temporary-records-table td:first-child{width:30%;text-align:left!important}html body .temporary-records-table th:nth-child(2),html body .temporary-records-table td:nth-child(2){width:22%;text-align:left!important}html body .temporary-records-table th:nth-child(3),html body .temporary-records-table td:nth-child(3){width:30%;text-align:center!important}html body .temporary-records-table th:nth-child(4),html body .temporary-records-table td:nth-child(4){width:18%;text-align:center!important}html body .temp-record-user-cell{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}html body .temp-record-user-cell .attend-av{flex:0 0 32px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;display:inline-flex!important}html body .temp-record-user-cell .td-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html body .temporary-records-table .status-chip{justify-content:center;min-width:58px;display:inline-flex}html body .temp-progress-pct{font-variant-numeric:tabular-nums;white-space:nowrap}html body .temp-progress-wrap .progress-fill,html body .modal .progress-fill{transition:width .28s,background-color .28s,box-shadow .28s}@media (width<=760px){html body .modal-overlay{align-items:flex-start!important;padding:12px!important}html body .modal-overlay .modal,html body .modal-wide{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}html body .modal-body{max-height:calc(100vh - 152px)}}html body .temp-progress-wrap.temp-progress-open{background:linear-gradient(90deg,#21e7ff14,#24f0a70a),#030d2057;border:1px solid #2cdeff29;border-radius:8px;padding:9px 10px}html body .temp-progress-wrap.temp-progress-open .temp-progress-header{margin-bottom:0!important}html body .temp-progress-wrap.temp-progress-open .temp-progress-label:before{content:"●";color:var(--green);text-shadow:0 0 10px #24f0a7b8;margin-right:6px}html body .temp-progress-wrap.temp-progress-open .temp-progress-pct{text-shadow:0 0 12px #24f0a747;font-size:14px;color:var(--green)!important}html body .temp-record-progress-panel{border:1px solid #2cdeff2e;border-radius:12px;margin-bottom:16px;padding:14px 16px;box-shadow:inset 0 0 22px #21e7ff0d;background:linear-gradient(135deg, #21e7ff14, #0a1c3edb 44%, #24f0a70d), var(--surface2)!important}html body .temp-record-progress-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}html body .temp-record-progress-head span{color:var(--ink);font-size:13px;font-weight:700}html body .temp-record-progress-head strong{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 12px #21e7ff3d;font-size:13px;font-weight:800}html body .temp-record-progress-open .temp-record-progress-head{margin-bottom:0}html body .temp-record-progress-open .temp-record-progress-head strong{color:var(--green);text-shadow:0 0 14px #24f0a742;font-size:16px}html body .temp-record-progress-time{color:var(--ink3);justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;display:flex}html body .temp-record-progress-open .temp-record-progress-time{border-top:1px solid #2cdeff1a;margin-top:10px;padding-top:10px}html body .tab-bar{scroll-behavior:smooth;scrollbar-width:none;contain:layout paint;align-items:center;overflow:auto hidden;transform:translateZ(0)}html body .tab-bar::-webkit-scrollbar{display:none}html body .tab-item{will-change:background-color, border-color, color;border:1px solid #0000;flex:none;min-height:34px;position:relative;transform:translateZ(0)}html body .tab-item:disabled{opacity:.72;cursor:wait}html body .tab-item .tab-count{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:22px;height:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:18px;transition:opacity .16s,transform .16s,background-color .16s;display:inline-flex;padding:0 6px!important}html body .tab-item.active .tab-count{box-shadow:0 0 12px #21e7ff42;color:#03121f!important;background:linear-gradient(90deg, var(--accent), var(--green))!important}html body .temp-segmented-progress{border:1px solid #21e7ff33;height:8px;overflow:hidden;box-shadow:inset 0 0 12px #00000073,0 0 12px #21e7ff1a;background:linear-gradient(90deg,#21e7ff14,#ffb02014),#020a18d1!important;border-radius:999px!important;position:relative!important}html body .temp-segmented-progress .progress-fill{z-index:1;min-width:0;position:absolute;top:0;bottom:0;left:0;border-radius:999px!important}html body .temp-segmented-progress .progress-segment{z-index:2;pointer-events:none;background:#e6f9ffb8;width:1px;position:absolute;top:-1px;bottom:-1px;transform:translate(-.5px);box-shadow:0 0 5px #21e7ffa6,0 0 10px #8a7cff47}html body .temp-segmented-progress:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);animation:2.8s linear infinite tempProgressScan;position:absolute;inset:0;transform:translate(-120%)}@keyframes tempProgressScan{0%{transform:translate(-120%)}to{transform:translate(120%)}}html body .config-security-box{border:1px solid #21e7ff2e;border-radius:16px;margin-top:18px;padding:16px;box-shadow:inset 0 0 18px #21e7ff0f,0 0 18px #0000002e;background:radial-gradient(circle at 0 0,#21e7ff1a,#0000 36%),linear-gradient(135deg,#05142adb,#040c1ef0)!important}html body .config-inline-row-security{margin-top:14px}html body .security-level-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}html body .security-level-btn{text-align:left;cursor:pointer;min-height:76px;color:var(--ink2);border:1px solid #21e7ff38;border-radius:14px;padding:10px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:inset 0 0 14px #21e7ff0a;background:linear-gradient(135deg,#091c3aeb,#050e22e0)!important}html body .security-level-btn strong{color:var(--ink);margin-bottom:5px;font-size:15px;display:block}html body .security-level-btn span{color:var(--ink3);font-size:12px;line-height:1.45;display:block}html body .security-level-btn:hover,html body .security-level-btn.active{border-color:#21e7ff94;transform:translateY(-1px);box-shadow:0 0 18px #21e7ff29,inset 0 0 18px #21e7ff14}html body .security-level-btn.active strong{color:var(--accent)}@media (width<=900px){html body .security-level-group{grid-template-columns:1fr}}html body .toast-wrap{z-index:2147483600!important;pointer-events:none!important;position:fixed!important;top:22px!important;right:22px!important}html body .toast{min-width:240px;z-index:2147483601!important;background:linear-gradient(135deg,#071632fa,#030d20fa)!important;border:1px solid #2cdeff42!important;max-width:min(420px,100vw - 44px)!important;position:relative!important;box-shadow:0 0 0 1px #21e7ff1f,0 18px 46px #0000006b,0 0 22px #21e7ff29!important}html body .toast.ok,html body .toast.success{border-color:#24f0a77a!important}html body .toast.err,html body .toast.error{border-color:#ff3c788a!important}html body .toast.warn,html body .toast.warning{border-color:#ffb0208a!important}html body .system-config-page .config-grid{grid-auto-flow:dense;align-items:start!important}html body .system-config-page .config-card{align-self:start!important;height:auto!important;min-height:0!important}html body .system-config-page .config-card .panel-body{height:auto!important;min-height:0!important}html body .security-level-select-wrap{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}html body .security-level-select{background:linear-gradient(135deg,#091c3af5,#050e22f0)!important;border-color:#21e7ff52!important;height:46px!important;min-height:46px!important;box-shadow:inset 0 0 16px #21e7ff12,0 0 16px #21e7ff12!important}html body .security-level-current{background:radial-gradient(circle at 0%,#24f0a724,#0000 36%),linear-gradient(135deg,#05142ad1,#030d20e6);border:1px solid #2cdeff2e;border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:9px 12px 9px 14px;display:flex;position:relative;overflow:hidden}html body .security-level-current:before{content:"";background:var(--accent2);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 12px #24f0a7db}html body .security-level-current strong{color:var(--accent);letter-spacing:.08em;font-size:14px}html body .security-level-current span{color:var(--ink3);font-size:12px;line-height:1.45}@media (width<=900px){html body .security-level-select-wrap{grid-template-columns:1fr}}html body .toast-wrap.toast-top-layer,html body>.toast-wrap.toast-top-layer{z-index:2147483647!important;pointer-events:none!important;isolation:isolate!important;contain:layout style!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;display:flex!important;position:fixed!important;inset:22px 22px auto auto!important;transform:translateZ(0)!important}html body .toast-wrap.toast-top-layer .toast,html body>.toast-wrap.toast-top-layer .toast{min-width:260px;z-index:2147483647!important;pointer-events:auto!important;max-width:min(440px,100vw - 44px)!important;position:relative!important}html body .modal-overlay,html body .modal-overlay.open{z-index:2147481000!important}html body .modal-overlay .modal{z-index:2147481001!important}html body .global-loading-overlay{z-index:2147482000!important}