:root,[data-theme=dark]{--bg-primary:#0a0e14;--bg-secondary:#1a252f;--bg-tertiary:#0f1419;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--accent-primary:#667eea;--accent-secondary:#7c8bf5;--accent-hover:#5a67d8;--card-bg:#ffffff0d;--card-border:#ffffff1a;--glass-bg:#ffffff14;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-accent:0 4px 15px #667eea4d}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--accent-primary:#667eea;--accent-secondary:#7c8bf5;--accent-hover:#5a67d8;--card-bg:#fff;--card-border:#dee2e6;--glass-bg:#f8f9fa;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-accent:0 4px 15px #667eea33}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#0a0e14;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(135deg,#1a252f,#0f1419);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}[data-theme=light] body{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}#root{display:flex;flex-direction:column;min-height:100vh}#mainHeader{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--card-border);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);display:flex;height:70px;justify-content:space-between;left:0;padding:0 30px;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:100}#logo-img{filter:brightness(1.2);height:auto;width:50px}nav ul{align-items:center;display:flex;gap:25px;list-style:none}nav li{display:inline-block}nav a{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}nav a:hover{color:#667eea;color:var(--accent-primary)}.theme-toggle{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-hover) 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.theme-toggle:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.loginPage{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.loginForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);max-width:450px;padding:3rem;width:100%}.container{width:100%}.form h1{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:2.5rem;text-align:center}.txtb{margin-bottom:1.5rem;position:relative}.txtb input{background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--card-border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.txtb input:focus{background:#ffffff1f;border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea33}::placeholder{color:#ffffff80;color:var(--text-tertiary)}.input-container{align-items:center;display:flex;gap:12px;margin-bottom:1.5rem}.input-container label{color:#ffffffb3;color:var(--text-secondary);cursor:pointer;font-size:.95rem}.input-container input[type=checkbox]{accent-color:#667eea;accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.input-container button{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.input-container button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.input-container a{color:#667eea;color:var(--accent-primary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.input-container a:hover{color:#7c8bf5;color:var(--accent-secondary);text-decoration:underline}.error{color:#ff6b6b;font-size:.95rem;margin-top:1rem;text-align:center}.admin-header{padding:40px 20px 30px;text-align:center}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#7c8bf5);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.admin-subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:1.1rem}#homePage{flex:1 1;margin:0 auto;max-width:1600px;padding:0 30px 40px;width:100%}.homepage-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:320px 1fr;margin-bottom:25px}.left-section{display:flex;flex-direction:column;gap:20px}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:30px;text-align:center}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#7c8bf5);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:50%;box-shadow:0 4px 15px #667eea4d;box-shadow:var(--shadow-accent);display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.user-avatar svg{color:#fff;height:45px;width:45px}.user-info{margin-bottom:20px}.user-info .username{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:8px}.user-info .email{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem}.user-status{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:25px;display:flex;gap:8px;justify-content:center;padding:10px 20px}.status-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#7c8bf5;color:var(--accent-secondary);font-size:.9rem;font-weight:500}.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:25px}.stats-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.stat-item{align-items:center;background:#ffffff14;background:var(--glass-bg);border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:12px;padding:15px;transition:all .3s ease}.stat-item:hover{background:#667eea26;transform:translateX(5px)}.stat-item svg{color:#667eea;color:var(--accent-primary);flex-shrink:0;height:24px;width:24px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-label{color:#ffffff80;color:var(--text-tertiary);font-size:.85rem}.stat-value{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600}.session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);gap:15px;padding:20px}.session-card,.session-icon{align-items:center;display:flex}.session-icon{background:#667eea26;border-radius:12px;height:50px;justify-content:center;width:50px}.session-icon svg{color:#667eea;color:var(--accent-primary);height:28px;width:28px}.session-info{display:flex;flex-direction:column;gap:4px}.session-label{color:#ffffff80;color:var(--text-tertiary);font-size:.85rem}.session-time{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600}.users-list-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);overflow:hidden}.users-list-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease;width:100%}.users-list-header:hover{background:#667eea1a}.users-list-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:12px}.users-list-title svg{color:#667eea;color:var(--accent-primary);height:24px;width:24px}.users-list-toggle{color:#ffffffb3;color:var(--text-secondary);height:20px;transition:transform .3s ease;width:20px}.users-list-toggle.open{transform:rotate(180deg)}.users-list-content{max-height:300px;overflow-y:auto;padding:0 10px 10px}.users-list-content::-webkit-scrollbar{width:6px}.users-list-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.users-list-content::-webkit-scrollbar-thumb{background:#667eea;background:var(--accent-primary);border-radius:10px}.user-list-item{align-items:center;background:#ffffff14;background:var(--glass-bg);border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.user-list-item:hover{background:#667eea26;border-color:#667eea4d;transform:translateX(5px)}.user-list-item.current-user{background:#667eea33;border-color:#667eea66;cursor:default}.user-list-item.current-user:hover{transform:none}.user-list-avatar{align-items:center;background:#667eea33;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-list-avatar svg{color:#667eea;color:var(--accent-primary);height:22px;width:22px}.user-list-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-list-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:8px}.you-badge{background:#667eea;background:var(--accent-primary);border-radius:10px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 8px}.user-list-id{color:#ffffff80;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:.8rem}.user-list-action{color:#667eea;color:var(--accent-primary);flex-shrink:0;height:18px;width:18px}.users-list-empty{padding:30px 20px;text-align:center}.users-list-empty p{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem}.right-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);overflow:hidden}.tabs-container{background:#0003;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--card-border);padding:20px 20px 0}.tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#667eea #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:#0000}.tabs::-webkit-scrollbar-thumb{background:#667eea;background:var(--accent-primary);border-radius:4px}.tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab svg{height:20px;width:20px}.tab:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.tab.active{background:#667eea1a;border-bottom-color:#667eea;border-bottom-color:var(--accent-primary);color:#667eea;color:var(--accent-primary)}.content-area{padding:25px}.search-container{margin-bottom:20px;position:relative}.search-icon{color:#ffffff80;color:var(--text-tertiary);height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--card-border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:.95rem;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff1f;border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea33}.mailbox{max-height:500px;overflow-y:auto;padding-right:5px}.mailbox::-webkit-scrollbar{width:6px}.mailbox::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.mailbox::-webkit-scrollbar-thumb{background:#667eea;background:var(--accent-primary);border-radius:10px}.mailbox ul{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.mail-card{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:15px;cursor:pointer;padding:20px;transition:all .3s ease}.mail-card:hover{background:#667eea1a;border-color:#667eea4d;transform:translateX(5px)}.mail-header{justify-content:space-between;margin-bottom:12px}.mail-from,.mail-header{align-items:center;display:flex}.mail-from{gap:10px}.mail-from svg{color:#667eea;color:var(--accent-primary);height:20px;width:20px}.from-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600}.mail-time{color:#ffffff80;color:var(--text-tertiary);font-size:.85rem}.mail-email{color:#667eea;color:var(--accent-primary);font-size:.9rem;margin-bottom:10px}.mail-subject{margin-bottom:8px}.mail-message,.mail-subject{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem}.mail-message{line-height:1.6;margin-top:8px}.empty-state{background:#ffffff14;background:var(--glass-bg);border:1px dashed #ffffff1a;border:1px dashed var(--card-border);border-radius:15px;padding:60px 20px;text-align:center}.empty-state svg{color:#ffffff80;color:var(--text-tertiary);height:60px;margin-bottom:15px;width:60px}.empty-state p{color:#ffffffb3;color:var(--text-secondary);font-size:1rem}.send-message-section{margin:0 auto;max-width:1200px}.send-message-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:30px}.form-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:25px}.form-title svg{color:#667eea;color:var(--accent-primary);height:28px;width:28px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--card-border);border-radius:12px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff1f;border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea33}.form-group textarea{min-height:120px;resize:vertical}.form-actions{display:flex;grid-column:1/-1;justify-content:flex-end}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 30px;transition:all .3s ease}.send-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.send-button svg{height:20px;width:20px}.create-user-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);margin:3rem auto;max-width:550px;padding:3rem}.create-user-form h2{color:#fff;color:var(--text-primary);font-size:1.8rem;margin-bottom:2rem;text-align:center}.create-user-form input{background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--card-border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:1.5rem;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.create-user-form input:focus{background:#ffffff1f;border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea33}.create-user-form button{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.create-user-form button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border-top:1px solid #ffffff1a;border-top:1px solid var(--card-border);color:#ffffffb3;color:var(--text-secondary);margin-top:auto;padding:20px;text-align:center}footer p{font-size:.9rem}@media (max-width:1200px){.homepage-container{grid-template-columns:280px 1fr}}@media (max-width:968px){#homePage{padding:0 20px 30px}.homepage-container{grid-template-columns:1fr}.left-section{flex-direction:row;flex-wrap:wrap;gap:15px}.session-card,.stats-card,.user-card{flex:1 1;min-width:250px}.tabs{gap:4px}.tab{font-size:.9rem;padding:10px 16px}.tab svg{height:18px;width:18px}.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.send-button{justify-content:center;width:100%}}@media (max-width:640px){#mainHeader{height:60px;padding:0 20px}#logo-img{width:40px}nav ul{gap:15px}nav a{font-size:.9rem}.theme-toggle{font-size:.85rem;padding:8px 16px}.admin-header{padding:30px 20px 20px}.admin-title{font-size:2rem}.admin-subtitle{font-size:1rem}.left-section{flex-direction:column}.session-card,.stats-card,.user-card{min-width:100%}.user-avatar{height:70px;width:70px}.user-avatar svg{height:38px;width:38px}.tabs-container{padding:15px 15px 0}.content-area{padding:20px}.send-message-form{padding:25px}.form-title{font-size:1.3rem}.loginForm{padding:2rem}.create-user-form{margin:2rem 20px;padding:2rem}}@media (max-width:480px){.tabs{gap:2px}.tab{font-size:.85rem;padding:8px 12px}.tab svg{height:16px;width:16px}.mail-card{padding:15px}.mail-header{align-items:flex-start;flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.11c4e166.css.map*/