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;white-space:nowrap}.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{max-width:340px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.auth-status-mobile{position:fixed;top:10px;right:10px;min-width:unset!important;max-width:70vw!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-shadow:0 2px 8px #0000000f;background:#fff;border-radius:20px;padding:8px 14px;font-size:16px;border:1px solid #e0e0e0;z-index:9999;display:flex;align-items:center;gap:8px}.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:10px;margin-top:10px}.button-group button,.create-email button,.generate-btn{padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1em;cursor:pointer;width:100%;transition:background .2s}.button-group button:hover,.create-email button:hover,.generate-btn:hover{background:#e0e0e0;color:#555}.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-card.message-preview{transition:box-shadow .15s,border .15s,background .15s}.message-card.message-preview:hover{background:#f8faf8}.message-card.message-preview.opened{box-shadow:0 1px 8px #b7e6c7;background:#f6fff6;border-color:#4caf50!important}.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;width:100%;box-sizing:border-box;overflow-x:hidden}.create-email h2{text-align:center;color:#333;margin-bottom:25px;font-size:1.8em}.create-email form{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:100%}.email-input-group{display:flex;flex-direction:row;align-items:stretch;gap:6px;width:100%;margin-bottom:10px}.input-with-generate{display:flex;flex-direction:row;align-items:stretch;width:100%}.email-name-input{border:1px solid #ddd;border-radius:6px 0 0 6px;font-size:1em;padding:12px 13px;box-sizing:border-box;flex:1 1 0;min-width:0;height:44px;background:#fff;outline:none;transition:border .2s}.generate-btn-inside{border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;background:#f0f0f0;color:#888;font-size:1em;padding:0 12px;cursor:pointer;outline:none;transition:background .14s;display:flex;align-items:center;justify-content:center;height:44px;flex:0 0 auto;min-width:50px;max-width:72px;white-space:nowrap}.input-with-generate .generate-btn-inside:hover,.input-with-generate .generate-btn-inside:active{background:#e0e0e0;color:#555}.domain-row{display:flex;flex-direction:row;align-items:center;gap:4px}.email-at-symbol{display:flex;align-items:center;padding:0 4px 0 8px;font-size:1.1em;color:#888;white-space:nowrap}.email-domain-select{min-width:90px;max-width:160px;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1em;background-color:#fff;box-sizing:border-box;height:44px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.refresh-btn{transition:transform .1s}.refresh-btn:active{transform:scale(.92) rotate(-45deg)}.refresh-btn svg{display:block}.copy-btn svg{display:block}.copy-btn:active{transform:scale(.93)}.email-address-bar{-webkit-user-select:all;user-select:all;word-break:break-all;font-family:inherit}.restore-btn:active{background:#ececec}.telegram-refresh-message{min-height:100vh;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:0 20px}.telegram-refresh-card{background:#fff;border-radius:14px;box-shadow:0 5px 32px #34c7591c,0 1.5px 6px #00000021;padding:36px 32px 28px;display:flex;flex-direction:column;align-items:center;max-width:90vw;width:350px}.telegram-refresh-icon{font-size:2.5em;margin-bottom:18px;color:#ff9800;opacity:.85}.telegram-refresh-title{font-size:1.35em;font-weight:600;margin-bottom:8px;color:#db2323;letter-spacing:.01em;text-align:center}.telegram-refresh-desc{font-size:1em;color:#444;text-align:center;margin-bottom:2px}.telegram-loading-message{min-height:100vh;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:0 20px}.telegram-loading-card{background:#fff;border-radius:14px;box-shadow:0 5px 32px #34c7591c,0 1.5px 6px #00000021;padding:38px 34px 30px;display:flex;flex-direction:column;align-items:center;max-width:90vw;width:350px}.telegram-spinner{border:5px solid #e0e0e0;border-top:5px solid #4CAF50;border-radius:50%;width:56px;height:56px;animation:spin .8s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.telegram-loading-text{font-size:1.13em;color:#555;font-weight:500;text-align:center}.message-subject{font-weight:600;margin:6px 0;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;font-size:1.04em;transition:color .18s}.message-header{display:flex;align-items:center;justify-content:space-between;gap:0}.message-sender{font-weight:500;max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.message-date{margin-left:10px;color:#888;font-size:.92em;white-space:nowrap}@media (max-width: 600px){.mobile-auth-top{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin:0 0 12px;min-height:54px}.mobile-auth-top .auth-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 auto;padding:0}.auth-status-mobile,.auth-container .auth-status{margin:0 auto;min-width:0;max-width:90vw;justify-content:center;text-align:center;font-size:1em;box-sizing:border-box;width:fit-content;min-height:40px}.telegram-widget-wrapper{margin:0 auto;width:100%;display:flex;justify-content:center}nav{margin-top:0}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:10px}.nav-links a{flex:1 1 120px;min-width:120px;text-align:center;margin:5px auto}nav a{width:100%;text-align:center}.message-card{padding:12px}.message-body{font-size:.9em}.message-subject{font-size:.98em;max-width:82vw}.message-card .message-header{flex-direction:column;align-items:flex-start;gap:3px}.message-card .message-date{margin-left:0!important;font-size:.93em;color:#888;word-break:break-word}.message-card .message-sender{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-email{padding:20px 10vw;width:95%}.create-email form{flex-direction:column;align-items:stretch}.email-list li{flex-direction:column;align-items:flex-start}.email-input-group{flex-direction:column;align-items:stretch;gap:2px;width:100%;margin-bottom:10px}.input-with-generate{width:100%;min-width:0;max-width:100%}.email-name-input{font-size:1em;border-radius:6px 0 0 6px;height:44px;padding:10px}.generate-btn-inside{height:44px;padding:0 8px;font-size:1em;min-width:50px;max-width:72px;flex:0 0 auto}.domain-row{gap:4px;width:100%;display:flex;flex-direction:row;align-items:center}.email-at-symbol{font-size:1em;padding:0 4px 0 0}.email-domain-select{flex:1 1 0;min-width:0;width:100%;max-width:100%;font-size:1em;box-sizing:border-box;height:44px}.button-group{flex-direction:column;gap:8px}.button-group button,.create-email button,.generate-btn{width:100%;min-width:0;box-sizing:border-box}.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}.auth-status-mobile{max-width:90vw!important;font-size:14px;padding:8px 10px;top:8px;right:8px}.refresh-btn{min-width:32px;min-height:32px;width:32px;height:32px}.email-address-bar{font-size:.96em;padding:3px 7px}.message-recipient,.message-sender{max-width:100%}.message-recipient{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.message-recipient-open{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-all!important;max-width:100%!important}}.message-subject-open{white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;max-width:100%;font-size:1.13em;color:#2e7d32}.message-sender-open{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-all;max-width:100%;color:#2e7d32}body.tgwebapp .auth-status{display:none!important}
