: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}}.edit-post-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.edit-post-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;max-width:460px;padding:20px;width:100%}.dark .edit-post-modal{background:#1c1c1c}.edit-post-modal .edit-post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.edit-post-modal .edit-post-header h3{color:#1c1c1c;font-size:17px;font-weight:700;margin:0}.dark .edit-post-modal .edit-post-header h3{color:#f2f2f2}.edit-post-modal .edit-post-close{background:#0000000f;border:none;border-radius:50%;color:inherit;cursor:pointer;height:30px;min-height:0;padding:0;width:30px}.dark .edit-post-modal .edit-post-close{background:#ffffff1a}.edit-post-modal .edit-post-textarea{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:110px;padding:12px;resize:vertical;width:100%}.dark .edit-post-modal .edit-post-textarea{background:#141414;border-color:#333;color:#eee}.edit-post-modal .edit-post-textarea:focus{border-color:#0077c8;outline:none}.edit-post-modal .edit-post-error{background:#fdecea;border-radius:8px;color:#c0392b;font-size:12.5px;margin:8px 0 0;padding:8px 12px}.dark .edit-post-modal .edit-post-error{background:#c0392b33;color:#ff8a80}.edit-post-modal .edit-post-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.edit-post-modal .edit-post-actions button{border:none;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:600;min-height:40px;padding:9px 18px}.edit-post-modal .edit-post-actions .edit-post-cancel{background:#0000;border:1.5px solid #ddd;color:#555}.dark .edit-post-modal .edit-post-actions .edit-post-cancel{border-color:#444;color:#ccc}.edit-post-modal .edit-post-actions .edit-post-save{background:#0077c8;color:#fff}.edit-post-modal .edit-post-actions .edit-post-save:hover{background:#005fa3}.edit-post-modal .edit-post-actions .edit-post-save:disabled{cursor:not-allowed;opacity:.6}.post .post-header .author-link{align-items:center;color:inherit;display:inline-flex;text-decoration:none}.post .post-header .author-link:hover .name{text-decoration:underline}.post .post-header .author-link .profile-img:hover{filter:brightness(.94)}.post .comment-list .comment-data .comment-actions{display:inline-flex;gap:10px;margin-left:10px}.post .comment-list .comment-data .comment-actions .comment-action{background:none;border:none;color:#0077c8;cursor:pointer;font-size:12px;font-weight:600;padding:0}.post .comment-list .comment-data .comment-actions .comment-action:hover{text-decoration:underline}.post .comment-list .comment-data .comment-actions .comment-action.delete{color:#dc3545}.post .comment-list .comment-data .comment-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.post .comment-list .comment-data .comment-edit .comment-edit-input{background:#fff;border:1px solid #d0d0d0;border-radius:8px;color:#333;font-family:inherit;font-size:14px;line-height:1.4;padding:8px 10px;resize:vertical;width:100%}.post .comment-list .comment-data .comment-edit .comment-edit-input:focus{border-color:#0077c8;outline:none}.dark .post .comment-list .comment-data .comment-edit .comment-edit-input{background:#2a2a2a;border-color:#444;color:#ddd}.post .comment-list .comment-data .comment-edit .comment-edit-actions{display:flex;gap:8px}.post .comment-list .comment-data .comment-edit .comment-edit-actions button{border:none;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;padding:5px 14px}.post .comment-list .comment-data .comment-edit .comment-edit-actions button:disabled{cursor:default;opacity:.55}.post .comment-list .comment-data .comment-edit .comment-edit-actions .comment-save{background:#0077c8;color:#fff}.post .comment-list .comment-data .comment-edit .comment-edit-actions .comment-save:not(:disabled):hover{background:#005fa3}.post .comment-list .comment-data .comment-edit .comment-edit-actions .comment-cancel{background:#0000;border:1px solid #d0d0d0;color:#666}.dark .post .comment-list .comment-data .comment-edit .comment-edit-actions .comment-cancel{border-color:#444;color:#aaa}.post .post-images .carousel-img{cursor:zoom-in}.lightbox{animation:lightboxAparecer .18s ease;background:#080a0cf5;inset:0;justify-content:center;overscroll-behavior:contain;position:fixed;z-index:100000}.lightbox,.lightbox__barra{align-items:center;display:flex}.lightbox__barra{background:linear-gradient(180deg,#000000a6,#0000);color:#fff;gap:16px;justify-content:space-between;left:0;padding:14px 18px;position:absolute;right:0;top:0;z-index:2}.lightbox__titulo{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox__contador{background:#ffffff29;border-radius:999px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:3px 10px}.lightbox__acciones{align-items:center;display:flex;flex-shrink:0;gap:6px}.lightbox__acciones a,.lightbox__acciones button{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .15s ease;width:40px}.lightbox__acciones a:hover,.lightbox__acciones button:hover{background:#ffffff42}.lightbox__acciones a svg,.lightbox__acciones button svg{font-size:21px}.lightbox__nav{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:52px;z-index:2}.lightbox__nav:hover{background:#ffffff47}.lightbox__nav svg{font-size:30px}.lightbox__nav--prev{left:20px}.lightbox__nav--next{right:20px}.lightbox__lienzo{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:68px 84px;width:100%}.lightbox__lienzo img,.lightbox__lienzo video{border-radius:4px;box-shadow:0 10px 50px #0000008c;display:block;max-height:100%;max-width:100%;object-fit:contain}.lightbox__lienzo img{cursor:zoom-in}.lightbox__lienzo.acercada{align-items:flex-start;justify-content:flex-start;overflow:auto}.lightbox__lienzo.acercada img{cursor:zoom-out;height:auto;margin:auto;max-height:none;max-width:none;width:auto}.lightbox__pie{background:#0009;border-radius:8px;bottom:18px;color:#e9edf2;font-size:.85rem;left:50%;line-height:1.5;margin:0;max-width:min(80vw,760px);padding:9px 16px;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}@media(max-width:768px){.lightbox__lienzo{padding:60px 12px 76px}.lightbox__nav{height:44px;width:44px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__nav svg{font-size:26px}.lightbox__titulo{font-size:.82rem}.lightbox__pie{bottom:12px;font-size:.8rem;max-width:92vw}}@keyframes lightboxAparecer{0%{opacity:0}to{opacity:1}}.polls-toolbar{display:flex;justify-content:flex-end;margin:4px 0 14px;max-width:600px;width:100%}.polls-toolbar .create-poll-btn{align-items:center;background:#0000;border:1.5px solid #0077c8;border-radius:999px;color:#0077c8;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;min-height:0;padding:9px 16px;transition:all .2s ease}.dark .polls-toolbar .create-poll-btn{border-color:#4db8ff;color:#4db8ff}.polls-toolbar .create-poll-btn:hover{background:#0077c814;box-shadow:none;transform:none}.polls-toolbar .create-poll-btn svg{font-size:18px}.poll-card{background:#fff;border-left:4px solid #0077c8;border-left:4px solid var(--poll-color,#0077c8);border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;margin-bottom:16px;max-width:600px;padding:18px 20px;transition:box-shadow .2s ease;width:100%}.poll-card:hover{box-shadow:0 4px 14px #00000014,0 1px 3px #0000000d}.dark .poll-card{background:#1a1a1a;border:1px solid #2c2c2c;border-left:4px solid #0077c8;border-left:4px solid var(--poll-color,#0077c8)}.dark .poll-card:hover{box-shadow:0 4px 14px #0000004d}.poll-card .poll-card-header{align-items:flex-start;display:flex;gap:12px}.poll-card .poll-card-header .poll-card-icon{align-items:center;background:color-mix(in srgb,#0077c8 14%,#0000);background:color-mix(in srgb,var(--poll-color,#0077c8) 14%,#0000);border-radius:10px;color:#0077c8;color:var(--poll-color,#0077c8);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.dark .poll-card .poll-card-header .poll-card-icon{background:color-mix(in srgb,#0077c8 24%,#0000);background:color-mix(in srgb,var(--poll-color,#0077c8) 24%,#0000)}.poll-card .poll-card-header .poll-card-heading{flex:1 1;min-width:0}.poll-card .poll-card-header .poll-card-title{align-items:flex-start;display:flex;gap:6px}.poll-card .poll-card-header .poll-card-title h4{color:#1c1c1c;font-size:15.5px;font-weight:700;line-height:1.4;margin:0}.dark .poll-card .poll-card-header .poll-card-title h4{color:#f2f2f2}.poll-card .poll-card-header .poll-card-title .poll-pin-icon{color:#0077c8;color:var(--poll-color,#0077c8);flex-shrink:0;font-size:15px!important;margin-top:3px}.poll-card .poll-card-header .poll-card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.poll-card .poll-card-header .poll-space-badge{align-items:center;background:#f0f4f8;border-radius:999px;color:#5a6b7d;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:2px 9px 2px 7px;white-space:nowrap}.poll-card .poll-card-header .poll-space-badge svg{font-size:13px}.dark .poll-card .poll-card-header .poll-space-badge{background:#262626;color:#aab4bf}.poll-card .poll-card-header .poll-closed-badge{background:#fdecea;border-radius:999px;color:#c0392b;font-size:11px;font-weight:700;padding:2px 9px}.dark .poll-card .poll-card-header .poll-closed-badge{background:#c0392b33;color:#ff8a80}.poll-card .poll-card-header .poll-menu-btn{color:#9aa0a6;flex-shrink:0;margin:-6px -6px 0 0}.poll-card .poll-card-header .poll-menu-btn:hover{color:#555}.dark .poll-card .poll-card-header .poll-menu-btn:hover{color:#ddd}.poll-card .poll-menu-delete{color:#dc3545!important}.poll-card .poll-card-description{color:#666;font-size:13px;margin:8px 0 0 46px}.dark .poll-card .poll-card-description{color:#aaa}.poll-card .poll-options{display:flex;flex-direction:column;gap:8px;margin:14px 0 0 46px}.poll-card .poll-option{align-items:center;background:#fff;border:1.5px solid #e6e8eb;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;min-height:42px;overflow:hidden;padding:10px 14px;position:relative;text-align:left;transition:border-color .15s ease;width:100%}.dark .poll-card .poll-option{background:#141414;border-color:#333;color:#eee}.poll-card .poll-option:hover:not(.readonly){border-color:#0077c8;border-color:var(--poll-color,#0077c8);box-shadow:none;transform:none}.poll-card .poll-option.voted{border-color:#0077c8;border-color:var(--poll-color,#0077c8);font-weight:700}.poll-card .poll-option.readonly{cursor:default}.poll-card .poll-option:disabled{opacity:1}.poll-card .poll-option .poll-option-fill{background:color-mix(in srgb,#0077c8 14%,#0000);background:color-mix(in srgb,var(--poll-color,#0077c8) 14%,#0000);inset:0;position:absolute;transition:width .5s cubic-bezier(.22,1,.36,1);width:0;z-index:0}.dark .poll-card .poll-option .poll-option-fill{background:color-mix(in srgb,#0077c8 24%,#0000);background:color-mix(in srgb,var(--poll-color,#0077c8) 24%,#0000)}.poll-card .poll-option .poll-option-radio{border:2px solid #cdd3d9;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:16px;position:relative;transition:border-color .15s ease,background .15s ease;width:16px;z-index:1}.dark .poll-card .poll-option .poll-option-radio{border-color:#444}.poll-card .poll-option.voted .poll-option-radio{background:#0077c8;background:var(--poll-color,#0077c8);border-color:#0077c8;border-color:var(--poll-color,#0077c8);box-shadow:inset 0 0 0 3px #fff}.dark .poll-card .poll-option.voted .poll-option-radio{box-shadow:inset 0 0 0 3px #141414}.poll-card .poll-option .poll-option-label{flex:1 1;min-width:0;position:relative;word-break:break-word;z-index:1}.poll-card .poll-option .poll-option-stats{align-items:baseline;color:#888;display:flex;flex-shrink:0;font-size:12px;gap:5px;position:relative;z-index:1}.poll-card .poll-option .poll-option-stats strong{color:#555;font-weight:700}.dark .poll-card .poll-option .poll-option-stats strong{color:#ccc}.dark .poll-card .poll-option .poll-option-stats{color:#777}.poll-card .poll-card-footer{align-items:center;border-top:1px solid #f0f1f3;color:#999;display:flex;font-size:12px;gap:10px;justify-content:space-between;margin:14px 0 0 46px;padding-top:12px}.dark .poll-card .poll-card-footer{border-top-color:#262626;color:#777}.poll-card .poll-card-footer .poll-footer-meta{align-items:center;display:flex;gap:5px}.poll-card .poll-card-footer .poll-footer-meta svg{font-size:15px}.poll-card .poll-card-footer .poll-author{align-items:center;color:#666;display:flex;font-weight:600;gap:6px}.dark .poll-card .poll-card-footer .poll-author{color:#aaa}.poll-card .poll-card-footer .poll-author-avatar{align-items:center;background:#0077c8;background:var(--poll-color,#0077c8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10.5px;font-weight:700;height:20px;justify-content:center;width:20px}.poll-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.poll-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;max-height:90vh;max-width:460px;overflow-y:auto;width:100%}.dark .poll-modal{background:#1c1c1c}.poll-modal .poll-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 20px}.dark .poll-modal .poll-modal-header{border-bottom-color:#2c2c2c}.poll-modal .poll-modal-header h3{color:#1c1c1c;font-size:17px;font-weight:700;margin:0}.dark .poll-modal .poll-modal-header h3{color:#f2f2f2}.poll-modal .poll-modal-header .poll-modal-close{align-items:center;background:#0000000f;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:30px;justify-content:center;min-height:0;padding:0;width:30px}.dark .poll-modal .poll-modal-header .poll-modal-close{background:#ffffff1a}.poll-modal .poll-form{display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px}.poll-modal .poll-form-success{align-items:center;color:#1c1c1c;display:flex;font-size:14.5px;font-weight:500;gap:10px;padding:32px 20px}.dark .poll-modal .poll-form-success{color:#f2f2f2}.poll-modal .poll-form-success .poll-form-success-check{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:26px;justify-content:center;width:26px}.poll-modal .poll-form-label{color:#555;display:flex;flex-direction:column;font-size:12.5px;font-weight:600;gap:6px}.dark .poll-modal .poll-form-label{color:#bbb}.poll-modal .poll-form-label input[type=text]{font-size:14px;font-weight:400;min-height:0;padding:10px 12px}.dark .poll-modal .poll-form-label input[type=text]{background:#141414;border-color:#333;color:#eee}.poll-modal .poll-space-picker .poll-space-loading{color:#888;font-size:13px;font-weight:400}.dark .poll-modal .poll-space-picker .poll-space-loading{color:#999}.poll-modal .poll-space-picker .poll-space-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.poll-modal .poll-space-picker .poll-space-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:4px;min-height:0;padding:6px 10px;transition:background .2s,border-color .2s}.dark .poll-modal .poll-space-picker .poll-space-item{background:#141414;border-color:#333}.poll-modal .poll-space-picker .poll-space-item img{border-radius:50%;height:28px;object-fit:cover;width:28px}.poll-modal .poll-space-picker .poll-space-item .poll-space-fallback{align-items:center;background:#eee;border-radius:50%;color:#888;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.dark .poll-modal .poll-space-picker .poll-space-item .poll-space-fallback{background:#2a2a2a;color:#aaa}.poll-modal .poll-space-picker .poll-space-item span:last-child{color:#333;font-size:11.5px;font-weight:500;white-space:nowrap}.dark .poll-modal .poll-space-picker .poll-space-item span:last-child{color:#ddd}.poll-modal .poll-space-picker .poll-space-item:hover{background:#f5f5f5;box-shadow:none;transform:none}.dark .poll-modal .poll-space-picker .poll-space-item:hover{background:#1c1c1c}.poll-modal .poll-space-picker .poll-space-item.selected{background:#0077c814;border-color:#0077c8}.dark .poll-modal .poll-space-picker .poll-space-item.selected{background:#4db8ff1f;border-color:#4db8ff}.poll-modal .poll-options-editor{display:flex;flex-direction:column;gap:8px}.poll-modal .poll-option-input-row{align-items:center;display:flex;gap:6px}.poll-modal .poll-option-input-row input{flex:1 1}.poll-modal .poll-option-input-row .poll-remove-option{align-items:center;background:#dc354514;border:none;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:0;padding:0;width:32px}.poll-modal .poll-add-option{align-items:center;align-self:flex-start;background:#0000;border:1px dashed #0077c8;border-radius:8px;color:#0077c8;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:4px;margin-top:6px;min-height:0;padding:6px 10px}.dark .poll-modal .poll-add-option{border-color:#4db8ff;color:#4db8ff}.poll-modal .poll-add-option:hover{background:#0077c814;box-shadow:none;transform:none}.poll-modal .poll-color-picker{display:flex;flex-wrap:wrap;gap:8px}.poll-modal .poll-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:26px;min-height:0;padding:0;width:26px}.poll-modal .poll-color-swatch:hover{box-shadow:none;transform:scale(1.1)}.poll-modal .poll-color-swatch.selected{border-color:#1c1c1c;box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor}.dark .poll-modal .poll-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #1c1c1c}.poll-modal .poll-checkbox-row{align-items:center;color:#444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px}.dark .poll-modal .poll-checkbox-row{color:#ccc}.poll-modal .poll-checkbox-row input[type=checkbox]{accent-color:#0077c8;height:16px;min-height:0;padding:0;width:16px}.poll-modal .poll-form-error{background:#fdecea;border-radius:8px;color:#c0392b;font-size:12.5px;margin:0;padding:8px 12px}.dark .poll-modal .poll-form-error{background:#c0392b33;color:#ff8a80}.poll-modal .poll-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.poll-modal .poll-form-actions button{border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:600;min-height:40px;padding:9px 18px}.poll-modal .poll-form-actions .poll-btn-secondary{background:#0000;border:1.5px solid #ddd;color:#555}.dark .poll-modal .poll-form-actions .poll-btn-secondary{border-color:#444;color:#ccc}.poll-modal .poll-form-actions .poll-btn-secondary:hover{background:#0000000a;box-shadow:none;transform:none}.poll-modal .poll-form-actions .poll-btn-primary{background:#0077c8;border:none;color:#fff}.poll-modal .poll-form-actions .poll-btn-primary:hover{background:#005fa3;box-shadow:none}.poll-modal .poll-form-actions .poll-btn-primary:disabled{cursor:not-allowed;opacity:.6}@media only screen and (max-width:576px){.poll-card{border-radius:10px;padding:13px 14px}.poll-modal{align-self:flex-end;border-radius:16px 16px 0 0;max-height:85dvh}.poll-modal-overlay{align-items:flex-end;padding:0}.poll-form{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.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 .postStatusModal .warningIcon:before{content:"!"}.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{background-color:#0000}.feed,.feed .feedWrapper{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.feed--perfil .feedWrapper{gap:var(--space-4);max-width:none;padding:0}.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)}.movementsHistory{margin:-16px auto 40px;max-width:460px;width:100%}.movementsToggle{align-items:center;background:#fff;border:1px solid #e1ecf2;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#007399;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 18px;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.movementsToggle span{flex:1 1;text-align:left}.movementsToggle .chevron{color:#7fa9b8;transition:transform .2s ease}.movementsToggle:hover{background:#f2fbfd;border-color:#bfe3ee}.rewardsSection.dark .movementsToggle{background:#1e2a44;border-color:#2c3c5c;box-shadow:0 2px 8px #00000040;color:#7fd1ea}.rewardsSection.dark .movementsToggle:hover{background:#23324f}.rewardsSection.dark .movementsToggle .chevron{color:#5b7591}.movementsHistory.open .movementsToggle .chevron{transform:rotate(180deg)}.movementsPanel{animation:movementsPanelIn .18s ease;background:#fff;border:1px solid #e1ecf2;border-radius:14px;box-shadow:0 2px 8px #0000000f;margin-top:8px;padding:6px 4px}.rewardsSection.dark .movementsPanel{background:#1e2a44;border-color:#2c3c5c;box-shadow:0 2px 8px #00000040}@keyframes movementsPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.movementsState{color:#7c8b96;font-size:13.5px;margin:0;padding:16px 14px;text-align:center}.movementsState.error{color:#d64545}.rewardsSection.dark .movementsState{color:#93a3b5}.movementsList{list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.movementItem{align-items:center;border-bottom:1px solid #f0f4f7;display:flex;gap:12px;padding:12px 14px}.movementItem:last-child{border-bottom:none}.rewardsSection.dark .movementItem{border-bottom-color:#2c3c5c}.movementIcon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.movementItem.earned .movementIcon{background:#e4f9ee;color:#1fa363}.movementItem.spent .movementIcon{background:#fdeaea;color:#d64545}.rewardsSection.dark .movementItem.earned .movementIcon{background:#1fa3632e;color:#4fd393}.rewardsSection.dark .movementItem.spent .movementIcon{background:#d645452e;color:#ef7676}.movementInfo{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.movementReason{color:#22323d;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rewardsSection.dark .movementReason{color:#e8eef3}.movementDate{color:#93a3ae;font-size:12px}.rewardsSection.dark .movementDate{color:#7488a0}.movementAmount{flex-shrink:0;font-size:14px;font-weight:800;white-space:nowrap}.movementItem.earned .movementAmount{color:#1fa363}.movementItem.spent .movementAmount{color:#d64545}.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}.movementsHistory{margin-top:-8px}.movementsToggle{font-size:13px;padding:10px 14px}}.movementItem .movementInfo .movementBalance{align-items:center;color:#8a8d91;color:var(--text-muted,#8a8d91);display:inline-flex;font-size:12px;gap:6px;margin-top:3px}.movementItem .movementInfo .movementBalance .balanceBefore{opacity:.75;text-decoration:line-through}.movementItem .movementInfo .movementBalance .balanceArrow{opacity:.7}.movementItem .movementInfo .movementBalance .balanceAfter{color:#65676b;color:var(--text-secondary,#65676b);font-weight:700}.visor-documento{align-items:center;background:#000000d1;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:3000}.visor-caja{color:#1c1e21;color:var(--text-color,#1c1e21);flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.visor-caja,.visor-encabezado{background:#fff;background:var(--card-bg,#fff);display:flex}.visor-encabezado{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border-color,#e4e6eb);flex:0 0 auto;gap:12px;gap:var(--space-3,12px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.visor-titulo{flex:1 1 auto;min-width:0}.visor-titulo h3{font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visor-titulo small{color:#65676b;color:var(--text-secondary,#65676b);font-size:12px}.visor-acciones{align-items:center;display:flex;flex:0 0 auto;gap:4px;gap:var(--space-1,4px)}.visor-btn{align-items:center;background:#0000;border:none;border-radius:999px;border-radius:var(--radius-pill,999px);color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease;width:36px}.visor-btn:hover{background:#0077c814;background:var(--brand-soft,#0077c814);color:#0077c8;color:var(--brand,#0077c8)}.visor-cerrar:hover{background:#dc35451f;color:#dc3545;color:var(--danger,#dc3545)}.visor-cuerpo{display:flex;min-height:0;overflow:auto}.visor-cuerpo,.visor-marco{background:#f5f6f7;background:var(--card-bg-alt,#f5f6f7);flex:1 1 auto}.visor-marco{border:none;height:100%;width:100%}.visor-imagen{align-items:center;display:flex;flex:1 1 auto;justify-content:center;padding:16px;padding:var(--space-4,16px)}.visor-imagen img{border-radius:6px;border-radius:var(--radius-sm,6px);max-height:100%;max-width:100%;object-fit:contain}.visor-texto{color:#1c1e21;color:var(--text-color,#1c1e21);flex:1 1 auto;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.55;margin:0;overflow:auto;padding:16px;padding:var(--space-4,16px);white-space:pre-wrap;word-break:break-word}.visor-aviso{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--space-2,8px);justify-content:center;padding:24px;padding:var(--space-6,24px);text-align:center}.visor-aviso .visor-aviso-titulo{color:#1c1e21;color:var(--text-color,#1c1e21);font-weight:600}.visor-aviso .visor-detalle{color:#8a8d91;color:var(--text-muted,#8a8d91);font-size:12px}.visor-aviso p{margin:0}@media(min-width:768px){.visor-documento{padding:24px;padding:var(--space-6,24px)}.visor-caja{border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg,0 8px 24px #0000001f);height:min(90vh,100%);width:min(1100px,100%)}}.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{align-items:center;border-bottom:1px solid #e9ecef;color:#333;display:flex;font-size:13px;font-weight:600;justify-content:space-between;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-header .mobile-close-btn{align-items:center;background:#0000000f;border:none;border-radius:50%;color:inherit;cursor:pointer;display:none;height:32px;justify-content:center;min-height:0;padding:0;width:32px}.dark .space-media-sidebar .media-header .mobile-close-btn{background:#ffffff1a}.space-media-sidebar .viewer-only-notice{background:#f0f7ff;border:1px solid #cfe6ff;border-radius:8px;color:#005fa3;font-size:11.5px;font-weight:600;margin:10px 12px 0;padding:8px 12px;text-align:center}.dark .space-media-sidebar .viewer-only-notice{background:#0077c81f;border-color:#0077c859;color:#7fc4ff}.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.clickable{cursor:pointer}.space-media-sidebar .document-item .doc-info.clickable:hover .doc-name{color:#0077c8;text-decoration:underline}.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 .preview-btn{background:#0077c8;color:#fff}.space-media-sidebar .document-item .doc-actions .preview-btn:hover{background:#005fa3}.space-media-sidebar .document-item .doc-actions .download-btn{background:#eef3f7;color:#0077c8}.space-media-sidebar .document-item .doc-actions .download-btn:hover{background:#dde8f0}.dark .space-media-sidebar .document-item .doc-actions .download-btn{background:#22303c;color:#6bb7e8}.dark .space-media-sidebar .document-item .doc-actions .download-btn:hover{background:#2b3d4d}.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(3,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}.space-media-sidebar.mobile-open{animation:slideUp .25s ease-out;border-radius:0;height:100dvh;inset:0;max-height:100dvh;position:fixed;z-index:1200}.space-media-sidebar.mobile-open .media-header{padding-top:max(14px,env(safe-area-inset-top))}.space-media-sidebar.mobile-open .media-header .mobile-close-btn{display:flex}.space-media-sidebar.mobile-open .media-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}.space-media-sidebar.mobile-open .gallery-grid{gap:6px;grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:420px){.space-media-sidebar .gallery-grid,.space-media-sidebar.mobile-open .gallery-grid{grid-template-columns:repeat(2,1fr)}}.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{align-items:center;background:#eef2f7;border-radius:8px;color:#5b6774;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;width:40px}.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:#0077c8;background-color:var(--brand,#0077c8);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}}.navbarContainer .navbarRight .navbarAdminBtn{align-items:center;background:#ffffff29;border:1px solid #ffffff8c;border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-right:14px;padding:7px 14px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease;white-space:nowrap}.navbarContainer .navbarRight .navbarAdminBtn:hover{background:#fff;border-color:#fff;color:#005fa3;color:var(--brand-dark,#005fa3)}.navbarContainer .navbarRight .navbarAdminBtn svg{font-size:18px}@media only screen and (max-width:768px){.navbarContainer .navbarRight .navbarAdminBtn{gap:0;margin-right:8px;padding:7px}.navbarContainer .navbarRight .navbarAdminBtn span{display:none}}.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:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-color);padding:var(--space-5)}.profileRightBar .profileRightBarHeading{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.profileRightBar .profileRightBarHeading .profileRightBarTitle{color:var(--text-color);font-size:18px;font-weight:700;margin:0}.profileRightBar .userDetails{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.profileRightBar .userDetails .userDetailRow{display:flex;flex-direction:column;min-width:0}.profileRightBar .userDetails .userDetailRow dt{color:var(--text-muted);font-size:11px;letter-spacing:.6px;margin-bottom:2px;text-transform:uppercase}.profileRightBar .userDetails .userDetailRow dd{color:var(--text-color);font-size:15px;margin:0;overflow-wrap:anywhere}.profileRightBar .userDetailsEmpty{color:var(--text-secondary);font-size:15px;margin:0}.profileRightBar .actionButtons{border-top:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4)}.profileRightBar .actionButtons .adminButton,.profileRightBar .actionButtons .editButton{border-radius:var(--radius-sm);flex:1 1 auto;font-size:14px;font-weight:600;padding:9px 14px;text-align:center;text-decoration:none;transition:background-color .18s ease}.profileRightBar .actionButtons .editButton{background:var(--brand);color:var(--brand-contrast)}.profileRightBar .actionButtons .editButton:hover{background:var(--brand-dark)}.profileRightBar .actionButtons .adminButton{background:#0000;border:1px solid var(--brand);color:var(--brand)}.profileRightBar .actionButtons .adminButton:hover{background:var(--brand-soft)}.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:#0077c8;background-color:var(--brand,#0077c8);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}}.menuLink,.menuLink a,.menuLink span{line-height:1.35}.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:#0077c8;background-color:var(--brand,#0077c8);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:#0077c8;background-color:var(--brand,#0077c8);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:#0077c8;background:var(--brand,#0077c8);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:#0077c8;background:var(--brand,#0077c8);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}}.mobile-media-fab{align-items:center;background:linear-gradient(135deg,#0077c8,#005fa3);border:none;border-radius:999px;bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 4px 14px #005fa366;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;left:16px;min-height:44px;padding:10px 16px;position:fixed;z-index:1100}.mobile-media-fab:active{transform:scale(.97)}.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:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}.profile .profileWrapper{grid-gap:var(--space-5);align-items:start;display:grid;flex:1 1;gap:var(--space-5);grid-template-columns:minmax(200px,240px) minmax(0,1fr);min-height:calc(100vh - 60px)}.profile .profileMain{min-width:0;padding:0 var(--space-4) var(--space-8)}.profile .profileEstado{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-8) auto;max-width:560px;padding:var(--space-8) var(--space-6);text-align:center}.profile .profileEstado h3{color:var(--brand-dark);font-size:20px;margin:0 0 var(--space-2)}.profile .profileEstado p{color:var(--text-secondary);margin:0 0 var(--space-5)}.profile .btnPrimario,.profile .btnSecundario{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:var(--space-2);justify-content:center;padding:9px 18px;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.profile .btnPrimario{background:var(--brand);color:var(--brand-contrast)}.profile .btnPrimario:hover{background:var(--brand-dark)}.profile .btnSecundario{background:#0000;border-color:var(--brand);color:var(--brand)}.profile .btnSecundario:hover{background:var(--brand-soft)}.profile .fbHeader{background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:var(--shadow-sm);margin:0 auto var(--space-4);max-width:1100px;overflow:hidden}.profile .fbCover{background:var(--card-bg-alt);height:320px;overflow:hidden;position:relative}.profile .fbCover .fbCoverArt{background:radial-gradient(circle at 82% 18%,#ffffff38 0,#0000 42%),radial-gradient(circle at 12% 82%,#ffffff24 0,#0000 38%),linear-gradient(120deg,var(--brand-dark) 0,var(--brand) 55%,var(--brand-accent) 100%);inset:0;position:absolute}.profile .fbHeaderBody{padding:0 var(--space-8)}.profile .fbIdentidad{align-items:flex-end;display:flex;gap:var(--space-5);margin-top:-88px;padding-bottom:var(--space-5);position:relative;z-index:1}.profile .fbAvatarAro{background:var(--card-bg);border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0;height:176px;padding:5px;width:176px}.profile .fbAvatarAro .fbAvatar{background:var(--card-bg-alt);border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile .fbNombreBloque{flex:1 1;min-width:0;padding-bottom:var(--space-2)}.profile .fbNombreBloque .fbNombreLinea{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.profile .fbNombreBloque .fbRol{background:var(--brand-soft);border:1px solid var(--brand);border-radius:var(--radius-pill);color:var(--brand);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.6px;padding:3px 12px;text-transform:uppercase;white-space:nowrap}.profile .fbNombreBloque .fbNombre{color:var(--text-color);font-size:32px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0;overflow-wrap:anywhere;text-transform:capitalize}.profile .fbNombreBloque .fbSubtitulo{color:var(--text-secondary);font-size:15px;font-weight:600;margin:var(--space-1) 0 0}.profile .fbNombreBloque .fbUsuario{color:var(--text-muted);font-size:14px;margin:2px 0 0}.profile .fbAcciones{display:flex;flex-shrink:0;gap:var(--space-2);padding-bottom:var(--space-3)}.profile .fbPestanas{border-top:1px solid var(--divider);display:flex;gap:var(--space-1);overflow-x:auto}.profile .fbPestanas .fbPestana{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:var(--space-2);padding:var(--space-4) var(--space-4);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.profile .fbPestanas .fbPestana:hover{background:var(--brand-soft);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.profile .fbPestanas .fbPestana.activa{border-bottom-color:var(--brand);color:var(--brand)}.profile .fbPestanas .fbPestana .fbContador{background:var(--card-bg-alt);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-weight:700;padding:1px 8px}.profile .fbCuerpo{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,360px) minmax(0,1fr);margin:0 auto;max-width:1100px}.profile .fbColumnaIzquierda{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}.profile .fbColumnaDerecha{min-width:0}.profile .fbTarjeta{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.profile .fbTarjeta .fbTarjetaCabecera{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.profile .fbTarjeta .fbTarjetaCabecera h2{color:var(--text-color);font-size:18px;font-weight:700;margin:0}.profile .fbTarjeta .fbEnlaceAccion{background:none;border:none;color:var(--brand);cursor:pointer;font-size:14px;font-weight:600;padding:0}.profile .fbTarjeta .fbEnlaceAccion:hover{text-decoration:underline}.profile .fbTarjeta .fbVacio{color:var(--text-secondary);font-size:15px;margin:0}.profile .fbDetalle{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0;padding:0}.profile .fbDetalle li{align-items:flex-start;display:flex;gap:var(--space-3);min-width:0}.profile .fbDetalle .fbDetalleIcono{align-items:center;background:var(--card-bg-alt);border-radius:50%;color:var(--text-secondary);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.profile .fbDetalle .fbDetalleIcono svg{font-size:19px}.profile .fbDetalle .fbDetalleTexto{display:flex;flex-direction:column;min-width:0}.profile .fbDetalle .fbDetalleEtiqueta{color:var(--text-muted);font-size:11px;letter-spacing:.6px;text-transform:uppercase}.profile .fbDetalle .fbDetalleValor{color:var(--text-color);font-size:15px;overflow-wrap:anywhere}.profile .fbFotosMini{grid-gap:var(--space-1);border-radius:var(--radius-md);display:grid;gap:var(--space-1);grid-template-columns:repeat(3,1fr);overflow:hidden}.profile .fbFotosMini img{aspect-ratio:1/1;background:var(--card-bg-alt);display:block;object-fit:cover;width:100%}.profile .fbFotosGrid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.profile .fbFotosGrid a{border-radius:var(--radius-md);display:block;overflow:hidden}.profile .fbFotosGrid img{aspect-ratio:1/1;background:var(--card-bg-alt);display:block;object-fit:cover;transition:transform .2s ease;width:100%}.profile .fbFotosGrid img:hover{transform:scale(1.04)}@media only screen and (max-width:1024px){.profile .fbCuerpo{grid-template-columns:minmax(0,1fr)}.profile .fbColumnaIzquierda{position:static}}@media only screen and (max-width:768px){.profile .profileMain{padding:0 var(--space-2) var(--space-6)}.profile .fbCover{height:170px}.profile .fbHeaderBody{padding:0 var(--space-4)}.profile .fbIdentidad{align-items:center;flex-direction:column;gap:var(--space-3);margin-top:-60px;text-align:center}.profile .fbAvatarAro{height:120px;width:120px}.profile .fbNombreBloque{padding-bottom:0}.profile .fbNombreBloque .fbNombreLinea{gap:var(--space-2);justify-content:center}.profile .fbNombreBloque .fbNombre{font-size:23px}.profile .fbNombreBloque .fbSubtitulo{font-size:14px}.profile .fbAcciones{flex-wrap:wrap;justify-content:center;padding-bottom:0;width:100%}.profile .fbAcciones .btnPrimario,.profile .fbAcciones .btnSecundario{flex:1 1 auto}.profile .fbPestanas .fbPestana{flex:1 0 auto;font-size:14px;justify-content:center;padding:var(--space-3) var(--space-2)}.profile .fbDetalle{grid-template-columns:1fr}}@media only screen and (min-width:769px)and (max-width:1024px){.profile .profileWrapper{grid-template-columns:minmax(190px,220px) minmax(0,1fr)}}@media only screen and (max-width:768px){.profile .profileWrapper{gap:0;grid-template-columns:1fr}.profile .sidebar{display:none}}: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}}.importDetalle{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:10px;margin-bottom:16px;padding:16px}.importDetalle .importDetalleTitulo{color:#005fa3;color:var(--brand-dark,#005fa3);font-size:14px;font-weight:700;margin:0 0 12px}.importDetalle .importDetalleScroll{border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:8px;max-height:340px;overflow:auto}.importDetalle .importDetalleTabla{border-collapse:collapse;font-size:13px;min-width:640px;width:100%}.importDetalle .importDetalleTabla td,.importDetalle .importDetalleTabla th{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border-color,#e4e6eb);padding:8px 10px;text-align:left;white-space:nowrap}.importDetalle .importDetalleTabla th{background:#f5f6f7;background:var(--card-bg-alt,#f5f6f7);color:#65676b;color:var(--text-secondary,#65676b);font-size:11px;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.importDetalle .importDetalleTabla .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.importDetalle .importDetalleTabla .antes{color:#8a8d91;color:var(--text-muted,#8a8d91)}.importDetalle .importDetalleTabla .mov{font-weight:700}.importDetalle .importDetalleTabla .mov.sube{color:#1a7f37}.importDetalle .importDetalleTabla .mov.baja{color:#d32f2f}.importDetalle .importDetalleTabla .despues{color:#1c1e21;color:var(--text-color,#1c1e21);font-weight:700}.importDetalle .importDetalleTabla .avisoCero{align-items:center;background:#f0a020;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-weight:700;height:16px;justify-content:center;margin-left:6px;width:16px}.importDetalle .importDetalleTabla .motivo{color:#65676b;color:var(--text-secondary,#65676b);min-width:200px;white-space:normal}.importDetalle .importDetalleTabla tbody tr:hover{background:#0077c80f;background:var(--brand-soft,#0077c80f)}.importDetalle .importDetalleNota{color:#8a8d91;color:var(--text-muted,#8a8d91);font-size:12px;margin:10px 0 0}.previewAleatorio{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.previewAleatorio .previewAleatorioBtn{align-items:center;background:#0000;border:1px solid #0077c8;border:1px solid var(--brand,#0077c8);border-radius:8px;color:#0077c8;color:var(--brand,#0077c8);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:9px 16px;transition:background-color .18s ease,color .18s ease}.previewAleatorio .previewAleatorioBtn:hover{background:#0077c8;background:var(--brand,#0077c8);color:#fff}.previewAleatorio .previewAleatorioNota{color:#65676b;color:var(--text-secondary,#65676b);font-size:13px}.previewAleatorio .previewAleatorioNota.error{color:#dc3545;color:var(--danger,#dc3545)}@media only screen and (max-width:576px){.previewAleatorio .previewAleatorioBtn{justify-content:center;width:100%}.previewAleatorio .previewAleatorioNota{font-size:12px}}.admin-container{--ap-brand:#0077c8;--ap-brand-dark:#005fa3;--ap-brand-soft:#eef7ff;--ap-surface:#fff;--ap-surface-alt:#f7f9fb;--ap-border:#e2e7ee;--ap-text:#1f2a37;--ap-text-soft:#5b6774;--ap-text-muted:#8a94a0;--ap-ok:#1e7e42;--ap-ok-bg:#e9f7ef;--ap-error:#c0392b;--ap-error-bg:#fdecea;--ap-warn:#8a6d00;--ap-warn-bg:#fff8e1;--ap-radius:10px}.admin-container .section-head{margin-bottom:20px}.admin-container .section-head h3{color:var(--ap-brand-dark);font-size:1.3rem;font-weight:700;margin:0}.admin-container .section-head p{color:var(--ap-text-soft);font-size:.875rem;margin:4px 0 0}.admin-container .notif-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.admin-container .notif-panel{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:0 1px 3px #101e360f;min-width:0;overflow:hidden}.admin-container .notif-panel-head{align-items:center;background:var(--ap-surface-alt);border-bottom:1px solid var(--ap-border);color:var(--ap-brand-dark);display:flex;gap:8px;padding:14px 18px}.admin-container .notif-panel-head h4{font-size:.95rem;font-weight:700;margin:0}.admin-container .notif-panel-body{padding:18px}.admin-container .template-tabs{background:var(--ap-surface-alt);border:1px solid var(--ap-border);border-radius:var(--ap-radius);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:4px}.admin-container .template-tab{background:#0000;border:1px solid #0000;border-radius:7px;color:var(--ap-text-soft);cursor:pointer;flex:1 1 auto;font-size:.83rem;font-weight:600;min-width:104px;padding:9px 12px;transition:background-color .18s ease,color .18s ease}.admin-container .template-tab:hover{background:var(--ap-brand-soft);color:var(--ap-brand-dark)}.admin-container .template-tab.active{background:var(--ap-brand);border-color:var(--ap-brand);color:#fff}.admin-container .template-preview{background:var(--ap-surface-alt);border:1px solid var(--ap-border);border-radius:var(--ap-radius);min-height:280px;padding:18px}.admin-container .template-preview__cargando{align-items:center;color:var(--ap-text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:10px;padding:60px 0}.admin-container .mailMock{background:#fff;border:1px solid var(--ap-border);border-radius:8px;overflow:hidden;text-align:center}.admin-container .mailMock__header{background:linear-gradient(135deg,var(--ap-brand-dark) 0,var(--ap-brand) 100%);color:#fff;padding:32px 24px}.admin-container .mailMock__header h2{font-size:1.5rem;font-weight:700;margin:0}.admin-container .mailMock__header p{font-size:.85rem;margin:8px 0 0;opacity:.88}.admin-container .mailMock__body{padding:24px 22px 28px}.admin-container .mailMock__body h3{color:var(--ap-brand-dark);font-size:1.1rem;margin:0 0 6px}.admin-container .mailMock__body p{color:var(--ap-text);font-size:.9rem;line-height:1.6;margin:0 0 10px}.admin-container .mailMock__avatar{align-items:center;background:linear-gradient(135deg,var(--ap-brand-dark) 0,var(--ap-brand) 100%);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:84px;justify-content:center;margin:0 auto 14px;width:84px}.admin-container .mailMock__cargo{color:var(--ap-brand);font-weight:600}.admin-container .mailMock__destacado{background:var(--ap-brand-soft);border-left:4px solid var(--ap-brand);border-radius:8px;margin:18px 0;padding:16px 18px;text-align:left}.admin-container .mailMock__destacado h5{color:var(--ap-brand-dark);font-size:.85rem;margin:0 0 8px}.admin-container .mailMock__destacado p{margin:4px 0}.admin-container .mailMock__destacado code{color:var(--ap-brand-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-container .mailMock__cta{background:var(--ap-brand);border-radius:6px;color:#fff;display:inline-block;font-size:.88rem;font-weight:600;padding:11px 26px}.admin-container .notif-field{margin-bottom:20px}.admin-container .notif-field--divider{border-top:1px solid var(--ap-border);margin-bottom:0;padding-top:18px}.admin-container .notif-label{color:var(--ap-text);display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.admin-container .notif-help{color:var(--ap-text-soft);font-size:.78rem;line-height:1.5;margin:6px 0}.admin-container .notif-input{background:#fff;border:1px solid #ccd4de;border-radius:7px;box-sizing:border-box;color:var(--ap-text);font-family:inherit;font-size:.875rem;margin-top:8px;padding:10px 12px;width:100%}.admin-container .notif-input:focus{border-color:var(--ap-brand);box-shadow:0 0 0 3px #0077c826;outline:none}.admin-container .notif-input--multi{min-height:150px}.admin-container .notif-check{align-items:center;background:var(--ap-surface-alt);border:1px solid var(--ap-border);border-radius:7px;color:var(--ap-text);cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:10px 12px}.admin-container .notif-check input{accent-color:var(--ap-brand);cursor:pointer;flex-shrink:0;height:17px;width:17px}.admin-container .notif-inline{align-items:flex-start;display:flex;gap:8px}.admin-container .notif-inline .notif-input{margin-top:0}.admin-container .notif-inline .notif-btn{margin-top:0;white-space:nowrap}.admin-container .notif-btn{align-items:center;border:1px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:11px 18px;transition:background-color .18s ease,border-color .18s ease;width:100%}.admin-container .notif-btn:disabled{cursor:not-allowed;opacity:.55}.admin-container .notif-btn.primary{background:var(--ap-brand);color:#fff}.admin-container .notif-btn.primary:hover:not(:disabled){background:var(--ap-brand-dark)}.admin-container .notif-btn.ghost{background:#fff;border-color:var(--ap-brand);color:var(--ap-brand)}.admin-container .notif-btn.ghost:hover:not(:disabled){background:var(--ap-brand-soft)}.admin-container .notif-alert{align-items:flex-start;border:1px solid #0000;border-radius:7px;display:flex;font-size:.8rem;gap:8px;line-height:1.5;margin-top:10px;padding:10px 12px}.admin-container .notif-alert.info{background:var(--ap-brand-soft);border-color:#b9dcff;color:var(--ap-brand-dark)}.admin-container .notif-alert.ok{background:var(--ap-ok-bg);border-color:#b7e4c7;color:var(--ap-ok)}.admin-container .notif-alert.error{background:var(--ap-error-bg);border-color:#f5c6cb;color:var(--ap-error)}.admin-container .notif-alert.warn{background:var(--ap-warn-bg);border-color:#ffe082;color:var(--ap-warn)}.admin-container .notif-alert svg{flex-shrink:0;margin-top:1px}.admin-container .chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.admin-container .chip{background:#fff;border:1px solid #ccd4de;border-radius:999px;color:var(--ap-text-soft);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;max-width:220px;overflow:hidden;padding:7px 14px;text-overflow:ellipsis;transition:background-color .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.admin-container .chip:hover{border-color:var(--ap-brand);color:var(--ap-brand-dark)}.admin-container .chip.active{background:var(--ap-brand);border-color:var(--ap-brand);color:#fff}.admin-container .logs-section{padding:20px}.admin-container .logs-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-container .logs-tab{background:#fff;border:1px solid var(--ap-border);border-radius:999px;color:var(--ap-text-soft);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:9px 16px}.admin-container .logs-tab:hover{border-color:var(--ap-brand);color:var(--ap-brand-dark)}.admin-container .logs-tab.active{background:var(--ap-brand);border-color:var(--ap-brand);color:#fff}.admin-container .logs-refresh{margin:0 0 0 auto;padding:8px 16px;width:auto}.admin-container .logs-panel{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:0 1px 3px #101e360f;padding:18px}.admin-container .logs-empty{background:var(--ap-surface-alt);border-radius:8px;color:var(--ap-text-muted);font-size:.875rem;padding:40px 20px;text-align:center}.admin-container .logs-scroll{border:1px solid var(--ap-border);border-radius:8px;margin-top:12px;overflow-x:auto}.admin-container .logs-table{border-collapse:collapse;font-size:.8rem;width:100%}.admin-container .logs-table th{background:var(--ap-surface-alt);border-bottom:1px solid var(--ap-border);color:var(--ap-text-soft);font-weight:700;padding:10px 12px;position:sticky;text-align:left;top:0;white-space:nowrap}.admin-container .logs-table td{border-bottom:1px solid #f1f4f8;color:var(--ap-text);padding:10px 12px;vertical-align:middle}.admin-container .logs-table tbody tr:last-child td{border-bottom:none}.admin-container .logs-table tbody tr:hover td{background:var(--ap-brand-soft)}.admin-container .logs-table .nowrap{white-space:nowrap}.admin-container .logs-table .right{text-align:right}.admin-container .logs-table .muted{color:var(--ap-text-muted)}.admin-container .logs-table .truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-container .logs-plantilla{color:var(--ap-brand-dark);font-weight:600}.admin-container .logs-tag{border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.4px;margin-left:6px;padding:2px 7px;text-transform:uppercase}.admin-container .logs-tag.test{background:var(--ap-warn-bg);color:var(--ap-warn)}.admin-container .logs-tag.bulk{background:#e0f2f1;color:#00695c}.admin-container .logs-estado{align-items:center;display:inline-flex;font-weight:600;gap:4px}.admin-container .logs-estado.ok{color:var(--ap-ok)}.admin-container .logs-estado.error{color:var(--ap-error)}.admin-container .logs-delta{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.admin-container .logs-delta.sube{color:var(--ap-ok)}.admin-container .logs-delta.baja{color:var(--ap-error)}.admin-container .logs-verBtn{align-items:center;background:#fff;border:1px solid var(--ap-brand);border-radius:6px;color:var(--ap-brand);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:4px;padding:5px 11px}.admin-container .logs-verBtn:hover{background:var(--ap-brand-soft)}.admin-container .import-mode-toggle{display:flex;gap:10px;margin-bottom:16px}.admin-container .import-mode{background:#fff;border:1px solid #ccd4de;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:3px;padding:12px 14px;text-align:left;transition:border-color .18s ease,background-color .18s ease}.admin-container .import-mode:hover{border-color:var(--ap-brand)}.admin-container .import-mode.active{background:var(--ap-brand-soft);border-color:var(--ap-brand);box-shadow:inset 0 0 0 1px var(--ap-brand)}.admin-container .import-mode__titulo{color:var(--ap-brand-dark);font-size:.85rem;font-weight:700}.admin-container .import-mode__desc{color:var(--ap-text-soft);font-size:.72rem}.admin-container .import-instructions{background:var(--ap-surface-alt);border:1px solid var(--ap-border);border-radius:8px;margin-bottom:16px;padding:14px 16px}.admin-container .import-instructions h4{color:var(--ap-brand-dark);font-size:.85rem;margin:0 0 8px}.admin-container .import-instructions p{color:var(--ap-text);font-size:.78rem;line-height:1.6;margin:0 0 6px}.admin-container .import-descargas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-container .import-descargas .notif-btn{font-size:.78rem;margin-top:0;padding:8px 14px;width:auto}.admin-container .dropzone{align-items:center;background:var(--ap-surface-alt);border:2px dashed #b9cbdd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:28px 20px;text-align:center;transition:border-color .18s ease,background-color .18s ease}.admin-container .dropzone.dragging,.admin-container .dropzone:hover{background:var(--ap-brand-soft);border-color:var(--ap-brand)}.admin-container .dropzone--compacta{padding:18px 16px}.admin-container .dropzone__icono{color:var(--ap-brand);font-size:34px!important;margin-bottom:4px}.admin-container .dropzone__titulo{color:var(--ap-text);font-size:.875rem;font-weight:600;overflow-wrap:anywhere}.admin-container .dropzone__nota{color:var(--ap-text-muted);font-size:.72rem}.admin-container .dropzone input[type=file]{display:none}.admin-container .import-archivo{align-items:center;background:var(--ap-brand-soft);border:1px solid #b9dcff;border-radius:7px;display:flex;gap:10px;justify-content:space-between;margin-top:10px;padding:9px 12px}.admin-container .import-archivo__nombre{color:var(--ap-brand-dark);font-size:.8rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-container .import-archivo button{background:#d9ecff;border:none;border-radius:6px;color:var(--ap-brand-dark);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.72rem;font-weight:600;padding:5px 11px}.admin-container .import-opcion{margin-bottom:20px}.admin-container .spaceForm{display:flex;flex-direction:column;gap:16px}.admin-container .spaceForm .campo{display:flex;flex-direction:column;gap:6px}.admin-container .spaceForm .campo label{color:var(--ap-text);font-size:.82rem;font-weight:700}.admin-container .spaceForm .campo input:not([type]),.admin-container .spaceForm .campo input[type=text],.admin-container .spaceForm .campo textarea{border:1px solid #ccd4de;border-radius:7px;box-sizing:border-box;color:var(--ap-text);font-family:inherit;font-size:.875rem;padding:10px 12px;width:100%}.admin-container .spaceForm .campo input:not([type]):focus,.admin-container .spaceForm .campo input[type=text]:focus,.admin-container .spaceForm .campo textarea:focus{border-color:var(--ap-brand);box-shadow:0 0 0 3px #0077c826;outline:none}.admin-container .spaceForm .campo textarea{min-height:88px;resize:vertical}.admin-container .spaceForm__preview{border:1px solid var(--ap-border);border-radius:8px;max-height:180px;object-fit:cover;width:100%}.admin-container .users-section .users-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-container .users-section .users-header-actions .createUserBtn,.admin-container .users-section .users-header-actions .exportBtn,.admin-container .users-section .users-header-actions .importPointsBtn,.admin-container .users-section .users-header-actions .importUserBtn{align-items:center;border:1px solid var(--ap-brand);border-radius:7px;box-shadow:none;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.84rem;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .18s ease,color .18s ease;white-space:nowrap}.admin-container .users-section .users-header-actions .createUserBtn:hover,.admin-container .users-section .users-header-actions .exportBtn:hover,.admin-container .users-section .users-header-actions .importPointsBtn:hover,.admin-container .users-section .users-header-actions .importUserBtn:hover{box-shadow:none;transform:none}.admin-container .users-section .users-header-actions .createUserBtn{background:var(--ap-brand);color:#fff}.admin-container .users-section .users-header-actions .createUserBtn:hover{background:var(--ap-brand-dark);border-color:var(--ap-brand-dark)}.admin-container .users-section .users-header-actions .exportBtn,.admin-container .users-section .users-header-actions .importPointsBtn,.admin-container .users-section .users-header-actions .importUserBtn{background:#fff;color:var(--ap-brand)}.admin-container .users-section .users-header-actions .exportBtn:hover,.admin-container .users-section .users-header-actions .importPointsBtn:hover,.admin-container .users-section .users-header-actions .importUserBtn:hover{background:var(--ap-brand-soft)}@media only screen and (max-width:1180px){.admin-container .notif-layout{grid-template-columns:minmax(0,1fr)}}@media only screen and (max-width:768px){.admin-container .notif-panel-body{padding:14px}.admin-container .template-preview{padding:12px}.admin-container .template-tab{font-size:.78rem;min-width:88px;padding:8px 10px}.admin-container .import-mode-toggle,.admin-container .notif-inline{flex-direction:column}.admin-container .notif-inline .notif-btn{width:100%}.admin-container .logs-panel{padding:14px}.admin-container .logs-refresh{margin-left:0;width:100%}.admin-container .logs-table .truncate{max-width:150px}.admin-container .mailMock__header{padding:24px 16px}.admin-container .mailMock__header h2{font-size:1.2rem}.admin-container .mailMock__body{padding:18px 14px 22px}.admin-container .users-section .users-header-actions{flex-direction:row;flex-wrap:wrap;width:100%}.admin-container .users-section .users-header-actions .createUserBtn,.admin-container .users-section .users-header-actions .exportBtn,.admin-container .users-section .users-header-actions .importPointsBtn,.admin-container .users-section .users-header-actions .importUserBtn{flex:1 1 140px;justify-content:center;min-height:44px}.admin-container .logs-section{padding:16px 12px}}.admin-container .user-card .user-badge{background:#ffffff38!important;border:1px solid #ffffff8c;color:#fff;letter-spacing:.5px;text-transform:uppercase}.admin-container .dashboard-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-container .dashboard-toolbar p{margin:0}.admin-container .dashboard-toolbar__acciones{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-container .users-container.users-list .user-card .user-header{align-items:flex-start;flex-direction:column;gap:10px;justify-content:flex-start}.admin-container .users-container.users-list .user-card .user-info{align-items:start;gap:10px;grid-template-columns:minmax(0,1fr)}.admin-container .users-container.users-list .user-card .user-info .user-details{grid-gap:6px 18px;display:grid;gap:6px 18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.admin-container .users-container.users-list .user-card .user-info .user-details .detail{min-width:0;overflow-wrap:anywhere}@media(min-width:1100px){.admin-container .users-container.users-list .user-card .user-info{align-items:center;grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.admin-container .users-container.users-list .user-card .user-info h4{align-self:end;grid-column:1;grid-row:1}.admin-container .users-container.users-list .user-card .user-info .username{align-self:start;grid-column:1;grid-row:2}.admin-container .users-container.users-list .user-card .user-info .user-details{grid-column:2;grid-row:1/span 2}.admin-container .users-container.users-list .user-card{grid-template-columns:190px minmax(0,1fr) max-content}}.admin-container .search-export-row .usersSearch{margin:0;max-width:450px;width:100%}.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}}.whatsapp-fab-wrapper{bottom:max(20px,env(safe-area-inset-bottom));height:68px;position:fixed;right:20px;width:68px;z-index:1300}.whatsapp-fab{align-items:center;animation:whatsapp-bounce 4.5s ease-in-out infinite;background:#25d366;border:none;border-radius:50%;box-shadow:0 4px 16px #25d36673;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:68px;inset:0;justify-content:center;min-height:0;padding:0;position:absolute;transition:filter .2s ease,box-shadow .2s ease;width:68px}.whatsapp-fab svg{font-size:36px}.whatsapp-fab:hover{box-shadow:0 6px 22px #25d3668c;filter:brightness(1.06)}.whatsapp-fab:active{filter:brightness(.96)}.whatsapp-fab-wrapper.expanded .whatsapp-fab,.whatsapp-fab-wrapper:hover .whatsapp-fab{animation-play-state:paused}@keyframes whatsapp-bounce{0%,82%,to{transform:translateY(0)}87%{transform:translateY(-7px)}91%{transform:translateY(0)}94%{transform:translateY(-3px)}97%{transform:translateY(0)}}.whatsapp-tooltip{align-items:center;animation:whatsapp-tooltip-in .22s cubic-bezier(.22,1,.36,1) forwards;background:#fff;border-radius:10px;box-shadow:0 4px 14px #0000002e;color:#1b1b1b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px;position:absolute;right:calc(100% + 12px);top:50%;transform-origin:right center;white-space:nowrap}.whatsapp-tooltip:after{background:inherit;border-radius:2px;content:"";height:10px;position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px}.dark .whatsapp-tooltip{background:#262626;color:#f2f2f2}.whatsapp-tooltip .whatsapp-tooltip-close{color:#999;cursor:pointer}.whatsapp-tooltip .whatsapp-tooltip-close:hover{color:#333}.dark .whatsapp-tooltip .whatsapp-tooltip-close:hover{color:#eee}@keyframes whatsapp-tooltip-in{0%{opacity:0;transform:translateY(-50%) scale(.85)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media only screen and (max-width:576px){.whatsapp-fab-wrapper{bottom:max(14px,env(safe-area-inset-bottom));height:60px;right:14px;width:60px}.whatsapp-fab{animation-name:whatsapp-bounce-mobile;height:60px;width:60px}.whatsapp-fab svg{font-size:32px}.whatsapp-tooltip{display:none}}@keyframes whatsapp-bounce-mobile{0%,82%,to{transform:translateY(0)}87%{transform:translateY(-4px)}91%{transform:translateY(0)}94%{transform:translateY(-2px)}97%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.whatsapp-fab,.whatsapp-tooltip{animation:none;transition:none}}.app{--fab-clearance:96px}@media only screen and (max-width:1024px){.app{--fab-clearance:88px}}.adminPanel,.feed .feedWrapper,.profile .profileMain,.rewards{padding-bottom:96px;padding-bottom:var(--fab-clearance,96px)}.app{--brand:#0077c8;--brand-dark:#005fa3;--brand-accent:#00a0d0;--brand-soft:#0077c814;--brand-contrast:#fff;--bg-color:#f0f2f5;--card-bg:#fff;--card-bg-alt:#f5f6f7;--border-color:#e4e6eb;--divider:#e4e6eb;--text-color:#1c1e21;--text-secondary:#65676b;--text-muted:#8a8d91;--input-bg:#f0f2f5;--input-text:#1c1e21;--input-border:#d6d9dd;--danger:#dc3545;--danger-dark:#b02a37;--success:#27ae60;--warning:#f0a020;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 2px 8px #00000017;--shadow-lg:0 8px 24px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--primary:var(--brand);--primary-dark:var(--brand-dark);--primary-light:var(--brand-accent)}.app.dark{--brand:#2b9fe0;--brand-dark:#0077c8;--brand-accent:#35c3ee;--brand-soft:#2b9fe024;--brand-contrast:#0b1116;--bg-color:#111;--card-bg:#1a1a1a;--card-bg-alt:#232323;--border-color:#ffffff1a;--divider:#ffffff1a;--text-color:#d0d0d0;--text-secondary:#a5a7aa;--text-muted:#8b8d90;--input-bg:#1e1e1e;--input-text:#e5e5e5;--input-border:#ffffff26;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 2px 8px #0000008c;--shadow-lg:0 8px 24px #0009}.app,.app button,.app input,.app select,.app textarea{font-family:var(--font-family)}.app{background:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .25s ease,color .25s ease}.app,.app *{box-sizing:border-box}.app.dark{background:var(--bg-color);color:var(--text-color)}.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.ad071be3.css.map*/