:root{--border:#eee;--text-muted:#777;--primary:#2e9afe}.post{background-color:var(--card-bg);border:1px solid #eee;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 22px #00000014;color:var(--text-color);margin:0 auto;padding:18px;width:100%}.post .post-wrapper{display:flex;flex-direction:column;gap:10px}.post .post-header{align-items:center;display:flex;gap:10px}.post .post-header .profile-img{border-radius:50%;height:50px;object-fit:cover;width:50px}.post .post-header .author-info{display:flex;flex-direction:column}.post .post-header .author-info .name{font-size:1.1rem;font-weight:700}.post .post-header .author-info .post-date,.post .post-header .author-info .space-name{color:#777;color:var(--text-muted);font-size:.85rem}.post .post-header .MuiIconButton-root{margin-left:auto}.post .post-header .MuiMenu-paper .MuiMenuItem-root.delete-item{color:#e53935}.post .post-content .title{font-size:1.3rem;margin-bottom:5px}.post .post-content .body{word-wrap:break-word;font-size:1rem;margin-bottom:10px;overflow-wrap:break-word;white-space:pre-wrap}.post .post-content .body a{color:#0078d4;font-weight:500;text-decoration:underline;transition:.2s ease;word-break:break-all}.post .post-content .body a:hover{opacity:.7}.post .post-content .post-images{overflow:hidden;position:relative;text-align:center}.post .post-content .post-images .nav{background:#00000080;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.post .post-content .post-images .prev{left:5px}.post .post-content .post-images .next{right:5px}.post .post-content .post-images .carousel-img{border-radius:10px;display:block;max-height:400px;object-fit:contain;width:100%}.post .post-content .post-images .image-counter{background:#00000080;border-radius:5px;bottom:10px;color:#fff;font-size:.8rem;padding:3px 6px;position:absolute;right:10px}.post .post-footer .actions{cursor:pointer;display:flex;font-size:1rem;gap:20px}.post .post-footer .actions .action{align-items:center;display:flex;gap:5px}.post .post-footer .details{color:#777;color:var(--text-muted);font-size:.9rem;margin-top:5px}.post .comments-section{border-top:1px solid #eee;border-top:1px solid var(--border);margin-top:15px;padding-top:10px;position:relative}.post .comments-section .comment-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post .comments-section .comment-input-row{display:flex;gap:10px;margin-bottom:10px}.post .comments-section .comment-input-row .comment-input{border:1px solid #eee;border:1px solid var(--border);border-radius:5px;flex:1 1;padding:5px}.post .comments-section .comment-input-row .comment-button{background:#2e9afe;background:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.post .comments-section .comment-list{display:flex;flex-direction:column;gap:10px}.post .comments-section .comment-list .comment{border-bottom:1px solid #eee;border-bottom:1px solid var(--border);display:flex;gap:10px;padding-bottom:5px}.post .comments-section .comment-list .comment .comment-profile{border-radius:50%;height:35px;object-fit:cover;width:35px}.post .comments-section .comment-list .comment .comment-data a{color:#0078d4;font-weight:500;text-decoration:underline;word-break:break-all}.post .comments-section .comment-list .comment .comment-data .comment-body{font-size:.9rem;margin:0}.post .comments-section .comment-list .comment .comment-data .comment-username{color:#777;color:var(--text-muted);font-size:.8rem;margin-right:8px}.post .comments-section .comment-list .comment .comment-data .comment-date{color:#aaa;font-size:.75rem}.post-space-info{background-color:#f9f9f9;border:1px solid #eee;border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1.1rem}.post-space-info h3{color:#333;font-size:1.2rem;margin:0}.post-space-info p{color:#777;color:var(--text-muted);font-size:.95rem;margin:.5rem 0}.post-space-info img{border-radius:8px;margin-top:.5rem;max-height:200px;object-fit:cover;width:100%}@media only screen and (max-width:376px){.post{border-radius:12px;margin:10px 0;padding:12px}.post .post-header{align-items:center;flex-direction:row;gap:8px;margin-bottom:8px}.post .post-header .profile-img{flex-shrink:0;height:36px;width:36px}.post .post-header .author-info{flex:1 1;min-width:0}.post .post-header .author-info .name{font-size:.9rem;margin:0}.post .post-header .author-info .post-date,.post .post-header .author-info .space-name{font-size:.7rem;margin:2px 0 0}.post .post-header .MuiIconButton-root{margin-left:auto;min-width:auto;padding:4px}.post .post-content .title{font-size:1rem;margin-bottom:4px}.post .post-content .body{font-size:.85rem;line-height:1.4;margin-bottom:8px}.post .post-content .post-images .carousel-img{max-height:200px}.post .post-content .post-images .image-counter{font-size:.7rem;padding:2px 4px}.post .post-content .post-images .nav{font-size:1rem;padding:3px}.post .post-footer .actions{grid-gap:8px;display:grid;font-size:.8rem;gap:8px;grid-template-columns:1fr 1fr}.post .post-footer .actions .action{justify-content:center;padding:6px 0}.post .post-footer .details{font-size:.75rem;margin-top:6px}.post .comments-section{margin-top:10px;padding-top:8px}.post .comments-section .comment-input-row{flex-direction:column;gap:4px;margin-bottom:8px}.post .comments-section .comment-input-row .comment-input{font-size:.85rem;padding:6px}.post .comments-section .comment-input-row .comment-button{font-size:.8rem;min-height:32px;padding:6px}.post .comments-section .comment-list{gap:8px}.post .comments-section .comment-list .comment{flex-direction:row;gap:8px}.post .comments-section .comment-list .comment .comment-profile{flex-shrink:0;height:28px;width:28px}.post .comments-section .comment-list .comment .comment-data{flex:1 1;min-width:0}.post .comments-section .comment-list .comment .comment-data .comment-body{font-size:.8rem;margin:2px 0;word-break:break-word}.post .comments-section .comment-list .comment .comment-data .comment-username{font-size:.7rem;margin-right:4px}.post .comments-section .comment-list .comment .comment-data .comment-date{font-size:.65rem}}@media only screen and (max-width:376px)and (min-width:377px)and (max-width:768px){.post{border-radius:12px;margin:12px 0;padding:14px}}@media only screen and (max-width:376px){.post-space-info{margin-bottom:10px;padding:8px}.post-space-info h3{font-size:1rem}.post-space-info p{font-size:.8rem;margin:4px 0}.post-space-info img{margin-top:6px;max-height:150px}}@media only screen and (max-width:576px){.post{border-radius:8px;margin:14px 0;padding:12px}.post .post-header{align-items:center;flex-direction:row;gap:10px;margin-bottom:10px}.post .post-header .profile-img{flex-shrink:0;height:40px;width:40px}.post .post-header .author-info{flex:1 1;min-width:0}.post .post-header .author-info .name{font-size:.95rem;margin:0}.post .post-header .author-info .post-date,.post .post-header .author-info .space-name{font-size:.75rem;margin:2px 0 0}.post .post-header .MuiIconButton-root{margin-left:auto;min-width:auto;padding:6px}.post .post-content .title{font-size:1.05rem;margin-bottom:6px}.post .post-content .body{font-size:.9rem;line-height:1.5;margin-bottom:10px}.post .post-content .body a{font-size:.9rem}.post .post-content .post-images .carousel-img{max-height:250px}.post .post-content .post-images .image-counter{font-size:.75rem;padding:3px 6px}.post .post-content .post-images .nav{font-size:1.1rem;padding:4px}.post .post-footer .actions{grid-gap:10px;display:grid;font-size:.85rem;gap:10px;grid-template-columns:1fr 1fr}.post .post-footer .actions .action{justify-content:center;padding:8px 0}.post .post-footer .details{font-size:.8rem;margin-top:8px}.post .comments-section{margin-top:12px;padding-top:10px}.post .comments-section .comment-input-row{flex-direction:column;gap:6px;margin-bottom:10px}.post .comments-section .comment-input-row .comment-input{font-size:.9rem;min-height:36px;padding:8px}.post .comments-section .comment-input-row .comment-button{font-size:.85rem;min-height:36px;padding:8px}.post .comments-section .comment-list{gap:10px}.post .comments-section .comment-list .comment{flex-direction:row;gap:10px}.post .comments-section .comment-list .comment .comment-profile{flex-shrink:0;height:32px;width:32px}.post .comments-section .comment-list .comment .comment-data{flex:1 1}.post .comments-section .comment-list .comment .comment-data .comment-body{font-size:.85rem;margin:2px 0;word-break:break-word}.post .comments-section .comment-list .comment .comment-data .comment-username{font-size:.75rem;margin-right:6px}.post .comments-section .comment-list .comment .comment-data .comment-date{font-size:.7rem}.post-space-info{margin-bottom:12px;padding:10px}.post-space-info h3{font-size:1.05rem}.post-space-info p{font-size:.85rem;margin:4px 0}.post-space-info img{margin-top:8px;max-height:180px}}@media only screen and (min-width:577px)and (max-width:768px){.post{margin:16px 0;padding:14px}.post .post-header .profile-img{height:44px;width:44px}.post .post-header .author-info .name{font-size:1rem}.post .post-header .author-info .post-date,.post .post-header .author-info .space-name{font-size:.8rem}.post .post-content .title{font-size:1.15rem}.post .post-content .body{font-size:.95rem}.post .post-content .post-images .carousel-img{max-height:300px}.post .comments-section .comment-input-row{flex-direction:row}.post .comments-section .comment-input-row .comment-button{min-width:100px}.post .comments-section .comment-list .comment{flex-direction:row}.post .comments-section .comment-list .comment .comment-profile{height:36px;width:36px}.post .comments-section .comment-list .comment .comment-data .comment-body{font-size:.9rem}.post .comments-section .comment-list .comment .comment-data .comment-username{font-size:.8rem}.post .comments-section .comment-list .comment .comment-data .comment-date{font-size:.75rem}}@media only screen and (min-width:769px){.post{margin:20px 0;padding:15px}.post .post-header .profile-img{height:50px;width:50px}.post .post-content .carousel-img{max-height:400px}}.share{background-color:#fff;border-radius:14px;box-shadow:0 8px 22px #0000000f;color:#222;margin-bottom:12px}.share.dark{background-color:#1e1e1e;color:#ddd}.share.dark .shareInput{background:#0000;color:#0000}.share.dark .shareInputMirror{background:#2a2a2a;color:#eee}.share.dark .shareInputMirror.isPlaceholder{color:#8a8a8a}.share.dark .shareInputOverlay{caret-color:#fff}.share.dark .shareHr{background:#444}.share.dark .shareOption span{color:#ccc}.share.dark .shareButton{background:#1976d2}.share.dark .shareButton img.sendIcon{filter:brightness(0) invert(1)}.share.dark .mediaPreviewList .mediaPreviewItem img,.share.dark .mediaPreviewList .mediaPreviewItem video{background:#333}.share.dark .mediaPreviewList .mediaPreviewItem .removeMedia{background:#fff3;color:#fff}.share .shareWrapper{padding:18px}.share .shareTop{align-items:flex-start;display:flex;gap:12px}.share .shareTop .shareInputWrapper{flex:1 1;position:relative}.share .shareTop .shareInputMirror{background:#f0f2f5;border-radius:10px;color:#222;font-size:1rem;inset:0;line-height:1.4;overflow:auto;padding:8px;pointer-events:none;position:absolute;white-space:pre-wrap;word-break:break-word}.share .shareTop .shareInputMirror.isPlaceholder{color:#8a8f99}.share .shareTop .shareProfileImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.share .shareTop .shareInput{background:#0000;border:none;border-radius:10px;font-size:1rem;padding:8px;position:relative;resize:none;width:100%;z-index:2}.share .shareTop .shareInput:focus{background:#0000;outline:none}.share .shareTop .shareInputOverlay{caret-color:#1f2937}.share .shareTop .shareInputOverlay,.share .shareTop .shareInputOverlay::placeholder{-webkit-text-fill-color:#0000;color:#0000}.share .shareTop .mentionSuggestions{background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 8px 20px #0000001a;left:0;overflow:hidden;position:absolute;top:calc(100% + 6px);width:100%;z-index:15}.share .shareTop .mentionSuggestions .mentionSuggestionItem{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;width:100%}.share .shareTop .mentionSuggestions .mentionSuggestionItem:hover{background:#f5f8fb}.share .shareTop .mentionSuggestions .mentionSuggestionItem img{border:1px solid #e4e7ea;border-radius:50%;height:34px;object-fit:cover;width:34px}.share .shareTop .mentionSuggestions .mentionSuggestionItem .mentionSuggestionText{display:flex;flex-direction:column;gap:2px}.share .shareTop .mentionSuggestions .mentionSuggestionItem .mentionSuggestionText span{color:#222;font-size:14px;font-weight:600}.share .shareTop .mentionSuggestions .mentionSuggestionItem .mentionSuggestionText small{color:#6a737d;font-size:12px}.share .mentionNotice{background:#eef6ff;border:1px solid #c6defb;border-radius:6px;color:#005fa3;font-size:13px;font-weight:600;margin-top:8px;padding:8px 10px}.share .shareHr{background:#eee;border:none;height:1px;margin:12px 0}.share .mediaPreviewList{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.share .mediaPreviewList .mediaPreviewItem{position:relative}.share .mediaPreviewList .mediaPreviewItem img,.share .mediaPreviewList .mediaPreviewItem video{border-radius:4px;height:80px;object-fit:cover;width:80px}.share .mediaPreviewList .mediaPreviewItem .imagePreviewWrapper{height:80px;position:relative;width:80px}.share .mediaPreviewList .mediaPreviewItem .imagePreviewWrapper img{border-radius:4px;height:100%;object-fit:cover;width:100%}.share .mediaPreviewList .mediaPreviewItem .imagePreviewWrapper .mediaLoadingOverlay{align-items:center;background:#000000bf;border-radius:4px;bottom:0;display:flex;flex-direction:column;gap:6px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.share .mediaPreviewList .mediaPreviewItem .imagePreviewWrapper .mediaLoadingOverlay .mediaSpinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.share .mediaPreviewList .mediaPreviewItem .imagePreviewWrapper .mediaLoadingOverlay span{color:#fff;font-size:.7rem;font-weight:500;text-align:center}.share .mediaPreviewList .mediaPreviewItem .videoPreviewWrapper{height:80px;position:relative;width:80px}.share .mediaPreviewList .mediaPreviewItem .videoPreviewWrapper video{border-radius:4px;height:100%;object-fit:cover;width:100%}.share .mediaPreviewList .mediaPreviewItem .videoPreviewWrapper .mediaLoadingOverlay{align-items:center;background:#000000bf;border-radius:4px;bottom:0;display:flex;flex-direction:column;gap:6px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.share .mediaPreviewList .mediaPreviewItem .videoPreviewWrapper .mediaLoadingOverlay .mediaSpinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.share .mediaPreviewList .mediaPreviewItem .videoPreviewWrapper .mediaLoadingOverlay span{color:#fff;font-size:.7rem;font-weight:500;text-align:center}.share .mediaPreviewList .mediaPreviewItem .removeMedia{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.8rem;height:18px;line-height:1;position:absolute;right:-4px;top:-4px;width:18px}.share .mediaPreviewList .mediaPreviewItem .mediaReadyBadge{align-items:center;animation:popIn .4s ease-out;background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:-8px;box-shadow:0 2px 8px #4caf5066;color:#fff;display:flex;flex-direction:column;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;width:32px}.share .mediaPreviewList .mediaPreviewItem .mediaReadyBadge .readyCheckmark{font-size:16px;line-height:1}.share .mediaPreviewList .mediaPreviewItem .mediaReadyBadge .readyText{font-size:.45rem;line-height:1;margin-top:-2px}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.share .shareBottom{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.share .shareBottom .shareOptions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.share .shareBottom .shareOptions .shareOption{align-items:center;color:#555;cursor:pointer;display:flex;gap:6px}.share .shareBottom .shareOptions .shareOption span{-webkit-user-select:none;user-select:none}.share .shareBottom .shareOptions .spaceSelectWrapper{display:flex;flex-direction:column}.share .shareBottom .shareOptions .spaceSelectWrapper label{color:#333;font-size:.85rem;margin-bottom:4px}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList{display:flex;gap:8px;overflow-x:auto}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem{align-items:center;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;padding:4px 8px;transition:background .2s,border-color .2s}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem img{border-radius:50%;height:28px;margin-bottom:4px;object-fit:cover;width:28px}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem .fallbackIcon{color:#888;font-size:1.4rem;margin-bottom:4px}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem span{color:#333;font-size:.75rem}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem:hover{background:#f0f0f0}.share .shareBottom .shareOptions .spaceSelectWrapper .spaceList .spaceItem.selected{background:#eaf3ff;border-color:#2e9afe}.share .shareBottom .shareButton{background:#2e9afe;border:none;border-radius:4px;cursor:pointer;padding:8px 12px}.share .shareBottom .shareButton img.sendIcon{height:16px;width:16px}.share .shareBottom .shareButton:hover{background:#1c7ed6}.share .emoji{margin-top:8px}@media(max-width:768px){.share{border-radius:12px}.share .shareWrapper{padding:14px}}@media only screen and (max-width:576px){.share .shareWrapper{padding:12px}.share .shareTop{align-items:stretch;flex-direction:column}.share .shareTop .shareProfileImg{height:36px;width:36px}.share .shareTop .shareInput{font-size:.95rem}.share .shareBottom{align-items:stretch;flex-direction:column}.share .shareBottom .shareOptions{align-items:flex-start;flex-direction:column}.share .shareBottom .shareButton{text-align:center;width:100%}.share .mediaPreviewList{justify-content:center}.share .mediaPreviewList .mediaPreviewItem img,.share .mediaPreviewList .mediaPreviewItem video{height:70px;width:70px}}@media only screen and (min-width:577px)and (max-width:992px){.share .shareWrapper{padding:14px}.share .shareInput{font-size:.95rem}.share .shareButton{padding:7px 10px}.share .mediaPreviewItem img,.share .mediaPreviewItem video{height:75px;width:75px}}.postStatusOverlay{align-items:center;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.postStatusOverlay .postStatusModal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 15px 50px #0006;max-width:90vw;min-width:360px;padding:45px 60px;text-align:center}.postStatusOverlay .postStatusModal .statusMessage{color:#333;font-size:17px;font-weight:600;line-height:1.5;margin:20px 0 0;min-height:24px}.postStatusOverlay .postStatusModal .progressContainer{margin:25px 0 0}.postStatusOverlay .postStatusModal .progressContainer .progressBar{background:#e8e8e8;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;height:12px;margin:15px 0;overflow:hidden;position:relative;width:100%}.postStatusOverlay .postStatusModal .progressContainer .progressBar .progressFill{background:linear-gradient(90deg,#2e9afe,#1976d2 50%,#0d5fb3);border-radius:10px;box-shadow:0 0 12px #2e9afe99;height:100%;position:relative;transition:width .3s ease}.postStatusOverlay .postStatusModal .progressContainer .progressBar .progressFill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.postStatusOverlay .postStatusModal .progressContainer .progressText{color:#2e9afe;font-size:16px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.postStatusOverlay .postStatusModal .spinnerLoader{animation:spin .8s linear infinite;border:6px solid #f0f0f0;border-radius:50%;border-top-color:#2e9afe;box-shadow:0 0 15px #2e9afe4d;height:70px;margin:0 auto;width:70px}.postStatusOverlay .postStatusModal .successIcon{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 5px 20px #4caf5066}.postStatusOverlay .postStatusModal .errorIcon,.postStatusOverlay .postStatusModal .successIcon{align-items:center;animation:scaleIn .4s ease-out;border-radius:50%;color:#fff;display:flex;font-size:45px;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.postStatusOverlay .postStatusModal .errorIcon{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 5px 20px #f4433666}.postStatusOverlay .postStatusModal .warningIcon{align-items:center;animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;box-shadow:0 5px 20px #ff980066;color:#fff;display:flex;font-size:45px;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.postStatusOverlay.success .statusMessage{color:#4caf50}.postStatusOverlay.warning .statusMessage{color:#ff9800}.postStatusOverlay.error .statusMessage{color:#f44336}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.feed,.feed .feedWrapper{background-color:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;width:100%}.feed .feedWrapper{gap:18px;margin:0 auto;max-width:920px;padding:22px 18px}.feed .space-info-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#2c3e50;margin-bottom:20px;padding:16px;transition:background-color .3s ease,color .3s ease}.feed .space-info-card h2{color:inherit;font-size:22px;margin-bottom:8px}.feed .space-info-card p{color:inherit;font-size:15px}.feed .space-info-card .space-image{border-radius:10px;box-shadow:0 2px 6px #0000001a;display:block;height:auto;margin:10px auto;max-height:400px;max-width:100%;object-fit:cover;width:auto}.feed .noPosts{color:#888;font-size:1rem;padding:20px;text-align:center}.feed .feed-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.feed .feed-filters .filter-btn{background:#f8fbff;border:1px solid #d8e2f0;border-radius:999px;color:#1f3f66;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.feed .feed-filters .filter-btn:hover{border-color:#0077c8;color:#0077c8}.feed .feed-filters .filter-btn.active{background:#e9f4ff;border-color:#0077c8;color:#0077c8}.feed .feed-filters .hashtag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;width:100%}.feed .feed-filters .hashtag-chip{background:#edf5ff;border:none;border-radius:999px;color:#0077c8;cursor:pointer;font-size:.82rem;font-weight:700;padding:6px 12px;transition:all .2s ease}.feed .feed-filters .hashtag-chip:hover{background:#dbeeff}.feed .feed-filters .hashtag-chip.active{background:#0077c8;color:#fff}.feed .feed-filters .hashtag-empty{color:#8a98a8;font-size:.85rem;padding:4px 2px}@media(max-width:768px){.feed .feedWrapper{gap:15px;padding:10px}.feed .space-info-card{padding:12px}.feed .space-info-card h2{font-size:18px}.feed .space-info-card p{font-size:14px}.feed .space-info-card .space-image{max-height:250px}.feed .noPosts{font-size:.9rem;padding:15px}.feed .feed-filters{padding:10px}.feed .feed-filters .filter-btn{font-size:.8rem;padding:7px 12px}}@media(min-width:769px)and (max-width:1023px){.feed .feedWrapper{margin:0 auto;max-width:880px;padding:24px 16px}.feed .space-info-card h2{font-size:24px}.feed .space-info-card p{font-size:16px}.feed .space-info-card .space-image{max-height:350px}}@media(min-width:1024px){.feed .feedWrapper{margin:0 auto;max-width:980px;padding:26px 18px}.feed .space-info-card h2{font-size:26px}.feed .space-info-card p{font-size:17px}.feed .space-info-card .space-image{max-height:500px}}.rewardsSection{align-items:center;background-color:#f5f7fa;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:22px 18px;transition:background-color .3s ease;width:100%}.rewardsSection.dark{background-color:#1a1a2e}.rewardsHeader{margin-bottom:20px}.rewardsHeader h2{color:#00a0d0;font-size:28px;font-weight:700;text-align:center;transition:color .3s ease}.rewardsSection.dark .rewardsHeader h2{color:#5eb3d6}.walletCard{align-items:center;background:linear-gradient(135deg,#00a0d0,#007399);border-radius:28px;box-shadow:0 10px 25px #0003;color:#fff;display:flex;flex-direction:column;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:460px;padding:44px 22px;text-align:center;transition:transform .3s ease;width:100%}.walletCard:hover{transform:scale(1.02)}.pointsCircle{align-items:center;background:linear-gradient(145deg,#ffcd4d,#ffc107);border-radius:50%;box-shadow:inset 0 4px 8px #00000026,0 4px 12px #00000040;display:flex;flex-direction:column;height:190px;justify-content:center;margin-bottom:20px;width:190px}.pointsCircle .pointsValue{color:#222;font-size:48px;font-weight:700}.pointsCircle .pointsLabel{color:#444;font-size:16px;font-weight:700;margin-top:4px}.syncMessage{font-size:14px;line-height:1.4;margin-bottom:20px;margin-top:10px;max-width:300px;transition:color .3s ease}.rewardsSection:not(.dark) .syncMessage,.syncMessage{color:#f1f1f1}.rewardsSection.dark .syncMessage{color:#d0d0d0}.catalogButton{background-color:#ffcd4d;border:none;border-radius:12px;color:#036;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease}.catalogButton:hover{background-color:#e6b800;transform:scale(1.05)}.offersSection{margin-top:32px;max-width:460px;width:100%}.offersSection h3{color:#00a0d0;font-size:20px;margin-bottom:16px;text-align:center;transition:color .3s ease}.rewardsSection.dark .offersSection h3{color:#5eb3d6}.offersSection .noOffers{align-items:center;background-color:#e6f7fb;border-radius:12px;color:#00a0d0;display:flex;justify-content:center;padding:16px 20px;transition:background-color .3s ease,color .3s ease}.rewardsSection.dark .offersSection .noOffers{background-color:#1e3a5f;color:#5eb3d6}.offersSection .noOffers .tagIcon{font-size:28px;margin-right:12px}.offersSection .noOffers p{color:#00a0d0;font-size:16px;margin:0;transition:color .3s ease}.rewardsSection.dark .offersSection .noOffers p{color:#5eb3d6}@media(max-width:480px){.pointsCircle{height:140px;width:140px}.pointsCircle .pointsValue{font-size:36px}.pointsCircle .pointsLabel{font-size:13px}.walletCard{padding:30px 16px}.rewardsHeader h2{font-size:22px}.offersSection{margin-top:24px}.offersSection h3{font-size:18px}.offersSection .noOffers{padding:12px 16px}.offersSection .noOffers .tagIcon{font-size:24px}.offersSection .noOffers p{font-size:14px}}.space-media-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.dark .space-media-sidebar{background-color:#1a1a1a;border:1px solid #333}.space-media-sidebar .media-header{border-bottom:1px solid #e9ecef;color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 14px;text-transform:uppercase}.dark .space-media-sidebar .media-header{border-bottom-color:#333;color:#fff}.space-media-sidebar .media-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:0;padding:0}.dark .space-media-sidebar .media-tabs{background:#0f0f0f;border-bottom-color:#333}.space-media-sidebar .media-tabs .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;margin-bottom:-1px;padding:10px 12px;text-align:center;transition:all .2s ease}.dark .space-media-sidebar .media-tabs .tab-btn{color:#aaa}.space-media-sidebar .media-tabs .tab-btn:hover{background:#0077c80d;color:#0077c8}.dark .space-media-sidebar .media-tabs .tab-btn:hover{background:#0077c81a;color:#0077c8}.space-media-sidebar .media-tabs .tab-btn.active{border-bottom-color:#0077c8;color:#0077c8;font-weight:600}.space-media-sidebar .media-content{flex:1 1;overflow-y:auto;padding:12px}.space-media-sidebar .media-content::-webkit-scrollbar{width:6px}.space-media-sidebar .media-content::-webkit-scrollbar-track{background:#0000}.space-media-sidebar .media-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.dark .space-media-sidebar .media-content::-webkit-scrollbar-thumb{background:#444}.space-media-sidebar .media-content::-webkit-scrollbar-thumb:hover{background:#999}.dark .space-media-sidebar .media-content::-webkit-scrollbar-thumb:hover{background:#666}.space-media-sidebar .upload-zone{margin-bottom:12px}.space-media-sidebar .upload-zone .upload-label{align-items:center;background:#f0f7ff;border:1px solid #0077c8;border-radius:6px;color:#0077c8;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:10px;transition:all .2s ease}.dark .space-media-sidebar .upload-zone .upload-label{background:#0077c81a;border-color:#0077c8}.space-media-sidebar .upload-zone .upload-label:hover{background:#e6f0ff}.dark .space-media-sidebar .upload-zone .upload-label:hover{background:#0077c833}.space-media-sidebar .upload-zone .upload-label input{display:none}.space-media-sidebar .empty-state,.space-media-sidebar .loading{color:#999;font-size:12px;padding:20px 10px;text-align:center}.dark .space-media-sidebar .empty-state,.dark .space-media-sidebar .loading{color:#666}.space-media-sidebar .gallery-section{display:flex;flex-direction:column;gap:0}.space-media-sidebar .gallery-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.space-media-sidebar .gallery-item{aspect-ratio:1;border-radius:6px;cursor:pointer;overflow:hidden;position:relative}.space-media-sidebar .gallery-item .gallery-video,.space-media-sidebar .gallery-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.space-media-sidebar .gallery-item .gallery-video{background:#000}.space-media-sidebar .gallery-item:hover .gallery-video,.space-media-sidebar .gallery-item:hover img{transform:scale(1.15)}.space-media-sidebar .gallery-item .delete-btn-corner{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 8px #dc354566;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;padding:0;position:absolute;right:6px;top:6px;transition:all .2s ease;width:28px}.space-media-sidebar .gallery-item .delete-btn-corner:hover{background:#c82333;box-shadow:0 4px 12px #dc354599;transform:scale(1.1)}.space-media-sidebar .gallery-item:hover .delete-btn-corner{opacity:1}.space-media-sidebar .preview-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.space-media-sidebar .preview-modal .preview-content{align-items:center;animation:slideUp .3s ease;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.space-media-sidebar .preview-modal .preview-content img{border-radius:12px;max-height:80vh;max-width:100%;object-fit:contain}.space-media-sidebar .preview-modal .preview-content .preview-info{color:#fff;margin-top:12px;text-align:center}.space-media-sidebar .preview-modal .preview-content .preview-info p{font-size:14px;font-weight:500;margin:0 0 4px}.space-media-sidebar .preview-modal .preview-content .preview-info small{color:#aaa;font-size:12px}.space-media-sidebar .preview-modal .preview-content .preview-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;height:32px;padding:0;position:absolute;right:0;top:-36px;transition:all .2s ease;width:32px}.space-media-sidebar .preview-modal .preview-content .preview-close:hover{transform:rotate(90deg)}.space-media-sidebar .preview-modal .preview-content .preview-close:hover .preview-video{background:#000;border-radius:8px;max-height:70vh;max-width:90vw}.space-media-sidebar .documents-section{display:flex;flex-direction:column;gap:0}.space-media-sidebar .documents-list{display:flex;flex-direction:column;gap:6px}.space-media-sidebar .document-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:10px;transition:all .2s ease}.dark .space-media-sidebar .document-item{background:#0f0f0f;border-color:#333}.space-media-sidebar .document-item:hover{background:#f0f0f0;border-color:#0077c8}.dark .space-media-sidebar .document-item:hover{background:#1a1a1a;border-color:#0077c8}.space-media-sidebar .document-item .doc-info{margin-bottom:8px}.space-media-sidebar .document-item .doc-info .doc-name{color:#333;font-size:12px;font-weight:500;line-height:1.3;margin:0;word-break:break-word}.dark .space-media-sidebar .document-item .doc-info .doc-name{color:#fff}.space-media-sidebar .document-item .doc-info .doc-meta{color:#999;font-size:11px;margin:4px 0 0}.dark .space-media-sidebar .document-item .doc-info .doc-meta{color:#666}.space-media-sidebar .document-item .doc-actions{display:flex;gap:6px}.space-media-sidebar .document-item .doc-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:6px 8px;transition:all .2s ease}.space-media-sidebar .document-item .doc-actions .download-btn{background:#0077c8;color:#fff}.space-media-sidebar .document-item .doc-actions .download-btn:hover{background:#005fa3}.space-media-sidebar .document-item .doc-actions .delete-btn{background:#dc3545;color:#fff}.space-media-sidebar .document-item .doc-actions .delete-btn:hover{background:#c82333}.upload-modal{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.upload-modal .upload-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:360px;padding:40px 32px;text-align:center}.dark .upload-modal .upload-content{background:#1a1a1a;color:#fff}.upload-modal .upload-content .upload-spinner{animation:spin .8s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#0077c8;height:48px;margin:0 auto 20px;width:48px}.dark .upload-modal .upload-content .upload-spinner{border-color:#0077c8 #333 #333}.upload-modal .upload-content h3{color:#222;font-size:18px;font-weight:600;margin:0 0 8px}.dark .upload-modal .upload-content h3{color:#fff}.upload-modal .upload-content .upload-filename{color:#666;font-size:13px;margin:0 0 24px;word-break:break-all}.dark .upload-modal .upload-content .upload-filename{color:#aaa}.upload-modal .upload-content .progress-container{margin-bottom:20px}.upload-modal .upload-content .progress-bar{background:#e9ecef;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.dark .upload-modal .upload-content .progress-bar{background:#333}.upload-modal .upload-content .progress-bar .progress-fill{background:linear-gradient(90deg,#0077c8,#0056a0);border-radius:3px;height:100%;transition:width .3s ease}.upload-modal .upload-content .progress-text{color:#0077c8;font-size:13px;font-weight:600}.upload-modal .upload-content .upload-status{color:#999;font-size:12px;margin:12px 0 0}.dark .upload-modal .upload-content .upload-status{color:#777}.error-modal{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.error-modal .error-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:380px;padding:32px 28px;position:relative;text-align:center}.dark .error-modal .error-content{background:#1a1a1a}.error-modal .error-content .error-close{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.error-modal .error-content .error-close:hover{color:#333}.dark .error-modal .error-content .error-close:hover{color:#fff}.error-modal .error-content h3{color:#dc3545;font-size:18px;font-weight:600;margin:0 0 12px}.error-modal .error-content p{color:#666;font-size:13px;line-height:1.4;margin:0 0 20px}.dark .error-modal .error-content p{color:#aaa}.error-modal .error-content .error-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 24px;transition:all .2s ease}.error-modal .error-content .error-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}@keyframes spin{to{transform:rotate(1turn)}}@media only screen and (max-width:1024px){.space-media-sidebar .gallery-grid{gap:5px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.space-media-sidebar .media-header{font-size:12px;padding:12px 10px}.space-media-sidebar .media-tabs .tab-btn{font-size:11px;padding:8px 10px}.space-media-sidebar .media-content{padding:10px}.space-media-sidebar .gallery-grid{gap:4px;grid-template-columns:repeat(2,1fr)}.space-media-sidebar .document-item{padding:8px}.space-media-sidebar .document-item .doc-actions{gap:4px}.space-media-sidebar .document-item .doc-actions button{font-size:10px;padding:5px 6px}}.admin-only-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1.5px solid #ffc107;border-radius:8px;margin:10px 0;padding:12px 16px;text-align:center}.admin-only-notice p{color:#856404;font-size:.85rem;font-weight:600;margin:0}.preview-modal .preview-content.document-preview{background:#2d2d2d;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:92vh;max-width:1400px;overflow:hidden;width:95%}.preview-modal .preview-content.document-preview .preview-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.preview-modal .preview-content.document-preview .preview-header .doc-info-preview{flex:1 1}.preview-modal .preview-content.document-preview .preview-header .doc-info-preview h3{color:#e5e7eb;font-size:1.1rem;font-weight:600;margin:0 0 4px}.preview-modal .preview-content.document-preview .preview-header .doc-info-preview small{color:#9ca3af;font-size:.85rem}.preview-modal .preview-content.document-preview .preview-header .preview-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#e5e7eb;cursor:pointer;display:flex;height:40px;justify-content:center;position:static;transition:all .2s;width:40px}.preview-modal .preview-content.document-preview .preview-header .preview-close:hover{background:#dc354533;color:#ff6b6b;transform:scale(1.1)}.preview-modal .preview-content.document-preview .preview-header .preview-close svg{font-size:20px}.preview-modal .preview-content.document-preview .preview-body{align-items:stretch;background:#2d2d2d;display:flex;flex:1 1;justify-content:stretch;min-height:0;overflow:hidden;padding:0}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-full{background:#2d2d2d;border:none;display:block;height:100%;width:100%}.preview-modal .preview-content.document-preview .preview-body .image-preview-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-modal .preview-content.document-preview .preview-body .image-preview-container img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container{background:#f8f9fa;display:flex;flex-direction:column;gap:12px;height:100%;padding:12px;width:100%}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container .pdf-preview{border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;flex:1 1;width:100%}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container .pdf-actions{display:flex;justify-content:center;padding:8px 0}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container .pdf-actions .btn-open-new-tab{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container .pdf-actions .btn-open-new-tab:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.preview-modal .preview-content.document-preview .preview-body .pdf-preview-container .pdf-actions .btn-open-new-tab:active{transform:translateY(0)}.preview-modal .preview-content.document-preview .preview-body .text-preview{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.preview-modal .preview-content.document-preview .preview-body .text-preview p{font-size:1.1rem;font-weight:500;margin:0}.preview-modal .preview-content.document-preview .preview-body .text-preview p:first-child{font-size:2.5rem;font-weight:400}.preview-modal .preview-content.document-preview .preview-body .text-preview .file-info{color:#1f2937;font-weight:600;max-width:500px;word-break:break-word}.preview-modal .preview-content.document-preview .preview-body .text-preview small{color:#9ca3af;font-size:.9rem;margin-top:8px}.preview-modal .preview-content.document-preview .preview-footer{background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:14px 24px}.preview-modal .preview-content.document-preview .preview-footer .btn-open-new-tab{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:11px 22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-modal .preview-content.document-preview .preview-footer .btn-open-new-tab:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 18px #6366f166;transform:translateY(-2px)}.preview-modal .preview-content.document-preview .preview-footer .btn-open-new-tab:active{transform:translateY(0)}.preview-modal .preview-content.document-preview .preview-footer .btn-download{align-items:center;background:linear-gradient(135deg,#0088d4,#005fa3);border:none;border-radius:8px;box-shadow:0 4px 12px #0077c840;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:11px 22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-modal .preview-content.document-preview .preview-footer .btn-download:hover{background:linear-gradient(135deg,#006aa8,#004080);box-shadow:0 6px 18px #0077c866;transform:translateY(-2px)}.preview-modal .preview-content.document-preview .preview-footer .btn-download:active{transform:translateY(0)}.preview-modal .preview-content.document-preview .preview-footer .btn-download svg{font-size:18px}.document-item .doc-icon{flex-shrink:0;font-size:32px}.document-item .doc-actions{display:flex;gap:8px}.document-item .doc-actions button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.document-item .doc-actions button svg{font-size:18px}.document-item .doc-actions button:hover{transform:scale(1.1)}.document-item .doc-actions button.preview-btn{background:#f0f7ff;border:1.5px solid #a5d8ff;color:#0077c8}.document-item .doc-actions button.preview-btn:hover{background:#e3f2fd;border-color:#0077c8;box-shadow:0 4px 12px #0077c826}.document-item .doc-actions button.download-btn{background:#f0f8f0;border:1.5px solid #a8e6a8;color:#27ae60}.document-item .doc-actions button.download-btn:hover{background:#e8f5e9;border-color:#27ae60;box-shadow:0 4px 12px #27ae6026}.document-item .doc-actions button.delete-btn{background:#fff5f5;border:1.5px solid #f5a6a6;color:#dc3545}.document-item .doc-actions button.delete-btn:hover{background:#ffe5e5;border-color:#dc3545;box-shadow:0 4px 12px #dc354526}.navbarContainer{align-items:center;background-color:#00a0d0;display:flex;height:100px;justify-content:space-between;padding:0 20px;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:999}.navbarContainer .navbarLeft{align-items:center;display:flex;flex:1 1;min-width:0}.navbarContainer .navbarLeft a{align-items:center;border-radius:6px;display:flex;padding:4px 8px;transition:transform .2s ease}.navbarContainer .navbarLeft a:hover{transform:scale(1.05)}.navbarContainer .navbarLeft a:active{transform:scale(.98)}.navbarContainer .navbarLeft .navbarImg{cursor:pointer;height:50px;max-width:100%;object-fit:contain;transition:filter .2s ease}.navbarContainer .navbarLeft .navbarImg:hover{filter:brightness(1.1)}.navbarContainer .navbarCenter{display:flex;flex:1 1;gap:30px;justify-content:center}.navbarContainer .navbarCenter .navbarIcons{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:transform .2s ease,color .2s ease}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem:hover{color:#fffc;transform:scale(1.1)}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem:active{transform:scale(.95)}.navbarContainer .navbarRight{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.navbarContainer .navbarRight .navbarImg{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:40px}.navbarContainer .navbarRight .navbarImg:hover{box-shadow:0 0 8px #ffffff80;transform:scale(1.05)}.navbarContainer .navbarRight .navbarImg:active{transform:scale(.95)}.navbarContainer .mobileMenuIcon{border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:28px;margin-left:10px;padding:5px;transition:transform .2s ease}.navbarContainer .mobileMenuIcon:active{transform:scale(.95)}@media only screen and (max-width:576px){.navbarContainer .mobileMenuIcon{align-items:center;display:flex;justify-content:center}}@media only screen and (max-width:376px){.navbarContainer{gap:8px;height:90px;padding:0 10px}.navbarContainer .navbarLeft{flex:.8 1;min-width:auto}.navbarContainer .navbarLeft a{padding:2px 4px}.navbarContainer .navbarLeft .navbarImg{height:40px}.navbarContainer .navbarCenter{flex:1 1;gap:10px}.navbarContainer .navbarCenter .navbarIcons{flex-wrap:nowrap;gap:10px;justify-content:center}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:18px;min-height:40px;min-width:40px;padding:6px}.navbarContainer .navbarRight{flex:.8 1}.navbarContainer .navbarRight .navbarImg{height:32px;width:32px}.navbarContainer .mobileMenuIcon{display:none}}@media only screen and (min-width:377px)and (max-width:576px){.navbarContainer{gap:10px;height:90px;padding:0 12px}.navbarContainer .navbarLeft{flex:.9 1}.navbarContainer .navbarLeft .navbarImg{height:42px}.navbarContainer .navbarCenter{flex:1.2 1;gap:12px}.navbarContainer .navbarCenter .navbarIcons{flex-wrap:nowrap;gap:12px}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:19px;min-height:42px;min-width:42px;padding:6px}.navbarContainer .navbarRight{flex:.9 1}.navbarContainer .navbarRight .navbarImg{height:34px;width:34px}.navbarContainer .mobileMenuIcon{align-items:center;display:flex;justify-content:center}}@media only screen and (min-width:577px)and (max-width:768px){.navbarContainer{padding:10px 15px}.navbarContainer .navbarCenter .navbarIcons{gap:14px}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:20px;min-height:42px;min-width:42px;padding:6px}.navbarContainer .navbarRight .navbarImg{height:36px;width:36px}}@media only screen and (min-width:769px)and (max-width:1024px){.navbarContainer{padding:12px 18px}.navbarContainer .navbarCenter .navbarIcons{gap:16px}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:22px;min-height:44px;min-width:44px}.navbarContainer .navbarRight .navbarImg{height:38px;width:38px}}@media only screen and (min-width:1025px)and (max-width:1200px){.navbarContainer{padding:15px 20px}.navbarContainer .navbarCenter .navbarIcons{gap:18px}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:23px}.navbarContainer .navbarRight .navbarImg{height:38px;width:38px}}@media only screen and (min-width:1201px){.navbarContainer{padding:0 20px}.navbarContainer .navbarCenter .navbarIcons{gap:20px}.navbarContainer .navbarCenter .navbarIcons .navbarIconItem{font-size:24px}.navbarContainer .navbarRight .navbarImg{height:40px;width:40px}}.loadingFullScreen{background:#00000073;inset:0;justify-content:center;position:fixed;z-index:9999}.loadingBox,.loadingFullScreen{align-items:center;display:flex}.loadingBox{background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000040;flex-direction:column;gap:10px;padding:22px 28px}.loadingText{color:#333;font-weight:600}.loadingInline{align-items:center;display:inline-flex;justify-content:center}.loadingInline.small .lds-ring{height:18px;width:18px}.lds-ring{display:inline-block;height:64px;position:relative;width:64px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#005fa3;box-sizing:border-box;display:block;height:51px;margin:6px;position:absolute;width:51px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rightbarhome .birthdayContainer{align-items:center;display:flex}.rightbarhome .birthdayContainer .birthdayImg{height:100px;margin-right:10px;width:100px}.rightbarhome .birthdayContainer .birthdayText{cursor:pointer;font-size:15px;font-weight:300}.rightbarhome .rightbarAdvert{border-radius:14px;box-shadow:0 8px 18px #00000014;cursor:pointer;display:block;margin:24px 0;transition:transform .2s ease,box-shadow .2s ease;width:100%}.rightbarhome .rightbarAdvert:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-2px)}.rightbarhome .rightbarAdvertLarge{max-width:100%;width:100%}.rightbarhome .rightbarAdvertPeople{display:block;margin:18px auto;width:78%}.rightbarhome .rightbarTitle{display:flex;margin-bottom:20px}.rightbar{display:flex;flex-direction:column;width:100%}.rightbar .rightbarWrapper{display:flex;flex-direction:column;padding:20px 20px 0 0}@media only screen and (max-width:376px){.rightbar{display:none}}@media only screen and (max-width:576px){.rightbar{display:none}}@media only screen and (min-width:577px)and (max-width:768px){.rightbar{display:none}}@media only screen and (min-width:769px)and (max-width:1024px){.rightbar{display:none}}@media only screen and (min-width:1025px)and (max-width:1200px){.rightbar .rightbarWrapper{padding:20px 15px 0 0}}@media only screen and (min-width:1201px){.rightbar .rightbarWrapper{padding:20px 20px 0 0}}.profileRightBar{background:#fff;border-radius:14px;box-shadow:0 8px 22px #00000014;color:#333;padding:22px}.profileRightBar.dark{background:#1e1e1e;color:#ddd}.profileRightBar.dark .profileRightBarTitle,.profileRightBar.dark .userDetails p,.profileRightBar.dark .userName,.profileRightBar.dark .userRole{color:#ccc}.profileRightBar.dark .userInfoCard{background:#2a2a2a;border-color:#444}.profileRightBar.dark .actionButtons .editButton{background:#00a0d0}.profileRightBar.dark .actionButtons .editButton:hover{background:#0078a0}.profileRightBar.dark .actionButtons .adminButton{background:#c62828}.profileRightBar.dark .actionButtons .adminButton:hover{background:#d32f2f}.profileRightBar .profileRightBarHeading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.profileRightBar .profileRightBarHeading .profileRightBarTitle{flex:1 1;font-size:1.2rem;font-weight:600}.profileRightBar .profileRightBarHeading .actionButtons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profileRightBar .profileRightBarHeading .actionButtons .adminButton,.profileRightBar .profileRightBarHeading .actionButtons .editButton{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:36px;padding:8px 14px;text-align:center;text-decoration:none;transition:all .3s ease}.profileRightBar .profileRightBarHeading .actionButtons .editButton{background:#00a0d0}.profileRightBar .profileRightBarHeading .actionButtons .editButton:hover{background:#0078a0;box-shadow:0 4px 8px #00a0d04d;transform:translateY(-2px)}.profileRightBar .profileRightBarHeading .actionButtons .editButton:active{transform:translateY(0)}.profileRightBar .profileRightBarHeading .actionButtons .adminButton{background:#d32f2f}.profileRightBar .profileRightBarHeading .actionButtons .adminButton:hover{background:#c62828;box-shadow:0 4px 8px #d32f2f4d;transform:translateY(-2px)}.profileRightBar .profileRightBarHeading .actionButtons .adminButton:active{transform:translateY(0)}.profileRightBar .userInfoCard{background:#fafafa;border:1px solid #e0e0e0;border-radius:14px;padding:18px;transition:box-shadow .3s ease}.profileRightBar .userInfoCard:hover{box-shadow:0 4px 12px #00000014}.profileRightBar .userInfoCard .userInfoRow{align-items:flex-start;display:flex;gap:20px}.profileRightBar .userInfoCard .userImageContainer{flex-shrink:0}.profileRightBar .userInfoCard .userImageContainer .userImage{border:3px solid #00a0d0;border-radius:50%;box-shadow:0 4px 12px #00a0d033;height:92px;object-fit:cover;transition:transform .3s ease;width:92px}.profileRightBar .userInfoCard .userImageContainer .userImage:hover{transform:scale(1.05)}.profileRightBar .userInfoCard .userTextInfo{flex:1 1}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userName{font-size:1.4rem;font-weight:700}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userRole{background:#e3f2fd;border-radius:12px;color:#666;font-size:.85rem;font-weight:500;padding:4px 10px;white-space:nowrap}.profileRightBar .userInfoCard .userTextInfo .userDetails p{font-size:.95rem;line-height:1.5;margin:6px 0}.profileRightBar .userInfoCard .userTextInfo .userDetails p strong{color:#333;font-weight:600}@media only screen and (max-width:376px){.profileRightBar{padding:10px}.profileRightBar .profileRightBarHeading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.profileRightBar .profileRightBarHeading .profileRightBarTitle{font-size:1rem;width:100%}.profileRightBar .profileRightBarHeading .actionButtons{justify-content:stretch;width:100%}.profileRightBar .profileRightBarHeading .actionButtons .adminButton,.profileRightBar .profileRightBarHeading .actionButtons .editButton{flex:1 1;font-size:.8rem;min-height:34px;padding:8px}.profileRightBar .userInfoCard{border-radius:8px;padding:10px}.profileRightBar .userInfoCard .userInfoRow{align-items:center;flex-direction:column;gap:10px}.profileRightBar .userInfoCard .userImageContainer .userImage{border-width:2px;height:70px;width:70px}.profileRightBar .userInfoCard .userTextInfo{width:100%}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader{align-items:center;flex-direction:column;gap:6px;justify-content:center}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userName{font-size:1rem}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userRole{font-size:.75rem;padding:3px 8px}.profileRightBar .userInfoCard .userTextInfo .userDetails{text-align:center}.profileRightBar .userInfoCard .userTextInfo .userDetails p{font-size:.8rem;line-height:1.4;margin:4px 0}.profileRightBar .userInfoCard .userTextInfo .userDetails p strong{display:inline}}@media only screen and (max-width:576px){.profileRightBar{padding:12px}.profileRightBar .profileRightBarHeading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.profileRightBar .profileRightBarHeading .profileRightBarTitle{font-size:1.1rem;width:100%}.profileRightBar .profileRightBarHeading .actionButtons{gap:8px;width:100%}.profileRightBar .profileRightBarHeading .actionButtons .adminButton,.profileRightBar .profileRightBarHeading .actionButtons .editButton{flex:1 1;font-size:.85rem;min-height:36px;padding:10px}.profileRightBar .userInfoCard{border-radius:8px;padding:14px}.profileRightBar .userInfoCard .userInfoRow{align-items:center;flex-direction:column;gap:14px}.profileRightBar .userInfoCard .userImageContainer .userImage{border-width:3px;height:80px;width:80px}.profileRightBar .userInfoCard .userTextInfo{width:100%}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader{align-items:center;flex-direction:column;gap:8px;justify-content:center;margin-bottom:12px}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userName{font-size:1.1rem}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userRole{font-size:.8rem;padding:4px 10px}.profileRightBar .userInfoCard .userTextInfo .userDetails{text-align:center}.profileRightBar .userInfoCard .userTextInfo .userDetails p{font-size:.85rem;line-height:1.5;margin:6px 0}}@media only screen and (min-width:577px)and (max-width:768px){.profileRightBar{padding:16px}.profileRightBar .profileRightBarHeading{flex-direction:row;gap:16px}.profileRightBar .profileRightBarHeading .actionButtons{gap:8px}.profileRightBar .profileRightBarHeading .actionButtons .adminButton,.profileRightBar .profileRightBarHeading .actionButtons .editButton{font-size:.85rem;padding:8px 14px}.profileRightBar .userInfoCard .userInfoRow{gap:16px}.profileRightBar .userInfoCard .userImageContainer .userImage{height:90px;width:90px}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userName{font-size:1.2rem}.profileRightBar .userInfoCard .userTextInfo .userInfoHeader .userRole{font-size:.85rem}.profileRightBar .userInfoCard .userTextInfo .userDetails p{font-size:.9rem}}@media only screen and (min-width:769px)and (max-width:1024px){.profileRightBar .userInfoCard .userInfoRow{gap:18px}.profileRightBar .userInfoCard .userImageContainer .userImage{height:100px;width:100px}}.menuLink{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-weight:500;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.menuLink .menuIcon{height:24px;margin-right:10px;width:24px}.menuLink .menuLinkText{font-size:16px;margin-left:10px;margin-right:5px}.menuLink .menuLinkTextName{font-size:18px;font-weight:700;text-transform:capitalize}.menuLink:hover{background-color:#00a0d0;color:#fff}@media only screen and (max-width:576px){.menuLink{align-items:flex-start;flex-direction:column;padding:8px}.menuLink .menuIcon{margin-bottom:5px;margin-right:0}.menuLink .menuLinkText,.menuLink .menuLinkTextName{font-size:14px;margin-left:0}}@media only screen and (min-width:577px)and (max-width:992px){.menuLink{flex-direction:row;padding:10px}.menuLink .menuLinkText,.menuLink .menuLinkTextName{display:none}.menuLink:hover{background-color:#011631;color:#fff}}@media only screen and (min-width:993px){.menuLink{flex-direction:row;padding:12px 20px}.menuLink .menuLinkText,.menuLink .menuLinkTextName{display:inline}}.sidebarOverlay{background:#0000;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}@media only screen and (max-width:576px){.sidebarOverlay{display:block;opacity:1}}.sidebar{background-color:#f9f9f9;box-shadow:inset -1px 0 0 #e0e0e0;height:calc(100vh - 100px);overflow-y:auto;position:sticky;top:100px;width:100%}.sidebar .sidebarWrapper{padding:24px}.sidebar .sidebarWrapper .closeSidebarBtn,.sidebar .sidebarWrapper .sidebarButton{background-color:#00a0d0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1rem;font-weight:600;margin:16px 0;padding:12px 16px;transition:all .3s ease;width:100%}.sidebar .sidebarWrapper .closeSidebarBtn:hover,.sidebar .sidebarWrapper .sidebarButton:hover{background-color:#0078a0;box-shadow:0 6px 16px #00a0d04d;transform:translateY(-3px) scale(1.03)}.sidebar .sidebarWrapper .closeSidebarBtn:active,.sidebar .sidebarWrapper .sidebarButton:active{transform:scale(.98)}.sidebar .sidebarWrapper .closeSidebarBtn{display:none}.sidebar .sidebarWrapper .sidebarHr{background-color:#ddd;border:none;height:1px;margin:20px 0}.sidebar .sidebarWrapper .navbarLink{color:#333;display:block;font-size:1.1rem;font-weight:700;margin-bottom:12px}.sidebar .sidebarWrapper a{align-items:center;border-radius:10px;color:inherit;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:all .3s ease}.sidebar .sidebarWrapper a:hover{background-color:#00a0d0;box-shadow:0 6px 16px #00a0d040;color:#fff;transform:translateY(-3px) scale(1.03)}.sidebar .sidebarWrapper a:hover img{transform:scale(1.1)}.sidebar .sidebarWrapper a:active{transform:scale(.98)}.sidebar .sidebarWrapper a img{border-radius:50%;height:24px;object-fit:cover;transition:transform .3s ease;width:24px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#999}@media only screen and (max-width:376px){.sidebar{background-color:#f9f9f9;box-shadow:2px 0 20px #00000040;display:none;height:100vh;left:0;max-width:300px;opacity:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;width:85%;z-index:1000}.sidebar.showMobile{display:block;opacity:1;transform:translateX(0)}.sidebar.showMobile:before{background:#0006;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.sidebarWrapper{align-items:center;display:flex;flex-direction:column;padding:16px}.sidebarWrapper .closeSidebarBtn{background:#00a0d0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block!important;font-weight:600;margin-bottom:16px;min-height:44px;padding:12px 16px;transition:all .2s ease;width:100%}.sidebarWrapper .closeSidebarBtn:hover{background:#0078a0;transform:translateY(-2px)}.sidebarWrapper .closeSidebarBtn:active{transform:scale(.98)}.sidebarWrapper .navbarLink{font-size:1rem;margin:16px 0 12px;text-align:center;width:100%}.sidebarWrapper span{display:flex;justify-content:center;width:100%}.sidebarWrapper a{border-radius:8px;flex-direction:column;font-size:.9rem;gap:8px;justify-content:center;margin-bottom:8px;padding:12px;text-align:center;width:100%}.sidebarWrapper a img{height:32px;margin:0 auto;width:32px}}@media only screen and (min-width:377px)and (max-width:576px){.sidebar{background-color:#f9f9f9;box-shadow:2px 0 20px #00000040;display:none;height:100vh;left:0;max-width:320px;opacity:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;width:80%;z-index:1000}.sidebar.showMobile{display:block;opacity:1;transform:translateX(0)}.sidebarWrapper{align-items:center;display:flex;flex-direction:column;padding:18px}.sidebarWrapper .closeSidebarBtn{background:#00a0d0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block!important;font-weight:600;margin-bottom:18px;min-height:44px;padding:12px 16px;transition:all .2s ease;width:100%}.sidebarWrapper .closeSidebarBtn:hover{background:#0078a0;transform:translateY(-2px)}.sidebarWrapper .closeSidebarBtn:active{transform:scale(.98)}.sidebarWrapper .navbarLink{font-size:1.05rem;margin:18px 0 14px;text-align:center;width:100%}.sidebarWrapper span{display:flex;justify-content:center;width:100%}.sidebarWrapper a{border-radius:8px;flex-direction:column;font-size:.95rem;gap:8px;justify-content:center;margin-bottom:10px;padding:14px;text-align:center;width:100%}.sidebarWrapper a img{height:36px;margin:0 auto;width:36px}}@media only screen and (min-width:577px)and (max-width:768px){.sidebar{display:block;flex:2.5 1}.sidebarOverlay{display:none}}@media only screen and (min-width:769px){.sidebar{display:block;flex:3 1}.sidebarOverlay{display:none}}.home{background-color:#f1f1f1;display:flex;flex-direction:column;min-height:100vh}.dark .home{background-color:#121212}.homeContainer{grid-gap:20px;background-color:#f1f1f1;display:grid;gap:20px;grid-template-columns:minmax(200px,240px) minmax(0,2fr) minmax(220px,280px);min-height:calc(100vh - 100px);padding:0 16px;width:100%}.dark .homeContainer{background-color:#121212}.mainContent{align-items:center;display:flex;flex-direction:column;min-width:0;padding:0;width:100%}@media only screen and (max-width:376px){.homeContainer{gap:8px;grid-template-columns:1fr;min-height:calc(100vh - 80px);padding:0 8px}.rightbar,.sidebar{display:none}.mainContent{align-items:stretch;padding:0}}@media only screen and (max-width:576px){.homeContainer{gap:10px;grid-template-columns:1fr;min-height:calc(100vh - 90px);padding:0 10px}.rightbar,.sidebar{display:none}.mainContent{align-items:stretch}}@media only screen and (min-width:577px)and (max-width:768px){.homeContainer{gap:12px;grid-template-columns:1fr;padding:0 12px}.rightbar,.sidebar{display:none}.mainContent{align-items:stretch}}@media only screen and (min-width:769px)and (max-width:1024px){.homeContainer{gap:15px;grid-template-columns:minmax(190px,220px) minmax(0,1.25fr);padding:0 15px}.rightbar{display:none}.sidebar{width:100%}}@media only screen and (min-width:1025px)and (max-width:1200px){.homeContainer{gap:15px;grid-template-columns:minmax(200px,230px) minmax(0,1.85fr) minmax(220px,270px)}}@media only screen and (min-width:1201px){.homeContainer{gap:20px;grid-template-columns:minmax(210px,250px) minmax(0,2.1fr) minmax(230px,280px);padding:0 24px}}.space-media-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;width:100%}.dark .space-media-wrapper{background-color:#1a1a1a}.space-media-wrapper .space-header-simple{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.dark .space-media-wrapper .space-header-simple{border-bottom-color:#333}.space-media-wrapper .space-header-simple h1{color:#333;font-size:32px;font-weight:700;margin:0 0 10px}.dark .space-media-wrapper .space-header-simple h1{color:#fff}.space-media-wrapper .space-header-simple p{color:#666;font-size:16px;margin:0}.dark .space-media-wrapper .space-header-simple p{color:#aaa}.login{background-color:#d4d9e7;height:100vh;padding:10px;width:100vw}.login,.login .loginWrapper{align-items:center;display:flex;justify-content:center}.login .loginWrapper{background:none;width:80%}.login .loginWrapper .loginLeft{align-items:center;display:flex;flex:1 1;justify-content:center}.login .loginWrapper .loginLeft .loginimg{border-radius:10px;height:auto;object-fit:cover;width:100%}.login .loginWrapper .loginRight{align-items:center;display:flex;flex:1 1;justify-content:center}.login .loginWrapper .loginRight .loginBox{max-width:400px;width:100%}.login .loginWrapper .loginRight .loginBox .bottom{align-items:center;display:flex;flex-direction:column}.login .loginWrapper .loginRight .loginBox .bottom .navbarLeft{margin-bottom:20px}.login .loginWrapper .loginRight .loginBox .bottom .navbarLeft .navbarImg{height:auto;max-width:180px}.login .loginWrapper .loginRight .loginBox .bottom .bottomBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:30px;width:100%}.login .loginWrapper .loginRight .loginBox .bottom .bottomBox .loginInput{border:1px solid gray;border-radius:10px;font-size:16px;height:45px;padding-left:15px}.login .loginWrapper .loginRight .loginBox .bottom .bottomBox .loginInput:focus{outline:none}.login .loginWrapper .loginRight .loginBox .bottom .bottomBox .loginButton{background-color:#011631;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:45px;width:100%}.login .loginWrapper .loginRight .loginBox .bottom .bottomBox .errorText{color:red;font-size:14px;text-align:center}@media(max-width:1024px){.login .loginWrapper{width:90%}}@media(max-width:768px){.login .loginWrapper{flex-direction:column}.login .loginLeft{margin-bottom:20px}.login .loginLeft .loginimg{border-radius:10px;max-height:200px}.login .loginRight{width:100%}.login .loginRight .loginBox{max-width:100%}}@media(max-width:480px){.login .loginWrapper{width:100%}.login .bottomBox{padding:20px}.login .bottomBox .loginInput{font-size:14px;height:40px}.login .bottomBox .loginButton{font-size:16px;height:40px}}.register{align-items:center;background-color:#d4d9e7;display:flex;height:100vh;justify-content:center;width:100vw}.register .registerWrapper{display:flex;width:80%}.register .registerWrapper .registerLeft{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px}.register .registerWrapper .registerLeft .registerLogo{color:#011631;font-size:60px;font-weight:800;margin-bottom:10px}.register .registerWrapper .registerLeft .registerDesc{font-size:28px}.register .registerWrapper .registerRight{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px}.register .registerWrapper .registerRight .registerBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;width:100%}.register .registerWrapper .registerRight .registerBox .top{align-items:center;display:flex;justify-content:space-between;margin:30px}.register .registerWrapper .registerRight .registerBox .top .profileImg{border-radius:50%;display:flex;height:70px;object-fit:cover;width:70px}.register .registerWrapper .registerRight .registerBox .top .formInput,.register .registerWrapper .registerRight .registerBox .top .formInput label{align-items:center;display:flex}.register .registerWrapper .registerRight .registerBox .top .formInput label .icon{color:#333;cursor:pointer;font-size:34px;margin-left:10px}.register .registerWrapper .registerRight .registerBox .bottom .bottomBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:450px;justify-content:space-between;padding:5px 40px 10px}.register .registerWrapper .registerRight .registerBox .bottom .bottomBox .registerInput{border:1px solid gray;border-radius:10px;font-size:18px;height:50px;padding-left:20px}.register .registerWrapper .registerRight .registerBox .bottom .bottomBox .registerInput:focus{outline:none}.register .registerWrapper .registerRight .registerBox .bottom .bottomBox .registerButton{background-color:#011631;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:23px;font-weight:500;height:50px;margin-bottom:5px;width:100%}.register .registerWrapper .registerRight .registerBox .bottom .bottomBox .loginRegisterButton{background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:23px;font-weight:500;height:50px;margin-bottom:5px;width:100%}.editProfile{background-color:#f5f5f5;color:#333;min-height:100vh}.dark .editProfile{background-color:#121212;color:#ccc}.editProfile .editProfileWrapper{display:flex;flex-direction:row}.editProfile .editProfileWrapper .profileRight{flex:9.5 1;padding:20px}.editProfile .editProfileWrapper .profileRight .profileCover{background:linear-gradient(135deg,#00a0d0,#0078a0);border-radius:10px;height:380px;overflow:hidden;position:relative}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper{height:120px;margin:auto;position:relative;top:100px;width:120px}@media only screen and (max-width:576px){.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper{height:140px;top:90px;width:140px}}@media only screen and (min-width:577px)and (max-width:768px){.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper{height:160px;top:110px;width:160px}}@media only screen and (min-width:769px){.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper{height:180px;top:130px;width:180px}}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .profileCoverImg{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;height:100%;object-fit:cover;width:100%}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .editPhotoBtn{align-items:center;background:#00a0d0;border:none;border-radius:50%;bottom:0;box-shadow:0 2px 8px #00a0d04d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:40px}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .editPhotoBtn svg{font-size:20px}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .editPhotoBtn:hover{background:#0078a0;box-shadow:0 4px 12px #00a0d080;transform:scale(1.1)}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .editPhotoBtn:active{transform:scale(.95)}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu{animation:slideInUp .25s ease;background:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px #0003;min-width:140px;overflow:hidden;position:absolute;right:-10px;top:50px;z-index:100}.dark .editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu{background:#2a2a2a;box-shadow:0 8px 24px #0006}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:14px 18px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dark .editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn{color:#e0e0e0}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn:hover{background:#f0f7ff;padding-left:22px}.dark .editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn:hover{background:#3a3a3a}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn.delete{border-top:1px solid #eee;color:#e74c3c}.dark .editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn.delete{border-top-color:#444}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn.delete:hover{background:#ffe5e5;color:#c0392b}.dark .editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn.delete:hover{background:#3a2a2a;color:#ff6b6b}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn svg{font-size:18px;transition:transform .2s ease}.editProfile .editProfileWrapper .profileRight .profileCover .profilePhotoWrapper .photoOptionsMenu .optionBtn:hover svg{transform:scale(1.2)}@keyframes slideInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom{display:flex;flex-direction:column;padding:20px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top{background:inherit;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;margin:20px 0;padding:16px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top h1{color:inherit;font-size:24px;margin:0}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin:20px 0;padding:20px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left{align-items:center;display:flex;flex:1 1;justify-content:center}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{border:3px solid #00a0d0;border-radius:50%;box-shadow:0 4px 12px #00a0d033;height:200px;object-fit:cover;width:200px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right{flex:2 1}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form{display:flex;flex-direction:column;gap:20px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection{border-bottom:1px solid #e0e0e0;padding-bottom:20px}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection{border-bottom-color:#444}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection:last-of-type{border-bottom:none}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader{align-items:center;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:background .2s ease}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader{background:#2a2a2a}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader:hover{background:#e9ecef}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader:hover{background:#333}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader h3{color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader h3{color:#e0e0e0}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader .expandIcon{color:#6c757d;transition:transform .3s ease}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionHeader .expandIcon.expanded{transform:rotate(180deg)}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formSection .sectionContent{animation:slideDown .3s ease;padding-top:12px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{display:flex;flex-direction:column;margin-bottom:12px;width:70%}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label{align-items:center;color:#495057;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:4px}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label{color:#e0e0e0}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label .icon{cursor:pointer;font-size:1.2rem;transition:transform .2s ease}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label .icon:hover{transform:scale(1.1)}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:8px 12px;transition:border-color .15s ease;width:100%}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input{background-color:#2a2a2a;border-color:#555;color:#ccc}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input:focus{background-color:#fff;border-color:#0077c8;outline:none}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input:focus{background-color:#2a2a2a;border-color:#00a0d0}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input::placeholder{color:#999}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton{background-color:#0077c8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:8px;padding:10px 24px;transition:background-color .2s ease;width:180px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton:hover:not(:disabled){background-color:#005fa3}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .changesNotification{animation:slideDown .3s ease;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:14px;font-weight:500;padding:12px 16px}.dark .editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .changesNotification{background:#332701;border-color:#ff9800;color:#ffb74d}@media only screen and (max-width:376px){.editProfile .editProfileWrapper .profileRight{padding:8px}.editProfile .editProfileWrapper .profileRight .profileCover{height:220px;margin-bottom:16px}.editProfile .editProfileWrapper .profileRight .profileCover .profileCoverImg{height:140px}.editProfile .editProfileWrapper .profileRight .profileCover .profileUserImg{border-width:3px;height:90px;top:90px;width:90px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom{padding:12px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top{margin:12px 0;padding:12px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top h1{font-size:18px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom{flex-direction:column;gap:16px;margin:12px 0;padding:12px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{border-width:2px;height:90px;width:90px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form{gap:12px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:100%}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label{font-size:.85rem;gap:6px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label .icon{font-size:1rem}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input{font-size:14px;padding:8px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton{font-size:.9rem;padding:10px;width:100%}}@media only screen and (max-width:576px){.editProfile .editProfileWrapper{flex-direction:column}.editProfile .editProfileWrapper .profileRight{flex:1 1;padding:12px}.editProfile .editProfileWrapper .profileRight .profileCover{height:260px;margin-bottom:16px}.editProfile .editProfileWrapper .profileRight .profileCover .profileCoverImg{height:160px}.editProfile .editProfileWrapper .profileRight .profileCover .profileUserImg{border-width:3px;height:100px;top:110px;width:100px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom{display:flex;flex-direction:column;padding:16px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top{box-shadow:0 1px 4px #0000001a;margin:12px 0;padding:14px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .top h1{font-size:20px;margin-top:10px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom{flex-direction:column;gap:18px;margin:12px 0;padding:16px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{height:110px;width:110px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form{gap:14px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:100%}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label{font-size:.9rem;margin-bottom:8px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input{border-width:1px;font-size:15px;padding:10px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton{margin-top:8px;padding:12px;width:100%}}@media only screen and (min-width:577px)and (max-width:768px){.editProfile .editProfileWrapper{flex-direction:column}.editProfile .editProfileWrapper .profileRight{padding:16px}.editProfile .editProfileWrapper .profileRight .profileCover{height:300px}.editProfile .editProfileWrapper .profileRight .profileCover .profileCoverImg{height:200px}.editProfile .editProfileWrapper .profileRight .profileCover .profileUserImg{height:120px;top:140px;width:120px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom{flex-direction:row;gap:24px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left{flex:1 1}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{height:140px;width:140px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right{flex:2 1}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:100%}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton{align-self:flex-start;width:auto}}@media only screen and (min-width:769px)and (max-width:1024px){.editProfile .editProfileWrapper .profileRight{padding:16px}.editProfile .editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:85%}}.modalOverlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalOverlay .warningModal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000004d;max-width:420px;padding:32px 28px;width:90%}.dark .modalOverlay .warningModal{background:#2a2a2a;color:#e0e0e0}.modalOverlay .warningModal h2{color:#d4a574;font-size:20px;font-weight:700;margin:0 0 12px}.modalOverlay .warningModal p{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.dark .modalOverlay .warningModal p{color:#bbb}.modalOverlay .warningModal .modalActions{display:flex;flex-direction:column;gap:10px}.modalOverlay .warningModal .modalActions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:12px 18px;transition:all .25s ease}.modalOverlay .warningModal .modalActions button:active{transform:scale(.98)}.modalOverlay .warningModal .modalActions .btnCancel{background:#f0f0f0;border:2px solid #ddd;color:#333}.dark .modalOverlay .warningModal .modalActions .btnCancel{background:#3a3a3a;border-color:#555;color:#e0e0e0}.modalOverlay .warningModal .modalActions .btnCancel:hover{background:#e8e8e8;border-color:#bbb}.dark .modalOverlay .warningModal .modalActions .btnCancel:hover{background:#444;border-color:#666}.modalOverlay .warningModal .modalActions .btnAbandon{background:#ffe5e5;border:2px solid #fcc;color:#c0392b}.dark .modalOverlay .warningModal .modalActions .btnAbandon{background:#3a2a2a;border-color:#544;color:#ff6b6b}.modalOverlay .warningModal .modalActions .btnAbandon:hover{background:#ffd4d4;border-color:#f99}.dark .modalOverlay .warningModal .modalActions .btnAbandon:hover{background:#452a2a;border-color:#655}.modalOverlay .warningModal .modalActions .btnSave{background:#00a0d0;border:2px solid #00a0d0;color:#fff;font-weight:700}.modalOverlay .warningModal .modalActions .btnSave:hover{background:#0078a0;border-color:#0078a0;box-shadow:0 4px 12px #00a0d04d}.dark .modalOverlay .warningModal .modalActions .btnSave:hover{background:#0078a0}.successOverlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.successOverlay.successOverlay{animation:fadeInSuccess .5s ease-in}.successModal{animation:slideUpSuccess .5s ease-out;background:#fff;border:2px solid #00b894;border-radius:20px;box-shadow:0 12px 48px #00b8944d,0 0 0 1px #00b8941a;max-width:420px;padding:50px 40px;position:relative;text-align:center;width:90%}.dark .successModal{background:#1f1f1f;border-color:#00b894;color:#fff}.successModal .successIcon{align-items:center;animation:successPulse .8s ease-out;background:linear-gradient(135deg,#00b894,#00a86b);border-radius:50%;box-shadow:0 8px 20px #00b89466,inset 0 -2px 8px #0000001a;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.successModal h2{color:#00b894;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 12px}.dark .successModal h2{color:#1dde7a}.successModal p{color:#555;font-size:16px;font-weight:500;line-height:1.6;margin:0}.dark .successModal p{color:#ccc}.errorOverlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.errorModal{animation:slideUpSuccess .5s ease-out;background:#fff;border:2px solid #dc3545;border-radius:20px;box-shadow:0 12px 48px #dc35454d,0 0 0 1px #dc35451a;max-width:420px;padding:50px 40px;position:relative;text-align:center;width:90%}.dark .errorModal{background:#1f1f1f;border-color:#dc3545;color:#fff}.errorModal .errorIcon{align-items:center;animation:errorShake .6s ease-out;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:50%;box-shadow:0 8px 20px #dc354566,inset 0 -2px 8px #0000001a;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.errorModal h2{color:#dc3545;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 12px}.dark .errorModal h2{color:#ff6b7a}.errorModal p{color:#555;font-size:16px;font-weight:500;line-height:1.6;margin:0 0 24px}.dark .errorModal p{color:#ccc}.errorModal .errorCloseBtn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.errorModal .errorCloseBtn:hover{box-shadow:0 6px 16px #dc354566;transform:translateY(-2px)}.errorModal .errorCloseBtn:active{transform:scale(.98)}@media only screen and (max-width:576px){.modalOverlay .warningModal{max-width:95%;padding:24px 20px}.modalOverlay .warningModal h2{font-size:18px}.modalOverlay .warningModal p{font-size:14px}.modalOverlay .warningModal .modalActions button{font-size:13px;padding:11px 16px}.modalOverlay .successModal{max-width:90%;padding:32px 24px}.modalOverlay .successModal h2{font-size:18px}.modalOverlay .successModal p{font-size:13px}}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeInSuccess{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}@keyframes slideUpSuccess{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes errorShake{0%,to{opacity:0;transform:scale(.8) translateX(0)}25%{transform:scale(1.05) translateX(-5px)}50%{transform:scale(1.05) translateX(5px)}75%{transform:scale(1.05) translateX(-5px)}90%{opacity:1;transform:scale(1) translateX(0)}}.profile{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;min-height:100vh}.dark .profile{background-color:#121212;color:#ccc}.profile .profileWrapper{display:flex;flex:1 1;flex-direction:row;min-height:calc(100vh - 60px)}.profile .profileWrapper .profileRight{display:flex;flex:9.5 1;flex-direction:column;min-height:100%;padding:20px;width:100%}.profile .profileWrapper .profileRight .profileCover{display:none}.profile .profileWrapper .profileRight .profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.profile .profileWrapper .profileRight .profileInfo .profileInfoName{color:#333;font-size:24px;text-transform:capitalize}.dark .profile .profileWrapper .profileRight .profileInfo .profileInfoName{color:#ccc}.profile .profileWrapper .profileRight .profileInfo .profileInfoDesc{color:#333;font-weight:300}.dark .profile .profileWrapper .profileRight .profileInfo .profileInfoDesc{color:#ccc}.profile .profileWrapper .profileRight .profileRightBottom{display:block;padding:20px;width:100%}@media only screen and (max-width:576px){.profile .profileWrapper{display:flex;flex-direction:column;flex-wrap:nowrap;min-height:calc(100vh - 60px)}.profile .profileRight{display:block;flex:none;min-height:100%;padding:16px;width:100%}.profile .profileInfo{align-items:center;display:flex!important;flex-direction:column;margin-top:10px;text-align:center}.profile .profileInfo .profileInfoName{font-size:20px}.profile .profileInfo .profileInfoDesc{font-size:16px}.profile .profileRightBottom{display:block!important;padding:16px;width:100%}.profile .sidebar{display:none!important}.profile .rightbar{min-height:100%;padding:16px}.profile .rightbar,.profile .rightbar .rightbarWrapper{display:block!important;width:100%}}@media only screen and (max-width:1024px){.profile .profileWrapper{flex-direction:column}.profile .rightbar{padding:16px;width:100%}}:root{--primary:#005fa3;--secondary:#0077c8;--bg-light:#f0f4f8;--text-dark:#333;--text-light:#fff}.admin-container{background:#f0f4f8;background:var(--bg-light);color:#333;color:var(--text-dark);display:flex;font-family:Segoe UI,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.admin-container .admin-sidebar{background:linear-gradient(180deg,#005fa3,#004578);bottom:0;box-shadow:4px 0 20px #00000026;box-sizing:border-box;color:#fff;color:var(--text-light);display:flex;flex-direction:column;left:0;padding:0;position:fixed;top:0;width:260px}.admin-container .admin-sidebar .sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo{align-items:center;display:flex;gap:12px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#0077c8,#00a0d0);border-radius:12px;box-shadow:0 4px 12px #0077c866;color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;letter-spacing:-1px;width:48px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-text{flex:1 1}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-text .brand-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-text .panel-name{color:#ffffffb3;font-size:12px;font-weight:500}.admin-container .admin-sidebar .sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.admin-container .admin-sidebar .sidebar-nav button{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:14px 12px;position:relative;transition:all .3s ease;width:100%}.admin-container .admin-sidebar .sidebar-nav button:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.admin-container .admin-sidebar .sidebar-nav button .nav-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.admin-container .admin-sidebar .sidebar-nav button .nav-content{flex:1 1;text-align:left}.admin-container .admin-sidebar .sidebar-nav button .nav-content .nav-title{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.admin-container .admin-sidebar .sidebar-nav button .nav-content .nav-subtitle{color:#fff9;display:block;font-size:11px;font-weight:400}.admin-container .admin-sidebar .sidebar-nav button:hover{background:#ffffff1a;transform:translateX(4px)}.admin-container .admin-sidebar .sidebar-nav button:hover .nav-icon{background:#fff3;transform:scale(1.1)}.admin-container .admin-sidebar .sidebar-nav button.active{background:linear-gradient(135deg,#0077c8,#00a0d0);box-shadow:0 4px 12px #0077c84d}.admin-container .admin-sidebar .sidebar-nav button.active:before{height:70%}.admin-container .admin-sidebar .sidebar-nav button.active .nav-icon{background:#fff3}.admin-container .admin-sidebar .sidebar-nav button.active .nav-subtitle{color:#ffffffe6}.admin-container .admin-sidebar .sidebar-footer{background:#0000001a;border-top:1px solid #ffffff1a;padding:16px}.admin-container .admin-sidebar .sidebar-footer .user-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;padding:8px}.admin-container .admin-sidebar .sidebar-footer .user-info .user-avatar{align-items:center;background:linear-gradient(135deg,#0077c8,#00a0d0);border-radius:50%;box-shadow:0 2px 8px #0077c866;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.admin-container .admin-sidebar .sidebar-footer .user-info .user-details{flex:1 1}.admin-container .admin-sidebar .sidebar-footer .user-info .user-details .user-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.admin-container .admin-sidebar .sidebar-footer .user-info .user-details .user-role{color:#fff9;font-size:11px;font-weight:500}.admin-container .contentWrapper{margin-left:260px;overflow:auto;width:calc(100% - 260px)}@media(max-width:768px){.admin-container .contentWrapper{margin-left:0;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;padding-top:75px;position:relative;width:100%;z-index:1}}.admin-container .contentWrapper .admin-buttons{display:flex;gap:10px;padding:20px}.admin-container .contentWrapper .admin-buttons button{background:#0077c8;background:var(--secondary);border:none;border-radius:4px;color:#fff;color:var(--text-light);cursor:pointer;height:36px;width:120px}.admin-container .contentWrapper .admin-card{background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000001a;margin:0 20px 20px;padding:16px}.admin-container .contentWrapper .metrics{display:flex;gap:20px;margin:0 20px 20px}.admin-container .contentWrapper .metrics .metric{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:16px}.admin-container .contentWrapper .metrics .metric h4{color:#005fa3;color:var(--primary);margin:0 0 8px}.admin-container .contentWrapper .metrics .metric p{font-size:2rem;margin:0}.admin-container .contentWrapper .metrics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px;padding:0 20px 20px}@media(max-width:768px){.admin-container .contentWrapper .metrics-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px;padding:0 12px 20px}}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards{gap:12px;grid-template-columns:1fr;margin-bottom:12px;padding:0 10px 16px}}.admin-container .contentWrapper .metrics-cards .metric-card{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;min-height:100px;padding:20px;transition:all .3s ease}.admin-container .contentWrapper .metrics-cards .metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card{gap:12px;min-height:90px;padding:16px}}.admin-container .contentWrapper .metrics-cards .metric-card .metric-icon{font-size:32px}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card .metric-icon{font-size:24px;height:48px;width:48px}}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content{display:flex;flex-direction:column;gap:4px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content h4{color:#333;font-size:14px;margin:0}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card .metric-content h4{font-size:12px}}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-value{font-size:28px;margin:0}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-value{font-size:24px}}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-subtitle{font-size:12px;margin:0}@media(max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-subtitle{font-size:11px}}.admin-container .contentWrapper .metrics-cards .metric-card.primary{border-left-color:#005fa3}.admin-container .contentWrapper .metrics-cards .metric-card.primary .metric-icon{background:#005fa31a;color:#005fa3}.admin-container .contentWrapper .metrics-cards .metric-card.secondary{border-left-color:#0077c8}.admin-container .contentWrapper .metrics-cards .metric-card.secondary .metric-icon{background:#0077c81a;color:#0077c8}.admin-container .contentWrapper .metrics-cards .metric-card.accent{border-left-color:#00a0d0}.admin-container .contentWrapper .metrics-cards .metric-card.accent .metric-icon{background:#00a0d01a;color:#00a0d0}.admin-container .contentWrapper .metrics-cards .metric-card.success{border-left-color:#27ae60}.admin-container .contentWrapper .metrics-cards .metric-card.success .metric-icon{background:#27ae601a;color:#27ae60}.admin-container .contentWrapper .metrics-cards .metric-card .metric-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content{flex:1 1}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content h4{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-value{color:#333;font-size:2rem;font-weight:700;margin:0 0 4px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-subtitle{color:#999;display:block;font-size:.8rem}.admin-container .contentWrapper .charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));padding:0 20px 20px}.admin-container .contentWrapper .charts-grid .chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.admin-container .contentWrapper .charts-grid .chart-container h3{border-bottom:2px solid #f0f0f0;color:#005fa3;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}@media(max-width:1024px){.admin-container .contentWrapper .charts-grid .chart-container{grid-column:1/-1}}.admin-container .contentWrapper .charts-grid.charts-widgets{gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.admin-container .contentWrapper .charts-grid.charts-list{gap:15px;grid-template-columns:1fr}.admin-container .contentWrapper .charts-grid.charts-compact{gap:12px;grid-template-columns:repeat(3,1fr)}.admin-container .contentWrapper .charts-grid.charts-compact .chart-container{padding:12px}.admin-container .contentWrapper .charts-grid.charts-compact .chart-container h3{font-size:.95rem;margin:0 0 10px}@media(max-width:1200px){.admin-container .contentWrapper .charts-grid.charts-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-container .contentWrapper .charts-grid.charts-compact,.admin-container .contentWrapper .charts-grid.charts-list,.admin-container .contentWrapper .charts-grid.charts-widgets{gap:12px;grid-template-columns:1fr}}.admin-container .contentWrapper .birthday-carousel-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;grid-column:1/-1;margin:0 20px 20px;min-height:520px;padding:20px}.admin-container .contentWrapper .birthday-carousel-container h3{border-bottom:2px solid #f0f0f0;color:#005fa3;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide{animation:slideIn .5s ease-in-out;display:none;max-width:550px;width:100%}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide.active{display:block}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;min-height:420px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large:hover{border-color:#0077c8;box-shadow:0 8px 24px #00000026}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-date-large{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;padding:12px 16px;position:absolute;right:15px;text-align:center;top:15px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-date-large .day-large{display:block;font-size:1.8rem;font-weight:700;line-height:1}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-date-large .month-large{display:block;font-size:.85rem;font-weight:600;margin-top:4px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-image-large{border:4px solid #fff;border-radius:50%;box-shadow:0 6px 16px #0003;flex-shrink:0;height:120px;overflow:hidden;width:120px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-image-large .avatar-placeholder-large,.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-image-large img{align-items:center;color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;object-fit:cover;width:100%}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large{display:flex;flex-direction:column;gap:10px;text-align:center;width:100%}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large h4{color:#333;font-size:1.4rem;font-weight:700;line-height:1.2;margin:0}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .cargo{color:#0077c8;font-size:1.05rem;font-weight:600;margin:0}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .area{color:#666;font-size:.95rem;font-weight:500;margin:0}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .contact-info{border-top:2px solid #0000001a;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .contact-info .contact-item{align-items:center;display:flex;font-size:.95rem;gap:10px;justify-content:center}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .contact-info .contact-item .label{font-size:1.2rem}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-profile-large .profile-info-large .contact-info .contact-item .value{color:#333;font-weight:500;word-break:break-word}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .carousel-slide .birthday-card-large .birthday-badge-large{animation:bounce 2s infinite;bottom:15px;font-size:2.2rem;position:absolute;right:15px}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .empty-birthdays{color:#999;padding:60px 20px;text-align:center}.admin-container .contentWrapper .birthday-carousel-container .birthday-carousel .empty-birthdays p{font-size:1rem;margin:0}.admin-container .contentWrapper .birthdays-container{display:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.admin-container .contentWrapper .metrics-cards{grid-template-columns:1fr;padding:0 16px 16px}.admin-container .contentWrapper .charts-grid{gap:16px;grid-template-columns:1fr;padding:0 16px 16px}.admin-container .contentWrapper .charts-grid .chart-container{padding:16px}.admin-container .contentWrapper .metric-card{flex-direction:column;gap:12px;text-align:center}.admin-container .contentWrapper .metric-card .metric-icon{font-size:24px;height:48px;width:48px}.admin-container .contentWrapper .metric-card .metric-content .metric-value{font-size:1.8rem}}.admin-container .contentWrapper .users-header{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:0 20px 24px}.admin-container .contentWrapper .users-header h3{color:#005fa3;color:var(--primary);font-size:1.2rem;margin:0}.admin-container .contentWrapper .users-header .users-header-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-container .contentWrapper .users-header .createUserBtn,.admin-container .contentWrapper .users-header .exportBtn,.admin-container .contentWrapper .users-header .importUserBtn{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;box-shadow:0 2px 6px #0000001f;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.admin-container .contentWrapper .users-header .createUserBtn:hover,.admin-container .contentWrapper .users-header .exportBtn:hover,.admin-container .contentWrapper .users-header .importUserBtn:hover{box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.admin-container .contentWrapper .users-header .importUserBtn{background:linear-gradient(135deg,#28a745,#34ce57)}.admin-container .contentWrapper .users-header .exportBtn{background:linear-gradient(135deg,#17a2b8,#138496)}.admin-container .contentWrapper .users-header .search-export-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 20px 20px}.admin-container .contentWrapper .users-header .search-export-row .usersSearch{flex:1 1;max-width:450px;position:relative}.admin-container .contentWrapper .users-header .search-export-row .usersSearch input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;padding:10px 40px;transition:all .3s ease;width:100%}.admin-container .contentWrapper .users-header .search-export-row .usersSearch input:focus{border-color:#005fa3;border-color:var(--primary);box-shadow:0 0 0 3px #005fa326,0 2px 8px #0000001a;outline:none}.admin-container .contentWrapper .users-header .search-export-row .usersSearch input::placeholder{color:#999}.admin-container .contentWrapper .users-header .search-export-row .usersSearch .clearIcon,.admin-container .contentWrapper .users-header .search-export-row .usersSearch .searchIcon{color:#999;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.admin-container .contentWrapper .users-header .search-export-row .usersSearch .searchIcon{left:12px;pointer-events:none}.admin-container .contentWrapper .users-header .search-export-row .usersSearch .clearIcon{right:12px}.admin-container .contentWrapper .users-header .search-export-row .usersSearch .clearIcon:hover{color:#005fa3;color:var(--primary);transform:translateY(-50%) scale(1.1)}.admin-container .contentWrapper .usersTable{border-collapse:collapse;margin:0 20px 20px;table-layout:fixed;width:calc(100% - 40px)}.admin-container .contentWrapper .usersTable td,.admin-container .contentWrapper .usersTable th{border:1px solid #ddd;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.admin-container .contentWrapper .usersTable th{background:#005fa3;background:var(--primary);color:#fff;color:var(--text-light);font-size:.9rem}.admin-container .contentWrapper .usersTable tr:hover{background:#eef6ff}.admin-container .contentWrapper .usersTable .actions-cell{padding:4px 8px}.admin-container .contentWrapper .usersTable .action-group{align-items:center;display:flex;gap:4px}.admin-container .contentWrapper .usersTable .edit-mode button{padding:4px 8px;width:auto}.admin-container .contentWrapper .usersTable .normal-mode button{height:32px;width:32px}.admin-container .contentWrapper .usersTable .actionBtn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:inline-flex;font-size:18px;height:38px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:38px}.admin-container .contentWrapper .usersTable .actionBtn:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-3px)}.admin-container .contentWrapper .usersTable .actionBtn:active{box-shadow:0 3px 10px #00000026;transform:translateY(-1px)}.admin-container .contentWrapper .usersTable .infoBtn{background:linear-gradient(135deg,#0077c8,#005fa3);color:#fff}.admin-container .contentWrapper .usersTable .infoBtn:hover{background:linear-gradient(135deg,#005fa3,#004080)}.admin-container .contentWrapper .usersTable .deleteBtn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.admin-container .contentWrapper .usersTable .deleteBtn:hover{background:linear-gradient(135deg,#c82333,#b71c1c)}.admin-container .contentWrapper .usersTable .resetBtn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.admin-container .contentWrapper .usersTable .resetBtn:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.admin-container .contentWrapper .usersTable .changePwdBtn{background:linear-gradient(135deg,#00a0d0,#0088b8);color:#fff}.admin-container .contentWrapper .usersTable .changePwdBtn:hover{background:linear-gradient(135deg,#0088b8,#068)}.admin-container .contentWrapper .usersTable .cancelBtn,.admin-container .contentWrapper .usersTable .deleteConfirmBtn,.admin-container .contentWrapper .usersTable .saveBtn{border:none;border-radius:8px;box-shadow:0 4px 12px #0000001f;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .contentWrapper .usersTable .cancelBtn:before,.admin-container .contentWrapper .usersTable .deleteConfirmBtn:before,.admin-container .contentWrapper .usersTable .saveBtn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.admin-container .contentWrapper .usersTable .cancelBtn:hover:before,.admin-container .contentWrapper .usersTable .deleteConfirmBtn:hover:before,.admin-container .contentWrapper .usersTable .saveBtn:hover:before{height:300px;width:300px}.admin-container .contentWrapper .usersTable .saveBtn{background:linear-gradient(135deg,#0088d4,#005fa3);color:#fff}.admin-container .contentWrapper .usersTable .saveBtn:hover{background:linear-gradient(135deg,#006aa8,#004080);box-shadow:0 8px 20px #0077c866;transform:translateY(-3px)}.admin-container .contentWrapper .usersTable .saveBtn:active{box-shadow:0 4px 12px #0077c840;transform:translateY(-1px)}.admin-container .contentWrapper .usersTable .saveBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-container .contentWrapper .usersTable .deleteConfirmBtn{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff}.admin-container .contentWrapper .usersTable .deleteConfirmBtn:hover{background:linear-gradient(135deg,#ff3838,#e74c3c);box-shadow:0 8px 20px #ff475766;transform:translateY(-3px)}.admin-container .contentWrapper .usersTable .deleteConfirmBtn:active{box-shadow:0 4px 12px #ff475740;transform:translateY(-1px)}.admin-container .contentWrapper .usersTable .deleteConfirmBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-container .contentWrapper .usersTable .cancelBtn{background:linear-gradient(135deg,#f8f9fa,#e8ecf1);border:1.5px solid #d1d5db;color:#4a5568}.admin-container .contentWrapper .usersTable .cancelBtn:hover{background:linear-gradient(135deg,#e8ecf1,#d1d5db);border-color:#9ca3af;box-shadow:0 6px 16px #0000001f;transform:translateY(-3px)}.admin-container .contentWrapper .usersTable .cancelBtn:active{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.admin-container .contentWrapper .usersTable .cancelBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-container .contentWrapper .modalOverlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-container .contentWrapper .modalContent{animation:slideIn .3s ease;background:#fff;border-radius:14px;box-shadow:0 12px 36px #0000002e;box-sizing:border-box;max-width:760px;padding:24px;width:100%}.admin-container .contentWrapper .modalContent h3{color:#005fa3;color:var(--primary);font-size:1.55rem;font-weight:700;margin:0 0 8px}.admin-container .contentWrapper .modalContent p{color:#666;line-height:1.5;margin:0 0 16px}.admin-container .contentWrapper .modalContent p strong{color:#333}.admin-container .contentWrapper .modalContent .cancelBtn,.admin-container .contentWrapper .modalContent .deleteConfirmBtn,.admin-container .contentWrapper .modalContent .saveBtn{border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001f!important;cursor:pointer;font-size:.98rem!important;font-weight:600!important;letter-spacing:.5px!important;min-width:120px;overflow:hidden;padding:12px 24px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.admin-container .contentWrapper .modalContent .saveBtn{background:linear-gradient(135deg,#0088d4,#005fa3)!important;color:#fff!important}.admin-container .contentWrapper .modalContent .saveBtn:hover{background:linear-gradient(135deg,#006aa8,#004080)!important;box-shadow:0 8px 20px #0077c866!important;transform:translateY(-3px)!important}.admin-container .contentWrapper .modalContent .saveBtn:active{box-shadow:0 4px 12px #0077c840!important;transform:translateY(-1px)!important}.admin-container .contentWrapper .modalContent .deleteConfirmBtn{background:linear-gradient(135deg,#ff4757,#ff3838)!important;color:#fff!important}.admin-container .contentWrapper .modalContent .deleteConfirmBtn:hover{background:linear-gradient(135deg,#ff3838,#e74c3c)!important;box-shadow:0 8px 20px #ff475766!important;transform:translateY(-3px)!important}.admin-container .contentWrapper .modalContent .deleteConfirmBtn:active{box-shadow:0 4px 12px #ff475740!important;transform:translateY(-1px)!important}.admin-container .contentWrapper .modalContent .cancelBtn{background:linear-gradient(135deg,#f8f9fa,#e8ecf1)!important;border:1.5px solid #d1d5db!important;color:#4a5568!important}.admin-container .contentWrapper .modalContent .cancelBtn:hover{background:linear-gradient(135deg,#e8ecf1,#d1d5db)!important;border-color:#9ca3af!important;box-shadow:0 6px 16px #0000001f!important;transform:translateY(-3px)!important}.admin-container .contentWrapper .modalContent .cancelBtn:active{box-shadow:0 3px 8px #0000001a!important;transform:translateY(-1px)!important}.admin-container .contentWrapper .successModal{background:linear-gradient(135deg,#f0fff4,#fff);border:2px solid #27ae60;max-width:320px;text-align:center}.admin-container .contentWrapper .successModal h3{color:#27ae60;font-size:1.4rem;margin:0 0 4px}.admin-container .contentWrapper .successModal p{color:#555;font-size:.95rem;margin:0}.admin-container .contentWrapper .pwdModal{max-width:460px}.admin-container .contentWrapper .pwdModal .modalHeader{margin-bottom:24px}.admin-container .contentWrapper .pwdModal .modalHeader h3{color:#0077c8;font-size:1.5rem;margin:0 0 8px}.admin-container .contentWrapper .pwdModal .modalHeader p{color:#6c757d;font-size:.9rem;margin:0}.admin-container .contentWrapper .pwdModal .modalForm input{background:#f8fafc;border:1.5px solid #d7e0ea;border-radius:10px;color:#22313f;font-size:1rem;height:46px;padding:10px 12px;width:100%}.admin-container .contentWrapper .pwdModal .modalForm input:focus{background:#fff;border-color:#0077c8;box-shadow:0 0 0 3px #0077c81f}.admin-container .contentWrapper .operationModal{max-width:430px}.admin-container .contentWrapper .operationModal.success{background:linear-gradient(180deg,#fff,#f3fbf6);border:1px solid #c9e9d3}.admin-container .contentWrapper .operationModal.success h3{color:#1f7a3f}.admin-container .contentWrapper .operationModal.error{background:linear-gradient(180deg,#fff,#fff5f5);border:1px solid #f2c1c1}.admin-container .contentWrapper .operationModal.error h3{color:#a32424}.admin-container .contentWrapper .modalActions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:14px}.admin-container .contentWrapper .modalForm{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;max-height:500px;overflow-y:auto;padding-right:6px}.admin-container .contentWrapper .modalForm .formHint{color:#6b7280;font-size:.82rem;line-height:1.4;margin:-2px 0 6px}.admin-container .contentWrapper .modalForm .formSection{background:#fbfcfe;border-bottom:1px solid #e9ecef;border-radius:10px;padding:12px 12px 16px}.admin-container .contentWrapper .modalForm .formSection:last-child{border-bottom:none;padding-bottom:0}.admin-container .contentWrapper .modalForm .formSection .sectionTitle{align-items:stretch;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 8px 22px #00000012;color:#5f6f80;display:grid;font-size:.98rem;grid-template-columns:220px minmax(0,1fr) auto;overflow:hidden}.admin-container .contentWrapper .modalForm .formSection .sectionTitle:hover{transform:translateY(-2px)}.admin-container .contentWrapper .modalForm .formSection .sectionTitle.inactive{opacity:.95}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-header{align-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;min-height:100%;padding:18px 16px;width:100%}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-avatar{height:62px;width:62px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-badge,.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-status-badge{font-size:.72rem;padding:5px 12px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info{grid-gap:20px;align-items:center;display:grid;flex:1 1;font-weight:500;gap:20px;grid-template-columns:minmax(220px,260px) minmax(0,1fr);padding:16px 18px;text-transform:uppercase}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info h4{color:#202733;font-size:1.25rem;font-weight:700;line-height:1.1;margin:0}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info .username{color:#0a74bb;font-size:1.08rem;font-weight:600;margin-top:8px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info .user-details{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:16px;padding-left:6px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info .user-details .detail{color:#4a5568;font-size:.92rem;line-height:1.4}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-info .user-details .points-detail{padding:0}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-actions{border-left:1px solid #eef2f7;flex-shrink:0;gap:8px;padding:14px 16px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-actions button{height:40px;max-width:40px;min-width:40px;width:40px}.admin-container .contentWrapper .modalForm .formSection .sectionTitle .user-actions:focus:hover:not(:focus){border-color:#d0d0d0}.admin-container .contentWrapper .modalForm .formSection input,.admin-container .contentWrapper .modalForm .formSection select{background:#fff;border:1.5px solid #d8e0e8;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.95rem;height:40px;padding:10px 14px;transition:border-color .15s ease;width:100%}.admin-container .contentWrapper .modalForm .formSection input:focus,.admin-container .contentWrapper .modalForm .formSection select:focus{border-color:#0077c8;box-shadow:none;outline:none}.admin-container .contentWrapper .modalForm .formSection .fieldsSection{margin-bottom:16px}.admin-container .contentWrapper .modalForm .formSection .fieldsSection h4{color:#005fa3;color:var(--primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.admin-container .contentWrapper .modalForm .formSection .fieldsSection.optional{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.admin-container .contentWrapper .modalForm .formSection .fieldsSection.optional .toggleOptionalBtn{align-items:center;background:#0000;border:none;color:#005fa3;color:var(--primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 0;transition:all .2s;width:100%}.admin-container .contentWrapper .modalForm .formSection .fieldsSection.optional .toggleOptionalBtn:hover{gap:12px}.admin-container .contentWrapper .modalForm .formSection .fieldsSection.optional .toggleOptionalBtn .arrow{display:inline-block;transition:transform .2s}.admin-container .contentWrapper .modalForm .formSection .fieldsSection.optional .optionalFieldsContainer{animation:slideDown .2s ease-out;display:flex;flex-direction:column;gap:12px;margin-top:12px}.admin-container .contentWrapper .modalForm .formSection .formField,.admin-container .contentWrapper .modalForm .formSection .modalField{display:flex;flex-direction:column;gap:6px}.admin-container .contentWrapper .modalForm .formSection .formField label,.admin-container .contentWrapper .modalForm .formSection .modalField label{color:#005fa3;color:var(--primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.admin-container .contentWrapper .modalForm .formSection .formField label .required,.admin-container .contentWrapper .modalForm .formSection .modalField label .required{color:#d32f2f;font-weight:700;margin-left:2px}.admin-container .contentWrapper .modalForm .formSection .formField input,.admin-container .contentWrapper .modalForm .formSection .formField select,.admin-container .contentWrapper .modalForm .formSection .modalField input,.admin-container .contentWrapper .modalForm .formSection .modalField select{border:1.5px solid #d4dde7;border-radius:10px;box-sizing:border-box;font-size:1rem;height:44px;padding:8px 12px;transition:border-color .2s;width:100%}.admin-container .contentWrapper .modalForm .formSection .formField input:focus,.admin-container .contentWrapper .modalForm .formSection .formField select:focus,.admin-container .contentWrapper .modalForm .formSection .modalField input:focus,.admin-container .contentWrapper .modalForm .formSection .modalField select:focus{border-color:#005fa3;border-color:var(--primary);box-shadow:0 0 0 2px #005fa31a;outline:none}.admin-container .contentWrapper .modalForm .formSection .formField .checkboxLabel,.admin-container .contentWrapper .modalForm .formSection .modalField .checkboxLabel{align-items:center;color:#333;color:var(--text-dark);cursor:pointer;display:flex;font-size:.9rem;gap:8px;margin:8px 0 0}.admin-container .contentWrapper .modalForm .formSection .formField .checkboxLabel input[type=checkbox],.admin-container .contentWrapper .modalForm .formSection .modalField .checkboxLabel input[type=checkbox]{accent-color:#005fa3;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.admin-container .contentWrapper .modalForm .formSection .formField .checkboxLabel span,.admin-container .contentWrapper .modalForm .formSection .modalField .checkboxLabel span{font-weight:500}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.admin-container .contentWrapper .modalForm .modalActions{display:flex;gap:8px;justify-content:flex-end}.admin-container .contentWrapper .modalForm .modalActions .cancelBtn,.admin-container .contentWrapper .modalForm .modalActions .saveBtn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;height:auto;line-height:1.2;min-width:120px;padding:10px 18px}.admin-container .contentWrapper .modalForm .modalActions .saveBtn{background:#005fa3;background:var(--primary);color:#fff;color:var(--text-light)}.admin-container .contentWrapper .modalForm .modalActions .cancelBtn{background:#ccc;color:#333}.admin-container .notifications-section{padding:20px}.admin-container .notifications-section .notifications-header{margin-bottom:20px}.admin-container .notifications-section .notifications-header h3{align-items:center;color:#005fa3;display:flex;font-size:24px;font-weight:600;margin:0}.admin-container .notifications-section .notifications-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media(max-width:1200px){.admin-container .notifications-section .notifications-grid{grid-template-columns:1fr}}.admin-container .notifications-section .email-config-block,.admin-container .notifications-section .template-preview-block{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.admin-container .notifications-section .email-config-block .block-header,.admin-container .notifications-section .template-preview-block .block-header{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);color:#fff;display:flex;padding:16px 20px}.admin-container .notifications-section .email-config-block .block-header h4,.admin-container .notifications-section .template-preview-block .block-header h4{align-items:center;display:flex;font-size:16px;font-weight:600;margin:0}.admin-container .notifications-section .email-config-block .email-config-content,.admin-container .notifications-section .template-preview-block .template-selector{padding:20px}.admin-container .notifications-section .template-selector .template-btn:hover{box-shadow:0 4px 12px #0077c833;transform:translateY(-2px)}.admin-container .admin-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:0;padding:20px 24px}.admin-container .admin-header .page-title{color:#005fa3;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.admin-container .admin-header .admin-actions{align-items:center;display:flex;gap:12px}.admin-container .admin-header .btn-back,.admin-container .admin-header .btn-logout{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.admin-container .admin-header .btn-back span,.admin-container .admin-header .btn-logout span{font-size:18px}.admin-container .admin-header .btn-back:hover,.admin-container .admin-header .btn-logout:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-container .admin-header .btn-back:hover{background:#f0f8ff;border-color:#0077c8;color:#0077c8}.admin-container .admin-header .btn-logout:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}.admin-container .createUserModal{display:flex;flex-direction:column;max-height:90vh;max-width:700px!important;overflow:visible}.admin-container .createUserModal .modalHeader{border-bottom:2px solid #e0e0e0;padding-bottom:16px}.admin-container .createUserModal .modalForm{flex:1 1 auto;min-height:0;padding-bottom:8px}.admin-container .createUserModal .modalForm::-webkit-scrollbar{width:6px}.admin-container .createUserModal .modalForm::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.admin-container .createUserModal .modalForm::-webkit-scrollbar-thumb{background:#0077c8;border-radius:3px}.admin-container .createUserModal .modalForm::-webkit-scrollbar-thumb:hover{background:#005fa3}.admin-container .createUserModal .modalForm input,.admin-container .createUserModal .modalForm select{transition:all .2s}.admin-container .createUserModal .modalForm input:focus,.admin-container .createUserModal .modalForm select:focus{border-color:#0077c8!important;box-shadow:0 0 0 3px #0077c81a;outline:none}.admin-container .createUserModal .toggleOptionalBtn:hover{background:#f8f9fa!important;border-color:#0077c8!important}.admin-container .successModal{animation:slideIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.admin-container .modalOverlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-container .modalContent{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-container .usersSearch{margin:16px 20px;max-width:400px;position:relative}.admin-container .usersSearch input{background:#fff;background:var(--text-light);border:2px solid #0077c8;border:2px solid var(--secondary);border-radius:20px;font-size:.95rem;padding:8px 36px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-container .usersSearch input:focus{border-color:#005fa3;border-color:var(--primary);box-shadow:0 0 0 3px #005fa333;outline:none}.admin-container .usersSearch .clearIcon,.admin-container .usersSearch .searchIcon{color:#888;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.admin-container .usersSearch .searchIcon{left:12px}.admin-container .usersSearch .clearIcon{right:12px}.admin-container .usersSearch .clearIcon:hover{color:#005fa3;color:var(--primary)}.admin-container .errorMessage{background:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin:0 0 12px;padding:8px;text-align:center}.admin-container .createSpaceBtn{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:30px;box-shadow:0 3px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 24px;transition:all .3s ease}.admin-container .createSpaceBtn .plus-icon{font-size:1.2rem;line-height:1}.admin-container .createSpaceBtn:hover{background:linear-gradient(135deg,#0077c8,#005fa3);background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.admin-container .spaces-header{align-items:center;display:flex;justify-content:space-between;margin:0 20px 16px}.admin-container .users-section{padding:20px}.admin-container .users-section .users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-container .users-section .users-header h3{color:#005fa3;font-size:1.3rem;font-weight:600;margin:0}.admin-container .users-section .search-export-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.admin-container .users-section .exportBtn{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);border:none;border-radius:6px;box-shadow:0 2px 8px #005fa34d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.admin-container .users-section .exportBtn:hover{background:linear-gradient(135deg,#0077c8,#00a0d0);box-shadow:0 4px 16px #005fa366;transform:translateY(-2px)}.admin-container .users-section .exportBtn:active{transform:translateY(0)}.admin-container .users-section .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.admin-container .users-section .user-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.admin-container .users-section .user-card.inactive{opacity:.88}.admin-container .users-section .user-card.inactive .user-header{background:linear-gradient(135deg,#6f7a86,#9aa5b1)}.admin-container .users-section .user-card.inactive .user-info .username{color:#6f7a86}.admin-container .users-section .user-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.admin-container .users-section .user-card .verMasBtn{background:linear-gradient(135deg,#005fa3,#0077c8);border:none;border-radius:6px;box-shadow:0 4px 12px #005fa34d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.admin-container .users-section .user-card .verMasBtn:hover{background:linear-gradient(135deg,#0077c8,#00a0d0);box-shadow:0 6px 16px #005fa366;transform:translateY(-2px)}.admin-container .users-section .user-card .user-header{align-items:flex-start;background:linear-gradient(135deg,#005fa3,#0077c8);display:flex;gap:12px;justify-content:space-between;padding:20px}.admin-container .users-section .user-card .user-header .user-avatar{background:#fff3;border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.admin-container .users-section .user-card .user-header .user-avatar img{height:100%;object-fit:cover;width:100%}.admin-container .users-section .user-card .user-header .user-avatar .avatar-placeholder{align-items:center;background:#00a0d0;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.admin-container .users-section .user-card .user-header .user-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.admin-container .users-section .user-card .user-header .user-status-badge{border-radius:20px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.admin-container .users-section .user-card .user-header .user-status-badge.active{background:#27ae60e6}.admin-container .users-section .user-card .user-header .user-status-badge.inactive{background:#6c757df2}.admin-container .users-section .user-card .user-info{padding:20px}.admin-container .users-section .user-card .user-info h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 6px}.admin-container .users-section .user-card .user-info .username{color:#0077c8;font-size:.9rem;font-weight:500;margin:0 0 16px}.admin-container .users-section .user-card .user-info .user-details{display:flex;flex-direction:column;gap:8px}.admin-container .users-section .user-card .user-info .user-details .detail{color:#666;font-size:.85rem;line-height:1.4}.admin-container .users-section .user-card .user-info .user-details .detail strong{color:#333}.admin-container .users-section .user-card .user-info .user-details .points-detail{background:#0000;border-left:none;border-radius:0;color:#666;padding:8px 0}.admin-container .users-section .user-card .user-info .user-details .points-detail strong{color:#333}.admin-container .users-section .user-card .user-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:16px 20px 20px}.admin-container .users-section .user-card .user-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;height:36px;justify-content:center;transition:all .2s}.admin-container .users-section .user-card .user-actions button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.admin-container .users-section .user-card .user-actions .statusBtn{color:#fff}.admin-container .users-section .user-card .user-actions .statusBtn.activate{background:linear-gradient(135deg,#27ae60,#2ecc71)}.admin-container .users-section .user-card .user-actions .statusBtn.activate:hover{background:linear-gradient(135deg,#1f8f4f,#27ae60)}.admin-container .users-section .user-card .user-actions .statusBtn.deactivate{background:linear-gradient(135deg,#6c757d,#8d99a6)}.admin-container .users-section .user-card .user-actions .statusBtn.deactivate:hover{background:linear-gradient(135deg,#5a6268,#6c757d)}.admin-container .users-section .user-card .user-actions .statusBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.admin-container .users-section .empty-state{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.admin-container .users-section .empty-state p{font-size:1.1rem;font-weight:500;margin:0 0 8px}.admin-container .users-section .empty-state small{color:#bbb;font-size:.9rem}.admin-container .users-section .inlineNotice{align-items:center;border:1px solid #0000;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;gap:14px;margin:0 0 18px;padding:14px 16px}.admin-container .users-section .inlineNotice.success{background:linear-gradient(135deg,#eefaf2,#ddf3e3);border-color:#b7e2c2;color:#165c2c}.admin-container .users-section .inlineNotice.error{background:linear-gradient(135deg,#fff2f2,#ffe0e0);border-color:#f3bcbc;color:#8a1f1f}.admin-container .users-section .inlineNotice .inlineNotice-icon{align-items:center;background:#ffffffa6;border-radius:10px;display:flex;flex-shrink:0;font-weight:700;height:38px;justify-content:center;width:38px}.admin-container .users-section .inlineNotice .inlineNotice-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.admin-container .users-section .inlineNotice .inlineNotice-content strong{font-size:.95rem}.admin-container .users-section .inlineNotice .inlineNotice-content span{font-size:.88rem;line-height:1.45}.admin-container .users-section .inlineNotice .inlineNotice-close{background:#fff9;border:none;border-radius:8px;color:inherit;cursor:pointer;flex-shrink:0;font-size:20px;height:32px;line-height:1;width:32px}.admin-container .spaces-section{padding:20px}.admin-container .spaces-section .spaces-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-container .spaces-section .spaces-header h3{color:#005fa3;font-size:1.3rem;font-weight:600;margin:0}.admin-container .spaces-section .spaces-header button{background:#0077c8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.admin-container .spaces-section .spaces-header button:hover{background:#005fa3;transform:translateY(-2px)}.admin-container .spaces-section .spaces-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-container .spaces-section .space-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.admin-container .spaces-section .space-card:hover{border-color:#0077c8;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.admin-container .spaces-section .space-card .space-header{align-items:center;background:linear-gradient(135deg,#0077c8,#00a0d0);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.admin-container .spaces-section .space-card .space-header h4{color:#fff;flex:1 1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-container .spaces-section .space-card .space-header .space-actions{display:flex;flex-shrink:0;gap:8px}.admin-container .spaces-section .space-card .space-header .space-actions button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.admin-container .spaces-section .space-card .space-header .space-actions button:hover{transform:scale(1.1)}.admin-container .spaces-section .space-card .space-header .space-actions button.editBtn{background:#28a745}.admin-container .spaces-section .space-card .space-header .space-actions button.editBtn:hover{background:#218838}.admin-container .spaces-section .space-card .space-header .space-actions button.deleteBtn{background:#dc3545}.admin-container .spaces-section .space-card .space-header .space-actions button.deleteBtn:hover{background:#c82333}.admin-container .spaces-section .space-card .space-content{flex:1 1;padding:20px}.admin-container .spaces-section .space-card .space-content .space-description{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 16px}.admin-container .spaces-section .space-card .space-content .space-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.admin-container .spaces-section .space-card .space-footer{align-items:center;background:#f9f9f9;border-top:1px solid #f0f0f0;color:#999;display:flex;font-size:.8rem;justify-content:space-between;padding:12px 20px}.admin-container .spaces-section .space-card .space-footer .space-id{font-family:monospace;font-weight:600}.admin-container .spaces-section .space-card .space-footer .space-type{background:#e3f2fd;border-radius:12px;color:#0077c8;font-weight:600;padding:2px 8px}.admin-container .spaces-section .empty-state{color:#999;grid-column:1/-1;padding:80px 20px;text-align:center}.admin-container .spaces-section .empty-state p{font-size:1.1rem;font-weight:500;margin:0 0 8px}.admin-container .spaces-section .empty-state small{color:#bbb;font-size:.9rem}@media(max-width:1024px){.admin-container .users-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-container .users-section{padding:16px}.admin-container .users-section .users-header{align-items:flex-start;flex-direction:column;gap:12px}.admin-container .users-section .search-export-row{flex-direction:column}.admin-container .users-section .users-grid{grid-template-columns:1fr}.admin-container .spaces-section{padding:16px}.admin-container .spaces-section .spaces-grid{grid-template-columns:1fr}}.admin-container .view-layout-controls{align-items:center;display:flex;gap:8px}.admin-container .view-layout-controls .layout-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .3s ease}.admin-container .view-layout-controls .layout-btn:hover{background:#f8f9fa;border-color:#0077c8;color:#0077c8}.admin-container .view-layout-controls .layout-btn.active{background:linear-gradient(135deg,#005fa3,#0077c8);border-color:#005fa3;box-shadow:0 2px 8px #005fa34d;color:#fff}.admin-container .users-header-actions{align-items:center;display:flex;gap:12px}.admin-container .importUserBtn{align-items:center;background:linear-gradient(135deg,#28a745,#34ce57);border:none;border-radius:6px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.admin-container .importUserBtn:hover{background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 4px 16px #28a74566;transform:translateY(-2px)}.admin-container .importUserBtn:active{transform:translateY(0)}.admin-container .users-container.users-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.admin-container .users-container.users-list{display:flex;flex-direction:column;gap:12px}.admin-container .users-container.users-list .user-card{align-items:stretch;border:1px solid #e6edf4;border-radius:12px;box-shadow:0 4px 14px #1118270f;display:grid;grid-template-columns:190px minmax(0,1fr) auto}.admin-container .users-container.users-list .user-card .user-header{align-items:center;flex-shrink:0;padding:14px;width:100%}.admin-container .users-container.users-list .user-card .user-info{grid-gap:18px;align-items:center;display:grid;flex:1 1;gap:18px;grid-template-columns:minmax(200px,240px) minmax(0,1fr);padding:14px 18px}.admin-container .users-container.users-list .user-card .user-info .username,.admin-container .users-container.users-list .user-card .user-info h4{margin:0}.admin-container .users-container.users-list .user-card .user-info h4{font-size:1.15rem;line-height:1.2}.admin-container .users-container.users-list .user-card .user-info .username{font-size:1rem;margin-top:6px}.admin-container .users-container.users-list .user-card .user-info .user-details{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:14px}.admin-container .users-container.users-list .user-card .user-info .user-details .detail{font-size:.95rem;line-height:1.35}.admin-container .users-container.users-list .user-card .user-actions{border-left:1px solid #eef2f7;flex-shrink:0;padding:14px}.admin-container .users-container.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-container .users-container.users-grid .user-card .user-info{padding:12px}.admin-container .users-container.users-grid .user-card .user-info .user-details .detail{font-size:.75rem;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.admin-container .users-container.users-grid .user-card .user-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:8px 12px}.admin-container .users-container.users-grid .user-card .user-actions .actionBtn{padding:6px}.admin-container .charts-grid.charts-widgets{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px}.admin-container .charts-grid.charts-widgets .chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.admin-container .charts-grid.charts-list{display:flex;flex-direction:column;gap:16px;padding:20px}.admin-container .charts-grid.charts-list .chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.admin-container .charts-grid.charts-list .chart-container h3{font-size:1.2rem;margin:0 0 20px}.admin-container .charts-grid.charts-compact{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px}.admin-container .charts-grid.charts-compact .chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.admin-container .charts-grid.charts-compact .chart-container h3{font-size:1rem;margin:0 0 12px}.admin-container .importModal{aspect-ratio:3/4;max-height:85vh;overflow-y:auto;width:min(92vw,620px)}.admin-container .importModal .modalHeader{background:#fff;border-bottom:1px solid #e8edf3;margin-bottom:14px;padding-bottom:12px;position:sticky;top:0;z-index:10}.admin-container .importModal .import-instructions h4{margin-bottom:12px}.admin-container .importModal .import-instructions.compact{font-size:.9rem}.admin-container .importModal .file-upload-section label:hover{background:#e3f2fd;border-color:#0077c8}.admin-container .metricsExportBtn{background:linear-gradient(135deg,#005fa3,#127ec8 50%,#00a7d6);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 20px #005fa347;font-size:.88rem;font-weight:700;letter-spacing:.2px;padding:10px 18px}.admin-container .metricsExportBtn:hover{box-shadow:0 12px 24px #005fa352;filter:saturate(1.05);transform:translateY(-2px)}.admin-container .metricsExportBtn:active{transform:translateY(0)}.admin-container .exportModal{max-height:85vh;max-width:650px;overflow-y:auto;width:90%}.admin-container .exportModal .modalHeader{background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:16px;position:sticky;top:0;z-index:10}.admin-container .exportModal label:hover{background:#e3f2fd!important;border-color:#0077c8!important}@media(max-width:1200px){.admin-container .users-container.users-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-container .users-header-actions{flex-direction:column;gap:10px;width:100%}.admin-container .users-header-actions button{font-size:15px;min-height:44px;width:100%}.admin-container .search-export-row{flex-direction:column;gap:10px}.admin-container .search-export-row .usersSearch{width:100%}.admin-container .search-export-row .usersSearch input{font-size:15px;height:44px}.admin-container .search-export-row .view-layout-controls{gap:6px;justify-content:center;width:100%}.admin-container .search-export-row .view-layout-controls button{min-height:44px;min-width:44px}.admin-container .search-export-row .exportBtn{min-height:44px;width:100%}.admin-container .users-container.users-cards,.admin-container .users-container.users-grid{gap:12px;grid-template-columns:1fr;padding:0 8px}.admin-container .users-container.users-cards .user-card .user-header,.admin-container .users-container.users-grid .user-card .user-header{padding:16px}.admin-container .users-container.users-cards .user-card .user-info,.admin-container .users-container.users-grid .user-card .user-info{gap:6px;padding:12px 16px}.admin-container .users-container.users-cards .user-card .user-info h3,.admin-container .users-container.users-grid .user-card .user-info h3{font-size:15px;margin:0}.admin-container .users-container.users-cards .user-card .user-info .username,.admin-container .users-container.users-grid .user-card .user-info .username{font-size:13px}.admin-container .users-container.users-cards .user-card .user-info .detail,.admin-container .users-container.users-grid .user-card .user-info .detail{font-size:12px;line-height:1.3}.admin-container .users-container.users-cards .user-card .user-info .points-detail,.admin-container .users-container.users-grid .user-card .user-info .points-detail{font-size:12px;padding:6px 0}.admin-container .users-container.users-cards .user-card .user-actions,.admin-container .users-container.users-grid .user-card .user-actions{gap:6px;padding:0 16px 12px}.admin-container .users-container.users-cards .user-card .user-actions button,.admin-container .users-container.users-grid .user-card .user-actions button{border-radius:6px;font-size:12px;min-height:40px;padding:8px}.admin-container .users-container.users-list .user-card{border-radius:8px;flex-direction:column;gap:12px;grid-template-columns:1fr;padding:12px}.admin-container .users-container.users-list .user-card .user-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:0;width:100%}.admin-container .users-container.users-list .user-card .avatar{font-size:18px;height:48px;min-width:48px;width:48px}.admin-container .users-container.users-list .user-card .user-name-section{flex:1 1}.admin-container .users-container.users-list .user-card .user-badge{font-size:10px;min-width:auto;padding:4px 6px}.admin-container .users-container.users-list .user-card .user-info{align-items:flex-start;display:flex;flex-direction:column;gap:6px;padding:0;width:100%}.admin-container .users-container.users-list .user-card .user-info h4{font-size:1.35rem;margin:0}.admin-container .users-container.users-list .user-card .user-info .username{font-size:1.2rem;margin:0}.admin-container .users-container.users-list .user-card .user-info .detail{color:#666;font-size:.95rem}.admin-container .users-container.users-list .user-card .user-info .points-detail{background:#0000;border:none;font-size:12px;padding:0}.admin-container .users-container.users-list .user-card .user-actions{border-top:none;flex-wrap:wrap;gap:6px;padding:0;width:100%}.admin-container .users-container.users-list .user-card .user-actions button{border-radius:6px;flex:1 1;font-size:12px;gap:4px;min-height:40px;min-width:70px;padding:8px 6px}.admin-container .admin-sidebar{max-width:300px;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;width:85%;z-index:999}.admin-container .admin-sidebar.active{box-shadow:2px 0 20px #0000004d;transform:translateX(0)}.admin-container .admin-sidebar .sidebar-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:16px 12px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo{flex:1 1;gap:8px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-icon{flex-shrink:0;font-size:16px;height:40px;width:40px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-text .brand-name{font-size:15px;margin-bottom:2px}.admin-container .admin-sidebar .sidebar-header .sidebar-logo .logo-text .panel-name{display:none}.admin-container .admin-sidebar .sidebar-header .close-sidebar{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;min-height:44px;min-width:44px;padding:8px}.admin-container .admin-sidebar .sidebar-header .close-sidebar:active{background:#ffffff4d}.admin-container .admin-sidebar .sidebar-nav{display:flex;flex-direction:column;padding:8px 0}.admin-container .admin-sidebar .sidebar-nav button{border-radius:6px;font-size:14px;margin:4px 8px;min-height:48px;padding:14px 16px}.admin-container .admin-sidebar .sidebar-nav button .nav-icon{display:none}.admin-container .admin-sidebar .sidebar-nav button .nav-content{flex:1 1;justify-content:flex-start}.admin-container .admin-sidebar .sidebar-nav button .nav-content .nav-subtitle{display:none}.admin-container .admin-sidebar .sidebar-nav button:active{background:#ffffff26}.admin-container .sidebar-overlay{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.admin-container .hamburger-menu{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);border:none;border-radius:8px;box-shadow:0 4px 12px #005fa34d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;left:16px;min-height:48px;min-width:48px;padding:0;position:fixed;top:16px;width:48px;z-index:1000}.admin-container .hamburger-menu:active{box-shadow:0 2px 8px #005fa34d;transform:scale(.95)}}@media(max-width:768px)and (max-width:480px){.admin-container .hamburger-menu{font-size:20px;height:44px;left:12px;min-height:44px;min-width:44px;top:12px;width:44px}}@media(max-width:768px){.admin-container .contentWrapper{box-sizing:border-box;margin-left:0;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;padding-top:75px;position:relative;width:100%;z-index:1}.admin-container .contentWrapper .admin-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;justify-content:space-between;left:0;min-height:60px;padding:12px 16px;position:fixed;right:0;top:0;z-index:100}.admin-container .contentWrapper .admin-header .page-title{flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;padding-left:60px;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .admin-header .page-title{font-size:16px;padding-left:52px}}@media(max-width:768px){.admin-container .contentWrapper .admin-header .admin-actions{display:flex;flex-shrink:0;gap:8px}.admin-container .contentWrapper .admin-header .admin-actions .btn-back,.admin-container .contentWrapper .admin-header .admin-actions .btn-logout{border-radius:6px;font-size:12px;min-height:40px;min-width:40px;padding:8px 12px;white-space:nowrap}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .admin-header .admin-actions{gap:4px}.admin-container .contentWrapper .admin-header .admin-actions .btn-back,.admin-container .contentWrapper .admin-header .admin-actions .btn-logout{font-size:11px;min-height:36px;min-width:36px;padding:6px 10px}}@media(max-width:768px){.admin-container .contentWrapper .admin-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin:0 12px 16px;padding:12px}.admin-container .contentWrapper .admin-card>div{flex-direction:column;gap:12px}.admin-container .contentWrapper .admin-card>div p{font-size:14px;margin:0}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .admin-card>div{gap:10px}.admin-container .contentWrapper .admin-card>div p{font-size:13px}.admin-container .contentWrapper .admin-card{border-radius:8px;margin:0 8px 12px;padding:10px}}@media(max-width:768px){.admin-container .contentWrapper .metrics-cards{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;padding:16px 12px;width:100%}.admin-container .contentWrapper .metrics-cards .metric-card{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;gap:12px;min-height:80px;padding:16px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content{flex:1 1;min-width:0}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content h4{color:#333;font-size:12px;font-weight:600;margin:0 0 4px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-value{color:#005fa3;font-size:22px;font-weight:700;margin:2px 0}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-subtitle{color:#666;font-size:11px;line-height:1.3;margin:0}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .metrics-cards .metric-card{gap:10px;min-height:75px;padding:14px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-icon{font-size:20px;height:40px;width:40px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content h4{font-size:11px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-value{font-size:20px}.admin-container .contentWrapper .metrics-cards .metric-card .metric-content .metric-subtitle{font-size:10px}.admin-container .contentWrapper .metrics-cards{gap:10px;grid-template-columns:1fr;padding:12px 10px}}@media(max-width:768px){.admin-container .contentWrapper .charts-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px;padding:12px;width:100%}.admin-container .contentWrapper .charts-grid .chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;box-sizing:border-box;padding:16px;width:100%}.admin-container .contentWrapper .charts-grid .chart-container h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .charts-grid .chart-container{gap:12px;padding:14px}.admin-container .contentWrapper .charts-grid .chart-container h3{font-size:14px;margin:0 0 12px}.admin-container .contentWrapper .charts-grid{gap:12px;padding:10px}}@media(max-width:768px){.admin-container .contentWrapper .modalOverlay{align-items:center;display:flex;justify-content:center;padding:16px;z-index:1100}.admin-container .contentWrapper .modalOverlay .modalContent{border-radius:12px;max-height:90vh;max-width:95%;overflow-y:auto;padding:16px;width:100%}.admin-container .contentWrapper .modalOverlay .modalContent .modalHeader{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:12px}.admin-container .contentWrapper .modalOverlay .modalContent .modalHeader h2,.admin-container .contentWrapper .modalOverlay .modalContent .modalHeader h3{font-size:18px;margin:0 0 4px}.admin-container .contentWrapper .modalOverlay .modalContent .modalHeader p{color:#666;font-size:13px;margin:0}.admin-container .contentWrapper .modalOverlay .modalContent .modalForm{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.admin-container .contentWrapper .modalOverlay .modalContent .modalForm input,.admin-container .contentWrapper .modalOverlay .modalContent .modalForm select,.admin-container .contentWrapper .modalOverlay .modalContent .modalForm textarea{border:1px solid #ddd;border-radius:6px;font-size:16px;min-height:44px;padding:12px}.admin-container .contentWrapper .modalOverlay .modalContent .modalForm textarea{min-height:100px}.admin-container .contentWrapper .modalOverlay .modalContent .modalActions{flex-direction:column;gap:8px}.admin-container .contentWrapper .modalOverlay .modalContent .modalActions button{font-size:14px;padding:10px 12px;width:100%}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal{max-height:95vh;overflow-y:auto}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection{margin-bottom:16px}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection h4{font-size:14px}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection .formField{margin-bottom:8px}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection .formField label{font-size:12px}.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection .formField input,.admin-container .contentWrapper .modalOverlay .modalContent.editUserModal .formSection .formField select{font-size:13px;padding:8px 10px}.admin-container .contentWrapper .spaces-section{padding:0 12px}.admin-container .contentWrapper .spaces-section .spaces-grid{gap:12px;grid-template-columns:1fr}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:12px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card .space-image{border-radius:6px;height:150px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card h3{font-size:14px;margin:8px 0 4px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card p{color:#666;font-size:12px;margin:0}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .spaces-section .spaces-grid .space-card{padding:10px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card .space-image{height:120px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card h3{font-size:13px}.admin-container .contentWrapper .spaces-section .spaces-grid .space-card p{font-size:11px}.admin-container .contentWrapper .spaces-section{padding:0 8px}}@media(max-width:768px){.admin-container .contentWrapper .notifications-section{padding:0 12px}.admin-container .contentWrapper .notifications-section .notification-tabs{flex-wrap:wrap;gap:8px}.admin-container .contentWrapper .notifications-section .notification-tabs button{border-radius:6px;font-size:12px;min-height:36px;padding:8px 12px;white-space:nowrap}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .notifications-section .notification-tabs button{font-size:11px;min-height:32px;padding:6px 10px}}@media(max-width:768px){.admin-container .contentWrapper .notifications-section .template-selector{margin-bottom:12px}.admin-container .contentWrapper .notifications-section .template-selector select{border-radius:6px;font-size:14px;min-height:40px;padding:10px 12px}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .notifications-section .template-selector select{font-size:13px;min-height:36px;padding:8px 10px}}@media(max-width:768px){.admin-container .contentWrapper .notifications-section .email-config-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:12px}.admin-container .contentWrapper .notifications-section .email-config-section .config-row{gap:8px;margin-bottom:12px}.admin-container .contentWrapper .notifications-section .email-config-section .config-row input,.admin-container .contentWrapper .notifications-section .email-config-section .config-row select{border-radius:6px;font-size:13px;min-height:36px;padding:8px 10px}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .notifications-section .email-config-section .config-row input,.admin-container .contentWrapper .notifications-section .email-config-section .config-row select{font-size:12px;min-height:32px;padding:6px 8px}.admin-container .contentWrapper .notifications-section .email-config-section{padding:10px}}@media(max-width:768px){.admin-container .contentWrapper .notifications-section .preview-section{background:#fff;border-radius:6px;box-shadow:0 2px 6px #00000014;overflow:hidden}.admin-container .contentWrapper .notifications-section .preview-section .preview-content{font-size:13px;max-height:300px;overflow-y:auto;padding:12px}}@media(max-width:768px)and (max-width:480px){.admin-container .contentWrapper .notifications-section .preview-section .preview-content{font-size:12px;padding:10px}}@media(max-width:480px){.admin-container .hamburger-menu{height:44px;left:12px;top:12px;width:44px}.admin-container .contentWrapper{padding-top:65px}.admin-container .contentWrapper .admin-header{padding:10px 12px}.admin-container .contentWrapper .admin-header .page-title{font-size:16px}.admin-container .contentWrapper .admin-card{margin:0 8px 12px;padding:10px}.admin-container .contentWrapper .metrics-cards{padding:0 8px}.admin-container .contentWrapper .metrics-cards .metric-card{padding:12px}}.email-tester-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.email-tester-header{background:#fff;border-radius:12px;box-shadow:0 2px 12px #005fa31a;margin:0 auto 30px;max-width:900px;padding:30px;position:relative}.email-tester-header .back-button{align-items:center;background:#f5f5f5;border:none;border-radius:6px;color:#005fa3;cursor:pointer;display:flex;font-weight:600;left:20px;padding:10px 16px;position:absolute;top:20px;transition:all .2s}.email-tester-header .back-button:hover{background:#e0e0e0;transform:translateX(-3px)}.email-tester-header h1{color:#005fa3;font-size:32px;font-weight:700;margin:0 0 10px}.email-tester-header .subtitle{color:#666;font-size:14px;margin:0}.email-tester-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #005fa326;margin:0 auto;max-width:900px;padding:40px}.config-section{margin-bottom:30px}.config-section h2{color:#005fa3;font-size:20px;font-weight:600;margin:0 0 25px}.form-group{margin-bottom:25px}.form-group label{color:#005fa3;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group input:focus{border-color:#0077c8;box-shadow:0 0 8px #0077c833;outline:none}.template-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.template-buttons .template-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:12px 16px;transition:all .2s}.template-buttons .template-btn:hover{border-color:#0077c8;color:#005fa3}.template-buttons .template-btn.active{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#0077c8;color:#005fa3}.test-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.test-data-grid>div{display:flex;flex-direction:column}.test-data-grid>div label{font-size:12px;margin-bottom:6px}.test-data-grid>div input{font-size:13px;padding:10px}.send-button{align-items:center;background:linear-gradient(135deg,#005fa3,#0077c8);border:none;border-radius:8px;box-shadow:0 4px 15px #0077c84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #0077c866;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.6}.message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message .close-message{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7;padding:0;transition:opacity .2s}.message .close-message:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-section{background:#f8f9fa;border-left:4px solid #0077c8;border-radius:8px;margin-top:40px;padding:20px}.info-section h3{color:#005fa3;font-size:16px;margin:0 0 15px}.info-section ul{color:#333;margin:0;padding-left:20px}.info-section ul li{font-size:14px;line-height:1.6;margin-bottom:10px}.info-section ul li strong{color:#005fa3}.info-section p{font-size:13px;margin:0}.preview-section{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dce9f4;border-radius:16px;box-shadow:0 10px 30px #005fa314;margin-top:30px;padding:20px}.preview-section h3{color:#005fa3;font-size:18px;margin:0 0 8px}.preview-section .preview-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.preview-section .preview-note{color:#5b6b7d;font-size:13px;line-height:1.5;margin:0 0 16px}.preview-section .random-preview-btn{background:linear-gradient(135deg,#eaf6ff,#d7ecfb);border:1px solid #b9d6ea;border-radius:999px;color:#005fa3;cursor:pointer;flex:0 0 auto;font-weight:700;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.preview-section .random-preview-btn:hover{box-shadow:0 6px 16px #005fa31f;transform:translateY(-1px)}.preview-section .preview-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.preview-section .preview-meta span{align-items:center;background:#eef6fb;border:1px solid #d9e7f2;border-radius:999px;color:#35506c;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.preview-section .preview-frame{background:#eef4f8;border:1px solid #d6e3ef;border-radius:14px;min-height:840px;overflow:hidden;width:100%}.preview-section .preview-frame iframe{background:#eef4f8;border:0;display:block;min-height:840px;width:100%}.preview-section .preview-html-section{margin-top:18px}.preview-section .preview-html-section h4{color:#005fa3;font-size:15px;margin:0 0 10px}.preview-section .preview-html-section textarea{background:#0f172a;border:1px solid #d6e3ef;border-radius:12px;box-sizing:border-box;color:#e2e8f0;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5;min-height:240px;padding:14px;resize:vertical;width:100%}@media(max-width:768px){.email-tester-header{padding:20px}.email-tester-header h1{font-size:24px}.email-tester-content{padding:20px}.template-buttons,.test-data-grid{grid-template-columns:1fr}.preview-section .preview-header-row{flex-direction:column}.preview-section .preview-frame,.preview-section .preview-frame iframe{min-height:720px}.preview-section .preview-html-section textarea{min-height:180px}}.app{background:#f5f5f5;color:#333;min-height:100vh;transition:background-color .25s ease,color .25s ease}.app,.app *{box-sizing:border-box}.app.dark{--bg-color:#111;--text-color:#d0d0d0;--card-bg:#1a1a1a;--border-color:#ffffff1a;--input-bg:#1e1e1e;--input-text:#e5e5e5;background:#111;color:#d0d0d0}.app.dark .adminPanel,.app.dark .editProfile,.app.dark .emailTester,.app.dark .home,.app.dark .login,.app.dark .profile,.app.dark .register,.app.dark body{background-color:#111;color:#d0d0d0}.app.dark .editprofileRightBottom .bottom,.app.dark .editprofileRightBottom .top,.app.dark .feed,.app.dark .feed-filters,.app.dark .navbarContainer,.app.dark .post,.app.dark .profileRight,.app.dark .profileRightBar,.app.dark .rightbar,.app.dark .rightbarhome .rightbarAdvert,.app.dark .shareWrapper,.app.dark .sidebar,.app.dark .space-info-card{background-color:#1a1a1a;border-color:#ffffff1a;color:#d0d0d0}.app.dark .navbarContainer{border-bottom:.5px solid #ffffff24}.app.dark .sidebar{box-shadow:inset -1px 0 0 #ffffff0f}.app.dark .filter-btn:hover,.app.dark .hashtag-chip:hover,.app.dark .menuLink:hover,.app.dark .sidebarWrapper a:hover{background-color:#ffffff14}.app.dark input,.app.dark select,.app.dark textarea{background-color:#1e1e1e;border-color:#ffffff26;color:#e5e5e5}.app.dark ::placeholder{color:#9f9f9f}.app.dark .comment .commentWrapper,.app.dark .commentBox .commentInput{border-color:#ffffff26}.app.dark .comment .commentInfo .commentText,.app.dark .commentBox .commentPost,.app.dark .editButton,.app.dark .sidebarButton,.app.dark .updateButton{background-color:#d0d0d0;color:#111}.app.dark .navbarLink,.app.dark .profileInfoDesc,.app.dark .profileInfoName,.app.dark .rightbarUsername,.app.dark .sidebarFriendName{color:#d0d0d0}
/*# sourceMappingURL=main.1e7839c7.css.map*/