*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;background-image:url(/assets/emblem-B52IwG6K.png);background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#0f0;font-family:Courier New,Courier,monospace;display:flex;height:100%;overflow:hidden}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:3000;background-image:url(/assets/emblem-B52IwG6K.png);background-position:center;background-repeat:no-repeat;background-attachment:fixed}.login-screen.hidden{display:none}.login-container{text-align:center;border:2px solid #00ff00;padding:40px;background-color:#000000e6;box-shadow:0 0 30px #0f06;max-width:400px}.login-container h1{font-size:28px;margin-bottom:10px;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.6);letter-spacing:2px}.login-status{font-size:12px;color:#0a0;margin-bottom:30px;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form label{text-align:left;font-size:12px;color:#0f0;letter-spacing:1px}.passcode-input{padding:12px;background-color:#000;color:#0f0;border:1px solid #00ff00;font-family:Courier New,Courier,monospace;font-size:16px;caret-color:#0f0;transition:box-shadow .2s}.passcode-input:focus{outline:none;box-shadow:0 0 10px #00ff0080}.passcode-input::placeholder{color:#0a0}.login-button{padding:12px;background-color:#000;color:#0f0;border:1px solid #00ff00;font-family:Courier New,Courier,monospace;font-size:14px;cursor:pointer;transition:all .2s;letter-spacing:1px}.login-button:hover{background-color:#030;box-shadow:0 0 10px #00ff0080}.login-button:active{transform:scale(.98)}.login-buttons{display:flex;gap:10px;justify-content:center}.login-buttons .login-button{flex:1}.login-error{color:#0f0;font-size:12px;min-height:18px;letter-spacing:.5px}.main-content{display:flex;width:100%;height:100%}.main-content.hidden{display:none}.sidebar{position:fixed;left:-300px;top:0;width:300px;height:100vh;background-color:#000;border-right:2px solid #00ff00;padding:20px;transition:left .3s ease;z-index:1000;box-shadow:0 0 15px #00ff004d;overflow-y:auto}.sidebar:before{content:"▶";position:fixed;left:2px;top:50%;transform:translateY(-50%);color:#0f0;font-size:16px;z-index:999;opacity:.6;transition:opacity .3s ease;pointer-events:none}.sidebar.visible:before{opacity:0}.sidebar.visible{left:0}.sidebarLink{color:#0f0;text-decoration:none;font-size:16px;transition:color .2s}.sidebarLink:hover{color:#0f0;text-decoration:underline;font-size:16px;transition:color .2s}.sidebar-header{font-weight:700;color:#0f0;font-size:16px;border-bottom:2px solid #00ff00;padding-bottom:15px;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}#ContactsList{display:flex;flex-direction:column;gap:10px}.recipient-item{padding:12px;border:1px solid #00ff00;background-color:#000;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.recipient-item:hover{background-color:#001a00;box-shadow:0 0 8px #0f06;transform:translate(5px)}.recipient-item.active{background-color:#0f0;color:#000}.recipient-name{font-weight:700;color:#0f0;font-size:14px}.recipient-item.active .recipient-name{color:#000}.recipient-email{color:#0a0;font-size:12px;margin-top:5px}.recipient-item.active .recipient-email{color:#000}.sidebar-trigger{position:fixed;left:0;top:0;width:20px;height:100vh;z-index:999}.right-sidebar{position:fixed;right:-300px;top:0;width:300px;height:100vh;background-color:#000;border-left:2px solid #00ff00;padding:20px;transition:right .3s ease;z-index:1000;box-shadow:0 0 15px #00ff004d;overflow-y:auto}.right-sidebar:before{content:"◀";position:fixed;right:2px;top:50%;transform:translateY(-50%);color:#0f0;font-size:16px;z-index:999;opacity:.6;transition:opacity .3s ease;pointer-events:none}.right-sidebar.visible:before{opacity:0}.right-sidebar.visible{right:0}.sidebar-content{display:flex;flex-direction:column;gap:15px}.detail-section{padding:12px;border:1px solid #00ff00;background-color:#000;display:flex;flex-direction:column}.detail-label{font-weight:700;color:#0f0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.detail-value{color:#0f0;font-size:14px;margin-top:5px;font-family:Courier New,Courier,monospace}.email-container{display:flex;flex-direction:column;flex:1;height:100vh;gap:20px;padding:20px;margin-left:0;transition:margin-left .3s ease}.email-viewer{flex:1;border:2px solid #00ff00;padding:20px;overflow-y:auto;box-shadow:0 0 10px #00ff004d}.email-header{margin-bottom:15px;border-bottom:1px solid #00ff00;padding-bottom:15px}.email-from,.email-to,.email-subject,.email-date{display:flex;margin-bottom:10px;font-size:14px}.email-from:last-child,.email-to:last-child,.email-subject:last-child,.email-date:last-child{margin-bottom:0}.label{font-weight:700;color:#0f0;min-width:80px}.value{color:#0f0;margin-left:10px;word-break:break-word}.email-divider{height:1px;background-color:#0f0;margin:4px 0;opacity:.5}.email-body{color:#0f0;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-size:14px}.email-composer{border:2px solid #00ff00;padding:20px;box-shadow:0 0 10px #00ff004d}.composer-header{font-weight:700;color:#0f0;margin-bottom:15px;font-size:16px;border-bottom:1px solid #00ff00;padding-bottom:10px}.email-textarea{width:100%;padding:12px;background-color:transparent;color:#0f0;border:1px solid #00ff00;font-family:Courier New,Courier,monospace;font-size:14px;resize:vertical;transition:box-shadow .2s}.email-textarea:focus{outline:none;box-shadow:0 0 8px #00ff0080}.email-textarea::placeholder{color:#0f0;opacity:.6}.email-textarea::-webkit-scrollbar{width:6px}.email-textarea::-webkit-scrollbar-track{background:#000}.email-textarea::-webkit-scrollbar-thumb{background:#0f0}.email-textarea::-webkit-scrollbar-thumb:hover{background:#0d0}.char-counter{font-size:12px;color:#0f0;text-align:right;margin-top:5px;margin-bottom:10px;font-family:Courier New,Courier,monospace}#charCount{font-weight:700}.composer-actions{display:flex;gap:10px;margin-top:15px}.btn{padding:10px 20px;background-color:#000;color:#0f0;border:1px solid #00ff00;font-family:Courier New,Courier,monospace;font-size:14px;cursor:pointer;transition:all .2s}.btn:hover{background-color:#0f0;color:#000;box-shadow:0 0 10px #00ff0080}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;border-color:#050;color:#050}.btn:disabled:hover{background-color:#000;color:#050;box-shadow:none}.btn-send{font-weight:700;margin-left:auto}.email-viewer::-webkit-scrollbar{width:6px}.email-viewer::-webkit-scrollbar-track{background:#030}.email-viewer::-webkit-scrollbar-thumb{background:#0f0}.email-viewer::-webkit-scrollbar-thumb:hover{background:#0d0}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c}.modal.show{display:flex;justify-content:center;align-items:center}.modal-content{background-color:#000;border:2px solid #00ff00;padding:30px;border-radius:5px;max-width:500px;position:relative;box-shadow:0 0 20px #00ff0080;color:#0f0}#leaderboardModal .modal-content{max-width:700px}.modal-close{position:absolute;right:15px;top:10px;font-size:28px;font-weight:700;cursor:pointer;color:#0f0;transition:color .2s}.modal-close:hover{color:#0d0}.modal-content h2{margin-bottom:20px;font-size:20px;border-bottom:2px solid #00ff00;padding-bottom:10px}.modal-content p{margin-bottom:15px;line-height:1.6;font-size:14px}.modal-content p:last-child{margin-bottom:0}.modal.progress .modal-content{max-width:420px;text-align:center}.progress-track{width:100%;height:12px;background:#00aa0014;border:1px solid rgba(0,170,0,.2);margin-top:12px;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#6f6);width:0%;transition:width .2s linear}.sidebar.disabled,.right-sidebar.disabled{pointer-events:none;opacity:.45}.score-display{margin-top:16px;padding-top:20px;border-top:2px solid #00ff00;text-align:center}.score-label{font-weight:700;color:#0f0;font-size:14px;letter-spacing:2px;margin-bottom:10px}.score-value{color:#0f0;font-size:32px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.6)}.sidebar-footer{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:10px;align-items:center}.sidebar-footer .sidebar-footer-link{text-align:center}.sidebar-footer .btn{width:100%;padding:10px 12px;font-weight:700}.leaderboard-table{display:flex;flex-direction:column;gap:10px}.leaderboard-header{display:grid;grid-template-columns:50px 1fr 80px;gap:10px;padding-bottom:10px;font-weight:700;color:#0f0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.leaderboard-entries{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.leaderboard-entry{display:grid;grid-template-columns:50px 1fr 80px;gap:10px;padding:8px;border:1px solid #003300;background-color:#001000;font-size:13px}.leaderboard-entry:hover{background-color:#002000;border-color:#0f0}.leaderboard-rank{text-align:center;color:#0a0;font-weight:700}.leaderboard-name{color:#0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{text-align:right;color:#0f0;font-weight:700}@media(max-width:991px){body{height:100vh;overflow-y:scroll;overflow-x:hidden;flex-direction:column}.main-content{flex-direction:column}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.email-viewer::-webkit-scrollbar{display:none}.email-viewer{-ms-overflow-style:none;scrollbar-width:none}.email-textarea::-webkit-scrollbar{display:none}.email-textarea{-ms-overflow-style:none;scrollbar-width:none}}