:root{--bg-dark:#0f1115;--panel-bg:#1a1d24;--panel-border:#ffffff14;--text-primary:#f8f9fa;--text-secondary:#9ca3af;--accent:#3b82f6;--accent-hover:#2563eb;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.loading-screen{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{color:var(--text-secondary);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-container{height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:var(--panel-bg);border-right:1px solid var(--panel-border);flex-direction:column;width:250px;display:flex}.sidebar-header{border-bottom:1px solid var(--panel-border);padding:1.5rem}.sidebar-header h2{margin-bottom:.5rem;font-size:1.2rem}.badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:.75rem}.badge.super_admin{color:#60a5fa;background:#3b82f633}.badge.teacher{color:#34d399;background:#10b98133}.admin-nav{flex:1;padding:1rem 0}.admin-nav button{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:1rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.admin-nav button:hover{color:var(--text-primary);background:#ffffff08}.admin-nav button.active{color:var(--accent);border-right:3px solid var(--accent);background:#3b82f61a}.sidebar-footer{border-top:1px solid var(--panel-border);padding:1rem}.logout-btn{border:1px solid var(--panel-border);width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:.75rem;display:flex}.logout-btn:hover{color:var(--text-primary);background:#ffffff0d}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-view{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:500}.btn-primary{background:var(--text-primary);color:var(--bg-dark)}.btn-small{color:var(--text-primary);background:#ffffff1a;padding:4px 12px;font-size:.85rem}.table-responsive{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--panel-border);padding:1rem 1.5rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0003;font-size:.85rem;font-weight:500}tr:last-child td{border-bottom:none}.status-active{color:#34d399}.status-inactive{color:var(--text-secondary)}.status-confirmed{color:#3b82f6}.status-pending{color:#fbbf24}.inbox-container{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);height:calc(100vh - 120px);display:flex;overflow:hidden}.inbox-sidebar{border-right:1px solid var(--panel-border);background:#0003;flex-direction:column;width:320px;display:flex}.inbox-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.inbox-header h2{align-items:center;gap:8px;font-size:1.1rem;display:flex}.inbox-list{flex:1;padding:.5rem;overflow-y:auto}.inbox-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;margin-bottom:4px;padding:1rem;transition:all .2s;display:flex}.inbox-item:hover{background:#ffffff0d}.inbox-item.active{background:#3b82f626;border-color:#3b82f64d}.inbox-item-name{margin-bottom:4px;font-size:.95rem;font-weight:600}.inbox-item-email{color:var(--text-secondary);font-size:.8rem}.inbox-unread{color:#fff;background:#ef4444;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.inbox-main{flex-direction:column;flex:1;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:1.5rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:75%;padding:12px 16px;font-size:.95rem;line-height:1.4}.chat-bubble.admin{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.user{border:1px solid var(--panel-border);color:var(--text-primary);background:#ffffff14;border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{border-top:1px solid var(--panel-border);background:#0003;padding:1.25rem}.chat-input-wrapper{display:flex;position:relative}.chat-input{background:var(--bg-dark);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:12px 50px 12px 16px;font-size:.95rem;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;transition:background .2s;display:flex;position:absolute;top:6px;bottom:6px;right:6px}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.empty-chat{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}