.campus-gate{flex-direction:column;gap:16px;display:flex}.campus-gate-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.campus-gate-head h1{margin:4px 0 0;font-size:28px}.campus-gate-head p,.campus-gate-head span{color:#667085}.campus-gate-actions{flex-wrap:wrap;gap:8px;display:flex}.campus-gate-actions button,.campus-gate button.primary,.campus-gate button.ghost{cursor:pointer;border:0;border-radius:12px;padding:10px 16px;font-weight:700}.campus-gate button.primary{color:#fff;background:#5c5ce2}.campus-gate button.ghost{color:#3d4468;background:#eef0f8}.campus-gate-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.campus-gate-stats article{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px #28305a0f}.campus-gate-stats span{color:#8b90a5;font-size:13px}.campus-gate-stats strong{margin-top:6px;font-size:28px;display:block}.campus-gate-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.campus-gate .panel{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px #28305a0f}.campus-gate .panel header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.face-student-list{flex-direction:column;gap:8px;max-height:540px;display:flex;overflow:auto}.face-student-list button{text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #eceff7;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.face-student-list button.on{background:#eef0ff;border-color:#5c5ce2}.face-student-list img,.face-student-list i{object-fit:cover;background:#d9dcf2;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.enroll-box video,.enroll-box img.preview{object-fit:cover;background:#111;border-radius:16px;width:100%;min-height:240px}.enroll-box .row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.checkin-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow:auto}.checkin-list article{border-bottom:1px solid #f0f2f8;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.checkin-list b.in{color:#12b76a}.checkin-list b.out{color:#f04438}.door-kiosk{color:#fff;background:#101428;grid-template-columns:1.4fr .9fr;min-height:100vh;display:grid}.door-kiosk.login-wrap{padding:40px 16px;display:block}.kiosk-cam{position:relative}.kiosk-cam video{object-fit:cover;background:#000;width:100%;height:100vh}.kiosk-cam .frame{pointer-events:none;border:4px solid #ffffffb3;border-radius:32px;position:absolute;inset:12vh 14vw}.kiosk-side{background:linear-gradient(#1b2144,#12162c);flex-direction:column;gap:16px;padding:28px;display:flex}.kiosk-side h1{margin:0;font-size:36px}.kiosk-side .clock{font-variant-numeric:tabular-nums;font-size:42px}.kiosk-side .hint{color:#b7bdd8;font-size:18px}.kiosk-result{background:#22284d;border-radius:20px;min-height:140px;padding:20px}.kiosk-result.ok{background:#113627}.kiosk-result.warn{background:#3b2a12}.kiosk-result h2{margin:0 0 8px;font-size:32px}.kiosk-toggles{gap:8px;display:flex}.kiosk-toggles button,.kiosk-side input,.pick-list button{cursor:pointer;border:0;border-radius:12px;padding:10px 12px;font-size:16px}.kiosk-toggles button{color:#fff;background:#2a315c;flex:1}.kiosk-toggles button.on{background:#5c5ce2}.kiosk-side input{width:100%}.pick-list{flex-direction:column;gap:8px;max-height:36vh;display:flex;overflow:auto}.pick-list button{color:#1d2344;text-align:left;background:#fff;font-weight:700}@media (max-width:900px){.campus-gate-grid,.campus-gate-stats,.door-kiosk{grid-template-columns:1fr}.kiosk-cam video{height:42vh}}