body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.dashboard-container,.sidebar{display:flex}.sidebar{background-color:#f5f5f5;border-radius:15px;box-shadow:0 0 8px #00000026;flex-direction:column;height:83vh;margin:10px 10px 10px 20px;overflow-y:auto;padding:1rem;width:280px}.hamburger{background:none;border:none;color:#333;cursor:pointer;font-size:28px;z-index:1101}.hamburger,.sidebar-overlay{display:none}@media (max-width:768px){.hamburger{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:block;left:15px;padding:6px 10px;position:fixed;top:15px}.sidebar{border-radius:0;height:82.5vh;left:0;margin:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1100}.sidebar.open{transform:translateX(0);width:300px}.searchbar{margin-left:50px}.sidebar-overlay{background:#0006;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1099}}.searchbar-container{align-items:center;display:flex;flex-direction:row;gap:10px;position:relative;width:100%}.searchbar{background-color:#e4e6eb;border:none;border-radius:20px;flex:1 1;font-size:1rem;outline:none;padding:10px 14px;transition:background-color .2s ease,box-shadow .2s ease;width:auto}.searchbar:focus{background-color:#fff;box-shadow:0 0 0 2px #1877f2}.notification-wrapper{cursor:pointer;display:inline-block;margin-left:auto;margin-top:4px;position:relative}.notification-icon{height:28px;object-fit:contain;transition:filter .2s;width:28px}.notification-icon:hover{filter:brightness(.8)}.notification-badge{background-color:#ff4d4f;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:20px;overflow:hidden;padding:2px 6px;pointer-events:none;position:absolute;right:-6px;text-align:center;top:-6px;-webkit-user-select:none;user-select:none}.notifications-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin-left:-20px;max-height:250px;max-width:260px;padding:12px;position:absolute;right:0;top:60px;width:320px;z-index:1000}.notification-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.notification-item:last-child{border-bottom:none}.username{color:#333;font-size:14px;font-weight:600;word-break:break-word}.actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 10px;white-space:nowrap}.accept-btn{background-color:#28a745;color:#fff}.accept-btn:hover{background-color:#218838}.decline-btn{background-color:#dc3545;color:#fff}.decline-btn:hover{background-color:#c82333}.no-requests{color:#666;font-style:italic;padding:16px;text-align:center}.sidebar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.friends-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.friends-list h4{border-bottom:1.5px solid #ddd;color:#222;font-size:18px;font-weight:600;margin-bottom:12px;padding-bottom:6px}.friend-item,.friends-list h4{-webkit-user-select:none;user-select:none}.friend-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#333;cursor:default;font-size:15px;font-weight:500;overflow:hidden;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.friend-item:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.search-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;top:48px;width:100%;z-index:1000}.dropdown-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 14px}.dropdown-item:last-child{border-bottom:none}.dropdown-item .username{color:#333;font-weight:500}.add-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s}.add-btn:hover{background:#45a049}.message-bubble{word-wrap:break-word;background-color:#f1f0f0;border-radius:18px;display:flex;flex-direction:column;margin:5px 0;max-width:70%;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.message-bubble.own{align-self:flex-end;background-color:#0084ff;color:#fff}.message-image{border-radius:12px;cursor:pointer;margin-bottom:6px;max-height:200px;max-width:200px;object-fit:cover;-webkit-user-select:none;user-select:none}.message-text{margin:0;white-space:pre-wrap}.tooltip-wrapper{display:inline-block;position:relative}.message-tooltip{background-color:#333;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:6px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.tooltip-wrapper:hover .message-tooltip{opacity:1;visibility:visible}.tooltip-left .message-tooltip{margin-right:8px;right:100%}.tooltip-right .message-tooltip{left:100%;margin-left:8px}.chat-window{align-items:center;background-color:#ecf9fd;border-radius:15px;box-shadow:0 0 12px #0000002b;display:flex;flex-direction:column;height:87.4vh;justify-content:center;margin:10px 5px 10px 10px;overflow:hidden;width:1160px}@media (max-width:768px){.chat-window{border-radius:0;height:75vh;width:100%}.chat-footer{border-radius:0 0 15px 15px}}.popup-overlay{background:#0006;inset:0;z-index:9999}.popup-box{border-radius:10px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;height:55vh;max-height:80vh;width:400px}.progress-bar{background:#eee;border-radius:4px;height:10px;margin:15px 0;overflow:hidden;width:100%}.progress-fill{background:#4caf50;height:100%;transition:width .4s ease;width:0}.simulation-text{color:#333;font-size:14px;font-weight:700;margin:10px 0}.popup-box h3,.simulation-text,.steps-scroll p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.steps-scroll{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;flex:1 1;margin-top:10px;overflow-y:auto;padding:10px}.chat-header{background-color:#0084ff;color:#fff;gap:8px;height:45px;justify-content:space-between;padding-left:30px;padding-right:40px;width:95%}.chat-header,.chat-header b{align-items:center;display:flex;font-size:16px}.chat-header b{gap:10px}.image-upload img{cursor:pointer;height:28px;margin-top:6px;width:28px}.person-icon{height:24px;object-fit:contain;width:24px}.close-icon{cursor:pointer;height:24px;padding-top:5px;width:24px}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.close-button:hover{background-color:#f87b7b}.chat-body{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding-left:20px;padding-right:20px;padding-top:20px;width:97%}.chat-footer{align-items:center;background:#fff;border-top:1px solid #ddd;display:flex;padding:10px;width:98%}.image-upload{cursor:pointer;font-size:22px;margin-right:8px}@media (max-width:768px){.chat-footer{gap:6px;padding:8px;width:100%}.input-wrapper{border-radius:15px;flex:1 1;padding:6px 8px}.text-input{font-size:16px;padding:6px}.send-btn{border-radius:50%;font-size:14px;height:36px;margin-left:4px;margin-right:15px;width:50px}.image-upload img{height:24px;margin-left:15px;margin-top:0;width:24px}}.file-input{display:none}.popup-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.popup-box{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;font-family:Segoe UI,sans-serif;height:auto;max-height:90vh;max-width:420px;overflow-y:auto;padding:20px;position:relative;width:90%}.popup-header{align-items:center;color:#2e7d32;display:flex;font-size:17px;font-weight:600;justify-content:space-between;margin-bottom:15px}.popup-close{cursor:pointer;height:18px;opacity:.7;transition:.2s ease;width:18px}.popup-close:hover{opacity:1}.popup-body{color:#333;font-size:14px;line-height:1.5}.popup-row{margin-bottom:12px}.popup-image{display:flex;flex-direction:column;width:-webkit-fit-content;width:fit-content}.popup-row label{color:#444;display:block;font-weight:600;margin-bottom:4px}.popup-row div{background:#f8f8f8;border-radius:5px;font-size:13px;max-height:90px;overflow-wrap:break-word;overflow-y:auto;padding:6px 10px}.popup-image-preview{border:1px solid #ccc;border-radius:6px;margin-top:6px;max-height:160px;object-fit:contain;width:auto}.popup-progress{background:#e0e0e0;border-radius:5px;height:6px;margin-top:16px;overflow:hidden}.popup-bar{background-color:#4caf50;height:100%;transition:width .05s linear;width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{align-items:center;background:#f0f2f5;border:1px solid #ccc;border-radius:20px;display:flex;flex:1 1;padding:5px 10px}.embedded-image{margin-right:8px;position:relative}.embedded-image img{border-radius:8px;height:27px;object-fit:cover;width:27px}.remove-image{align-items:center;background:#f33;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;width:16px}.text-input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:8px}.send-btn{align-items:center;background:#0084ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;width:65px}.send-btn:hover{background:#006bbd}.chat-message{color:#555;font-size:50px;padding-top:20%;text-align:center}.message{background:#0084ff;border-radius:18px;color:#fff;max-width:60%;padding:10px 15px}.navh1{text-decoration:none}.logo h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.logo a{text-decoration:none}.logo-img{height:42px;object-fit:cover;width:42px}.login-btn,.logout-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.25rem;transition:background-color .2s ease-in-out}.username-display{color:#000;font-weight:600}.login-btn:hover{background-color:#2563eb}.navbar{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000017;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;max-width:100%;padding:1rem 2rem}.navbar,.navbar>div:last-child{align-items:center;display:flex}.navbar>div:last-child{gap:1rem}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:row}.navbar>div:last-child{flex-direction:column;gap:.4rem}.navh1{padding-left:2.3rem;padding-top:1rem}.username-display{font-size:.9rem}.login-btn,.logout-btn{font-size:.85rem;padding:.4rem 1rem}}body{background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow:hidden}.login-container{align-items:center;display:flex;flex-direction:column;height:84vh;justify-content:center;padding:1rem}.error-login{color:red;display:block;font-size:.9rem;font-weight:500;margin:5px 0 15px;text-align:center;width:100%}.login-form{background-color:#f5f5f5;border-radius:12px;box-shadow:0 8px 24px #00000014;max-width:360px;padding:2rem;transition:box-shadow .3s ease;width:100%}.login-form:hover{box-shadow:0 12px 28px #0000001f}.login-form h2{color:#1877f2;font-weight:600;margin-bottom:1.5rem;text-align:center}.login-form input{border:1px solid #dcdfe6;border-radius:6px;font-size:15px;margin-bottom:1.2rem;padding:12px;transition:border-color .2s ease;width:100%}.login-form input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a;outline:none}.login-form button{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.login-form button:hover{background-color:#155db2}.login-form button:disabled{background-color:#c0c4cc;cursor:not-allowed}.form-footer{margin-top:1rem}@media (max-width:400px){.login-form{padding:1.5rem}}.Register-container{align-items:center;display:flex;flex-direction:column;height:84vh;justify-content:center;padding:1rem}.error,.error-pass{color:#e63946;font-size:.6rem;font-weight:500}.error-pass{height:2rem}.Register-form{background-color:#f5f5f5;border-radius:12px;box-shadow:0 8px 24px #00000014;max-width:360px;padding:2rem;transition:box-shadow .3s ease;width:100%}.Register-form:hover{box-shadow:0 12px 28px #0000001f}.Register-form h2{color:#1877f2;font-weight:600;margin-bottom:1.5rem;text-align:center}.Register-form input{border:1px solid #dcdfe6;border-radius:6px;font-size:15px;padding:12px;transition:border-color .2s ease;width:100%}.Register-form input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a;outline:none}.Register-form button{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.Register-form button:hover{background-color:#155db2}.Register-form button:disabled{background-color:#999ca6;cursor:not-allowed}.form-footer{color:#555;font-size:14px;margin-top:1.5rem;text-align:center}.form-footer a{color:#1877f2;font-weight:500;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (max-width:400px){.Register-form{padding:1.5rem}}
/*# sourceMappingURL=main.ab10aa1e.css.map*/