.page-wrapper{color:#1f2937;transition:background-color .3s ease,color .3s ease}html.dark .page-wrapper{background-color:#111827;color:#fff}.home-logo{margin:1rem 0}.form-card{background-color:#f0f4f8;color:inherit}.form-title{font-size:1.5rem;font-weight:700}html.dark .form-title{color:#3b82f6}input,select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#1f2937;margin:6px 0 12px;padding:8px;transition:background-color .3s ease,color .3s ease;width:100%}html.dark input,html.dark select{background-color:#334155;border-color:#475569;color:#fff}.dob-row{display:flex;gap:6px;margin-top:-4px}.dob-row select{flex:1 1;font-size:.9rem;padding:.45rem .5rem}.form-btn{border-radius:6px;font-weight:500;margin-top:10px;padding:10px;width:100%}.eye-icon{color:#6b7280;right:12px}.form-footer,.form-switch{font-size:.85rem;margin-top:.6rem}.dark-mode-toggle{right:1rem;top:1rem}.switch{height:20px;width:40px}.slider{border-radius:20px}.slider:before{height:14px;width:14px}body,html{margin:0;min-height:100vh;padding:0}html.dark,html.dark body{background-color:#0f172a;color:#fff}:root{--separator-bg:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--timestamp:#9ca3af;--primary-color:#2563eb}.dark{--background:#1f2937;--separator-bg:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--timestamp:#6b7280;--primary-color:#3b82f6}.navbar-container{background-color:#fff;color:#1f2937;padding:10px 20px;position:relative;z-index:50}.dark .navbar-container{background-color:#111827;color:#fff}.navbar-inner{align-items:center;display:flex;justify-content:space-between}.navbar-logo{color:#1f2937;font-size:1.4rem;font-weight:700;text-decoration:none}.dark .navbar-logo{color:#fff}.navbar-controls{align-items:center;display:flex;gap:10px}.navbar-search{flex:1 1;margin-left:20px;max-width:300px}.navbar-toggle,.theme-toggle{background:none;border:none;color:inherit;cursor:pointer;font-size:1.4rem}.navbar-menu{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;min-width:140px;padding:12px;position:absolute;right:20px;top:60px;z-index:100}.dark .navbar-menu{background-color:#1f2937;color:#fff}.menu-item{color:#1f2937;display:block;font-weight:500;padding:8px 0;text-decoration:none}.dark .menu-item{color:#fff}.menu-item:hover{opacity:.85}.logout-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 14px;transition:background-color .2s ease;width:100%}.logout-btn:hover{background-color:#1e40af}.navbar-avatar{border-radius:50%;height:32px;margin-right:8px;width:32px}.navbar-user{align-items:center;border-bottom:1px solid #ccc;display:flex;font-weight:700;gap:8px;padding:8px 0}.navbar-avatar{border-radius:999px;display:block;height:40px;object-fit:cover;width:40px}.avatar-uploader{margin-bottom:1rem}.avatar-preview-wrapper{margin-bottom:.5rem}.avatar-preview-img{border-radius:999px;display:block;height:96px;object-fit:cover;width:96px}.avatar-error{color:#f44336;font-size:.9rem}.search-container{font-family:inherit;max-width:320px;position:relative;width:100%}.search-input{border:1px solid #cbd5e1;border:1px solid var(--border,#cbd5e1);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-size:1rem;padding:10px 12px;transition:border-color .2s,background-color .2s;width:100%}.search-input,.search-input:focus{background:#fff;background:var(--card-bg,#fff)}.search-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);outline:none}.search-results{background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;box-shadow:0 6px 20px #00000014;left:0;list-style:none;margin:0;max-height:clamp(200px,40vh,500px);overflow-y:auto;padding:4px 0;position:absolute;right:0;scroll-behavior:smooth;top:calc(100% + 4px);z-index:1000}.search-results li{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .2s}.search-results li.is-active,.search-results li:hover{background-color:#f1f5f9;background-color:var(--hover,#f1f5f9)}.search-user-link{align-items:center;color:inherit;display:flex;gap:10px;text-decoration:none;width:100%}.search-user-link .avatar{border-radius:999px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.search-user-link strong{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500}.search-user-link p{color:#64748b;font-size:.85rem;line-height:1.2;margin:0}.search-error{color:#ef4444;font-size:.9rem;margin-top:4px;padding-left:4px}.search-empty{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.9rem;left:0;padding:12px;position:absolute;right:0;text-align:center;top:calc(100% + 4px);z-index:999}html.dark .search-input{background-color:#0f172a;border-color:#475569;color:#f8fafc}html.dark .search-results{background-color:#1e293b;border-color:#334155}html.dark .search-results li.is-active,html.dark .search-results li:hover{background-color:#334155}html.dark .search-user-link strong{color:#f1f5f9}html.dark .search-user-link p{color:#94a3b8}.search-results::-webkit-scrollbar{width:10px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#64748b59;border:2px solid #0000;border-radius:999px}html.dark .search-results::-webkit-scrollbar-thumb{background-color:#94a3b859}.chat-list{list-style:none;margin:0;max-height:100%;padding:0}.chat-list-item{background-color:var(--background);padding:12px 16px;transition:background .2s}.chat-list-item:hover{background-color:#0000000d}.chat-list-item.active{background-color:#007aff1a}.chat-list-item.has-unread .message,.chat-list-item.has-unread .name{color:var(--text-primary);font-weight:700}.photo{background-position:50%;background-size:cover;border-radius:50%;height:45px;margin-right:12px;position:relative;width:45px}.photo .away,.photo .offline,.photo .online{border:2px solid var(--background);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.online{background-color:#4caf50}.away{background-color:#ffc107}.offline{background-color:#9e9e9e}.desc-contact{flex:1 1;overflow:hidden}.name{color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0}.message{color:var(--text-secondary);font-size:.85rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.message,.timer{white-space:nowrap}.timer{color:var(--timestamp);font-size:.75rem}@media (max-width:600px){.chat-list-item{padding:10px 12px}.photo{height:38px;width:38px}.name{font-size:.9rem}.message{font-size:.8rem}.timer{font-size:.7rem}}.unread-count{background:red;border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;position:absolute;right:-4px;top:-4px}.chat-tabs{border-bottom:1px solid #ffffff0d;display:flex;gap:.5rem;padding:.5rem .75rem}.chat-tabs button{background:#0000;border:none;border-radius:999px;cursor:pointer;flex:1 1;font-size:.8rem;opacity:.7;padding:.3rem}.chat-tabs button.active{background:#ffffff14;opacity:1}.chat-list-right{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;margin-left:8px}.pin-btn{background:#0000;border:none;cursor:pointer;font-size:.9rem;opacity:.6}.pin-btn.pinned{opacity:1}.chat-header{align-items:center;background-color:var(--background);border-bottom:1px solid var(--separator-bg);display:flex;padding:12px 16px;position:relative;z-index:2}.back-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;margin-right:12px}@media (max-width:600px){.back-btn{display:inline-block}}.chat-header-avatar-wrapper{flex-shrink:0;margin-right:12px;position:relative}.chat-header-avatar{border-radius:50%;height:42px;object-fit:cover;width:42px}.status-dot{background-color:#9e9e9e;border:2px solid var(--background);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.status-dot.online{background-color:#22c55e}.status-dot.offline{background-color:#9ca3af}.chat-header-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden}.chat-header-name{color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-status{color:var(--text-secondary);font-size:.8rem}.chat-header-options{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;margin-left:auto}.chat-header-sticky{background:var(--background);position:-webkit-sticky;position:sticky;top:0;z-index:2}.options-wrapper{position:relative}.chat-options-menu{animation:fadeIn .2s ease-in-out;background-color:var(--background);border:1px solid var(--separator-bg);border-radius:6px;box-shadow:0 4px 12px #0000001a;list-style:none;margin:0;min-width:150px;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.chat-options-menu li{color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background .2s ease}.chat-options-menu li:hover{background-color:#0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{align-items:center;color:#555;display:flex;font-size:14px;gap:4px;justify-content:flex-start;margin-top:8px;padding:8px 14px}.typing-indicator .typing-text{color:#555;font-weight:500;margin-right:6px}.typing-indicator .dot{animation:typingBounce 1.4s ease-in-out infinite both;background-color:#555;border-radius:50%;height:8px;width:8px}.typing-indicator .dot:nth-child(2){animation-delay:-.32s}.typing-indicator .dot:nth-child(3){animation-delay:-.16s}.typing-indicator .dot:nth-child(4){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-left:4px}.reaction-button{align-items:center;background-color:initial;border:1px solid var(--bubble-friend);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;padding:2px 8px;transition:background .2s ease,transform .1s ease}.reaction-button:hover{background-color:var(--bubble-friend);transform:scale(1.05)}.reaction-button.reacted{background-color:var(--bubble-self);border-color:var(--bubble-self);color:#fff}.reaction-count{font-size:.75rem;font-weight:700}.reaction-more{background:none;border:1px dashed var(--text-secondary);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:2px 8px;transition:background .2s ease,border-color .2s ease}.reaction-more:hover{background-color:var(--bubble-friend);border-color:var(--bubble-self)}.chat-messages-container{display:flex;flex-direction:column;height:100%;scroll-behavior:smooth}.chat-message-wrapper{margin-bottom:4px}.message-meta{display:flex;flex-direction:column;gap:2px}.read-status{font-style:italic;opacity:.8}.date-separator{align-self:center;background-color:var(--separator-bg);border-radius:12px;color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:16px 0 8px;padding:4px 12px}.unread-separator{align-items:center;align-self:center;color:var(--text-primary);display:flex;font-weight:700;gap:8px;margin:12px 0}.unread-line{background-color:var(--separator-bg);border-radius:1px;flex-grow:1;height:1px}.loading-messages{color:var(--text-secondary);font-size:.9rem;padding:12px;text-align:center}.typing-indicator{margin-left:6px;margin-top:10px}.sender-name{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-bottom:4px;padding-left:2px;text-align:left}.chat-message-wrapper.self .sender-name{padding-left:0;padding-right:2px;text-align:right}.message-reply-snippet{background-color:#f1f1f1;border-left:3px solid #888;cursor:pointer;font-size:.9em;margin-bottom:6px;padding:4px 8px}.message-reply-snippet:hover{background-color:#e0e0e0}.message-reply-snippet .reply-author{font-weight:700;margin-right:4px}.message.highlight{background-color:#fff3cd!important;transition:background-color 1s ease}.message-actions{position:absolute;right:-26px;top:6px;z-index:5}.chat-message-wrapper.self .message-actions{left:-26px;right:auto}.message-menu-button{background:none;border:none;color:#333;cursor:pointer;font-size:20px;opacity:0;padding:0;transition:opacity .2s ease}.chat-message-wrapper:hover .message-menu-button{opacity:1}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 5px #0003;display:none;min-width:100px;overflow:hidden;position:absolute;right:0;top:24px;white-space:nowrap;z-index:10}.dropdown-content div{background-color:initial;color:var(--text-primary);cursor:pointer;font-size:.95em;padding:8px 12px}.dropdown-content div:hover{background-color:#f0f0f0}.dropdown:hover .dropdown-content{display:block}body.dark-mode .message-bubble{background-color:var(--bubble-friend);color:var(--text-primary)}body.dark-mode .message-reply-snippet{background-color:#2c2c2c;border-left-color:#aaa;color:var(--text-primary)}body.dark-mode .message-reply-snippet:hover{background-color:#3a3a3a}body.dark-mode .dropdown-content{background-color:#2a2a2c;border-color:#444}body.dark-mode .dropdown-content div:hover{background-color:#3a3a3a}body.dark-mode .message-menu-button{color:#aaa}body.dark-mode .chat-message-wrapper:hover .message-menu-button{color:#fff;opacity:1}.chat-input-bar{padding:10px 16px}.reply-preview{align-items:center;background-color:#f3f3f3;border-left:3px solid #888;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;margin:4px 16px 6px;padding:6px 12px}.reply-label{color:#444;font-weight:500;margin-right:6px}.reply-content{color:#333;flex:1 1;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.cancel-reply{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;margin-left:6px;transition:color .2s ease}.cancel-reply:hover{color:#d11a2a}.chat-input-field{transition:background-color .2s ease,color .2s ease}.emoji-button,.send-button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:20px;margin-left:8px;transition:transform .2s ease,color .2s ease}.emoji-button:hover,.send-button:hover{color:var(--bubble-self);transform:scale(1.15)}.upload-button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:18px;margin-left:4px;transition:color .2s ease}.upload-button:hover{color:var(--bubble-self)}.emoji-picker-popup{z-index:100}.emoji-picker-popup .p-2{background-color:var(--background);border:1px solid var(--separator-bg);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:8px 12px}.chat-message-wrapper{max-width:80%;overflow:visible;position:relative}.message-bubble{box-shadow:0 1px 3px #0000001a;max-width:100%;overflow:visible}.chat-message-wrapper.self .message-bubble{background-color:var(--bubble-self)}.message-options{background-color:initial;color:#888;cursor:pointer;font-size:18px;opacity:0;padding:2px;position:absolute;right:-30px;top:0;transition:opacity .2s ease;z-index:5}.chat-message-wrapper:hover .message-options{opacity:1}.message-options:hover{color:#444}body.dark-mode .chat-input-field,body.dark-mode .emoji-picker-popup .p-2{background-color:#1f1f1f;border-color:#2a2a2c;color:var(--text-primary)}body.dark-mode .emoji-picker-popup{background-color:#1e1e1e;border-color:#2a2a2c}body.dark-mode .reply-preview{background-color:#2a2a2c;border-left-color:#888;color:var(--text-primary)}body.dark-mode .reply-content{color:var(--text-primary)}body.dark-mode .cancel-reply:hover{color:#ff5e5e}body.dark-mode .message-options,body.dark-mode .message-options:hover{color:#fff}.chat-window{border-radius:0 0 8px 8px;border-top:1px solid var(--separator-bg);height:100%;max-height:100%}.chat-messages,.chat-window{background-color:var(--background)}.chat-messages{flex:1 1 auto;overflow-y:auto;padding:10px;scroll-behavior:smooth}.chat-input-container{background-color:var(--background);border-top:1px solid var(--separator-bg);display:flex;flex-direction:column;flex-shrink:0;padding:8px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:var(--separator-bg);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--timestamp)}@media (max-width:600px){.chat-window{border-radius:0;height:100vh;max-height:100vh}.chat-messages{padding:8px}.chat-input-container{padding:6px}}.chat-box-title{background-color:var(--primary);border-bottom:1px solid var(--separator-bg);color:#fff;font-size:1.1rem;font-weight:700;margin:0;padding:12px 16px;position:relative;text-align:center}.close-chat{font-size:1.4rem;right:12px;top:50%}.chat-search-bar{background-color:var(--background);border-bottom:1px solid var(--separator-bg);padding:10px 12px}.chat-search-bar input{background-color:var(--bubble-friend);border:1px solid var(--separator-bg);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;padding:8px 10px;width:90%}.chat-search-bar input::placeholder{color:var(--text-secondary)}:root{--background:#fff;--text-primary:#000;--text-secondary:#555;--primary:#007bff;--bubble-self:#dcf8c6;--bubble-friend:#f1f0f0;--separator-bg:#e1e1e1;--timestamp:#888;--border:#ccc}html.dark{--background:#1f1f1f;--text-primary:#fff;--text-secondary:#d1d1d6;--primary:#39f;--bubble-self:#4a635f;--bubble-friend:#2c2c2e;--separator-bg:#2a2a2c;--timestamp:#a1a1aa;--border:#444}.chat-widget{bottom:20px;font-family:Segoe UI,Tahoma,sans-serif;position:fixed;right:20px;z-index:9999}.chat-toggle{align-items:center;background-color:#007bff;background-color:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:relative;width:50px}.chat-toggle .badge{background:red;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-6px}.chat-box{background:#fff;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:10px;bottom:70px;box-shadow:0 0 15px #0003;color:#000;color:var(--text-primary);display:flex;flex-direction:column;height:700px;overflow:hidden;position:absolute;right:0;width:700px}.chat-box h4{background:#007bff;background:var(--primary);color:#fff;margin:0;padding:12px;position:relative;text-align:center}.close-chat{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:10px;top:8px}.chat-panel{display:flex;flex:1 1;overflow:hidden}.chat-list{background:#fff;background:var(--background);border-right:1px solid #e1e1e1;border-right:1px solid var(--separator-bg);max-width:260px;min-width:220px;overflow-y:auto;width:30%}.chat-list-item{align-items:center;border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--separator-bg);cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.chat-list-item:hover{background:#0000000d}.chat-list-item.active{background:#007bff;background:var(--primary);color:#fff}.chat-list-item.has-unread .dot{background:red;border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}.chat-window{background:#fff;background:var(--background);display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.chat-messages-container{background-color:#fff;background-color:var(--background);flex-grow:1;overflow-y:auto;padding:16px}.message-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.chat-message-wrapper{display:flex;flex-direction:column;max-width:85%}.chat-message-wrapper.self{align-self:flex-end;text-align:right}.chat-message-wrapper.friend{align-self:flex-start;text-align:left}.message-bubble{word-wrap:break-word;background-color:#f1f0f0;background-color:var(--bubble-friend);border-radius:18px;color:#000;color:var(--text-primary);display:inline-block;font-size:.95rem;line-height:1.4;padding:12px 16px;position:relative}.chat-message-wrapper.self .message-bubble{background-color:#d2f5d2;color:#111}body.dark-mode .chat-message-wrapper.self .message-bubble{background-color:#dcf8c6;background-color:var(--bubble-self);color:#fff}.message-meta{color:#888;color:var(--timestamp);font-size:.75rem;margin-top:4px}.chat-input-bar{align-items:center;background-color:#fff;background-color:var(--background);border-top:1px solid #e1e1e1;border-top:1px solid var(--separator-bg);display:flex;flex-shrink:0;gap:10px;overflow-x:visible;padding:12px 16px;position:relative}.chat-input-field{background-color:#f1f0f0;background-color:var(--bubble-friend);border:1px solid #e1e1e1;border:1px solid var(--separator-bg);border-radius:20px;color:#000;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;overflow:hidden;padding:10px 14px}.chat-input-field::placeholder{color:#555;color:var(--text-secondary)}.emoji-button,.send-button,.upload-button{background:#0000;border:none;color:#000;color:var(--text-primary);cursor:pointer;font-size:20px;transition:transform .2s ease,color .2s ease}.emoji-button:hover,.send-button:hover,.upload-button:hover{color:#007bff;color:var(--primary);transform:scale(1.5)}.emoji-picker-popup{background-color:#fff;background-color:var(--background);border:1px solid #e1e1e1;border:1px solid var(--separator-bg);border-radius:12px;bottom:60px;box-shadow:0 4px 16px #00000026;left:16px;max-height:300px;overflow-y:auto;padding:10px;position:absolute;z-index:10}.date-separator,.unread-separator{align-self:center;color:#888;color:var(--timestamp);font-size:12px;margin:12px 0}.empty-chat-window{align-items:center;color:#555;color:var(--text-secondary);display:flex;flex-grow:1;font-style:italic;justify-content:center;padding:1rem}.chat-widget-header{align-items:center;background-color:#007bff;background-color:var(--primary);border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--separator-bg);color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:12px 16px}.chat-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}@media (max-width:768px){.chat-box{border-radius:0;bottom:0;height:100vh;right:0;width:100vw}.chat-panel{display:block}.chat-list{border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--separator-bg);border-right:none;flex-shrink:0;max-width:none;width:100%}.chat-window{display:flex;flex-direction:column;flex-grow:1;height:100%;width:100%}.chat-header .back-btn{align-items:center;display:inline-flex;gap:4px}.message-actions{opacity:1!important}}.Home-container{align-items:center;background:linear-gradient(90deg,#f0f4f8,#d9e4f5);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px;transition:background .4s ease}.dark .Home-container{background:linear-gradient(90deg,#0f172a,#1e293b)}.dark-toggle{position:absolute;right:15px;top:15px}.switch{height:24px;width:44px}.slider:before{height:18px;width:18px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translateX(20px)}.Home-max-width{margin-bottom:20px;text-align:center}.Home-title{color:#1e3a8a;font-size:3rem;font-weight:700;margin:0}.dark .Home-title{color:#60a5fa}.Home-subtitle{color:#475569;font-size:1.25rem}.dark .Home-subtitle{color:#cbd5e1}.Home-form-wrapper{align-items:center;display:flex;justify-content:center;max-width:400px;width:100%}.Home-form-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:30px;transition:background-color .4s;width:100%}.dark .Home-form-box{background-color:#1e293b}.Home-form-section,.Home-form-title{text-align:center}.Home-form-title{color:#1e3a8a;font-size:1.5rem;margin-bottom:20px}.dark .Home-form-title{color:#60a5fa}.Home-form{display:flex;flex-direction:column;gap:15px}.Home-form-group label{color:#1e293b;display:block;font-size:.9rem;margin-bottom:5px;text-align:center;width:100%}.dark .Home-form-group label{color:#cbd5e1}.Home-form-group input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:1rem;outline:none;padding:10px;width:100%}.dark .Home-form-group input{background-color:#0f172a;border-color:#334155;color:#f8fafc}.Home-button{background-color:#1e3a8a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;width:100%}.Home-button:hover{background-color:#3345aa}.Home-agreement{color:#475569;font-size:.85rem;margin-top:10px}.dark .Home-agreement{color:#cbd5e1}.Home-forgot{color:#1e40af;cursor:pointer;font-size:.9rem;margin-top:10px;text-align:center}.dark .Home-forgot{color:#93c5fd}.Home-divider-section{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.page-wrapper{background-color:initial;min-height:90vh}.Home-divider{background-color:#cbd5e1;flex:1 1;height:1px}.Home-divider-text{color:#475569;font-size:.9rem}.dark .Home-divider-text{color:#cbd5e1}.Home-button-outline{background-color:initial;border:2px solid #3b82f6;border-radius:999px;color:#3b82f6;cursor:pointer;font-size:1rem;padding:10px;transition:all .3s;width:100%}.Home-button-outline:hover{background-color:#3b82f6;color:#fff}:root{--accent-dark:#2563eb;--background-gradient-light:linear-gradient(90deg,#f0f4f8,#d9e4f5);--background-gradient-dark:linear-gradient(90deg,#0f172a,#1e293b);--card-bg-light:#fff;--card-bg-dark:#1e293b;--input-bg-dark:#0f172a;--input-border-dark:#334155;--input-text-dark:#f1f5f9;--form-title-light:#1e3a8a;--form-title-dark:#60a5fa;--form-footer-dark:#cbd5e1;--switch-link-dark:#93c5fd}.page-wrapper{background:linear-gradient(90deg,#f0f4f8,#d9e4f5);background:var(--background-gradient-light);text-align:center;transition:background .4s ease}html.dark .page-wrapper{background:linear-gradient(90deg,#0f172a,#1e293b);background:var(--background-gradient-dark)}.form-card{background-color:var(--card-bg-light);border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:30px 40px;transition:background-color .4s ease}html.dark .form-card{background-color:#1e293b;background-color:var(--card-bg-dark)}.form-title{color:#1e3a8a;color:var(--form-title-light);font-size:1.8rem;margin-bottom:25px}html.dark .form-title{color:#60a5fa;color:var(--form-title-dark)}.form-body{gap:15px}.form-body input{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;outline:none;padding:10px 12px;transition:border .3s}.form-body input:focus{border-color:#3b82f6;border-color:var(--accent)}html.dark .form-body input{background-color:#0f172a;background-color:var(--input-bg-dark);border:1px solid #334155;border:1px solid var(--input-border-dark);color:#f1f5f9;color:var(--input-text-dark)}.form-btn{background-color:var(--accent);border-radius:999px;padding:12px;transition:background-color .3s ease,opacity .3s}.form-btn:hover{background-color:var(--accent-dark)}.form-btn:disabled{background-color:#94a3b8;opacity:.7}html.dark .form-btn{background-color:#3b82f6;background-color:var(--accent)}html.dark .form-btn:hover{background-color:#2563eb;background-color:var(--accent-dark)}html.dark .form-btn:disabled{background-color:#64748b}.form-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:8px;vertical-align:middle;width:16px}.form-footer{color:#475569;font-size:.85rem;margin-top:10px}.form-switch{font-size:.9rem;margin-top:20px}.form-switch a{color:var(--accent)}html.dark .form-footer,html.dark .form-switch{color:#cbd5e1;color:var(--form-footer-dark)}html.dark .form-switch a{color:#93c5fd;color:var(--switch-link-dark)}.password-wrapper{align-items:center;display:flex}.password-wrapper input{flex:1 1}.eye-icon{color:#64748b;font-size:1rem;transition:color .2s}.eye-icon:hover{color:#3b82f6;color:var(--accent)}html.dark .eye-icon{color:#cbd5e1}html.dark .eye-icon:hover{color:#93c5fd;color:var(--switch-link-dark)}.profile-posts-section{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:0 1rem;width:100%}.profile-posts-wrapper{display:flex;flex-direction:column;gap:1.5rem}.new-post-form{background:#fff;background:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:1rem}.new-post-textarea{background:#fafafa;background:var(--input-bg,#fafafa);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;color:#333;color:var(--text-color,#333);font-size:1rem;min-height:80px;padding:.75rem;resize:vertical}.new-post-file,.new-post-textarea{margin-bottom:.75rem}.new-post-submit{align-self:flex-end;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.new-post-submit:hover{background-color:#0056b3}.post-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.post-content{color:#333;color:var(--text-color,#333);font-size:1rem;padding:1rem;white-space:pre-wrap}.post-image{background:#f0f0f0;max-height:450px;object-fit:cover;width:100%}.post-actions{align-items:center;border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem}.post-actions button{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;padding:.25rem .5rem;transition:color .3s ease}.post-actions button:hover{color:#0056b3;text-decoration:underline}.comments-section{padding:0 1rem 1rem}.comment{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);font-size:.9rem;margin-top:.5rem;padding-bottom:.5rem}.comment:last-child{border-bottom:none}.comment-user{font-weight:600;margin-right:.25rem}.comment-form{display:flex;gap:.5rem;margin-top:.75rem}.comment-form input[type=text]{background:#fafafa;background:var(--input-bg,#fafafa);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;flex:1 1;font-size:.9rem;padding:.5rem}.comment-form button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem .75rem}.comment-form button:hover{background-color:#0056b3}.load-more-btn{background:#f7f7f7;border:none;border-radius:6px;color:#333;cursor:pointer;display:block;font-weight:700;margin-top:1rem;padding:.75rem;text-align:center;transition:background .3s ease;width:100%}.load-more-btn:hover{background:#e2e2e2}@media (max-width:600px){.profile-posts-section{padding:0 .5rem}.new-post-textarea{min-height:60px}.post-actions,.post-content{padding:.5rem}}.profile-posts-error{background:#ffe6e6;border-radius:8px;color:#ff4d4d;font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}.profile-card{background-color:#f9fafb;box-shadow:0 2px 12px #0000000d;margin:0 auto;max-width:420px;padding:2rem;transition:background-color .3s ease}html.dark .profile-card{background-color:#1e293b;color:#f1f5f9}.profile-avatar{border-radius:50%;margin-bottom:1rem}.profile-name{color:#3b82f6;font-size:1.5rem;margin-bottom:.3rem}html.dark .profile-name{color:#60a5fa}.profile-nickname{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}html.dark .profile-nickname{color:#cbd5e1}.profile-bio,.profile-location{color:#334155;font-size:.95rem;margin:.3rem 0}html.dark .profile-bio,html.dark .profile-location{color:#cbd5e1}.profile-links{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.logout-btn,.profile-links a{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease}.logout-btn:hover,.profile-links a:hover{background-color:#2563eb}.profile-name-wrapper{align-items:center;display:flex;gap:6px;justify-content:center;margin:.5rem 0}.edit-icon{color:#64748b;cursor:pointer;font-size:1rem;transition:color .2s ease}.edit-icon:hover{color:#3b82f6}html.dark .edit-icon{color:#cbd5e1}html.dark .edit-icon:hover{color:#93c5fd}.security-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}.security-section h3{font-size:1rem;margin-bottom:6px}.security-section p{font-size:.9rem;margin-bottom:10px;opacity:.8}.security-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.security-btn:hover{opacity:.9}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;max-width:400px;padding:30px;text-align:center;width:90%}.modal-title{color:#1e293b;font-size:1.5rem;margin-bottom:15px}.modal-message{color:#475569;font-size:1rem;margin-bottom:20px}.modal-buttons{display:flex;gap:15px;justify-content:space-between}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:10px 0;transition:background .3s}.cancel-btn{background:#e2e8f0;color:#334155}.cancel-btn:hover{background:#cbd5e1}.confirm-btn{background:#3b82f6;color:#fff}.confirm-btn:hover{background:#2563eb}html.dark .modal-content{background:#1e293b}html.dark .modal-title{color:#e2e8f0}html.dark .modal-message{color:#cbd5e1}html.dark .cancel-btn{background:#334155;color:#e2e8f0}html.dark .cancel-btn:hover{background:#475569}html.dark .confirm-btn{background:#60a5fa}html.dark .confirm-btn:hover{background:#3b82f6}:root{--background-light:#f9fafb;--card-light:#e2e8f0;--card-light-hover:#cbd5e1;--text-muted-light:#64748b;--background-dark:#0f172a;--card-dark:#1e293b;--card-dark-hover:#334155;--text-muted-dark:#cbd5e1;--primary:#3b82f6;--primary-contrast:#fff}.friend-card{align-items:center;background-color:#ffffffd9;border:1px solid #94a3b8cc;border-radius:12px;box-shadow:0 8px 14px #0f172a1f;display:flex;gap:.6rem;justify-content:space-between;padding:.55rem .7rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.friend-card:hover{background-color:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 12px 20px #0f172a2e;transform:translateY(-1px)}.friend-main{align-items:center;background:#0000;cursor:pointer;display:flex;flex:1 1;gap:.7rem}.friend-avatar-wrapper{align-items:center;background-color:#e5e7eb;border:2px solid #3b82f68c;border-radius:999px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.friend-avatar{height:100%;object-fit:cover;width:100%}.friend-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.friend-name-row{align-items:center;display:flex;gap:.35rem}.friend-name{color:#0f172a;font-size:.95rem;font-weight:600}.friend-status-dot{background-color:#22c55e;border-radius:999px;box-shadow:0 0 0 4px #22c55e40;height:8px;width:8px}.friend-status-text{color:#64748b;color:var(--text-muted-light);font-size:.8rem}.friend-actions{display:flex;flex-shrink:0;gap:.4rem}.friend-btn{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.3rem .7rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .1s ease;white-space:nowrap}.friend-btn.primary{background-color:#3b82f6;background-color:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff;color:var(--primary-contrast)}.friend-btn.primary:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 8px 14px #2563eb73;transform:translateY(-1px)}.friend-btn.subtle{background-color:#94a3b82e;border-color:#94a3b8b3;color:#0f172a}.friend-btn.subtle:hover{background-color:#94a3b84d}.friend-btn.danger{background-color:#f871711f;border-color:#f87171cc;color:#b91c1c}.friend-btn.danger:hover{background-color:#f8717138}html.dark .friend-card{background-color:#0f172af2;border-color:#1e40afe6;box-shadow:0 12px 22px #000000b3}html.dark .friend-name{color:#f1f5f9}html.dark .friend-status-text{color:#cbd5e1}html.dark .friend-avatar-wrapper{background-color:#020617;border-color:#3b82f6b3}html.dark .friend-btn.subtle{background-color:#1e40af33;border-color:#94a3b8cc;color:#e5e7eb}html.dark .friend-btn.subtle:hover{background-color:#1e40af57}html.dark .friend-btn.danger{background-color:#f8717129;border-color:#f87171e6;color:#fecaca}@media (max-width:600px){.friend-card{align-items:stretch;flex-direction:column}.friend-actions{justify-content:flex-end}}.friends-wrapper{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:720px;padding:16px}.friends-title{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:4px}.friends-search{margin-bottom:8px}.friends-search-input{background-color:#fff;border:1px solid #94a3b8e6;border-radius:999px;color:#0f172a;font-size:.9rem;outline:none;padding:8px 12px 8px 2.3rem;transition:border .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.friends-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.friends-list .friend-card{align-items:center;background-color:#fff;border:1px solid #94a3b866;border-radius:12px;box-shadow:0 4px 10px #0f172a0f;cursor:pointer;display:flex;gap:.6rem;padding:8px 10px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.friends-list .friend-card:hover{background-color:#f8fafc;box-shadow:0 8px 18px #0f172a1f;transform:translateY(-1px)}.friends-list .status-dot{border-radius:999px;flex-shrink:0;height:8px;width:8px}.friends-list .status-dot.online{background-color:#22c55e}.friends-list .status-dot.offline{background-color:#9ca3af}.friends-list .friend-avatar{border-radius:999px;flex-shrink:0;height:38px;object-fit:cover;width:38px}.friends-list .friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.friends-list .friend-name{color:#0f172a;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-list .friend-nickname{color:var(--text-muted-light);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-list .friend-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;margin-top:0}.friends-list .friend-actions button{border-radius:999px;font-size:.75rem;padding:4px 8px;position:static}html.dark .friends-wrapper{background-color:var(--background-dark)}html.dark .friends-title{color:#f9fafb}html.dark .friends-list .friend-card{background-color:var(--card-dark);border-color:#2563eb66;box-shadow:0 8px 18px #0009}html.dark .friends-list .friend-card:hover{background-color:#020617}html.dark .friends-list .friend-name{color:#e5e7eb}html.dark .friends-list .friend-nickname{color:var(--text-muted-dark)}html.dark .friends-list .friend-name{color:#e5e7eb!important}html.dark .friends-list .friend-nickname{color:#94a3b8!important}html.dark .friends-list .friend-card{color:#e5e7eb!important}:root{--background:#f9f9f9;--text:#1c1c1c;--text-muted:#444;--input-bg:#fff;--accent:#3b82f6;--accent-hover:#2563eb}html.dark{--background:#121212;--card-bg:#1e1e1e;--text:#f4f4f4;--text-muted:#bbb;--input-bg:#2c2c2c}.page-wrapper{background-color:#f9f9f9;color:#1c1c1c;color:var(--text)}.form-card{background-color:#fff;background-color:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;max-width:500px;padding:2rem;transition:background .3s ease}.form-card h2{color:#3b82f6;color:var(--accent);font-size:1.6rem;margin-bottom:1rem;text-align:center}.form-card label{color:#1c1c1c;color:var(--text);display:block;font-weight:600;margin:.8rem 0 .25rem}.form-card input[type=file],.form-card input[type=text],.form-card textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ccc;border-radius:10px;color:#1c1c1c;color:var(--text);font-size:1rem;padding:.6rem;transition:border-color .2s ease;width:100%}.form-card input[type=text]:focus,.form-card textarea:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.form-card textarea{min-height:80px;resize:vertical}.form-card button{background-color:#3b82f6;background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.form-card button:hover{background-color:#2563eb;background-color:var(--accent-hover)}.form-message{color:#dc2626;font-size:.9rem;font-weight:500;margin-top:.4rem}.form-message:empty{display:none}.form-card h3{color:#444;color:var(--text-muted);font-size:1.2rem;margin-top:2rem}:root{--background:#f9fafb;--card-bg:#fff;--text-primary:#1e3a8a;--text-secondary:#475569;--border-blue:#3b82f6;--muted-blue:#2563eb;--accent-green:#10b981;--accent-red:#f87171;--accent-red-dark:#dc2626}html.dark{--background:#0f172a;--card-bg:#1e293b;--text-primary:#60a5fa;--text-secondary:#cbd5e1;--muted-blue:#2563eb}.page-wrapper{align-items:flex-start;background-color:#f9fafb;background-color:var(--background);padding:20px}.profile-card{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;max-width:500px;padding:30px;text-align:center;transition:background-color .3s ease,color .3s ease;width:100%}.profile-avatar{border:3px solid #3b82f6;border:3px solid var(--border-blue);border-radius:999px;height:120px;margin-bottom:15px;object-fit:cover;width:120px}.profile-name{color:#1e3a8a;color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:5px}.profile-nickname{color:#475569;color:var(--text-secondary);font-size:1.2rem;margin-bottom:10px}.profile-bio,.profile-location{color:#64748b;font-size:1rem;margin-bottom:8px}html.dark .profile-bio,html.dark .profile-location{color:#475569;color:var(--text-secondary)}.profile-socials{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.profile-socials a{color:#3b82f6;color:var(--border-blue);font-weight:500;text-decoration:none}.profile-socials a:hover{text-decoration:underline}.cancel-request-btn,.friend-request-btn{background-color:#2563eb;background-color:var(--muted-blue);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:10px 18px;transition:background-color .3s ease}.cancel-request-btn:hover,.friend-request-btn:hover{background-color:#1d4ed8}.already-friends,.request-sent{color:#10b981;color:var(--accent-green);font-weight:500;margin-top:10px}.mutual-friends{margin-top:30px;text-align:left}.mutual-friends h4{color:#1e40af;margin-bottom:10px}html.dark .mutual-friends h4{color:#93c5fd}.mutual-friends ul{list-style:none;padding:0}.mutual-friend-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.mutual-friend-avatar{border-radius:50%;height:32px;margin-right:8px;object-fit:cover;width:32px}.pagination{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-top:10px}.pagination button{background-color:#e5e7eb;border:none;border-radius:6px;cursor:pointer;padding:6px 12px;transition:background .2s}.pagination button:disabled{cursor:not-allowed;opacity:.5}html.dark .pagination button{background-color:#334155;color:#f1f5f9}.incoming-request-panel{background:#f1f5f9;border-radius:10px;box-shadow:0 4px 12px #0000000a;margin-top:20px;padding:20px;text-align:center}.incoming-request-panel h4{color:#1e293b;margin-bottom:12px}.incoming-request-panel .action-buttons{display:flex;gap:12px;justify-content:center}.incoming-request-panel button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .3s ease}.incoming-request-panel .accept-btn{background:#3b82f6;background:var(--border-blue);color:#fff}.incoming-request-panel .accept-btn:hover{background:#2563eb;background:var(--muted-blue)}.incoming-request-panel .decline-btn{background:#f87171;background:var(--accent-red);color:#fff}.incoming-request-panel .decline-btn:hover{background:#dc2626;background:var(--accent-red-dark)}html.dark .incoming-request-panel{background:#fff;background:var(--card-bg);box-shadow:0 4px 12px #ffffff0d}html.dark .incoming-request-panel h4{color:#e2e8f0}.user-header{align-items:flex-start;border-bottom:1px solid #ffffff12;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.user-header-avatar-img{border-radius:50%;flex-shrink:0;height:90px;object-fit:cover;width:90px}.user-header-info{display:flex;flex-direction:column;gap:4px}.admin-dashboard{margin:auto;max-width:800px;padding:2rem;text-align:center}.admin-links{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (min-width:600px){.admin-links{flex-direction:row;flex-wrap:wrap;justify-content:center}}.admin-button{background-color:#333;background-color:var(--button-bg,#333);border:none;border-radius:6px;color:#fff;color:var(--button-text,#fff);font-size:1rem;min-width:200px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.admin-button:hover{background-color:#444;background-color:var(--button-hover,#444);transform:translateY(-1px)}.admin-actions ul{list-style:none;margin-top:1rem;padding:0}.admin-actions li{margin-bottom:1rem}.admin-actions a{color:#007bff;color:var(--accent-color,#007bff);font-weight:500;text-decoration:none}.admin-actions a:hover{text-decoration:underline}.admin-avatar-form{margin:auto;max-width:600px;padding:2rem}.avatar-form{display:flex;flex-direction:column;gap:1rem}.avatar-form input,.avatar-form select{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.6rem}.avatar-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1.2rem}.avatar-form button:hover{background-color:#444}.checkbox-label{align-items:center;display:flex;gap:.5rem}.avatar-preview{margin-top:2rem;text-align:center}.avatar-preview img{border:1px solid #ccc;border-radius:6px;height:auto;max-width:100%}.image-deletion-panel{margin:auto;max-width:800px;padding:2rem}.image-deletion-panel h2{margin-bottom:1rem}.image-grid{display:flex;flex-wrap:wrap;gap:1rem}.image-card{background:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem;text-align:center;width:120px}.image-card img{border-radius:4px;max-width:100%}.image-card button{background:crimson;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.3rem .6rem}.dark .image-card{background:#1e1e1e;color:#fff}.page-wrapper{margin:0 auto;max-width:1200px;padding:2rem}.manage-users h2{font-size:2rem;margin-bottom:1.5rem}.users-table{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 0 8px #0000001a;overflow-x:auto;padding:1rem}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}th{background-color:#f5f5f5;background-color:var(--header-bg,#f5f5f5);font-weight:600}tr:hover{background-color:#f9f9f9;background-color:var(--hover-bg,#f9f9f9)}.ban-btn,.unban-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 14px;transition:background .2s}.ban-btn{background-color:#ff4d4f;color:#fff}.ban-btn:hover{background-color:#d9363e}.unban-btn{background-color:#4caf50;color:#fff}.unban-btn:hover{background-color:#388e3c}select{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 8px}.spinner-container{align-items:center;display:flex;height:300px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#07f;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:red;font-size:18px;padding:20px;text-align:center}.item-builder-wrapper{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;margin:auto;max-width:1400px}.builder-sidebar{background-color:var(--card-bg,#1e1e2f);box-shadow:0 0 8px #00000026;color:#f1f1f1;color:var(--text-color,#f1f1f1);display:flex;flex:1 1;flex-direction:column;font-size:.95rem;gap:1rem;max-width:360px;min-width:280px;z-index:10}.builder-sidebar h2{font-size:1.3rem;margin-bottom:.5rem}.builder-sidebar label{font-size:.9rem;font-weight:600;margin-top:.5rem}.builder-sidebar input[type=file],.builder-sidebar input[type=text],.builder-sidebar select{background-color:#2b2b3c;border:1px solid #444;border-radius:6px;color:#f1f1f1;font-size:.95rem;padding:.5rem;width:100%}.builder-sidebar input::placeholder{color:#aaa}.builder-sidebar button{border:none;border-radius:6px;font-size:.95rem}.builder-sidebar button.remove{background-color:#e11d48}.builder-sidebar button.remove:hover{background-color:#be123c}.builder-canvas-area{flex:2 1;flex-direction:column;gap:1rem;min-width:600px}.canvas-controls{color:#ddd;color:var(--text-color,#ddd);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.25rem;justify-content:flex-start;margin-bottom:1rem;width:100%}.canvas-controls label{align-items:center;display:flex;font-weight:500;gap:.4rem}.canvas-stage{border:2px solid #ccc;box-shadow:0 0 10px #0000001a;height:600px;overflow:hidden;position:relative}.line{stroke:#444;stroke-width:1px}.item-builder-wrapper{display:flex;justify-content:space-between;padding:2rem}.builder-sidebar{background-color:#1e1e2f;background-color:var(--bg-alt,#1e1e2f);border-radius:10px;flex:0 1 30%;padding:1.5rem}.builder-canvas-area{align-items:center;display:flex;flex:1 1;justify-content:center}.builder-sidebar input[type=range]{margin:1rem 0;width:100%}.builder-sidebar input[type=file],.builder-sidebar select{background-color:#2b2b3c;border:1px solid #444;border-radius:6px;color:#f1f1f1;font-size:.95rem;padding:8px}.builder-sidebar button{background-color:#6366f1;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.65rem;transition:background .2s;width:100%}.builder-sidebar button:hover{background-color:#4f46e5}.builder-sidebar button.submit{background-color:#4ade80}.builder-sidebar button.submit:hover{background-color:#22c55e}.builder-canvas-area{flex-grow:1;position:relative}.canvas-stage{background-color:#fff;border-radius:8px;height:500px;width:100%}.avatars-container{margin:auto;max-width:1000px;padding:2rem}.avatars-title{font-size:2rem;margin-bottom:1rem;text-align:center}.avatar-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.avatar-tabs button{background-color:#f3f3f3;border:none;border-radius:6px;color:#222;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;position:relative;transition:background-color .2s ease}.avatar-tabs button:hover{background-color:#ddd}.avatar-tabs button.active{background-color:#333;color:#fff}.dark .avatar-tabs button{background-color:#2a2a2a;color:#ddd}.dark .avatar-tabs button:hover{background-color:#444}.dark .avatar-tabs button.active{background-color:#fff;color:#000}.badge{background-color:crimson;border-radius:10px;color:#fff;font-size:.75rem;line-height:1;padding:2px 6px;position:absolute;right:-10px;top:-8px}.avatar-tab-content{margin-top:1rem}.avatar-section{background:#fff;border:1px solid #ccc;border-radius:6px;padding:1rem}.dark .avatar-section{background:#1e1e1e;color:#fff}.avatar-builder{background:var(--background);border-radius:1rem;margin-top:1rem;padding:1rem}.create-group-form{background:#f9f9f9;border:1px solid #ddd}.create-group-form h2{margin-top:0}.create-group-form label{display:block;font-weight:700;margin-top:1rem}.create-group-form input[type=text]{box-sizing:border-box;margin-top:.25rem}.create-group-form .user-list{background-color:#fff;border:1px solid #ccc;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem}.create-group-form .user-list label{display:block;font-weight:400;margin-bottom:.25rem}.create-group-form .error{color:red;margin-top:1rem}.create-group-form button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.5rem 1rem}.create-group-form button[disabled]{cursor:not-allowed;opacity:.6}.groups-dashboard{color:var(--text-primary);font-family:Segoe UI,sans-serif;margin:auto;max-width:600px;padding:1rem}.group-list{list-style:none;margin-bottom:1.5rem;padding:0}.group-item{background-color:var(--background);border:1px solid var(--separator-bg);border-radius:8px;cursor:pointer;margin-bottom:.75rem;padding:10px 16px;transition:background-color .2s ease}.group-item:hover{background-color:#3b82f61a}.create-group-form{background-color:var(--card-bg-light);border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-top:2rem;padding:1rem;transition:background-color .3s}html.dark .create-group-form{background-color:var(--card-bg-dark)}.create-group-form input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;outline:none;padding:.5rem;transition:border-color .2s ease;width:100%}.create-group-form input[type=text]:focus{border-color:var(--accent)}.user-list{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.5rem}html.dark .user-list{background-color:#1e293b;border-color:#334155}.group-page{color:var(--text-primary);margin:0 auto;max-width:700px;padding:2rem}.group-page h2{font-size:2rem;margin-bottom:.5rem}.group-page p{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.group-meta{color:var(--timestamp);font-size:.9rem;margin-bottom:1.5rem}.group-chat-box{background-color:var(--background);border:1px solid var(--separator-bg);border-radius:8px;overflow:hidden}.group-message-list{max-height:400px;overflow-y:auto;padding:1rem}.group-message{margin-bottom:1rem}.group-message .sender{color:var(--text-primary);font-weight:700;margin-bottom:.25rem}.group-message .content{background-color:var(--bubble-friend);border-radius:20px;color:var(--text-primary);display:inline-block;max-width:80%;padding:.5rem 1rem}.group-message.self .content{align-self:flex-end;background-color:var(--bubble-self);text-align:right}.group-message-input{background-color:var(--background);border-top:1px solid var(--separator-bg);display:flex;padding:.75rem}.group-message-input input{background-color:var(--bubble-friend);border:1px solid var(--separator-bg);border-radius:20px;color:var(--text-primary);flex:1 1;font-size:14px;margin-right:10px;outline:none;padding:10px 14px}.group-message-input button{background-color:var(--bubble-self);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:0 16px}:root{--background-light:#f8fafc;--title-color:#3b82f6;--button-bg:#3b82f6;--primary-accent:#3b82f6}html.dark{--background-light:#111827;--title-color:#3b82f6;--button-bg:#3b82f6;--primary-accent:#3b82f6}.page-wrapper{align-items:center;background-color:#f8fafc;background-color:var(--background-light);display:flex;justify-content:center;min-height:100vh;padding:1rem}.form-card,.page-wrapper{transition:background-color .3s ease}.form-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;max-width:400px;padding:1.5rem 2rem;width:100%}.dark .form-card{background:#1f2937}.form-title{color:#3b82f6;color:var(--title-color);font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;text-align:center}.form-body{display:flex;flex-direction:column;gap:.4rem}.form-body label{font-size:.9rem;font-weight:500;margin-bottom:.1rem}.form-body input,.form-body select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.45rem .6rem;transition:background-color .3s ease,color .3s ease;width:100%}.dark .form-body input,.dark .form-body select{background-color:#374151;border:1px solid #555;color:#fff}.password-wrapper{position:relative}.password-wrapper input{padding-right:2rem}.eye-icon{color:#666;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dark .eye-icon{color:#ccc}.form-btn{background-color:#3b82f6;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.8rem;padding:.5rem;transition:background-color .3s ease}.form-btn:hover{background-color:#2563eb}.form-btn:disabled{cursor:not-allowed;opacity:.6}.form-footer,.form-switch{font-size:.8rem;margin-top:1rem;text-align:center}.form-switch a{color:#3b82f6;color:var(--primary-accent);text-decoration:underline}.password-rules{font-size:.85rem;margin-top:8px}.password-rules ul{list-style:none;margin:4px 0 0;padding-left:0}.password-rules li{align-items:center;display:flex;gap:6px}.password-rules li:before{content:"•";font-weight:700}.password-rules li.valid{color:#22c55e}.password-rules li.valid:before{content:"✓"}.password-rules li.invalid{color:#ef4444}.password-rules li.invalid:before{content:"•"}.page-wrapper.change-password-page{align-items:flex-start;display:flex;justify-content:center;padding-top:40px}.form-card.change-password-card .form-title{align-items:center;display:flex;gap:8px}.security-tag{align-items:center;background:#ef44441f;border:1px solid #ef444466;border-radius:999px;color:#f97373;display:inline-flex;font-size:.75rem;padding:2px 8px}.password-rules{margin-top:6px}.password-rules-title{font-size:.85rem;opacity:.9}.form-card.change-password-card .form-body{gap:10px}.form-card.change-password-card .form-btn:hover{transform:translateY(-1px)}@media (max-width:480px){.page-wrapper.change-password-page{padding-top:20px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--toast-font:"Inter",sans-serif;--toast-radius:10px;--toast-padding:12px 16px;--toast-font-size:0.875rem;--toast-shadow:0 6px 20px #0000001a;--toast-bg:#fff;--toast-text:#1f2937;--toast-border:#e5e7eb;--toast-success-bg:#ecfdf5;--toast-success-text:#065f46;--toast-success-border:#10b981;--toast-error-bg:#fef2f2;--toast-error-text:#991b1b;--toast-error-border:#ef4444;--toast-info-bg:#eff6ff;--toast-info-text:#1e3a8a;--toast-info-border:#3b82f6;--toast-warning-bg:#fffbeb;--toast-warning-text:#92400e;--toast-warning-border:#f59e0b}html.dark{--toast-bg:#1f1f1f;--toast-text:#f1f5f9;--toast-border:#374151;--toast-success-bg:#064e3b;--toast-success-text:#a7f3d0;--toast-success-border:#10b981;--toast-error-bg:#7f1d1d;--toast-error-text:#fecaca;--toast-error-border:#ef4444;--toast-info-bg:#1e40af;--toast-info-text:#dbeafe;--toast-info-border:#3b82f6;--toast-warning-bg:#78350f;--toast-warning-text:#fef3c7;--toast-warning-border:#f59e0b}.Toastify__toast-container{font-family:Inter,sans-serif;font-family:var(--toast-font);z-index:9999}.Toastify__toast{background-color:#fff;background-color:var(--toast-bg);border:1px solid #e5e7eb;border:1px solid var(--toast-border);border-radius:10px;border-radius:var(--toast-radius);box-shadow:0 6px 20px #0000001a;box-shadow:var(--toast-shadow);color:#1f2937;color:var(--toast-text);font-size:.875rem;font-size:var(--toast-font-size);padding:12px 16px;padding:var(--toast-padding)}.Toastify__toast--success{background-color:#ecfdf5;background-color:var(--toast-success-bg);border-left-color:#10b981;border-left-color:var(--toast-success-border);color:#065f46;color:var(--toast-success-text)}.Toastify__toast--error{background-color:#fef2f2;background-color:var(--toast-error-bg);border-left-color:#ef4444;border-left-color:var(--toast-error-border);color:#991b1b;color:var(--toast-error-text)}.Toastify__toast--info{background-color:#eff6ff;background-color:var(--toast-info-bg);border-left-color:#3b82f6;border-left-color:var(--toast-info-border);color:#1e3a8a;color:var(--toast-info-text)}.Toastify__toast--warning{background-color:#fffbeb;background-color:var(--toast-warning-bg);border-left-color:#f59e0b;border-left-color:var(--toast-warning-border);color:#92400e;color:var(--toast-warning-text)}.Toastify__toast-body{align-items:center;display:flex;font-size:.875rem;font-size:var(--toast-font-size);gap:10px}.Toastify__close-button{color:inherit;opacity:.8}.Toastify__close-button:hover{opacity:1}body{background-color:#f9f9f6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;transition:background-color .4s ease,color .4s ease}.home-wrapper{align-items:center;color:#1f2937;display:flex;flex-direction:column;padding-top:40px;text-align:center}.home-logo{animation:spinIn .6s ease-out;display:block;margin-bottom:20px;max-height:80px;object-fit:contain;transform-origin:center center;width:80px}.colored-logo{filter:invert(14%) sepia(90%) saturate(3000%) hue-rotate(200deg) brightness(90%) contrast(120%);transition:filter .3s ease}body.dark-mode .colored-logo{filter:invert(70%) sepia(18%) saturate(500%) hue-rotate(180deg) brightness(105%) contrast(95%)}@keyframes spinIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}.home-title{color:#1e3a8a;font-size:3.5rem;margin:0}.home-subtitle{color:#475569;font-size:1.2rem;margin-bottom:40px}.home-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;max-width:400px;padding:30px 40px;transition:background-color .4s ease;width:100%}.home-signin-title{color:#1e3a8a;font-size:1.8rem;margin-bottom:30px;text-align:center}.home-form{display:flex;flex-direction:column;gap:15px}.home-form label{font-size:.95rem;text-align:left}.home-form input{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;outline:none;padding:10px 12px;transition:background-color .3s,border-color .3s,color .3s}.home-password-wrapper{align-items:center;display:flex;position:relative}.home-password-wrapper input{flex:1 1}.home-eye-icon{color:#64748b;cursor:pointer;font-size:1rem;position:absolute;right:10px;transition:color .3s}body.dark-mode .home-eye-icon{color:#cbd5e1}.home-button{background-color:#1e3a8a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px}.home-button:hover{background-color:#3345aa}.home-create-button{background:none;border:1px solid #1e3a8a;border-radius:999px;color:#1e3a8a;cursor:pointer;font-size:1rem;padding:10px;width:100%}.home-create-button:hover{background-color:#eff6ff}.home-agree{color:#475569}.home-agree,.home-forgot{font-size:.85rem;margin-top:10px;text-align:center}.home-forgot{cursor:pointer;text-decoration:underline}.home-divider{align-items:center;display:flex;gap:10px;margin:20px 0;text-align:center}.home-divider hr{border:none;border-top:1px dashed #9ca3af;flex:1 1}.home-divider span{color:#475569;font-size:.9rem}body.dark-mode{background-color:#0f172a;color:#f1f5f9}body.dark-mode .home-wrapper{color:#f1f5f9}body.dark-mode .home-card{background-color:#1e293b}body.dark-mode .home-title{color:#60a5fa}body.dark-mode .home-subtitle{color:#cbd5e1}body.dark-mode .home-signin-title{color:#93c5fd}body.dark-mode .home-form input{background-color:#0f172a;border:1px solid #334155;color:#f1f5f9}body.dark-mode .home-button{background-color:#3b82f6}body.dark-mode .home-button:hover{background-color:#2563eb}body.dark-mode .home-agree,body.dark-mode .home-divider span,body.dark-mode .home-forgot{color:#cbd5e1}body.dark-mode .home-create-button{border-color:#3b82f6;color:#3b82f6}body.dark-mode .home-create-button:hover{background-color:#1e293b}body.dark-mode .home-divider hr{border-top:1px dashed #475569}.dark-mode-toggle{position:absolute;right:20px;top:20px}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 5px #0003;content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}
/*# sourceMappingURL=main.94ab0c7c.css.map*/