body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background-color:#fff!important;color:#000!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4caf50}.app-container{max-width:1000px;margin:0 auto;padding:70px 20px 20px}nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 20px;background-color:#f8f9fa}nav>div{display:flex;gap:20px;align-items:center}.nav-links{display:flex;flex-wrap:wrap;gap:10px}nav a{display:inline-block;padding:10px 14px;margin:5px;background-color:#4a90e2;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s ease;white-space:nowrap}nav a:hover{background-color:#357ab8}nav a:active{background-color:#2c5f94}.auth-container{display:flex;align-items:center;gap:10px;margin-left:auto}.auth-status{padding:0 8px;border-radius:20px;height:40px;display:flex;align-items:center}.auth-status.authenticated{background-color:#e8f5e9;border:1px solid #4caf50}.auth-status.anonymous{background-color:#ffebee;border:1px solid #f44336}.auth-user{font-weight:500;margin-right:6px}.auth-badge{background-color:#4caf50;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;margin-left:6px}.auth-badge-na{background-color:#ff9800;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;margin-left:6px}.telegram-widget-wrapper{height:40px;display:flex;align-items:center}.back-link{display:block;margin-bottom:15px;color:#4caf50;text-decoration:none}.back-link:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:15px}.pagination button{padding:5px 10px;background:#4caf50;color:#fff;border:none;border-radius:3px;cursor:pointer}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{font-weight:700}.input-group{display:flex;width:100%;gap:10px;margin-bottom:15px}.button-group{display:flex;gap:15px;margin-top:15px}.error{color:#dc3545;margin-top:15px;padding:10px;background-color:#f8d7da;border-radius:4px;text-align:center;animation:fadeIn .3s ease-out}.empty-state{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:12px;margin:30px 0;border:1px dashed #ddd}.empty-icon{font-size:50px;margin-bottom:20px;opacity:.7}.action-button{display:inline-block;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;text-decoration:none;font-size:1em;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:#3e8e41;transform:translateY(-2px)}.loading-message,.info-message{text-align:center;padding:20px;margin:20px 0;background-color:#e9f7ef;color:#0d6e2e;border-radius:8px}.error-message{text-align:center;padding:20px;margin:20px 0;background-color:#fde8e8;color:#c91c1c;border-radius:8px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f8f8f8;font-weight:700}tr:hover{background-color:#f5f5f5}.session-id{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-panel{padding:20px;max-width:1200px;margin:0 auto;--tg-theme-scrollbar-color: #4a90e2 !important;--tg-theme-scrollbar-bg: #f1f1f1 !important}.admin-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.admin-tabs button{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;margin-right:10px}.admin-tabs button.active{border-bottom-color:#4caf50;font-weight:700}.admin-panel::-webkit-scrollbar{width:6px;height:6px}.admin-panel::-webkit-scrollbar-thumb{background-color:#4caf50;border-radius:3px}.view-link{color:#4caf50;text-decoration:none;font-weight:700}.view-link:hover{text-decoration:underline}.status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.8em;font-weight:700}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.deactivation-time{margin-left:5px;font-size:.8em;color:#6c757d}.message-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;background-color:#fff;box-shadow:0 2px 4px #0000000d;word-wrap:break-word;overflow-wrap:break-word}.message-card h3{margin-top:0;margin-bottom:12px;color:#333;font-size:1.2em}.message-card p{margin:8px 0;color:#555;line-height:1.5}.message-body{white-space:pre-wrap;padding:12px;background-color:#f9f9f9;border-radius:4px;margin-top:12px;font-family:monospace;max-width:100%;overflow-x:auto;word-break:break-all}.email-list{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.email-list h2{color:#333;margin-bottom:20px;text-align:center;font-size:1.8em}.email-list h3{color:#444;margin-top:30px;font-size:1.3em;border-bottom:1px solid #eee;padding-bottom:8px}.email-items{list-style:none;padding:0;margin:0}.email-item{margin:10px 0;padding:15px;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.email-item:hover{border-color:#4caf50;box-shadow:0 2px 8px #0000001a}.email-list a{text-decoration:none;color:#333;flex-grow:1}.email-meta{display:block;color:#666;font-size:.8em;margin-top:5px}.email-items.archived .email-item{opacity:.7;background-color:#f9f9f9}.search-container{margin:20px 0;display:flex;gap:10px;align-items:center}.search-container input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;flex-grow:1;max-width:400px}.admin-search{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.admin-search select{padding:8px;border-radius:4px}.create-email{max-width:600px;margin:0 auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.create-email h2{text-align:center;color:#333;margin-bottom:25px;font-size:1.8em}.create-email form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.create-email input{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1em;flex-grow:1;min-width:150px}.create-email select{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1em;background-color:#fff;cursor:pointer}.create-email button{padding:12px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1em;cursor:pointer;transition:background-color .2s ease;flex-grow:1}.create-email button:hover{background-color:#3e8e41}.generate-btn{padding:12px 25px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-size:1em;cursor:pointer;transition:background-color .2s ease}.generate-btn:hover{background-color:#5a6268}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.create-email{max-width:600px;margin:0 auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:90%;box-sizing:border-box}.email-input-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;width:100%}.email-input-group input{flex:1 1 200px;min-width:0}.email-input-group .email-at-symbol{display:flex;align-items:center;padding:0 5px}.email-input-group select{flex:1 1 200px;min-width:0}.email-name-input{width:100%;box-sizing:border-box;flex:1 1 100%;min-width:0}.email-input-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;width:100%;box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){nav{flex-direction:column;align-items:flex-start}.nav-links a{flex:1 1 auto;min-width:120px;text-align:center;margin:5px;box-sizing:border-box}.nav-links{flex-direction:row;flex-wrap:wrap;justify-content:center}.auth-container{margin-left:0;width:100%;justify-content:center;flex-direction:column;gap:10px}.auth-status{width:100%;display:flex;justify-content:center}nav a{width:100%;text-align:center}.telegram-widget-wrapper{width:100%;display:flex;justify-content:center}.message-card{padding:12px}.message-body{font-size:.9em}.create-email{padding:20px 15px;width:95%}.create-email form{flex-direction:column;align-items:stretch}.email-list li{flex-direction:column;align-items:flex-start}.input-group input,.input-group select{width:100%;margin-bottom:10px}.input-group span{display:none}.button-group{flex-direction:column}.admin-panel{padding:10px;overflow-x:auto}.admin-tabs{flex-wrap:wrap}.admin-tabs button{padding:8px 12px;font-size:14px;margin-right:5px;margin-bottom:5px}table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:8px 10px;font-size:14px}.pagination{flex-wrap:wrap;gap:8px}.pagination button{padding:4px 8px}.app-container{padding:60px 10px 10px;width:100%;box-sizing:border-box}.create-email form,.button-group{flex-direction:column}.input-group{flex-direction:column}.email-input-group input,.email-input-group select{width:100%;flex:1 1 100%}.button-group{width:100%}.button-group button{width:100%;margin-bottom:10px}.email-name-input{width:90%}.email-input-group{flex-direction:column;gap:8px}.email-input-group input,.email-input-group select{width:100%!important;flex:1 1 100%!important;min-width:100%!important;max-width:100%!important}.email-at-symbol{display:none}.create-email form{width:100%}}