.login-page{min-height:100vh;background:radial-gradient(1200px 800px at 10% 10%,rgba(34,211,238,.3),transparent 45%),radial-gradient(900px 700px at 90% 20%,rgba(244,114,182,.3),transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:linear-gradient(135deg,#1a1a2ef2,#0f0f23f2);border:2px solid rgba(34,211,238,.3);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 50px #000c,0 0 30px #22d3ee33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;text-shadow:0 0 20px rgba(34,211,238,.5)}.login-subtitle{font-size:14px;color:#94a3b8;margin:0}.login-form-group{margin-bottom:20px}.login-label{display:block;font-size:14px;font-weight:500;color:#22d3ee;margin-bottom:8px;text-shadow:0 0 5px rgba(34,211,238,.3)}.login-input{width:100%;padding:12px 16px;border:1px solid rgba(34,211,238,.3);border-radius:8px;font-size:16px;background:#0f0f23cc;color:#fff;transition:all .3s ease;box-sizing:border-box}.login-input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 15px #22d3ee4d;background:#0f0f23e6}.login-input::placeholder{color:#64748b}.login-password-container{position:relative}.login-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#22d3ee;font-size:18px;padding:4px;transition:all .3s ease}.login-password-toggle:hover{color:#06b6d4;text-shadow:0 0 10px rgba(34,211,238,.5)}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#000;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #22d3ee4d;touch-action:manipulation}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee66;filter:brightness(1.1)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;box-shadow:0 0 15px #ef444433}@media (max-width: 480px){.login-card{padding:30px 20px}.login-title{font-size:24px}}.hamburger-menu{position:fixed;top:12px;left:12px;z-index:1000;background:#1a1a2ee6;border:1px solid rgba(34,211,238,.3);border-radius:8px;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d,0 0 10px #22d3ee33;touch-action:manipulation}.hamburger-menu:hover{border-color:#22d3ee;box-shadow:0 6px 20px #0006,0 0 15px #22d3ee4d}.hamburger-line{width:22px;height:2px;background:#22d3ee;border-radius:2px;transition:all .3s ease;box-shadow:0 0 5px #22d3ee80}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;animation:fadeIn .2s ease}.nav-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:linear-gradient(180deg,#1a1a2efa,#0f0f23fa);border-right:2px solid rgba(34,211,238,.3);box-shadow:4px 0 30px #00000080,0 0 20px #22d3ee33;z-index:1002;display:flex;flex-direction:column;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(34,211,238,.2)}.nav-menu-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 20px rgba(34,211,238,.5)}.nav-menu-close{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;touch-action:manipulation}.nav-menu-close:hover{background:#ef44441a;color:#fca5a5}.nav-menu-user{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(34,211,238,.2)}.nav-menu-user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#a78bfa);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:18px;box-shadow:0 0 15px #22d3ee4d;flex-shrink:0}.nav-menu-user-info{flex:1;min-width:0}.nav-menu-user-name{font-size:16px;font-weight:600;color:#e6f0ff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu-user-email{font-size:12px;color:#94a3b8}.nav-menu-divider{height:1px;background:#22d3ee33;margin:8px 20px}.nav-menu-links{flex:1;overflow-y:auto;padding:12px 0}.nav-menu-link{width:100%;padding:14px 20px;background:none;border:none;color:#e6f0ff;font-size:16px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;touch-action:manipulation}.nav-menu-link:hover{background:#22d3ee1a;color:#22d3ee;border-left:3px solid #22d3ee}.nav-menu-logout{margin:12px 20px;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d;touch-action:manipulation}.nav-menu-logout:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;filter:brightness(1.1)}.nav-menu-logout:active{transform:translateY(0)}@media (max-width: 480px){.nav-menu{width:260px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-input-white-placeholder::placeholder{color:#e6f0ff!important;opacity:.8}.search-input-white-placeholder::-webkit-input-placeholder{color:#e6f0ff!important;opacity:.8}.search-input-white-placeholder::-moz-placeholder{color:#e6f0ff!important;opacity:.8}.search-input-white-placeholder:-ms-input-placeholder{color:#e6f0ff!important;opacity:.8}.attachments-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.6) rgba(255,255,255,.1)}.attachments-scroll-container::-webkit-scrollbar{width:8px;-webkit-appearance:none}.attachments-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:4px 0}.attachments-scroll-container::-webkit-scrollbar-thumb{background:#a78bfa99;border-radius:4px;border:1px solid rgba(167,139,250,.3);min-height:30px}.attachments-scroll-container::-webkit-scrollbar-thumb:hover{background:#a78bfacc}@supports (-webkit-touch-callout: none){.attachments-scroll-container{-webkit-overflow-scrolling:touch}.attachments-scroll-container::-webkit-scrollbar{width:8px;-webkit-appearance:none}.attachments-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.attachments-scroll-container::-webkit-scrollbar-thumb{background:#a78bfab3;border-radius:4px;border:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}body{background:radial-gradient(1200px 800px at 10% 10%,rgba(34,211,238,.3),transparent 45%),radial-gradient(900px 700px at 90% 20%,rgba(244,114,182,.3),transparent 50%),linear-gradient(180deg,#0b1220,#0e1630);color:#e6f0ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;margin:0;padding:0;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}*{touch-action:manipulation;-ms-touch-action:manipulation}input,textarea,[contenteditable]{touch-action:auto;-ms-touch-action:auto;-webkit-user-select:text;user-select:text}