.notification-bell{position:relative}.bell-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.4rem;font-size:1.3rem;transition:all .2s;position:relative}.bell-btn:hover{background:var(--blue-pale)}.badge{color:#fff;text-align:center;background:#ef4444;border-radius:50%;min-width:16px;padding:.15rem .35rem;font-size:.6rem;font-weight:600;position:absolute;top:0;right:0}.notification-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:320px;max-height:400px;box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;display:flex;position:absolute;top:45px;right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dropdown-header h3{margin:0;font-size:.9rem;font-weight:600}.mark-all-read{color:var(--blue);cursor:pointer;background:0 0;border:none;font-size:.7rem}.dropdown-list{max-height:350px;overflow-y:auto}.empty-notifications{text-align:center;color:var(--text-muted);padding:2rem}.empty-notifications span{margin-bottom:.5rem;font-size:2rem;display:block}.empty-notifications p{font-size:.8rem}.notification-item{color:inherit;border-bottom:1px solid var(--border);gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.notification-item:hover{background:var(--blue-pale)}.notification-item.unread{background:var(--blue-light)}.notification-icon{flex-shrink:0;font-size:1.2rem}.notification-content{flex:1;min-width:0}.notification-title{margin-bottom:.15rem;font-size:.8rem;font-weight:600}.notification-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.notification-time{color:var(--text-muted);margin-top:.15rem;font-size:.6rem}@media (width<=480px){.notification-dropdown{width:280px;right:-40px}}.unread-messages-banner{border-bottom:1px solid var(--border);color:inherit;background:#e8eefb;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.unread-messages-banner:hover{background:#dce5f5}.unread-messages-icon{font-size:1.2rem}.unread-messages-content{flex:1}.unread-messages-content strong{margin-bottom:.15rem;font-size:.8rem;display:block}.unread-messages-content span{color:var(--text-muted);font-size:.7rem}.unread-messages-arrow{color:var(--blue);font-size:1rem}.topnav{z-index:200;height:var(--nav);border-bottom:1px solid var(--border);background:#111318;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);color:#fff;white-space:nowrap;font-size:1.25rem;font-weight:800;text-decoration:none}.logo span{color:var(--blue)}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--blue)}.nav-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.btn-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.btn-logout:hover{border-color:var(--red);color:var(--red)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger-btn span{background:var(--text);border-radius:2px;width:20px;height:2px;display:block}.mobile-menu{top:var(--nav);border-bottom:1px solid var(--border);z-index:199;box-shadow:var(--shadow-md);background:#111318;flex-direction:column;gap:.75rem;padding:1rem;display:none;position:fixed;left:0;right:0}.mobile-menu a,.mobile-menu button{color:var(--text);border-bottom:1px solid var(--border);text-align:left;background:0 0;padding:.5rem;font-size:.9rem;font-weight:500;text-decoration:none}@media (width<=768px){.nav-links{display:none}.hamburger-btn,.mobile-menu{display:flex}.btn-logout{display:none}}.messages-badge{color:#fff;text-align:center;background:#ef4444;border-radius:50%;min-width:16px;margin-left:.3rem;padding:.15rem .4rem;font-size:.6rem;font-weight:600}.admin-page{background:#0a0c10;min-height:100vh}.admin-container{max-width:1200px;padding:calc(var(--nav) + 2rem) 2rem 4rem;margin:0 auto}.admin-container h1{background:linear-gradient(135deg,#fff,#6c63ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.admin-subtitle{color:#8a8f9a;margin-bottom:2rem}.users-table{border-collapse:collapse;background:#111318;border-radius:16px;width:100%;overflow:hidden}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #1f222a;padding:1rem}.users-table th{color:#8a8f9a;background:#0d0f14;font-size:.85rem;font-weight:500}.user-cell{align-items:center;gap:.75rem;display:flex}.certified-badge{color:#fff;background:#10b981;border-radius:100px;padding:.15rem .4rem;font-size:.65rem}.status-badge{border-radius:100px;padding:.2rem .5rem;font-size:.75rem}.status-badge.certified{color:#10b981;background:#10b98120}.status-badge.pending{color:#fbbf24;background:#fbbf2420}.certify-btn{cursor:pointer;border:none;border-radius:100px;padding:.4rem .8rem;font-size:.75rem}.certify-btn.add{color:#fff;background:#6c63ff}.certify-btn.remove{color:#fff;background:#ef4444}.admin-error{text-align:center;background:#0a0c10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.admin-container{padding:calc(var(--nav) + 1rem) 1rem 2rem}.users-table{display:block;overflow-x:auto}}:root{--blue-dark:#0f2e8a;--blue:#1b4fd8;--blue-light:#1a2744;--blue-pale:#1a1d2e;--green:#16a34a;--green-light:#1a3a2a;--red:#dc2626;--red-light:#3a1a1a;--orange:#d97706;--purple:#7c3aed;--text:#ededed;--text-muted:#8a8f9a;--white:#fff;--bg:#0a0c10;--bg-card:#111318;--border:#1f222a;--nav:60px;--radius-sm:8px;--radius:12px;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border);color:var(--text);background:#1a1d24;border-radius:100px;outline:none;padding:.7rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--blue)}ul,ol{list-style:none}.btn{cursor:pointer;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.app-layout{max-width:1100px;padding:calc(var(--nav) + 1.5rem) 1.25rem 2rem;grid-template-columns:240px 1fr;gap:1.5rem;margin:0 auto;display:grid}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:.7rem}.avatar-lg{width:50px;height:50px;font-size:1rem}.loading-spinner{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:3rem 2rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-title{margin-bottom:.5rem;font-weight:700}.empty-sub{color:var(--text-muted);font-size:.88rem}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-md);padding:1.5rem;overflow-y:auto}.modal-title{justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-weight:700;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;font-size:1.2rem}@media (width<=900px){.app-layout{padding:calc(var(--nav) + 1rem) 1rem 5rem;grid-template-columns:1fr}}html,body,#root{height:100%;margin:0;padding:0}@media (width<=768px){html,body,#root{overflow:hidden}}html,body,#root{min-height:100vh;overflow-x:hidden;height:auto!important;overflow-y:auto!important}body{-webkit-overflow-scrolling:touch;position:relative;overflow-y:auto!important}*{-webkit-overflow-scrolling:touch}