body{margin:0}#root{height:100vh;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border:1px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-color:#333 #0a0a0a;scrollbar-width:thin}.home{align-items:center;background:#0a0a0a;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:50px 50px;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.home:before{background:radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-container{max-width:900px;position:relative;text-align:center;width:100%;z-index:1}.home-container h1{color:#fff;font-size:48px;font-weight:300;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 20px #ffffff4d}.subtitle{color:#ffffffb3;font-size:18px;margin-bottom:50px}.entry-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.entry-card{background:#1a1a1a;border:1px solid #333;border-radius:0;box-shadow:0 0 0 #fff0;cursor:pointer;max-width:350px;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s;width:100%}.entry-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.entry-card:hover{border-color:#fff;box-shadow:0 0 30px #ffffff1a;transform:translateY(-5px)}.entry-card:hover:before{left:100%}.card-icon{filter:grayscale(100%) brightness(1.2);font-size:64px;margin-bottom:20px}.entry-card h2{color:#fff;font-size:24px;font-weight:300;letter-spacing:1px;margin-bottom:15px}.entry-card p{color:#fff9;font-size:14px;line-height:1.6;margin-bottom:25px}.entry-btn{border:1px solid #fff;border-radius:0;cursor:pointer;font-size:16px;font-weight:400;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.agent-btn{background:#0000;color:#fff}.agent-btn:hover{background:#fff;box-shadow:0 0 20px #ffffff4d;color:#000}.client-btn{background:#0000;color:#fff}.client-btn:hover{background:#fff;box-shadow:0 0 20px #ffffff4d;color:#000}@media (max-width:768px){.home-container h1{font-size:36px}.entry-buttons{align-items:center;flex-direction:column}.entry-card{max-width:100%}}.agent-login{align-items:center;background:#0a0a0a;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:50px 50px;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#1a1a1a;border:1px solid #333;border-radius:0;box-shadow:0 0 0 #fff0;max-width:400px;padding:40px;position:relative;width:100%}.login-container:before{background:#fff;content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-container h1{color:#fff;font-size:28px;font-weight:300;letter-spacing:2px;margin-bottom:30px;text-align:center;text-transform:uppercase}.register-link{color:#fff9;margin-top:20px;text-align:center}.link-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-left:5px;text-decoration:underline;transition:color .3s}.link-btn:hover{color:#fffc}.agent-chat{background:#0a0a0a;display:flex;flex-direction:column;height:100vh}.logout-btn{background:#0000;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-size:12px;letter-spacing:1px;padding:6px 15px;text-transform:uppercase;transition:all .3s}.logout-btn:hover{background:#fff;color:#000}.client-name{color:#fff;font-size:14px;font-weight:400}.empty-state{color:#fff6;padding:40px 20px;text-align:center}.client-init{align-items:center;background:#0a0a0a;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:50px 50px;display:flex;justify-content:center;min-height:100vh;padding:20px}.init-container{background:#1a1a1a;border:1px solid #333;border-radius:0;box-shadow:0 0 0 #fff0;max-width:450px;padding:40px;position:relative;width:100%}.init-container:before{background:#fff;content:"";height:2px;left:0;position:absolute;right:0;top:0}.init-container h1{color:#fff;font-size:28px;font-weight:300;letter-spacing:2px;margin-bottom:10px;text-align:center;text-transform:uppercase}.subtitle{color:#fff9;font-size:14px;letter-spacing:1px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#fffc;display:block;font-size:12px;font-weight:400;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-group input{background:#0a0a0a;border:1px solid #333;border-radius:0;box-sizing:border-box;color:#fff;font-size:16px;padding:12px;transition:all .3s;width:100%}.form-group input:focus{background:#111;border-color:#fff;box-shadow:0 0 10px #ffffff1a;outline:none}.error-message{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:0;color:#fff;font-size:14px;margin-bottom:15px;padding:10px}.submit-btn{background:#0000;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-size:16px;font-weight:400;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.submit-btn:hover:not(:disabled){background:#fff;box-shadow:0 0 20px #ffffff4d;color:#000}.submit-btn:disabled{border-color:#666;cursor:not-allowed;opacity:.5}.client-chat{background:#0a0a0a;display:flex;flex-direction:column;height:100vh}.chat-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;color:#fff;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.chat-header:before{background:#fff;content:"";height:2px;left:0;position:absolute;right:0;top:0}.chat-header h2{font-size:20px;font-weight:300;letter-spacing:2px;margin:0;text-transform:uppercase}.header-info{align-items:center;display:flex;gap:15px}.reset-btn{background:#0000;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-size:12px;letter-spacing:1px;padding:6px 15px;text-transform:uppercase;transition:all .3s}.reset-btn:hover{background:#fff;color:#000}.chat-container{display:flex;flex:1 1;overflow:hidden}.conversations-list{background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;width:300px}.conversations-list h3{border-bottom:1px solid #333;color:#fff9;font-size:12px;font-weight:400;letter-spacing:1px;margin:0;padding:15px;text-transform:uppercase}.conversations{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #222;cursor:pointer;padding:15px;position:relative;transition:all .2s}.conversation-item:hover{background:#222}.conversation-item.active{background:#0a0a0a;border-left:2px solid #fff}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.agent-name{color:#fff;font-size:14px;font-weight:400}.unread-badge{background:#fff;border-radius:0;color:#000;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.conversation-time{color:#fff6;font-size:11px}.chat-area{background:#0a0a0a;display:flex;flex:1 1;flex-direction:column}.chat-messages{background:#0a0a0a;flex:1 1;overflow-y:auto;padding:20px}.message{display:flex;flex-direction:column;margin-bottom:15px}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-content{word-wrap:break-word;border:1px solid #333;border-radius:0;max-width:70%;padding:10px 15px}.message.sent .message-content{background:#fff;border-color:#fff;color:#000}.message.received .message-content{background:#1a1a1a;border-color:#333;color:#fff}.message-time{color:#fff6;font-size:11px;margin-top:5px;padding:0 5px}.loading{color:#fff6;padding:20px;text-align:center}.no-conversation{align-items:center;color:#fff6;display:flex;flex:1 1;font-size:16px;justify-content:center}.chat-input-area{background:#1a1a1a;border-top:1px solid #333;display:flex;gap:10px;padding:15px}.message-input{background:#0a0a0a;border:1px solid #333;border-radius:0;color:#fff;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.message-input:focus{background:#111;border-color:#fff}.send-btn{background:#0000;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-size:12px;font-weight:400;letter-spacing:1px;padding:10px 25px;text-transform:uppercase;transition:all .3s}.send-btn:hover{background:#fff;color:#000}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;width:100%}
/*# sourceMappingURL=main.43e7f12a.css.map*/