.monitor-pending-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;max-width:100px;margin-top:16px;display:grid}.monitor-pending-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);width:100%;margin-bottom:12px;padding:12px}.monitor-pending-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.monitor-subtext{color:var(--color-text-muted);font-size:13px}.monitor-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.monitor-info{flex-direction:column;display:flex}.monitor-timer{font-size:13px;font-weight:600}.monitor-timer-badge{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:6px;min-width:60px;padding:4px 8px;font-size:13px;font-weight:600}.monitor-empty{text-align:center;color:var(--color-text-muted);padding:30px}.active-pass-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.active-pass-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.pass-header{justify-content:space-between;align-items:center;display:flex}.student-name{color:var(--color-text);font-size:14px;font-weight:600}.pass-destination{color:var(--color-text-light);font-size:13px}.pass-timer{font-size:18px;font-weight:700}.pass-timer.normal{color:var(--color-text)}.pass-timer.warning{color:#f59e0b}.pass-timer.danger{color:#ef4444}.active-pass-card.danger{border-color:#ef4444}.over-limit{color:#ef4444;background:#ef44441a;border-radius:6px;padding:2px 6px;font-size:11px}.student-add-form{margin-bottom:20px}.student-add-inputs{gap:10px;margin-bottom:10px;display:flex}.student-add-inputs input{flex:1;margin:0;padding:8px 10px;font-size:14px}.student-add-inputs input:first-child,.student-add-inputs input:nth-child(2){max-width:180px}.student-add-inputs input:nth-child(3){flex:2}.student-add-form button{align-self:flex-start;width:auto;padding:8px 18px;font-size:14px}.student-add-row input:first-child,.student-add-row input:nth-child(2){max-width:180px}.student-add-row input:nth-child(3){max-width:260px}.student-header{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 2fr .8fr auto;padding-bottom:8px;font-size:13px;display:grid}.student-row{border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 2fr .8fr auto;align-items:center;padding:12px 0;display:grid}.student-row:hover{background:#ffffff05}.staff-add-form{margin-bottom:20px}.staff-add-inputs{gap:10px;margin-bottom:10px;display:flex}.staff-add-inputs input{flex:1;margin:0;padding:8px 10px;font-size:14px}.staff-role-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);min-width:120px;padding:8px 10px;font-size:14px}
.staff-header{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 2fr 1fr .8fr auto;padding-bottom:8px;font-size:13px;display:grid}.staff-row{border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 2fr 1fr .8fr auto;align-items:center;padding:12px 0;display:grid}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px;display:grid}.group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:16px;display:flex}.group-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.group-card__title{margin:0;font-size:16px}.group-card__section{flex-direction:column;gap:6px;display:flex}.group-card__label{color:var(--color-text-muted);font-size:12px}.group-card__empty{color:var(--color-text-muted);font-size:13px}.group-member-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.group-member-row:last-child{border-bottom:none}.group-suggestions{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt)}.group-suggestion{cursor:pointer;padding:8px 10px}.group-suggestion:hover{background:var(--color-surface)}
.ui-button{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:auto;padding:10px 16px;font-weight:500;transition:all .15s;display:inline-flex}button:hover{transform:translateY(-2px)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-primary);color:#fff}.ui-button--primary:hover{background:var(--color-primary-hover)}.ui-button--neutral{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.ui-button--danger{background:var(--color-danger);color:#fff}.ui-button.small{padding:6px 10px;font-size:12px}.ui-button.danger{color:#fff;background:#ef4444}.monitor-actions{gap:8px;display:flex;width:auto!important}.monitor-deny{border:1px solid var(--color-danger);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:10px;width:auto!important}.monitor-deny:hover{color:var(--color-danger);border-color:var(--color-danger)}.staff-remove{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px}.staff-remove:hover{color:var(--color-danger);border-color:var(--color-danger)}.group-create-button{width:auto;margin-top:10px;padding:6px 12px}.group-card__delete{border:1px solid var(--color-border);width:auto;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px}.group-card__delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.group-member-remove{border:1px solid var(--color-border);width:auto;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px}.group-member-remove:hover{color:var(--color-danger);border-color:var(--color-danger)}.staff-add-button{align-self:flex-start;width:auto;padding:8px 18px;font-size:14px}.student-remove{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px}.student-remove:hover{color:var(--color-danger);border-color:var(--color-danger)}
.tab{position:relative}.tab-badge{background:var(--color-danger);color:#fff;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:11px}.ui-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex}.ui-sidebar__nav{flex:1}.ui-sidebar__item{width:100%;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .15s;display:block}.ui-sidebar__item+.ui-sidebar__item{margin-top:8px}.ui-sidebar__item:hover{background:var(--color-surface-alt)}.ui-sidebar__item--active{background:var(--color-primary);color:#fff;font-weight:600}.ui-sidebar__item--active svg{color:#fff}.ui-sidebar__item svg{opacity:.8}.ui-sidebar__item--active svg{opacity:1}.ui-sidebar__footer{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.ui-sidebar__user{margin-bottom:4px;font-size:15px;font-weight:600}.ui-sidebar__org{color:var(--color-text-muted);margin-bottom:12px;font-size:13px}.ui-sidebar__org-switch{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);width:100%;color:var(--color-text);margin-bottom:12px;padding:6px}.ui-sidebar__item{align-items:center;gap:10px;display:flex}.ui-sidebar__icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ui-sidebar__logout{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 10px;transition:all .15s}.ui-sidebar__logout:hover{color:var(--color-danger);border-color:var(--color-danger)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.status-badge{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-green{color:#16a34a;background:#22c55e1a}.status-red{color:#dc2626;background:#ef44441a}.status-yellow{color:#d97706;background:#f59e0b1a}.status-gray{color:#6b7280;background:#6b72801a}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.analytics-value{margin-top:8px;font-size:28px;font-weight:700}.analytics-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;display:flex}
.theme-picker{align-items:center;gap:10px;display:flex}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;background:unset!important;background-color:var(--dot-color)!important}.theme-dot:hover{transform:scale(1.1)}.theme-dot.active{box-shadow:0 0 0 2px var(--color-border);border:2px solid #fff;transform:scale(1.1)}