@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.home-root{width:100%;color:#111;font-family:sans-serif}.container-root{max-width:1280px;margin:0 auto;padding:24px}.column-title{font-size:1.2rem;text-align:center;font-weight:600;margin-bottom:16px;color:var(--color-text)}.header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px;gap:16px}.main-title{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:8px;color:var(--color-text)}.sub-title{text-align:center;font-size:1.25rem;color:var(--color-subtitle)}.search-filter-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-wrapper,.filter-wrapper{flex:0 0 auto}.search-group{position:relative}.icon-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888}.select-filter{padding:11px;border-radius:8px;cursor:pointer;border:none;outline:none;font-size:1rem;background:#fff}.content-section{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.sidebar-area{flex:1 1 220px;max-width:220px;display:flex;flex-direction:column;gap:20px}.main-area{flex:1}.documents-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0px;position:relative;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,filter .2s ease}.documents-grid.is-loading{opacity:.35;filter:blur(.5px);transform:translateY(4px)}.grid-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.document-column{width:175px;margin:0}.documents-grid>*:nth-child(n+6){margin-top:22px}.document-card{display:flex;position:relative;width:100%;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.document-card:hover{transform:translateY(-8px);box-shadow:0 4px 12px #0000001a}.document-card-image-container{width:100%;height:120px;overflow:hidden;position:relative}.document-card-image-container .vip-badge{position:absolute;top:8px;right:-8px;bottom:auto;left:auto;width:26px;height:26px;border-radius:50%;border:2px solid transparent;background-image:linear-gradient(#f5c542,#f5c542),linear-gradient(45deg,gold,#ff9d00,#fd5);background-origin:border-box;background-clip:content-box,border-box;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;z-index:2;animation:vip-glow 2s linear infinite}.document-card-image-container .vip-badge svg{width:14px;height:14px}.document-card-image{width:100%;height:100%;object-fit:cover}.document-card-body{padding:12px;display:flex;flex-direction:column;flex:1}.home-document-title{font-size:.8rem;font-weight:700;color:#a0adc9;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-text{font-size:.85rem;flex:1;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-meta{font-size:.75rem;color:#666;margin-bottom:8px}.action-center{display:flex;justify-content:center;align-items:center;margin-top:12px}.btn-primary-custom{padding:8px 16px;background:var(--color-button);color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;transition:background .2s ease}.btn-primary-custom:hover{filter:brightness(.9)}.loading-view,.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#777}.spinner-custom{width:40px;height:40px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s infinite linear}.divider-section{margin:32px 0;text-align:center;position:relative}.divider-section:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ccc;z-index:1}.divider-text{display:inline-block;background-color:var(--color-background);padding:0 12px;font-size:1rem;color:#555;position:relative;z-index:2}.contributors-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.contrib-box{width:100%}@media (max-width: 768px){.contributors-section{grid-template-columns:1fr}}@media (max-width: 1200px){.documents-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.documents-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.content-section{flex-direction:column}.sidebar-area{width:100%;margin-bottom:24px}.documents-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.documents-grid{grid-template-columns:1fr}}.top-interest-documents-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;overflow:hidden;display:flex;flex-direction:column}.top-interest-header{background-color:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e5e7eb}.top-interest-title{font-size:.9rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.icon-graph{display:inline-block;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0V0zm11.5 4a.5.5 0 0 1 .5.5V11h-1V5.707l-2.146 2.147a.5.5 0 0 1-.708 0L6 6.207 3.854 8.354a.5.5 0 1 1-.708-.708l2.5-2.5a.5.5 0 0 1 .708 0L9 6.293l1.646-1.647A.5.5 0 0 1 11.5 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.top-interest-body{padding:0 12px 8px;height:100%;overflow-y:auto}.loading-box{display:flex;flex-direction:column;align-items:center;padding:24px 12px}.spinner-custom-sm{width:24px;height:24px;border:3px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.loading-text-small{font-size:.875rem;color:#666}.empty-text{font-size:.875rem;color:#777;text-align:center;padding:20px 10px}.top-interest-list{list-style:none;padding:0;margin:0}.top-interest-list>li+li{border-top:1px solid #eee}.top-interest-item{display:flex;align-items:flex-start;padding:10px 0;gap:10px;border-bottom:1px solid #e5e7eb}.top-interest-item.vip{background:linear-gradient(90deg,#f4d0040f,#ffd900ac);border-radius:6px;padding-left:8px}.top-interest-item.vip:before{display:none}.top-interest-item:last-child{border-bottom:none}.item-rank{position:relative;right:-6px;font-size:1rem;font-weight:700;min-width:24px;margin:auto 0;color:#111827}.item-link{display:flex;justify-content:center;align-items:center;text-decoration:none;color:inherit;flex-grow:1;min-width:0;max-height:89px;gap:12px}.item-thumb{position:relative;width:50px;height:50px;flex-shrink:0}.item-image{margin:auto 0;width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.item-thumb .vip-badge-interest{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:2px solid transparent;background-image:linear-gradient(#f5c542,#f5c542),linear-gradient(45deg,gold,#ff9d00,#fd5);background-origin:border-box;background-clip:content-box,border-box;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;animation:vip-glow 2s linear infinite;z-index:3}.item-thumb .vip-badge-interest svg{width:10px;height:10px}.item-info{flex:1;min-width:0;margin-top:4px;display:flex;flex-direction:column;gap:3px}.vip-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:10px;font-weight:700;color:#111827;padding:2px 6px;border-radius:999px;background-image:linear-gradient(45deg,gold,#ff9d00)}.item-title{font-size:.8rem;font-weight:500;color:#111827;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.item-meta{display:flex;flex-direction:column;gap:2px;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-download{font-size:.6rem;color:#6b7280;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-user{display:inline-block;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3Cpath fill-rule='evenodd' d='M8 9a5 5 0 0 0-5 5v.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V14a5 5 0 0 0-5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.contributor-card{display:flex;flex-direction:column;align-items:center;text-align:center}.contributor-image{width:70%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.contributor-avatar{width:122px;height:122px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.contributor-name{font-size:1.2rem;color:var(--color-text);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.contributor-stat{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.contributor-link{display:inline-block;color:#fff;background-color:var(--color-button);padding:8px 16px;border-radius:6px;font-size:.9rem;text-decoration:none;transition:all .2s ease}.contributor-link:hover{filter:brightness(.9);color:#fff}.icon-people,.icon-doc{display:inline-block;width:14px;height:14px;margin-right:4px;background-repeat:no-repeat;background-size:contain}.icon-people{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M13 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM3 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 1c-1.105 0-2 .672-2 1.5V11h4v-1.5c0-.828-.895-1.5-2-1.5zM3 8c-1.105 0-2 .672-2 1.5V11h4v-1.5C5 8.672 4.105 8 3 8z'/%3E%3C/svg%3E")}.icon-doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5.5L9.5 0H4zm3 8h2v1H7V8zm0 2h2v1H7v-1zm0 2h2v1H7v-1zm3-4h1v1h-1V8zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1z'/%3E%3C/svg%3E")}.document-card-body{padding:16px;display:flex;flex-direction:column;flex-grow:1}.document-card-header{display:flex;justify-content:space-between;align-items:center}.home-document-title{font-size:.8rem;font-weight:700;color:#111827;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.document-download{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:4px}.document-description{height:30px;font-size:.75rem;color:var(--color-subtitle);margin:10px 0;max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.document-meta{font-size:.75rem;color:#6b7280;margin-top:auto}.meta-author,.meta-date{display:flex;align-items:center;margin-bottom:4px;gap:4px}.document-link{text-decoration:none;color:inherit;display:block;height:100%;transition:background-color .2s ease}.document-link:hover{transform:translateY(-1px);box-shadow:0 1px 16px #0000001f;cursor:pointer}.icon-download,.icon-user,.icon-calendar{display:inline-block;width:10px;height:10px;background-repeat:no-repeat;background-size:contain}.icon-download{background-image:url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9V14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V9.9a.5.5 0 0 0-1 0V14a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V9.9a.5.5 0 0 0-1 0z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z'/%3E%3C/svg%3E")}.icon-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3Cpath fill-rule='evenodd' d='M8 9a5 5 0 0 0-5 5v.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V14a5 5 0 0 0-5-5z'/%3E%3C/svg%3E")}.icon-calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h.5A1.5 1.5 0 0 1 15 2.5v11A1.5 1.5 0 0 1 13.5 15h-11A1.5 1.5 0 0 1 1 13.5v-11A1.5 1.5 0 0 1 2.5 1H3v-.5a.5.5 0 0 1 .5-.5zM2 4v9.5a.5.5 0 0 0 .5.5H13.5a.5.5 0 0 0 .5-.5V4H2z'/%3E%3C/svg%3E")}.status-label{position:absolute;top:10px;left:10px;color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.status-label.semi-approved{background-color:#f59f0bd9}.status-label.approved{background-color:#22c55ed9}.status-label.pending{background-color:#9ca3afd9}.vip-horizontal-banner-wrapper{margin:50px 0;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vip-horizontal-banner{display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px 50px;text-decoration:none;color:#fff;box-shadow:0 10px 40px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.vip-horizontal-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmerSlow 6s infinite linear}@keyframes shimmerSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-horizontal-banner:hover{transform:translateY(-5px);box-shadow:0 15px 50px #667eea66}.vip-horizontal-left{flex:1;position:relative;z-index:1}.vip-horizontal-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:16px;border:1px solid rgba(255,255,255,.3)}.vip-horizontal-title{font-size:2rem;font-weight:700;margin-bottom:12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.vip-horizontal-subtitle{font-size:1.1rem;opacity:.95;margin-bottom:20px;line-height:1.5}.vip-horizontal-features{display:flex;gap:20px;flex-wrap:wrap}.vip-h-feature{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:25px;font-size:.95rem;font-weight:500;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.vip-h-feature:hover{background:#ffffff40;transform:scale(1.05)}.vip-h-feature svg{font-size:1.1rem}.vip-horizontal-right{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.vip-horizontal-icon-wrapper{width:120px;height:120px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vip-horizontal-icon{font-size:4rem;color:#fff}.vip-horizontal-button{padding:14px 32px;background:#fff;color:#667eea;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #ffffff4d;transition:all .3s ease;white-space:nowrap}.vip-horizontal-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ffffff80;background:#f9fafb}.vip-horizontal-price{font-size:1rem;opacity:.95;font-weight:500}.price-highlight{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vip-welcome-horizontal-banner{display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #ffd700;border-radius:20px;padding:40px 50px;color:#fff;box-shadow:0 10px 40px #ffd70066,0 0 80px #ffd7001a;position:relative;overflow:hidden}.vip-welcome-horizontal-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);animation:shimmerSlow 6s infinite linear}.vip-welcome-horizontal-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(255,215,0,.1) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,215,0,.1) 50%,transparent 52%);background-size:40px 40px;opacity:.3;pointer-events:none}.vip-welcome-left{flex:1;position:relative;z-index:1}.vip-welcome-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;padding:10px 20px;border-radius:25px;font-size:.95rem;font-weight:700;margin-bottom:16px;box-shadow:0 4px 15px #ffd70080;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #ffd70080}50%{box-shadow:0 4px 25px #ffd700cc}}.vip-welcome-title{font-size:2.2rem;font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 3s linear infinite}@keyframes gradientShift{0%{background-position:0% center}to{background-position:200% center}}.vip-welcome-subtitle{font-size:1.15rem;margin-bottom:24px;color:#ffffffe6;font-weight:400}.vip-welcome-stats{display:flex;gap:20px;flex-wrap:wrap}.vip-stat{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:gold;background:#ffd70026;padding:12px 20px;border-radius:15px;border:1px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.vip-stat:hover{background:#ffd70040;border-color:#ffd70080;transform:translateY(-2px)}.vip-stat svg{color:gold;font-size:1.2rem}.vip-welcome-right{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1}.vip-welcome-icon-wrapper{animation:floatUpDown 3s infinite ease-in-out;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}.vip-welcome-icon{font-size:5rem;color:gold;animation:rotateGlow 4s infinite ease-in-out}@keyframes rotateGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:rotate(-10deg)}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,1));transform:rotate(10deg)}}.vip-manage-button{padding:16px 36px;background:linear-gradient(135deg,gold,#ffb800);color:#1a1a2e;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #ffd70066;transition:all .3s ease;white-space:nowrap;text-decoration:none}.vip-manage-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.vip-welcome-message{font-size:1.1rem;font-weight:500;color:#ffd700e6;text-shadow:0 2px 10px rgba(255,215,0,.3)}@media (max-width: 1024px){.vip-horizontal-banner{padding:35px 40px;gap:30px}.vip-horizontal-title{font-size:1.8rem}.vip-horizontal-subtitle{font-size:1rem}.vip-horizontal-icon-wrapper{width:100px;height:100px}.vip-horizontal-icon{font-size:3.5rem}}@media (max-width: 768px){.vip-horizontal-banner-wrapper{margin:30px 0}.vip-horizontal-banner{flex-direction:column;text-align:center;padding:30px 25px;gap:25px}.vip-horizontal-title{font-size:1.6rem}.vip-horizontal-subtitle{font-size:.95rem}.vip-horizontal-features{justify-content:center}.vip-h-feature{padding:8px 14px;font-size:.85rem}.vip-horizontal-icon-wrapper{width:90px;height:90px}.vip-horizontal-icon{font-size:3rem}.vip-horizontal-button{padding:12px 28px;font-size:1rem}}@media (max-width: 480px){.vip-horizontal-banner{padding:25px 20px}.vip-horizontal-badge{font-size:.7rem;padding:5px 12px}.vip-horizontal-title{font-size:1.4rem}.vip-horizontal-subtitle{font-size:.85rem}.vip-horizontal-features{flex-direction:column;width:100%}.vip-h-feature{width:100%;justify-content:center}.vip-horizontal-icon-wrapper{width:80px;height:80px}.vip-horizontal-icon{font-size:2.5rem}.vip-horizontal-button{width:100%;justify-content:center;padding:12px 24px;font-size:.95rem}.vip-horizontal-price{font-size:.9rem}.price-highlight{font-size:1.5rem}}.about-section{margin-top:40px;padding:50px 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 4px 20px #00000014}.about-title{text-align:center;font-size:2rem;font-weight:700;color:#111827;margin-bottom:12px}.about-intro{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:50px}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0000000f;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 24px #0000001f}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 4px 12px #667eea4d}.feature-title{font-size:1.2rem;font-weight:600;color:#111827;margin-bottom:12px}.feature-description{font-size:.95rem;color:#6b7280;line-height:1.6}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 30px;border-radius:12px;text-align:center;color:#fff;box-shadow:0 6px 24px #667eea4d}.cta-title{font-size:1.8rem;font-weight:700;margin-bottom:12px}.cta-description{font-size:1.05rem;margin-bottom:30px;opacity:.95}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{padding:14px 30px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-cta-primary{background:#fff;color:#667eea}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6}.btn-cta-secondary{background:#fff3;color:#fff;border:2px solid white}.btn-cta-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.about-section{padding:40px 20px}.about-title{font-size:1.6rem}.about-intro{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:25px}.cta-section{padding:30px 20px}.cta-title{font-size:1.5rem}.cta-description{font-size:.95rem}.cta-buttons{flex-direction:column;gap:12px}.btn-cta-primary,.btn-cta-secondary{width:100%;justify-content:center}}.contributor-empty{text-align:center}.icon-login{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M10 3.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 1 1 0v2A1.5 1.5 0 0 1 9.5 14h-8A1.5 1.5 0 0 1 0 12.5v-9A1.5 1.5 0 0 1 1.5 2h8A1.5 1.5 0 0 1 11 3.5v2a.5.5 0 0 1-1 0v-2z'/%3E%3Cpath d='M4.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H14.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z'/%3E%3C/svg%3E")}.icon-envelope{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z'/%3E%3C/svg%3E")}.submit-button svg{margin-right:8px;font-size:1rem}.google-button svg{margin-right:8px;font-size:1rem}.auth-card{background-color:var(--color-background-card);border-radius:12px;padding:32px;width:100%;max-width:450px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.auth-title{display:flex;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--color-button);margin-bottom:24px}.auth-link{text-align:center;margin-top:16px;font-size:.95rem;color:var(--color-text)}.divider-row{display:flex;align-items:center;width:100%;gap:12px}.divider-row:before,.divider-row:after{content:"";flex:1;height:1px;background-color:#d1d5db}.divider-text-auth{font-size:1rem;font-weight:500;background-color:var(--color-background-card);color:#6b7280;white-space:nowrap}.auth-button{width:100%;max-width:240px;display:flex;align-items:center;justify-content:center}.google-button{background:linear-gradient(90deg,#4285f4,#3267d6);padding:12px 24px;border-radius:8px;font-size:1rem;transition:all .2s ease}.google-button:hover{background:linear-gradient(90deg,#3267d6,#2a54b5);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}@media (max-width: 576px){.auth-card{padding:24px}.auth-title{font-size:1.75rem}.submit-button,.google-button{padding:10px 18px;font-size:.95rem}}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1rem;color:#6b7280;cursor:pointer;padding:6px}.toggle-password:hover{color:#1a73e8}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-inner-spin-button,input[type=password]::-webkit-clear-button,input[type=password]::-webkit-password-reveal-button{display:none!important}input[type=password]{-webkit-text-security:none}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor;margin-right:.5rem;background-repeat:no-repeat;background-position:center}.icon-person-plus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E")}.icon-person{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E")}.icon-envelope{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z'/%3E%3C/svg%3E")}.icon-lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}.icon-arrow-clockwise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3E%3C/svg%3E")}.auth-container{max-width:1280px;margin:40px auto;padding:0 20px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px)}.auth-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.auth-title i{margin-right:10px;color:#3b82f6}.button-group{margin-top:32px}.button-row{margin-bottom:16px;text-align:center}.spinning{animation:spin 1.5s linear infinite}.link-text{color:#3b82f6;font-weight:500;cursor:pointer;transition:color .2s ease}.link-text:hover{color:#2563eb;text-decoration:underline}.spinning{animation:spin 1s linear infinite}@media (max-width: 640px){.auth-card{padding:30px 20px}.auth-title{font-size:1.6rem}.auth-button{padding:12px;font-size:.95rem}}@media (max-width: 480px){.auth-card{padding:25px 15px}.form-group{margin-bottom:20px}.auth-title{font-size:1.4rem}}.achievements-container{width:100%;background-color:#f9fafb}.achievements-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:32px;display:flex;align-items:center;gap:10px}.achievements-list{display:flex;flex-direction:column;gap:16px}.achievement-item{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:12px;box-shadow:0 6px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.achievement-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.achievement-content{display:flex;flex-direction:column;gap:8px}.achievement-name{font-size:1rem;font-weight:600;margin:0;transition:color .2s ease}.achievement-description{font-size:.8rem;margin:0;line-height:1.5}.achievement-earned,.achievement-progress{font-size:.6rem;margin:0;font-style:italic}.empty-state p{font-size:1.1rem;color:#6b7280;margin:0}.achievement-item.achieved{border-left:4px solid #10b981;background:linear-gradient(180deg,#e6fffa,#b2f5ea)}.achievement-item.not-achieved{opacity:.7;border-left:4px solid #d1d5db}.achievement-progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;margin-top:8px;overflow:hidden}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.achievements-container{padding:24px 16px}.achievements-title{font-size:2rem;margin-bottom:24px}.achievement-item{padding:16px}.achievement-name{font-size:1.1rem}.achievement-description{font-size:.95rem}}@media (max-width: 576px){.achievements-container{padding:16px 12px}.achievements-title{font-size:1.8rem;flex-direction:column;text-align:center;gap:8px}.achievement-item{padding:12px}.achievement-name{font-size:1rem}}.profile-container{max-width:800px;margin:16px auto}.profile-card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:24px;box-shadow:0 6px 16px #0000001a;transition:box-shadow .3s ease}.profile-card:hover{box-shadow:0 12px 24px #00000026}.profile-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:10px;display:flex;align-items:center;gap:10px}.profile-content{display:flex;gap:32px}.avatar-section{flex:0 0 200px;text-align:center;display:flex;justify-content:center;margin-bottom:20px}.avatar-wrapper{position:relative;width:200px;height:200px;margin:0 auto}.avatar-img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;transition:border-color .2s ease,transform .2s ease}.avatar-img:hover{cursor:pointer;transform:scale(1.05)}.avatar-upload{position:absolute;bottom:70px;right:36px;width:40px;height:40px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,transform .2s ease}.avatar-upload:hover{cursor:pointer}.avatar-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-form{flex:1}.input-wrapper{position:relative;display:flex;align-items:center}.error-text{color:#ef4444;font-size:.875rem;margin-top:4px}.delete-button{background-color:#ff4d4f;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin-left:10px;transition:background .2s ease}.delete-button:hover{background-color:#e04345}.profile-divider{margin:32px 0;border:0;border-top:1px solid #e5e7eb}.profile-stats{margin:30px 0}.stats-list-profile{list-style:none;padding:0;margin:0}.stats-item-profile{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151;transition:background .2s ease;border-radius:6px}.stats-list{list-style:none;padding:0;margin:0}.stats-item-profile:hover{background-color:#dddcdc}.stats-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151;transition:background .2s ease;border-radius:6px;margin-bottom:8px}.stats-item:hover{background-color:#f3f4f6}.stats-empty{color:#6b7280;font-style:italic;padding:12px 0}.profile-achievements{margin-top:30px}@media (max-width: 992px){.profile-content{flex-direction:column}.avatar-section{margin:0 auto 20px}}.vip-badge-profile{position:absolute;bottom:35px;right:45px;background:linear-gradient(45deg,gold,#ffb300,#ffe066);color:#1f2937;font-weight:700;font-size:.9rem;padding:6px 12px;border-radius:20px;box-shadow:0 0 6px #ffc80099;display:flex;align-items:center;gap:6px;animation:vipPulse 2s infinite}.vip-badge-profile svg{color:#1f2937}@keyframes vipPulse{0%{box-shadow:0 0 6px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 10px #ffd700e6;transform:scale(1.05)}to{box-shadow:0 0 6px #ffd70080;transform:scale(1)}}.avatar-img.vip{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,gold,#ffb300,#ffe066);background-origin:border-box;background-clip:content-box,border-box;animation:vipBorder 3s linear infinite}@keyframes vipBorder{0%{filter:drop-shadow(0 0 2px #ffdf00)}50%{filter:drop-shadow(0 0 6px #ffb300)}to{filter:drop-shadow(0 0 2px #ffdf00)}}.profile-follow-stats{display:flex;font-size:.9rem;color:#333;gap:20px;margin-top:10px;justify-content:space-around}.loading-display{width:100%;height:500px;justify-content:center;align-items:center;display:flex}.btn-full-width{width:100%}.status-text.approved{color:#059669;font-weight:700}.status-text.semi-approved{color:#d97706;font-weight:700}.status-text.pending{color:#6b7280}.status-text.rejected{color:#dc2626;font-weight:700}.status-text.suspended{color:#4b5563;font-weight:700}.avatar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.avatar-modal-content{background:transparent;border-radius:0;padding:0;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.avatar-modal-close{position:absolute;top:80px;right:20px;background:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:1}.avatar-modal-close:hover{background:#000c;transform:scale(1.1)}.avatar-modal-img{max-width:500px;max-height:500px;width:auto;height:auto;border-radius:0;object-fit:contain;box-shadow:none}.avatar-modal-name{display:none}@media (max-width: 768px){.avatar-modal-img{max-width:90vw;max-height:70vh}}.page-layout-with-sidebar{display:flex;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.sidebar-context-menu{position:fixed;z-index:10000;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:140px}.sidebar-context-menu button{width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;border-radius:6px;transition:background .2s;display:flex;align-items:center;gap:8px}.sidebar-context-menu button:hover{background:#f5f5f5}.page-sidebar{flex:0 0 240px;position:sticky;top:80px;height:fit-content;align-self:flex-start}.page-main-content{flex:1;min-width:0}.page-layout-with-sidebar.no-left-sidebar{justify-content:flex-start}.page-layout-with-sidebar.no-left-sidebar .page-main-content{flex:1;min-width:0}.page-sidebar-right{flex:0 0 260px;position:sticky;top:80px;height:fit-content;align-self:flex-start}@media (max-width: 1200px){.page-sidebar{flex:0 0 220px}.page-sidebar-right{flex:0 0 240px}.page-layout-with-sidebar{gap:16px}.page-layout-with-sidebar.no-left-sidebar .page-main-content{flex:1}}@media (max-width: 992px){.page-layout-with-sidebar{flex-direction:column-reverse}.page-sidebar,.page-sidebar-right{flex:1 1 auto;position:static;max-width:500px;margin:0 auto}.page-main-content,.page-layout-with-sidebar.no-left-sidebar .page-main-content{flex:1 1 auto}}@media (max-width: 768px){.page-layout-with-sidebar{padding:0 15px}.page-sidebar,.page-sidebar-right{max-width:100%}}.vip-promo-banner{display:block;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:14px;margin:0;text-decoration:none;color:#fff;box-shadow:0 4px 20px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInFade .6s ease-out}.vip-promo-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s infinite linear}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-promo-banner:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea66}.vip-promo-content{position:relative;z-index:1}.vip-promo-icon{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 8px;animation:pulse 2s infinite;border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.vip-promo-title{font-size:.95rem;font-weight:700;margin-bottom:4px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.3}.vip-promo-subtitle{font-size:.7rem;line-height:1.3;margin-bottom:8px;opacity:.92;text-align:center}.vip-promo-features{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.vip-promo-feature{display:flex;align-items:center;gap:6px;font-size:.7rem;padding:6px 8px;background:#ffffff26;border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.vip-promo-feature:hover{background:#ffffff40;transform:translate(2px)}.vip-promo-feature svg{font-size:.85rem;flex-shrink:0}.vip-promo-button{width:100%;padding:8px 14px;background:#fff;color:#667eea;border:none;border-radius:18px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;box-shadow:0 4px 15px #ffffff4d}.vip-promo-button:hover{transform:scale(1.03);box-shadow:0 6px 20px #fff6;background:#f9fafb}@media (max-width: 768px){.vip-promo-banner{padding:16px}.vip-promo-icon{width:45px;height:45px;font-size:1.3rem}.vip-promo-title{font-size:1.05rem}.vip-promo-subtitle{font-size:.75rem}.vip-promo-feature{font-size:.75rem;padding:6px 10px}.vip-promo-button{padding:10px 16px;font-size:.85rem}}.vip-welcome-banner{background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;padding:20px;box-shadow:0 4px 20px #ffd7004d;border:2px solid #ffa500;animation:slideInFade .6s ease-out}@keyframes slideInFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vip-welcome-content{position:relative;z-index:1}.vip-crown-icon{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 12px;color:gold;box-shadow:0 4px 15px #0000001a;animation:pulse 2s infinite;border:3px solid #ffa500}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vip-welcome-title{font-size:1.3rem;font-weight:700;margin-bottom:6px;text-align:left;color:#1f2937;text-shadow:0 2px 4px rgba(255,255,255,.5)}.vip-welcome-subtitle{font-size:.85rem;line-height:1.4;margin-bottom:16px;text-align:left;color:#c5c5c5;font-weight:500}.vip-welcome-title-sidebar-left{font-size:1.3rem;font-weight:700;margin-bottom:6px;text-align:center;color:#161f2c;text-shadow:0 2px 4px rgba(255,255,255,.5)}.vip-welcome-subtitle-sidebar-left{font-size:.85rem;line-height:1.4;margin-bottom:16px;text-align:center;color:#1c1111;font-weight:500}.vip-perks{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.vip-perk-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fffc;border-radius:8px;font-size:.85rem;color:#1f2937;font-weight:500;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.vip-perk-item:hover{background:#fff;transform:translate(3px)}.vip-perk-item svg{font-size:1rem;color:orange;flex-shrink:0}.vip-manage-button{display:block;width:100%;padding:12px 20px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;text-align:center;border-radius:25px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.vip-manage-button:hover{transform:scale(1.03);box-shadow:0 6px 20px #0000004d;background:linear-gradient(135deg,#374151,#1f2937)}@media (max-width: 768px){.vip-welcome-banner{padding:16px}.vip-crown-icon{width:50px;height:50px;font-size:1.6rem}.vip-welcome-title{font-size:1.15rem}.vip-welcome-subtitle{font-size:.8rem}.vip-perk-item{font-size:.8rem;padding:8px 10px}.vip-manage-button{padding:10px 16px;font-size:.9rem}}.right-sidebar{display:flex;flex-direction:column;gap:16px}.right-sidebar-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.sidebar-tip-item span{font-size:12px}.right-sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.right-sidebar-header svg{font-size:1.1rem;color:#667eea}.right-sidebar-header h3{font-size:.95rem;font-weight:700;color:#1f2937;margin:0}.right-sidebar-content{display:flex;flex-direction:column;gap:10px}.sidebar-tip-item{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:#4b5563;line-height:1.5;padding:8px;border-radius:6px;transition:all .2s ease}.sidebar-tip-item:hover{background:#f9fafb}.tip-icon{color:#10b981;font-size:.85rem;margin-top:2px;flex-shrink:0}@media (max-width: 992px){.right-sidebar{max-width:500px;margin:0 auto}}@media (max-width: 768px){.right-sidebar-card{padding:14px}.sidebar-tip-item{font-size:.75rem;padding:6px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;padding:24px;width:100%;max-width:500px;box-shadow:0 10px 25px #0003;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h4{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.modal-content p{margin:0 0 20px;color:#6b7280;font-size:.9rem;line-height:1.4}.modal-content .form-group{margin-bottom:1rem}.modal-content label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.modal-content select,.modal-content textarea{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-content textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem}.btn-cancel{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb}.btn-submit-report{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.btn-submit-report:hover:not(:disabled){background:#b91c1c}.btn-submit-report:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 576px){.modal-content{padding:20px;margin:10px}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit-report{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.document-detail-container{max-width:800px;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fafb);padding:24px;margin:16px auto}.layout-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem}.layout-column{flex-basis:100%;min-width:0}@media (min-width: 992px){.layout-grid .layout-column{flex:1}.layout-column.full-width{flex-basis:100%}}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-modal{background:#fff;border-radius:.3rem;width:500px;max-width:90%;box-shadow:0 5px 15px #00000080}.custom-modal.fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;box-shadow:none;background:#111;display:flex;flex-direction:column;padding:0}.custom-modal.fullscreen .fullscreen-body{flex:1;width:100%;height:100%;overflow-y:auto;padding:0;background:#1e1e1e;display:flex;justify-content:center;align-items:flex-start}.custom-modal.fullscreen .fullscreen-body>*{max-width:100%}.custom-modal-close.floating{position:absolute;top:20px;right:45px;background:#0009;color:#fff;border:none;font-size:2rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.custom-modal-close.floating:hover{background:#000c}.custom-modal.fullscreen .pdf-page{box-shadow:none;background:#fff;margin:0 auto 12px}.custom-modal.fullscreen .pdf-page:last-child{margin-bottom:0}.custom-modal.fullscreen .pdf-page canvas{max-width:min(100%,1100px)!important;height:auto!important;display:block}.custom-modal.fullscreen.bare{background:transparent}.custom-modal.fullscreen.bare .fullscreen-body{background:transparent;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}.custom-modal.fullscreen.bare .pdf-page{box-shadow:none;background:#fff}.pdf-preview-modal{width:90vw;max-width:1200px;height:90vh;max-height:90vh;display:flex;flex-direction:column;background:#111;border-radius:12px;padding:0;overflow:hidden}.pdf-preview-modal .custom-modal-body{flex:1;overflow-y:auto;padding:16px;background:#1e1e1e;display:flex;flex-direction:column;align-items:center;gap:12px}.pdf-preview-modal .custom-modal-close{position:absolute;top:12px;right:16px;background:#0009;color:#fff;border:none;font-size:2rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.pdf-preview-modal .custom-modal-close:hover{background:#000c}.pdf-preview-modal .pdf-page{box-shadow:none;background:#fff}.pdf-preview-modal .pdf-page canvas{max-width:min(100%,1000px)!important;height:auto!important}.preview-limit-overlay{background:linear-gradient(180deg,#0000000d,#00000014);border:1px dashed #94a3b8;color:#e2e8f0;text-align:center;padding:16px;border-radius:8px;margin:8px 0 0}.download-to-continue-btn{margin-top:8px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer}.download-to-continue-btn:hover{filter:brightness(.95)}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #dee2e6}.custom-modal-title{margin:0;font-size:1.25rem}.custom-modal-close{background:transparent;border:0;font-size:1.5rem;cursor:pointer}.custom-modal-body{padding:1rem}.custom-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #dee2e6}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.btn-outline-danger{color:#dc3545;background-color:transparent;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545}.btn-success{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;color:#fff}.btn-outline-success{border:2px solid #14b8a6;color:#0f766e;background:#fff;transition:all .3s ease}.btn-sm{padding:.25rem .5rem;font-size:.875rem;cursor:pointer;line-height:1.5;border-radius:30px}.form-control{border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;transition:all .3s ease;width:100%;box-sizing:border-box}.form-control:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}textarea.form-control{height:auto}.star-icon{display:inline-block;width:30px;height:30px;margin-right:.25rem;background-size:contain;background-repeat:no-repeat;background-position:center}.rating-input-wrapper{flex:1;display:flex;align-items:center;margin-left:100px}.form-max{width:150px;flex-shrink:0}.star-rating-input .star-icon{font-size:20px;cursor:pointer;transition:transform .2s ease}.star-rating-input .star-icon:hover{transform:scale(1.2)}.rating-value,.star-rating-input .rating-text{margin-left:4px;font-size:.8rem}.star-filled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc107' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E")}.star-half{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc107' viewBox='0 0 16 16'%3E%3Cpath d='M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z'/%3E%3C/svg%3E")}.star-empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cccccc' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/%3E%3C/svg%3E")}.star-rating-input .star-filled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc107' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E")}.cover-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 4px 16px #00000014;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cover-image-wrapper{position:relative;margin:0 auto;border-radius:12px;overflow:hidden}.document-cover-image{width:100%;max-width:520px;height:300px;aspect-ratio:4 / 3;object-fit:cover;transition:transform .3s ease;display:block}.document-cover-image:hover{transform:scale(1.02)}.cover-image-overlay{position:absolute;top:1rem;right:1rem}.document-type-badge{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #14b8a64d}.file-info{color:#fff}.action-buttons-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #00000014;border:1px solid #f0fdfa}.btn-text{color:#fff}.action-btn .btn-text{flex:1}.action-btn .btn-content{display:flex;flex-direction:column;align-items:flex-start}.action-btn .file-info{font-size:.85rem;opacity:.8}.download-btn,.preview-btn{background:var(--color-button);padding:8px 20px;border-radius:8px;font-size:.8rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-title{display:flex;align-items:center;gap:.75rem;color:#111827}.preview-title h5{margin:0;font-size:1.2rem;font-weight:600}.preview-close-btn:hover{background:#fee2e2;border-color:#dc2626;color:#b91c1c}.preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;flex-grow:1;overflow-y:auto;max-height:75vh}.pdf-pages-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.pdf-page{box-shadow:0 2px 8px #0000001a;border-radius:4px;background:#fff;max-width:100%!important}.pdf-page canvas{max-width:100%!important;height:auto!important}.preview-placeholder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;text-align:center;justify-content:center;align-items:center}.preview-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-placeholder-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;color:#fff;font-size:1rem;box-shadow:0 4px 12px #14b8a64d}.preview-placeholder h6{color:#0f766e;font-weight:600;margin:0;font-size:1.1rem}.preview-placeholder p{color:#64748b;margin:0;font-size:.9rem}.status-banner{border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;font-weight:500}.status-banner.semi-approved{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-banner.approved{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.status-banner.pending{background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0}.report-button{background:#dc2626;border:1px solid #dc2626;color:#fff;padding:5px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.7rem;font-weight:500;display:flex;align-items:center;gap:6px}.report-button:hover{background:#b91c1c;border-color:#b91c1c}.document-header-section{background:#fff;border-radius:12px;margin-bottom:12px}.document-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:1rem}.document-title-wrapper{flex:1;min-width:0}.detail-document-title{font-size:1.6rem;font-weight:700;color:#111827;position:relative;margin-top:10px;display:flex;align-items:center;gap:12px}.vip-badge-detail{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:4px 10px;background:linear-gradient(135deg,gold,#ffed4e,gold);color:#000;border-radius:12px;border:1.5px solid rgba(218,165,32,.6);box-shadow:0 2px 8px #ffd70066;animation:vip-glow 2s ease-in-out infinite;flex-shrink:0;letter-spacing:.5px}@keyframes vip-glow{0%,to{box-shadow:0 2px 8px #ffd70066}50%{box-shadow:0 4px 16px #ffd700b3}}.document-meta-row{margin-bottom:1.5rem}.author-info{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.author-label{font-size:.9rem;color:#6b7280}.author-name{color:#111827;font-weight:500;font-size:1rem}.author-name-detail{color:#6b7280;font-size:.7rem}.author-name.clickable-author{color:#0d9488;transition:all .2s ease}.author-name.clickable-author:hover{color:#0f766e;text-decoration:underline;transform:translateY(-1px)}.follow-btn:hover{border-color:#0d9488;color:#111827;transform:translateY(-1px)}.stats-item{flex:1;text-align:center}.stats-separator{margin-bottom:6px}.document-stats-row{display:flex;margin-top:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #f0fdfa}.rating-display{display:flex;align-items:center;gap:.5rem}.rating-text{font-size:12px;font-weight:600}.no-rating{color:#9ca3af;font-style:italic}.document-description-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0fdfa;padding:10px;margin-bottom:1.5rem}.description-label{color:#0f766e;font-weight:600;font-size:1.1rem;display:block}.description-text{color:#374151;line-height:1.7;white-space:pre-line;word-break:break-word}.read-more-btn{color:#14b8a6;text-decoration:none;font-weight:600;margin-top:1rem;background:none;border:none;padding:0;cursor:pointer}.read-more-btn:hover{color:#0d9488;text-decoration:underline}.document-details-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #f0fdfa;padding:10px;margin-bottom:1.5rem}.details-header{margin-bottom:10px}.details-header h3{color:#0f766e;font-weight:700;font-size:1.3rem;margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.detail-item:hover{border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a61a}.detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:8px;color:#fff;flex-shrink:0}.detail-label{color:#6b7280;font-size:.85rem;margin-bottom:.25rem}.detail-value{color:#0f766e;font-weight:600;font-size:1rem}.tags-section{padding-top:10px;border-top:1px solid #f0fdfa}.tags-label{color:#0f766e;font-weight:600;margin-bottom:1rem;font-size:1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag-item{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 6px #14b8a64d}.tag-item:hover{background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-2px);color:#fff}.related-documents-section,.comments-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #f0fdfa;margin-bottom:1.5rem}.section-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;color:#fff;margin:0 auto .6rem}.section-title{color:#111827;font-weight:700;font-size:1.2rem;margin:0 0 .5rem}.section-subtitle{color:#6b7280;font-size:1rem;margin:0}.section-divider{width:30px;height:3px;background:linear-gradient(135deg,#14b8a6,#0d9488);margin:.8rem auto;border-radius:2px}.related-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.1rem}.related-document-card{margin:10px;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.card-link{text-decoration:none;color:inherit;display:block}.card-image-container{position:relative;height:160px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-document-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#14b8a61a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.related-document-card:hover .card-overlay{opacity:1}.overlay-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;border-radius:50%;color:#14b8a6}.card-content{padding:10px}.card-title{color:#111827;font-weight:600;font-size:.8rem;line-height:1.4;margin:0 0 5px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.card-author{display:flex;align-items:center;gap:.1rem;color:#6b7280;font-size:.85rem}.btn-cancel{padding:12px 20px;background:linear-gradient(135deg,#fd1c1c);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;white-space:nowrap}.btn-cancel:hover{background:linear-gradient(135deg,#e30202);box-shadow:0 6px 16px #dc354566;transform:translateY(-2px)}.comments-title{margin:14px 0 0 14px;display:flex;align-items:center;gap:8px;color:#111827}.comments-title h3{font-size:1.3rem;font-weight:700}.comments-count{color:#6b7280}.comment-form-card{border-radius:12px;padding:14px}.comment-form-header{margin-bottom:10px}.comment-form-header h5{color:#0f766e;font-weight:600;margin:0}.comment-form{display:flex;flex-direction:column;gap:5px}.comment-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;justify-content:flex-end}.submit-btn-wrapper{position:relative;display:inline-block}.submit-btn-wrapper[title]:not([title=""]):hover:after{content:attr(title);position:absolute;bottom:100%;right:0;background-color:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:.875rem;white-space:nowrap;margin-bottom:8px;opacity:0;animation:tooltipFadeIn .2s ease-in forwards;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #00000026}.submit-btn-wrapper[title]:not([title=""]):hover:before{content:"";position:absolute;bottom:100%;right:20px;border:6px solid transparent;border-top-color:#1f2937;margin-bottom:2px;opacity:0;animation:tooltipFadeIn .2s ease-in forwards;pointer-events:none;z-index:1000}@keyframes tooltipFadeIn{to{opacity:1}}.submit-comment-btn{display:flex;border:none;background-color:#14b8a6;color:#fff;padding:4px 8px;border-radius:10px;align-items:center;gap:.5rem;cursor:pointer}.comments-container{display:flex;flex-direction:column;padding:0 14px 14px;gap:1.5rem}.comment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;transition:all .3s ease}.rating-group{display:flex;align-items:center;gap:16px}.comment-header{margin-bottom:10px}.comment-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.author-name-comment{font-size:.8rem}.author-name-comment.clickable-author-comment{color:var(--color-text);transition:all .2s ease;font-weight:500}.comment-detail{padding:6px;border:none;outline:none}.comment-date{text-align:left;font-size:.6rem;color:#6c757d;margin:0}.comment-content{white-space:normal;word-break:break-word;overflow-wrap:anywhere;display:block}.comment-text{font-size:.8rem;white-space:pre-line;word-break:break-word}.comment-rating{display:flex;align-items:center;gap:.75rem;margin-top:5px;border-radius:8px}.star-rating-display{display:flex;align-items:center}.star-rating-display .star-icon{width:15px;height:15px;margin-right:.2rem}.rating-label{color:#0f766e;font-weight:600;font-size:.9rem}.view-more-comments{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #f0fdfa}.view-all-btn:hover{background:#ccfbf1;border-color:#0d9488}.no-comments{text-align:center;padding:10px;color:#6b7280}.no-comments-icon{width:60px;height:60px;background:#e5e7eb;border-radius:50%;color:#9ca3af;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.no-comments-text h5{color:#374151;margin-bottom:.5rem}.no-comments-text p{margin:0;font-style:italic}[class^=icon-],[class*=" icon-"]{display:inline-block;width:1em;height:1em;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:-.125em}.follow-icon{margin-right:.25rem}.icon-person-plus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E")}.icon-person-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.icon-eye{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E")}.icon-send{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z'/%3E%3C/svg%3E")}.icon-plus-circle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E")}.icon-person-circle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z'/%3E%3C/svg%3E")}.icon-chat-left-text{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E")}.icon-person{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E")}.icon-tag-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E")}.icon-x-lg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E")}.icon-tags-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath d='M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E%3C/svg%3E")}.icon-files{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z'/%3E%3C/svg%3E")}.icon-download{margin-right:6px}.icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z'/%3E%3C/svg%3E")}.icon-folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996.816l-.637 7A1 1 0 0 0 1.826 13h11.348a1 1 0 0 0 .996-.816l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z'/%3E%3C/svg%3E")}.icon-file-earmark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E")}.icon-database{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3Cpath d='M3.904 1.787C4.837 1.263 6.276 1 8 1s3.163.263 4.096.787C12.875 2.245 13 2.993 13 4s-.125 1.755-.904 2.213C11.163 6.737 9.724 7 8 7s-3.163-.263-4.096-.787C3.125 5.755 3 5.007 3 4s.125-1.755.904-2.213z'/%3E%3Cpath d='M2 4v1.165c.21.144.44.283.693.419C3.606 5.92 4.96 6.5 8 6.5s4.394-.58 5.307-1.416c.253-.136.483-.275.693-.419V4c0-1.007-.125-1.755-.904-2.213C11.163 1.263 9.724 1 8 1s-3.163.263-4.096.787C3.125 2.245 3 2.993 3 4v-.5s.5 1.5 5 1.5 5-1.5 5-1.5V4c0 .341-.013.67-.04.986c-.148.825-1.09,1.514-4.96,1.514S3.188 5.811 3.04 4.986C3.013 4.67 3 4.341 3 4h-.5zm0 5v1.165c.21.144.44.283.693.419C3.606 10.92 4.96 11.5 8 11.5s4.394-.58 5.307-1.416c.253-.136.483-.275.693-.419V9c0-1.007-.125-1.755-.904-2.213C11.163 6.263 9.724 6 8 6s-3.163.263-4.096.787C3.125 7.245 3 7.993 3 9v-.5s.5 1.5 5 1.5 5-1.5 5-1.5V9c0 .341-.013.67-.04.986c-.148.825-1.09,1.514-4.96,1.514S3.188 10.811 3.04 9.986C3.013 9.67 3 9.341 3 9h-.5zm0 5v.665c.21.144.44.283.693.419C3.606 15.42 4.96 16 8 16s4.394-.58 5.307-1.416c.253-.136.483-.275.693-.419V14c0-1.007-.125-1.755-.904-2.213C11.163 11.263 9.724 11 8 11s-3.163.263-4.096.787C3.125 12.245 3 12.993 3 14v-.5s.5 1.5 5 1.5 5-1.5 5-1.5V14c0 .341-.013.67-.04.986c-.148.825-1.09,1.514-4.96,1.514S3.188 15.811 3.04 14.986C3.013 14.67 3 14.341 3 14h-.5z'/%3E%3C/svg%3E")}.icon-calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")}.icon-arrow-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E")}.icon-coin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.091c-.435-.084-.744-.27-.744-.741 0-.393.336-.594.745-.594.39 0 .71.165.84.354l.643-.897a2.585 2.585 0 0 0-1.64-.544c-1.353 0-2.19.733-2.19 1.838 0 .914.616 1.484 1.583 1.67l.473.091c.48.092.704.263.704.634 0 .39-.345.58-.75.58-.474 0-.823-.196-1.012-.468l-.644.897c.333.45.91.703 1.64.703 1.455 0 2.45-1.06 2.45-2.825 0-1.436-1.065-2.285-2.4-2.52V5h-.6v.69c-1.25.088-2.074.75-2.074 1.838 0 .614.394 1.06.96 1.254l.266.053c.25.05.426.12.56.205.137.087.21.19.21.324 0 .185-.145.319-.4.319-.243 0-.49-.1-.65-.261l-.644.897a2.585 2.585 0 0 0 1.64.544c.393 0 .74-.08.957-.23l.112-.068z'/%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3C/svg%3E")}@media (max-width: 991px){.layout-grid.top-section{flex-direction:column}}@media (max-width: 767px){.document-detail-container{padding-left:.5rem;padding-right:.5rem}.document-title-row{flex-direction:column;align-items:center;text-align:center}.detail-document-title{font-size:1.5rem}.document-stats-row{justify-content:center}.details-grid,.action-buttons-grid{grid-template-columns:1fr}.comment-author{flex-direction:column;text-align:center;gap:.5rem}}.report-button:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.report-button:disabled:hover{background:#e5e7eb}.comment-form-card{position:relative}.form-disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f9fafbcc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:12px;color:#6b7280;font-weight:500;text-align:center;padding:20px}.form-disabled-overlay svg{font-size:1.5rem;margin-bottom:8px}.form-disabled-overlay.download-required{background-color:#fef3c7f2;color:#92400e;border:2px dashed #fbbf24}.form-disabled-overlay.download-required svg{color:#f59e0b;animation:bounce 2s infinite}.action-btn:disabled,.submit-comment-btn:disabled{background:#d1d5db;border-color:#d1d5db;color:#6b7280;cursor:not-allowed;box-shadow:none;transform:none}.action-btn:disabled:hover{background:#d1d5db;transform:none;box-shadow:none}.action-btn.download-btn:disabled .btn-text,.action-btn.download-btn:disabled .file-info{color:#6b7280}.report-button.already-reported{background:#6b7280;border-color:#6b7280;color:#f9fafb;cursor:not-allowed}.report-button.already-reported:hover{background:#4b5563;border-color:#4b5563}.error-display-card{text-align:center;padding:40px 20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:600px;margin:40px auto}.error-icon{color:#ef4444;margin-bottom:20px}.error-display-card h3{font-size:1.5rem;color:#111827;margin-bottom:10px}.error-display-card p{color:#6b7280;margin-bottom:25px;line-height:1.6}.back-to-home-btn{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.back-to-home-btn:hover{background-color:#2563eb}.author-details{display:flex;align-items:center;gap:6px}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor;margin-right:.5rem}.icon-chat-left-text{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E")}.icon-pen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M13.498.795l.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001z'/%3E%3C/svg%3E")}.icon-send{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z'/%3E%3Cpath d='M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z'/%3E%3C/svg%3E")}.icon-person{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E")}.icon-star-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E")}.icon-star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/%3E%3C/svg%3E")}.icon-clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E")}.icon-chat-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3C/svg%3E")}.post-comment-container{max-width:1000px;margin:40px auto;padding:0 20px}.post-comment-card{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #0000001a}.post-comment-title{font-size:1.8rem;font-weight:700;color:#1a73e8;margin-bottom:16px;display:flex;align-items:center}.post-comment-divider{border:0;height:1px;background-color:#e5e7eb;margin:24px 0}.comments-list{margin-top:32px}.comment-user{font-weight:600;color:#1a73e8;display:flex;align-items:center}.comment-body{line-height:1.6;color:#374151;white-space:pre-line}.rating-stars{color:#f59e0b;display:flex;align-items:center;margin-right:8px}@media (max-width: 768px){.post-comment-card{padding:24px}.post-comment-title{font-size:1.5rem}}@media (max-width: 576px){.post-comment-card{padding:16px}.post-comment-title{font-size:1.3rem}.comment-header{flex-direction:column;align-items:flex-start}.comment-date{margin-top:4px}}.status-badge.locked{background:#fee2e2;color:#dc2626}.status-badge.active{background:#e6f3ec;color:#059669}.lock-button{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.lock-button:hover{background:linear-gradient(90deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.unlock-button{background:linear-gradient(90deg,#34c759,#28a745);color:#fff}.unlock-button:hover{background:linear-gradient(90deg,#28a745,#218838);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.empty-state p{font-size:1.1rem;color:#6b7280}.document-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;margin:0}.download-count{text-align:center;font-weight:600;color:#3b82f6;padding:4px 12px;font-size:.85rem}.status-container{display:flex;justify-content:center;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.status-approved{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-badge:hover{transform:scale(1.05)}.status-badge.status-suspended{background:#6b72801a;color:#4b5563;border:1px solid rgba(107,114,128,.2)}.action-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.action-button{background-color:#6c757d;color:#fff;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;font-size:.7rem;font-weight:500;transition:all .3s ease;text-decoration:none;gap:3px;position:relative;overflow:hidden}.action-button:hover{background-color:#5c636a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-button:hover:before{left:100%}.lock-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.lock-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px);box-shadow:0 6px 16px #ef444466}.unlock-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.unlock-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 6px 16px #10b98166}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px);box-shadow:0 6px 16px #ef444466}.delete-button:active{transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.action-button.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.action-success{animation:actionPulse .6s ease-out}@keyframes actionPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.document-table tbody tr.action-highlight{background:linear-gradient(90deg,#fee2e2,#fecaca);animation:rowHighlight 1s ease-out}@keyframes rowHighlight{0%{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}to{background:linear-gradient(90deg,#fee2e2,#fecaca);color:inherit}}.status-badge[title]{cursor:help}.action-container .action-button+.action-button{margin-left:4px}.document-table tbody tr.locked-row{background:#ef44440d}.document-table tbody tr.pending-row{background:#f59e0b0d}.title-clamp{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;max-width:420px}.link-like-btn.document-title-btn{text-align:left;background:none;border:none;padding:0;color:#003209;cursor:pointer;font:inherit}.link-like-btn.document-title-btn:hover{filter:brightness(1.9)}.document-title-btn .title-text{text-decoration:none;text-align:left}.admin-section{width:100%}.admin-filter-bar{background-color:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid #e5e7eb}.filter-top-row{display:flex;gap:16px;align-items:center;justify-content:space-between}.search-wrapper{flex:1}.search-group{position:relative;width:100%}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.icon-search{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.filter-toggle-btn.active{background-color:#e0e7ff;color:#4338ca;border-color:#818cf8}.filter-options-container{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,opacity .3s ease-in-out,margin-top .3s ease;opacity:0;margin-top:0}.filter-options-container.open{max-height:500px;opacity:1;margin-top:20px;padding-top:20px;border-top:1px dashed #d1d5db}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{font-size:.85rem;font-weight:600;color:#4b5563}.invisible-label{visibility:hidden}.select-filter{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:.95rem;cursor:pointer;outline:none}.select-filter:focus{border-color:#3b82f6}.reset-filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;font-weight:500;cursor:pointer;transition:all .2s ease;height:42px}.reset-filter-btn:hover{background-color:#e5e7eb;color:#1f2937;border-color:#9ca3af}.reset-filter-btn svg{transition:transform .4s ease}.reset-filter-btn:hover svg{transform:rotate(-180deg)}@media (max-width: 768px){.filter-top-row{flex-direction:column;align-items:stretch}.filter-toggle-btn{justify-content:center}.filter-grid{grid-template-columns:1fr}}.admin-table-wrapper{overflow-x:auto}.admin-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb}.admin-table td{padding:12px 16px;border-bottom:1px solid #f1f1f1}.admin-table tbody tr:hover{background-color:#f9fafb}.pagination-section{margin-top:16px;display:flex;gap:8px;justify-content:center}.btn-page{padding:6px 12px;background:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-page:disabled{opacity:.6;cursor:not-allowed}.btn-page:hover:not(:disabled){background:#e2e6ea}.pagination-info{display:flex;align-items:center;padding:6px 12px;font-size:.9rem;color:#555}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#777}.spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s infinite linear;margin-bottom:16px}.loading-text{font-size:1rem;color:#555}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#9ca3af;text-align:center}.icon-margin-right{margin-right:8px}.margin-bottom{margin-bottom:1.5rem}.category-form{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:24px;transition:all .3s ease}.btn-center{text-align:center}.category-form h5{font-size:1.4rem;font-weight:600;color:#1a3c7a;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:12px;display:flex;align-items:center;gap:8px}.submit-button:active{transform:translateY(0)}.btn-cate{margin-top:20px}.edit-button{background:linear-gradient(135deg,#10b981,#059669)}.edit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b0ffa94d}.delete-button{background:linear-gradient(90deg,#ef4444,#dc2626)}.delete-button:hover{background:linear-gradient(90deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.cancel-button{background:linear-gradient(90deg,#6b7280,#4b5563)}.cancel-button:hover{background:linear-gradient(90deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.admin-table th{color:#000;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.empty-icon{font-size:4rem;color:#9ca3af;margin-bottom:16px;display:block}.empty-state p{font-size:1.1rem;color:#6b7280;margin:0;font-weight:500}.submit-button.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.submit-button.loading:after{content:"";width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.button-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-group .submit-button,.button-group .action-button{flex-shrink:0}.stats-card{background:#404946;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease,opacity .5s ease;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.stats-card:nth-child(1){background:linear-gradient(135deg,#3b82f633,#3b82f61a),#404946}.stats-card:nth-child(2){background:linear-gradient(135deg,#10b98133,#10b9811a),#404946}.stats-card:nth-child(3){background:linear-gradient(135deg,#f59e0b33,#f59e0b1a),#404946}.stats-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.stats-card .card-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.stats-card .card-text{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin:0;line-height:1}.stats-grid{display:flex;flex-wrap:wrap;margin:0 -12px}.stats-grid>*{padding:0 12px;margin-bottom:24px}.stats-column{flex:0 0 33.333333%;max-width:33.333333%}.icon-margin{margin-right:.5rem}.stats-card.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-card.error{background:linear-gradient(135deg,#ef444433,#ef44441a),#404946;border:2px solid rgba(239,68,68,.3)}.stats-card.error .card-text{color:#ef4444}.stats-card .card-title i{font-size:1.5rem;opacity:.8}.stats-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.stats-card:hover:before{left:100%}.stats-card:focus{outline:2px solid #3B82F6;outline-offset:2px}.stats-card:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.report-management{padding:20px;max-width:1200px;margin:0 auto}.report-header{margin-bottom:30px;text-align:center}.report-title{color:#2c3e50;font-size:2rem;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.report-subtitle{color:#7f8c8d;font-size:1.1rem}.report-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.tab-button{padding:12px 24px;border:none;border-radius:8px 8px 0 0;background-color:#f8f9fa;color:#7f8c8d;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.95rem}.tab-button:hover{background-color:#e9ecef;color:#2c3e50}.tab-button.active{background-color:#3498db;color:#fff;box-shadow:0 2px 4px #3498db4d}.tab-button.active:hover{background-color:#2980b9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#7f8c8d}.loading-container p{margin-top:15px;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#27ae60;text-align:center}.empty-state p{margin-top:15px;font-size:1.2rem;color:#7f8c8d}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.report-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #3498db;transition:all .3s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.report-card.high-priority{border-left-color:#e74c3c;background:linear-gradient(135deg,#fff,#ffeaea)}.report-card.medium-priority{border-left-color:#f39c12;background:linear-gradient(135deg,#fff,#fff9e6)}.report-card.low-priority{border-left-color:#3498db}.report-card-header{margin-bottom:15px}.document-title{font-size:1rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.report-meta{display:flex;flex-direction:column;gap:5px;margin-top:8px}.report-count{color:#e74c3c;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:5px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.resolved{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.report-card-body{margin-bottom:15px}.report-reason,.report-details,.reporter-info{margin-bottom:8px;font-size:.95rem;line-height:1.4}.report-reason strong,.report-details strong,.reporter-info strong{color:#2c3e50}.report-explanation{margin-top:10px;padding:8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #3498db}.report-explanation small{color:#7f8c8d;font-size:.85rem;line-height:1.3}.report-card-actions{display:flex;flex-direction:column;gap:10px}.action-buttons{display:flex;gap:8px}.btn-view,.btn-view-details,.btn-action,.btn-resolve,.btn-reject,.btn-lock,.btn-unlock,.btn-reset,.btn-delete,.btn-close{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;justify-content:center}.btn-view{background-color:#3498db;color:#fff}.btn-view:hover{background-color:#2980b9}.btn-view-details{background-color:#9b59b6;color:#fff;font-weight:600;padding:10px 20px;font-size:.9rem}.btn-view-details:hover{background-color:#8e44ad;transform:translateY(-1px);box-shadow:0 4px 8px #9b59b64d}.btn-action{background-color:#2c3e50;color:#fff;font-weight:600;padding:10px 20px;font-size:1rem;width:100%}.btn-action:hover{background-color:#1a252f;transform:translateY(-1px);box-shadow:0 4px 8px #2c3e504d}.btn-resolve{background-color:#27ae60;color:#fff;flex:1}.btn-resolve:hover{background-color:#219a52}.btn-reject{background-color:#e74c3c;color:#fff;flex:1}.btn-reject:hover{background-color:#c0392b}.btn-lock{background-color:#e74c3c;color:#fff}.btn-lock:hover{background-color:#c0392b}.btn-unlock{background-color:#27ae60;color:#fff}.btn-unlock:hover{background-color:#219a52}.btn-reset{background-color:#f39c12;color:#fff}.btn-reset:hover{background-color:#d68910}.btn-delete{background-color:#c0392b;color:#fff}.btn-delete:hover{background-color:#a93226}.btn-close{background-color:#95a5a6;color:#fff}.btn-close:hover{background-color:#7f8c8d}.report-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{position:relative}.close-btn{position:absolute;right:0;top:0;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#e74c3c}.modal-body{padding:6px}.document-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:25px;border-left:4px solid #3498db}.document-summary h5{color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.document-summary p{margin-bottom:5px;line-height:1.5;font-size:.95rem}.individual-reports{margin-bottom:25px}.individual-reports h5{color:#2c3e50;margin-bottom:15px;font-size:1.1rem;border-bottom:2px solid #ecf0f1;padding-bottom:8px}.individual-report{background:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.individual-report:hover{box-shadow:0 2px 8px #0000001a}.individual-report.high-priority{border-left:4px solid #e74c3c}.individual-report.medium-priority{border-left:4px solid #f39c12}.individual-report.low-priority{border-left:4px solid #3498db}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-meta{display:flex;gap:15px;align-items:center}.report-date{color:#7f8c8d;font-size:.85rem}.report-content{margin-bottom:10px}.report-content p{margin-bottom:8px;line-height:1.4;font-size:.95rem}.report-actions{margin-top:10px}.action-section h5{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-footer{display:flex;justify-content:flex-end}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr}.report-card-header{flex-direction:column;gap:10px}.action-buttons-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width: 480px){.report-management{padding:10px}.report-title{font-size:1.5rem}.action-buttons{flex-direction:column}.btn-resolve,.btn-reject{flex:none}}.report-controls{display:flex;gap:20px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.control-group{display:flex;flex-direction:column}.control-group label{font-size:.85rem;color:#6c757d;margin-bottom:5px}.control-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;font-size:.95rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination-controls button{padding:8px 16px;border:1px solid #ced4da;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls span{font-weight:500;color:#495057}@media (max-width: 768px){.report-controls{flex-direction:column;gap:15px}.control-group{width:100%}.pagination-controls{flex-direction:column;gap:10px}}.admin-container-card{width:100%;max-width:1000px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(135deg,#4b5eaa,#2a3f8a);border-radius:16px;box-shadow:0 6px 20px #4b5eaa40;margin-bottom:32px;position:relative;overflow:hidden;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#818cf8,#6366f1,#818cf8);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.admin-title{font-size:2.2rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-title i{margin-right:12px;font-size:2rem;animation:rotate 3s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(360deg)}}.admin-nav{width:100%;display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:32px;padding:16px;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;position:relative;animation:fadeInUp .6s ease-out .2s;animation-fill-mode:both}.admin-nav{width:100%;display:flex;align-items:center;justify-content:center}.nav-button{display:inline-flex;align-items:center;padding:10px;border:1px solid #d1d5db;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;font-size:.8rem;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-button:hover:before{left:100%}.nav-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.nav-button i{margin-right:8px;font-size:1.1rem;transition:transform .3s ease}.nav-button:hover i{transform:scale(1.15)}.nav-button.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #4b5eaa66;transform:translateY(-3px)}.nav-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:#818cf8;border-radius:2px 2px 0 0}.admin-content{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.admin-content.fade-in{opacity:1;transform:translateY(0)}.section-header{text-align:center;padding:20px 32px;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:2px solid rgba(129,140,248,.3);position:relative;overflow:hidden}@keyframes slide{0%{left:-100%}to{left:100%}}.section-action-title{font-size:1.3rem;font-weight:700;margin:0;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.section-body{padding:20px}.status-locked{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #fca5a5;box-shadow:0 2px 6px #dc262633}.status-active{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #6ee7b7;box-shadow:0 2px 6px #05966933}.admin-container.loading{pointer-events:none;opacity:.6}.admin-container.loading:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:4px solid #e5e7eb;border-top:4px solid #4b5eaa;border-radius:50%;animation:spin 1s linear infinite;z-index:9999}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.section-body>p:only-child{text-align:center;padding:64px 24px;color:#6b7280;font-size:1.1rem;font-weight:500}.section-body>p:only-child:before{content:"📋";display:block;font-size:4rem;animation:float 3s ease-in-out infinite}.admin-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out}.admin-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-left:4px solid #10b981}.admin-message.success:before{content:"✓";font-size:1.5rem;font-weight:700}.admin-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-left:4px solid #ef4444}.admin-message.error:before{content:"⚠";font-size:1.5rem;font-weight:700}.admin-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.section-body::-webkit-scrollbar{width:10px;height:10px}.section-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:5px}.section-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4b5eaa,#2a3f8a);border-radius:5px}.section-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2a3f8a,#1f2a67)}.admin-container .text-center{text-align:center}.admin-container .mt-4{margin-top:32px}.admin-container .mb-4{margin-bottom:32px}.admin-container .p-4{padding:32px}.admin-icon,.nav-icon{display:inline-block;width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:.5rem;vertical-align:middle}.icon-gear{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E")}.icon-file-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3Cpath d='M8.854 6.354a.5.5 0 0 0-.708-.708L7.5 6.293 6.646 5.44a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l2-2z'/%3E%3C/svg%3E")}.icon-people{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E")}.icon-tags{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z'/%3E%3C/svg%3E")}.icon-file-lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 5a1 1 0 0 1 1 1v1H7V6a1 1 0 0 1 1-1zm2 2.076V6a2 2 0 1 0-4 0v1.076c-.54.166-1 .597-1 1.224v2.4c0 .816.781 1.3 1.5 1.3h3c.719 0 1.5-.484 1.5-1.3V8.3c0-.627-.46-1.058-1-1.224z'/%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E")}.icon-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z'/%3E%3C/svg%3E")}.icon-building{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022zM6 8.694 1 10.36V15h5V8.694zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15z'/%3E%3Cpath d='M2 11h1v1H2v-1zm2 0h1v1H4v-1zm-2 2h1v1H2v-1zm2 0h1v1H4v-1zm4-4h1v1H8V9zm2 0h1v1h-1V9zm-2 2h1v1H8v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1V9zm0 2h1v1h-1v-1zM8 7h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM8 5h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm0-2h1v1h-1V3z'/%3E%3C/svg%3E")}.admin-icon,.nav-icon{margin-right:.5rem}.admin-payments-container{max-width:1200px;margin:0 auto}.refresh-btn{padding:8px 16px;background:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.refresh-btn:hover:not(:disabled){background:#0b5ed7}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed}.loading-spinner{text-align:center;padding:50px;font-size:16px;color:#666}.no-payments{text-align:center;padding:50px}.no-payments p{font-size:18px;color:#999}.payments-count{margin-bottom:20px;padding:15px;background:#e7f3ff;border-left:4px solid #0d6efd;border-radius:4px;font-size:15px}.payments-list{display:flex;flex-direction:column;gap:20px}.payment-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.payment-card:hover{border-color:#0d6efd;box-shadow:0 4px 12px #0d6efd26}.payment-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.payment-code{display:flex;align-items:center;gap:8px;font-size:18px;color:#0d6efd}.payment-amount{font-size:24px;font-weight:700;color:#28a745}.copy-icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.6;transition:opacity .3s}.copy-icon-btn:hover{opacity:1}.payment-info{margin-bottom:20px}.info-row{display:flex;padding:10px 0;border-bottom:1px solid #f5f5f5}.info-row .label{width:150px;color:#666;font-weight:600;font-size:14px}.info-row .value{flex:1;color:#333;font-size:14px;display:flex;align-items:center;gap:8px}.transfer-content code{background:#f8f9fa;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:#d9534f;font-weight:700}.expiry-time{color:#ff6b6b;font-weight:700}.payment-actions{display:flex;gap:10px;margin-top:15px}.payment-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.btn-confirm{background:#28a745;color:#fff}.btn-confirm:hover{background:#218838;transform:translateY(-2px)}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin-top:0;color:#333;margin-bottom:15px}.modal-info{background:#f8f9fa;padding:15px;border-radius:8px;margin:15px 0}.modal-info p{margin:8px 0;font-size:14px;color:#495057}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.required{color:#dc3545}.form-group textarea{width:100%;padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{text-align:center;padding:50px;color:#dc3545;font-size:16px}@media (max-width: 768px){.payment-header-row{flex-direction:column;align-items:flex-start;gap:10px}.info-row{flex-direction:column;gap:5px}.info-row .label{width:100%}.payment-actions{flex-direction:column}.modal-content{padding:20px}}.navbar{background:linear-gradient(180deg,#121212,#1e1e1e);padding:16px 0;box-shadow:0 4px 12px #0003;position:sticky;top:0;height:76px;display:flex;z-index:1000;align-items:center}.navbar-container{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.navbar-logo-item{display:flex;align-items:center;text-decoration:none;font-size:1.6rem;font-weight:700;color:var(--color-text-navbar);transition:color .2s ease-in-out}.navbar-logo-item:hover{color:var(--color-hover)}.navbar-logo-image{height:60px;margin-right:10px}.navbar-menu-item{display:flex;align-items:center;justify-content:center}.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:10px}.menu-icon{display:block;width:25px;height:2px;background-color:#fff;position:relative;transition:background-color .3s}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:25px;height:2px;background-color:#fff;left:0;transition:transform .3s}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}.menu-open .menu-icon{background-color:transparent}.menu-open .menu-icon:before{transform:rotate(45deg);top:0}.menu-open .menu-icon:after{transform:rotate(-45deg);bottom:0}.navbar-links{display:flex;text-align:center;justify-self:center;list-style:none;margin:0;padding:0;gap:12px}.navbar-item{position:relative;display:flex;align-items:center;justify-content:center}.navbar-link{color:var(--color-text-navbar);font-size:1.3rem;font-weight:500;padding:10px 18px;position:relative;text-decoration:none;transition:color .2s ease-in-out,transform .2s ease;display:block}.navbar-link:hover{color:var(--color-hover);transform:translateY(-1px)}.drop-menu-btn,.logout-button{display:block;color:var(--color-text-navbar);font-size:.9rem;background-color:transparent;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .25s ease;border-left:3px solid transparent;cursor:pointer}.logout-button{text-align:left;width:100%;border:none;outline:none}.drop-menu-btn.active{background-color:#374151;color:#fff;border-left:3px solid var(--accent-color);font-weight:600;padding-left:22px}.navbar-link.active{font-weight:600}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:#fff;transition:width .3s ease,opacity .3s ease;opacity:0}.navbar-link.active:after{width:60%;opacity:1}.navbar-link.avatar-link.active:after{width:0;opacity:0}.navbar.scrolled{background-color:#111827;box-shadow:0 2px 10px #0000004d}.nav-notification-badge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;background-color:#dc3545;color:#fff;border-radius:999px;border:2px solid #1f2937;font-size:11px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-navbar);font-size:1rem;padding:10px 18px;margin-top:4px}.dropdown-menu{position:absolute;display:flex;flex-direction:column;gap:2px;top:100%;width:200px;right:0;background-color:#1f2937;border-radius:8px;padding:8px 0;list-style:none;box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:999}.drop-menu-btn:hover,.logout-button:hover{background-color:#2d3a4d;color:#f1f5f9;border-left:3px solid #4b5563;padding-left:22px}.dropdown-menu li{padding:0}.navbar-avatar{width:30px;height:30px;background-color:#fff;border-radius:50%;object-fit:cover;border:1.5px solid #ddd;transition:transform .2s ease,border-color .2s ease;vertical-align:middle}.navbar-avatar:hover{transform:scale(1.05);border-color:#6a11cb}.navbar.vip-user{box-shadow:0 2px 10px #ffd7004d;border-bottom:2px solid #ffd700}.navbar-avatar.vip-avatar{border:2px solid transparent;border-radius:50%;background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,gold,#ff9d00,#fd5);background-origin:border-box;background-clip:content-box,border-box;animation:vip-glow 2s linear infinite}@keyframes vip-glow{0%{filter:drop-shadow(0 0 2px #ffea00)}50%{filter:drop-shadow(0 0 6px #ffdd00)}to{filter:drop-shadow(0 0 2px #ffea00)}}.vip-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:700;letter-spacing:.5px;color:gold;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2px 6px;border-radius:4px;border:1px solid #ffd700;text-shadow:0 0 3px #ffae00;box-shadow:0 2px 4px #ffd7004d;white-space:nowrap}.notifications-container{max-width:800px;margin:0 auto;border-radius:16px;position:relative;overflow:hidden;min-height:calc(100vh - 200px)}.notifications-card{background:linear-gradient(180deg,#fff,#f9fafb);border-radius:12px;padding:24px;margin:16px;box-shadow:0 6px 16px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.notifications-card:hover{transform:translateY(-2px)}.notifications-title{font-size:2.4rem;font-weight:700;color:#111827;margin-bottom:32px;display:flex;align-items:center;position:relative;padding-bottom:16px}.notifications-title:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px}.notifications-title i{color:#3b82f6;font-size:2rem;animation:bellRing 2s ease-in-out infinite}.flex-container{display:flex}.flex-justify-between{justify-content:space-between}.flex-justify-end{justify-content:flex-end}.flex-align-center{align-items:center}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.loading-container{text-align:center;padding:64px 24px;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;margin:20px 0}.spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top:4px solid #3B82F6;border-radius:50%;animation:spin 1s ease-in-out infinite;margin:0 auto}.notifications-list{display:flex;flex-direction:column;gap:6px;animation:fadeInUp .5s ease-out}.notification-item{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:20px 24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3b82f633}50%{box-shadow:0 0 0 6px #3b82f61a}}.notification-item.unread{border-left:4px solid #333}.notification-content{display:flex;flex-direction:column;gap:5px;padding-right:30px}.notification-message{font-size:1.05rem;color:#374151;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;transition:color .3s ease}.notification-message.unread{font-weight:600;color:#111827}.notification-time{font-size:.9rem;color:#6b7280;align-items:center;transition:color .3s ease}.empty-icon{font-size:4rem;color:#9ca3af;margin-bottom:20px;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notification-badge.new{color:#2563eb;border:1px solid rgba(59,130,246,.3)}.notification-badge.read{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.notification-item:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.notifications-container{padding:32px 16px}.notifications-card{padding:24px 16px}.notifications-title{font-size:2rem;margin-bottom:24px}.notifications-title i{font-size:1.8rem}.notification-item{padding:16px 20px}.notification-content{padding-right:25px}.notification-message{font-size:1rem}.notification-time{font-size:.85rem}.loading-container,.empty-state{padding:48px 16px}.empty-icon{font-size:3rem}.empty-state p{font-size:1.1rem}}@media (max-width: 576px){.notifications-container{padding:24px 12px}.notifications-card{padding:20px 12px}.notifications-title{font-size:1.8rem;flex-direction:column;text-align:center}.notifications-title i{margin-right:0;margin-bottom:8px}.notification-item{padding:14px 16px}.notification-content{padding-right:20px}.notification-message{font-size:.95rem}.notification-time{font-size:.8rem}.notification-item.unread:after{right:12px;width:8px;height:8px}.empty-state{padding:32px 12px}.empty-icon{font-size:2.5rem}.empty-state p{font-size:1rem}}.notification-time[title]{cursor:help}.unread-count{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 4px #ef44444d}.notification-item.removing{animation:fadeOutUp .4s ease-out forwards}.notification-detail{display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;align-items:center;justify-content:space-between}.detail-title{font-size:1.5rem;font-weight:700;color:#111827;display:flex;align-items:center}.btn-ghost{padding:10px 14px;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-ghost:hover{background:#f3f4f6}.btn-danger{padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.detail-meta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.meta-item{display:inline-flex;align-items:center;color:#4b5563;font-size:.95rem}.status-chip{padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.status-chip.unread{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.status-chip.read{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.detail-message{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin-top:10px}.message-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.message-body{font-size:1.05rem;color:#111827;line-height:1.6}.detail-actions{display:flex;gap:12px;margin-top:8px;justify-content:flex-end}@media (max-width: 576px){.detail-title{font-size:1.25rem}.detail-actions{flex-direction:column}}.follow-title{font-size:2.4rem;font-weight:700;color:#111827;margin-bottom:32px;display:flex;align-items:center;text-align:center;justify-content:center;position:relative;padding-bottom:16px}.follow-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px}.follow-title i{color:#10b981;font-size:2rem}.icon-margin-right{margin-right:12px}.icon-margin-left{margin-left:12px}.icon-margin-left-sm{margin-left:8px}.follow-section{background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 16px #00000014;transition:all .3s ease;border:1px solid #e5e7eb}.follow-toggle{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;justify-content:space-between}.loading-text{margin-top:20px;color:#6b7280;font-size:1.1rem;font-weight:500}.follow-grid{gap:10px;padding:0;margin:0}.follow-list{margin-top:16px;animation:slideDown .3s ease-out}.follow-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;padding:8px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.follow-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.follow-card-content{display:flex;align-items:center;gap:10px}.follow-avatar{flex:0 0 70px;text-align:center;position:relative}.follow-avatar img.avatar-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.follow-info{flex:1;min-width:0}.follow-name{font-size:1rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.follow-email{font-size:.8rem;color:#6b7280;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-id{font-size:.85rem;color:#9ca3af;margin:0;font-family:Courier New,monospace}.unfollow-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.unfollow-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.unfollow-button:hover:before{left:100%}.unfollow-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.unfollow-button:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.unfollow-button i{font-size:1rem}.empty-state p{font-size:1.2rem;color:#6b7280;margin:0;font-weight:500}.follow-card{animation:fadeInUp .4s ease-out}.follow-grid .follow-card:nth-child(1){animation-delay:.05s}.follow-grid .follow-card:nth-child(2){animation-delay:.1s}.follow-grid .follow-card:nth-child(3){animation-delay:.15s}.follow-grid .follow-card:nth-child(4){animation-delay:.2s}.follow-grid .follow-card:nth-child(5){animation-delay:.25s}.follow-grid .follow-card:nth-child(6){animation-delay:.3s}.unfollow-button:focus{outline:2px solid #10b981;outline-offset:2px}.follow-toggle:focus{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}.follow-list::-webkit-scrollbar{width:8px}.follow-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.follow-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b981,#059669);border-radius:4px}.follow-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#059669,#047857)}.follow-email[title],.follow-id[title]{cursor:help}.unfollow-button.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.unfollow-button.loading:after{content:"";width:14px;height:14px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.follow-card.removing{animation:fadeOutUp .4s ease-out forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width: 768px){.follow-avatar:after{width:60px;height:60px}}.empty-state.enhanced{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.empty-state.enhanced .empty-icon{color:#10b981}.empty-state.enhanced p{color:#059669;font-weight:600}.all-container{padding:1rem;display:flex;justify-content:center}.all-container-card{width:100%;max-width:800px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.post-page-title{margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.error-text{color:#dc3545;margin-bottom:1rem}.center-text{text-align:center}.post-form{margin-bottom:2rem}.btn-submit,.btn-submit-comment{background:var(--color-button);color:#fff;margin-top:.5rem;align-self:flex-end;border:none;border-radius:6px;padding:.45rem .85rem;cursor:pointer;transition:background-color .2s}.btn-submit:hover,.btn-submit-comment:hover,.btn-comment:hover{filter:brightness(.96)}.btn-comment{align-self:flex-end;margin-top:.5rem;background-color:#079d6e;color:#fff;border:none;padding:.45rem .85rem;border-radius:6px;cursor:pointer}.full-width{width:100%}.submit-wrapper{display:flex;justify-content:flex-end}.post-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{display:flex;flex-direction:column;border:1px solid #dee2e6;border-radius:8px;padding:1rem;background-color:#fafafa}.post-header{display:flex;align-items:center;margin-bottom:.75rem}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:6px}.comment-avatar{background-color:#fff;width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:6px}.post-user-info,.comment-user-info{display:flex;flex-direction:column}.post-user-email,.comment-user-email{font-size:.85rem;font-weight:700;margin:0 0 4px}.post-user-email a,.comment-user-email a{text-decoration:none;color:inherit}.comment-content{margin:0;font-size:.9rem;line-height:1.4}.post-date,.comment-date{font-size:.75rem;color:#6c757d;margin:0}.post-title{font-size:1.25rem}.post-content{word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.comments-wrapper{margin-top:1rem;border-top:1px solid #dee2e6;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.comment-form,.comment-form .form-item,.comment-form .input-wrapper{width:100%}.comment-item{display:flex;align-items:flex-start;width:100%}.comment-content-wrapper{display:flex;flex-direction:column;gap:4px;flex:1}.comment-bubble{background-color:#e1e1e1;border-radius:18px;padding:6px 12px;max-width:fit-content;word-break:break-word;overflow-wrap:break-word}.link-primary{color:#0d6efd;text-decoration:none}.link-primary:hover{color:#0b5ed7;text-decoration:underline}body{font-family:var(--font-family-base);font-size:var(--font-size-base);background-color:var(--color-background-page);color:var(--color-text-primary);margin:0}.rankings-page{max-width:800px;background:linear-gradient(180deg,#fff,#f9fafb);margin:24px auto;padding:0 20px}.rankings-page__header{text-align:center;margin-bottom:40px}.rankings-page__title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.rankings-page__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;border-bottom:2px solid var(--color-border);padding-bottom:15px}.rankings-page__tab-button{padding:10px 20px;font-size:1rem;font-weight:600;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;transition:background-color .2s,color .2s;position:relative;border:1px solid transparent}.rankings-page__tab-button:hover{background-color:var(--color-value-badge-bg);color:var(--color-text-primary)}.rankings-page__tab-button--active{color:var(--color-text-primary);background-color:var(--color-background-card);border-color:var(--color-border);box-shadow:0 2px 4px #0000000d}.rankings-page__content{max-width:800px;margin:0 auto}.ranking-card{background:var(--color-background-card);border-radius:var(--border-radius-card);box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s;overflow:hidden;border:1px solid var(--color-border)}.ranking-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.ranking-card__header{color:#fff;padding:16px var(--spacing-card-padding);font-size:1.25rem;font-weight:600;display:flex;align-items:center}.ranking-card__body{padding:0}.ranking-card__list{list-style:none;padding:0;margin:0}.ranking-card__item{display:flex;align-items:center;padding:var(--spacing-item-padding) var(--spacing-card-padding);border-bottom:1px solid var(--color-border);transition:background-color .15s}.ranking-card__list .ranking-card__item:last-child{border-bottom:none}.ranking-card__item--clickable{cursor:pointer}.ranking-card__position{font-weight:700;font-size:1.1rem;width:30px;text-align:center;margin-right:15px}.ranking-card__item:nth-child(1) .ranking-card__position{color:var(--color-gold)}.ranking-card__item:nth-child(2) .ranking-card__position{color:var(--color-silver)}.ranking-card__item:nth-child(3) .ranking-card__position{color:var(--color-bronze)}.ranking-card__image{width:45px;height:45px;object-fit:cover;margin-right:15px;border:1px solid var(--color-border)}.ranking-card__image--avatar{border-radius:50%}.ranking-card__image--document{border-radius:6px}.ranking-card__info{flex:1;min-width:0}.ranking-card__name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-card__detail{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-card__value{font-weight:600;background-color:var(--color-value-badge-bg);padding:4px 12px;border-radius:var(--border-radius-badge);font-size:.9rem}.ranking-card__empty-message{padding:40px var(--spacing-card-padding);text-align:center;color:var(--color-text-secondary)}.ranking-card__icon{display:inline-block;width:1.4rem;height:1.4rem;vertical-align:middle;margin-right:10px;background-repeat:no-repeat;background-position:center;background-size:contain}.icon--star-fill+.ranking-card__header,.ranking-card__header:has(.icon--star-fill){background-color:var(--color-background-card)}.icon--cloud-upload-fill+.ranking-card__header,.ranking-card__header:has(.icon--cloud-upload-fill){background-color:var(--theme-color-uploads)}.icon--chat-dots-fill+.ranking-card__header,.ranking-card__header:has(.icon--chat-dots-fill){background-color:var(--theme-color-comments)}.icon--person-check-fill+.ranking-card__header,.ranking-card__header:has(.icon--person-check-fill){background-color:var(--theme-color-downloads-user)}.icon--file-earmark-arrow-down-fill+.ranking-card__header,.ranking-card__header:has(.icon--file-earmark-arrow-down-fill){background-color:var(--theme-color-downloads-doc)}.icon--star-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E")}.icon--cloud-upload-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2z'/%3E%3Cpath d='M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z'/%3E%3C/svg%3E")}.icon--chat-dots-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E")}.icon--person-check-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E")}.icon--file-earmark-arrow-down-fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-1 4v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 11.293V7.5a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E")}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.loader-spinner{width:3.5rem;height:3.5rem;border-radius:50%;border:.3em solid #ccc;border-top-color:var(--color-text-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{margin-top:1.5rem;font-size:1.25rem;color:var(--color-text-secondary)}.error-message{padding:1rem 1.5rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;text-align:center}@media (max-width: 767.98px){.rankings-page__title{font-size:2rem}.rankings-page__tab-button{padding:8px 16px;font-size:.9rem}.ranking-card__header{font-size:1.1rem;padding:12px 15px}.ranking-card__item{padding:12px 15px}.ranking-card__image{width:35px;height:35px;margin-right:10px}.ranking-card__position{margin-right:10px}}@media (max-width: 575.98px){.rankings-page{padding:0 15px;margin-top:20px}.rankings-page__title{font-size:1.7rem}.ranking-card__name{font-size:.95rem}.ranking-card__detail{font-size:.8rem}.ranking-card__value{font-size:.8rem;padding:3px 8px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-container{max-width:900px;margin:0 auto;padding:48px 24px;min-height:calc(100vh - 80px)}.upload-card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:40px;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;position:relative;overflow:hidden}.upload-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-2px)}.upload-title{font-size:2rem;font-weight:700;color:#111827;text-align:center;position:relative;padding-bottom:16px}.upload-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-line);border-radius:2px}.upload-title i{color:#10b981;margin-right:12px;font-size:1.8rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.upload-container .form-group{margin-bottom:28px;animation:fadeInUp .5s ease-out both}.upload-container .form-group:nth-child(1){animation-delay:.1s}.upload-container .form-group:nth-child(2){animation-delay:.2s}.upload-container .form-group:nth-child(3){animation-delay:.3s}.upload-container .form-group:nth-child(4){animation-delay:.4s}.upload-container .form-group:nth-child(5){animation-delay:.5s}.upload-container .form-group:nth-child(6){animation-delay:.6s}.upload-container .form-group:nth-child(7){animation-delay:.7s}.preview-container{margin-top:12px;text-align:center;padding:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:2px dashed #10b981}.preview-container p{font-size:.95rem;font-weight:600;color:#065f46;margin-bottom:12px}.preview-container img{max-width:250px;max-height:250px;object-fit:cover;border:3px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b98133}.tags-display-upload{margin-top:20px;margin-bottom:20px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.tags-display-upload:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.tags-display-upload strong{display:block;margin-bottom:12px;font-size:1rem;color:#065f46;font-weight:600}.tags-display-upload ul{list-style:none;padding-left:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.tags-display-upload li{display:inline-flex;align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 14px;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 6px #10b9814d;transition:all .3s ease;animation:tagSlideIn .3s ease-out}.tag-input-row{display:flex;flex-direction:column}.tag-button{display:flex;justify-content:center;padding:10px 15px;margin-left:auto;margin-top:12px;width:120px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.tag-button:hover{background-color:#5a6268}.tags-display-upload li:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 10px #10b98166}.tags-display-upload li button{margin-left:10px;background:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;font-size:1.3rem;line-height:1;transition:all .2s ease;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tags-display-upload li button:hover{background:#fff3;transform:rotate(90deg)}.file-input{flex:1;border:none;padding-left:12px}.upload-container input[type=file].form-input::file-selector-button{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;margin-right:12px;transition:all .3s ease}.upload-container input[type=file].form-input::file-selector-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.upload-container .mt-2.text-center{margin-top:16px;text-align:center;padding:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:2px dashed #10b981;transition:all .3s ease}.upload-container .mt-2.text-center:hover{border-color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.upload-container .mt-2.text-center p{font-size:.95rem;font-weight:600;color:#065f46;margin-bottom:12px}.upload-container .mt-2.text-center img{max-width:250px;max-height:250px;object-fit:cover;border:3px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b98133;transition:all .3s ease;animation:imageZoomIn .5s ease-out}.upload-container .mt-2.text-center img:hover{transform:scale(1.05);box-shadow:0 8px 20px #10b9814d;border-color:#059669}@media (max-width: 768px){.upload-card{padding:28px 20px}.upload-title{font-size:1.6rem}.upload-title i{font-size:1.4rem}.upload-container .form-group.mb-3>div{flex-direction:column;align-items:stretch}.btn-secondary{width:100%;margin-top:8px}.submit-button{font-size:1rem;padding:12px 24px}.upload-container .mt-2.text-center img{max-width:200px;max-height:200px}}@media (max-width: 576px){.upload-card{padding:24px 16px}.upload-title{font-size:1.4rem}.upload-container .form-input,.upload-container .form-select{font-size:.95rem;padding-left:44px;padding-top:12px;padding-bottom:12px}.upload-container textarea.form-input{min-height:100px}.submit-button{font-size:.95rem;padding:11px 20px}.tags-display-upload{padding:16px}.tags-display-upload li{font-size:.8rem;padding:6px 12px}.upload-container .mt-2.text-center img{max-width:180px;max-height:180px}}@media print{.upload-card{box-shadow:none;border:1px solid #000000;page-break-inside:avoid}.submit-button,.btn-secondary,.tags-display-upload li button{display:none}}.upload-container .submit-button.loading:after{content:"";width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.upload-container.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.update-card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:40px;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.update-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-2px)}.margin-bottom{margin-bottom:1rem}.preview-container{margin-top:.5rem;text-align:center}.loading-display{text-align:center;padding:3rem 0}.file-input-group{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;overflow:hidden}.file-input-icon{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background-color:#e9ecef;border-right:1px solid #ccc}.file-input{flex:1;border:none;border-top-left-radius:0;border-bottom-left-radius:0}.form-helper-text{display:block;margin-top:.25rem;font-size:.875em;color:#6c757d}.update-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:32px;display:flex;align-items:center;position:relative;padding-bottom:16px}.update-title i{color:#3b82f6;margin-right:12px;font-size:1.8rem}.update-container .form-group{margin-bottom:28px;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.update-container .form-group:nth-child(1){animation-delay:.1s}.update-container .form-group:nth-child(2){animation-delay:.2s}.update-container .form-group:nth-child(3){animation-delay:.3s}.update-container .form-group:nth-child(4){animation-delay:.4s}.update-container .form-group:nth-child(5){animation-delay:.5s}.update-container .form-group:nth-child(6){animation-delay:.6s}.update-container .form-group:nth-child(7){animation-delay:.7s}.update-container .form-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:10px;display:block;transition:color .2s ease}.update-container .input-wrapper{position:relative;display:flex;align-items:center}.update-container textarea.form-input{min-height:120px;resize:vertical;line-height:1.6}.update-container .form-select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background-color:#fff;transition:all .3s ease;font-family:Inter,sans-serif;cursor:pointer}.update-container .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.update-container .form-select:hover{border-color:#d1d5db}.update-container .error-text{color:#ef4444;font-size:.875rem;margin-top:8px;display:flex;align-items:center;gap:6px;font-weight:500}.update-container .error-text:before{content:"⚠";font-size:1rem}.update-container .tags-display-update{margin-top:20px;margin-bottom:20px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#f9fafb,#fff);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.update-container .tags-display-update:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.update-container .tags-display-update strong{display:block;margin-bottom:12px;font-size:1rem;color:#374151;font-weight:600}.update-container .tags-display-update ul{list-style:none;padding-left:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.update-container .tags-display-update li{display:inline-flex;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 14px;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 6px #3b82f64d;transition:all .3s ease;animation:tagSlideIn .3s ease-out}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.update-container .tags-display-update li:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 10px #3b82f666}.update-container .tags-display-update li button{margin-left:10px;background:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;font-size:1.3rem;line-height:1;transition:all .2s ease;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.update-container .tags-display-update li button:hover{background:#fff3;transform:rotate(90deg)}.update-container .form-group.mb-3>div{display:flex;gap:12px;align-items:center}.update-container .form-group.mb-3 input[type=text].form-input{flex-grow:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px}.update-container .btn.btn-secondary{padding:12px 20px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;white-space:nowrap}.update-container .btn.btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.update-container .btn.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #6b72804d}.update-container input[type=file].form-input{padding:12px 16px 12px 48px;cursor:pointer;background-color:#f9fafb}.update-container input[type=file].form-input:hover{background-color:#f3f4f6}.update-container input[type=file].form-input::file-selector-button{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;margin-right:12px;transition:all .3s ease}.update-container input[type=file].form-input::file-selector-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.update-container .form-group>div[style*=marginBottom]{padding:12px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;margin-bottom:12px;border-left:4px solid #3b82f6}.update-container .form-group>div[style*=marginBottom] span{color:#1e40af}.update-container .mt-2.text-center{margin-top:16px;text-align:center;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db;transition:all .3s ease}.update-container .mt-2.text-center:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.update-container .mt-2.text-center p{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:12px}.update-container .mt-2.text-center img{max-width:250px;max-height:250px;object-fit:cover;border:3px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;animation:imageZoomIn .5s ease-out}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.update-container .mt-2.text-center img:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000026;border-color:#3b82f6}.update-container .input-wrapper.input-group{display:flex;align-items:stretch;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .3s ease}.update-container .input-wrapper.input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.update-container .input-group-text{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:none;padding:14px 16px;color:#6b7280;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.update-container .input-wrapper.input-group:focus-within .input-group-text{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.update-container .input-group .form-control{border:none;padding:14px 16px;font-size:1rem;background-color:#fff;flex:1}.update-container .input-group .form-control:focus{outline:none;box-shadow:none}.update-container .form-text.text-muted{font-size:.875rem;color:#6b7280;margin-top:8px;display:block;font-style:italic}.update-container .submit-button{width:100%;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #3b82f64d;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;position:relative;overflow:hidden}.update-container .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.update-container .submit-button:hover:before{left:100%}.update-container .submit-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.update-container .submit-button:active{transform:translateY(0);box-shadow:0 4px 12px #3b82f64d}.update-container .submit-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;transform:none}.update-container .submit-button:disabled:hover{transform:none;box-shadow:0 6px 16px #3b82f64d}.update-container .submit-button i{font-size:1.2rem}.update-container .cancel-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 6px 16px #ef44444d;margin-top:12px}.update-container .cancel-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 8px 20px #ef444466}.update-container .cancel-button:active{box-shadow:0 4px 12px #ef44444d}.update-container .text-center.py-5{padding:64px 24px;text-align:center;font-size:1.3rem;color:#6b7280;font-weight:500}.update-container .text-center.py-5:before{content:"";display:block;width:50px;height:50px;margin:0 auto 20px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-container .mb-3{margin-bottom:24px}.update-container .me-2{margin-right:12px}@media (max-width: 768px){.update-container{padding:32px 16px}.update-card{padding:28px 20px}.update-title{font-size:1.6rem}.update-title i{font-size:1.4rem}.update-container .form-group.mb-3>div{flex-direction:column;align-items:stretch}.update-container .btn.btn-secondary{width:100%;margin-top:8px}.update-container .submit-button{font-size:1rem;padding:12px 24px}.update-container .mt-2.text-center img{max-width:200px;max-height:200px}}@media (max-width: 576px){.update-container{padding:24px 12px}.update-card{padding:24px 16px}.update-title{font-size:1.4rem}.update-container .form-input,.update-container .form-select{font-size:.95rem;padding:12px 14px 12px 44px}.update-container textarea.form-input{min-height:100px}.update-container .submit-button{font-size:.95rem;padding:11px 20px}.update-container .tags-display-update{padding:16px}.update-container .tags-display-update li{font-size:.8rem;padding:6px 12px}.update-container .mt-2.text-center img{max-width:180px;max-height:180px}}.update-container .submit-button:focus,.update-container .cancel-button:focus,.update-container .btn.btn-secondary:focus,.update-container .form-input:focus,.update-container .form-select:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.update-card,.update-container .form-input,.update-container .form-select{border:2px solid #000000}.update-container .submit-button{background:#2563eb;border:2px solid #000000}.update-container .cancel-button{background:#dc2626!important;border:2px solid #000000}.update-container .tags-display-update{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.update-card:before,.update-container .submit-button:before,.update-container .text-center.py-5:before{animation:none;transition:none}.update-card:hover,.update-container .submit-button:hover,.update-container .tags-display-update li:hover,.update-container .mt-2.text-center img:hover{transform:none}.update-container .form-group,.update-container .tags-display-update li,.update-container .mt-2.text-center img{animation:none}}@media print{.update-card{box-shadow:none;border:1px solid #000000;page-break-inside:avoid}.update-container .submit-button,.update-container .cancel-button,.update-container .btn.btn-secondary,.update-container .tags-display-update li button{display:none}}.update-container .form-success{padding:12px 20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:8px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out}.update-container .form-success:before{content:"✓";font-size:1.5rem;font-weight:700}.update-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-results-container{max-width:1280px;margin:40px auto;padding:0 20px}.icon{display:inline-block;width:16px;height:16px;margin-right:6px;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}.folder-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z'/%3E%3C/svg%3E")}.person-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E")}.download-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z'/%3E%3C/svg%3E")}.search-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='%23d1d5db' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");width:64px;height:64px;margin-right:0;margin-bottom:10px}.search-results-header{margin-bottom:30px}.search-results-title{font-size:1.8rem;font-weight:700;color:#111827;margin-bottom:10px}.search-results-count{color:#6b7280;font-size:1rem;margin-bottom:24px}.search-filter-bar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:15px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.filter-group{flex:1;min-width:200px}.filter-label{display:block;margin-bottom:5px;font-weight:500;font-size:.875rem;color:#4b5563}.filter-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;background-color:#fff}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.card-img-container{height:200px;position:relative;overflow:hidden}.card-img-top{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-description{color:#6b7280;font-size:.9rem;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.card-meta{font-size:.85rem;color:#6b7280;display:flex;flex-wrap:wrap;gap:8px}.meta-item{display:flex;align-items:center}.meta-item i{margin-right:5px}.file-type{margin-left:auto;font-weight:500}.card-footer{padding:12px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.tag-container{display:flex;flex-wrap:wrap;gap:5px}.tag-badge{font-size:.75rem;padding:4px 8px;border-radius:4px;background-color:#e5e7eb;color:#4b5563;text-decoration:none;transition:background-color .2s ease}.tag-badge:hover{background-color:#d1d5db}.loading-text{color:#6b7280;font-size:1rem}.empty-message{color:#6b7280;font-size:1.1rem;max-width:500px;margin:0 auto}.pagination-controls{display:flex;justify-content:center;margin-top:40px}.pagination-button{display:flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin:0 5px}.pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.search-results-title{font-size:1.5rem}}@media (max-width: 576px){.search-results-container{padding:0 15px}.search-results-title{font-size:1.3rem}.documents-grid{grid-template-columns:1fr;gap:16px}.card-body{padding:15px}.card-footer{padding:10px 15px}}.chatbot-container{position:fixed;bottom:20px;right:20px;width:320px;max-height:450px;background-color:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;z-index:1100;overflow:hidden;font-family:Arial,sans-serif}.chatbot-header{background-color:#0d6efd;color:#fff;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.chatbot-header h5{margin:0;font-size:1rem}.chatbot-close-btn{background:transparent;border:none;font-size:1.25rem;color:#fff;cursor:pointer}.chatbot-messages{flex-grow:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background-color:#f8f9fa}.message{display:flex;max-width:85%;word-wrap:break-word;font-size:.9rem;line-height:1.4}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.bot{align-self:flex-start}.message-text{padding:8px 12px;border-radius:15px}.message.user .message-text{background-color:#0d6efd;color:#fff;border-bottom-right-radius:3px}.message.bot .message-text{background-color:#e9ecef;color:#212529;border-bottom-left-radius:3px;white-space:pre-line}.message.bot .message-text a{color:#0056b3;text-decoration:underline}.message.bot .message-text a:hover{color:#003d80}.icon{margin:0 .5rem;font-size:1rem;display:inline-flex}.chatbot-input-form{display:flex;align-items:center;padding:5px 10px 10px;background-color:#f8f9fa;border-top:none}.chatbot-input{flex-grow:1;padding:8px 16px;border-radius:20px;border:1px solid #ced4da;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s}.chatbot-input:focus{border-color:#0d6efd;box-shadow:0 0 4px #0d6efd4d}.chatbot-send-button{width:40px;height:40px;margin-left:.5rem;border-radius:50%;border:none;background-color:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.chatbot-send-button:hover{background-color:#0b5ed7}.chatbot-send-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.65}.chatbot-quick-replies-wrapper{position:relative;display:flex;align-items:center;background-color:#f9f9f9;border-top:1px solid #eee;padding:5px 0}.chatbot-quick-replies{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px 35px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%}.chatbot-quick-replies::-webkit-scrollbar{display:none}.quick-reply-button{background-color:#fff;border:1px solid #0d6efd;color:#0d6efd;border-radius:15px;padding:6px 12px;font-size:.85em;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;font-weight:500}.quick-reply-button:hover{background-color:#0d6efd;color:#fff}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffc;border:1px solid #ddd;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#555;box-shadow:0 2px 4px #0000001a;transition:all .2s}.scroll-btn:hover{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.scroll-btn.left{left:5px}.scroll-btn.right{right:5px}.quick-reply-visibility-toggle{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding:.25rem .5rem;font-size:.875rem;cursor:pointer;margin-right:.5rem;transition:background-color .2s}.quick-reply-visibility-toggle:hover{background-color:#e0e0e0}.typing-indicator span{height:8px;width:8px;background-color:#adb5bd;border-radius:50%;display:inline-block;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-toggle-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#0d6efd;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;z-index:1100;cursor:pointer;transition:transform .2s ease-in-out}.chatbot-toggle-button:hover{transform:scale(1.05);background-color:#0b5ed7}.message.error .message-text{background-color:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.message.error .message-text a{color:#b91c1c;font-weight:700;text-decoration:underline}.payment-qr-container{max-width:800px;margin:0 auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.payment-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.payment-header h3{margin:0 0 15px;color:#2c3e50;font-size:24px}.expiry-countdown{display:inline-block;padding:8px 16px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:14px}.expiry-countdown strong{color:#d9534f}.payment-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media (max-width: 768px){.payment-content{grid-template-columns:1fr}}.qr-section{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.qr-section h4{margin-top:0;color:#495057;font-size:16px}.qr-code-image{width:100%;max-width:300px;height:auto;margin:15px 0;border:3px solid #dee2e6;border-radius:8px;background:#fff;padding:10px}.qr-placeholder{width:100%;max-width:300px;height:300px;margin:15px auto;background:#e9ecef;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#6c757d}.qr-instruction{margin-top:10px;color:#6c757d;font-size:14px}.bank-info-section{padding:20px}.bank-info-section h4{margin-top:0;margin-bottom:20px;color:#495057;font-size:16px}.info-group{margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:6px}.info-group.highlight{background:#e7f3ff;border:2px solid #0d6efd}.info-group label{display:block;margin-bottom:5px;color:#6c757d;font-size:13px;font-weight:600}.info-value{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-value span{flex:1;color:#212529;font-size:15px}.info-value .amount{color:#d9534f;font-weight:700;font-size:18px}.info-value code{flex:1;background:#fff;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:#0d6efd;font-weight:700}.copy-btn{padding:6px 12px;background:#0d6efd;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .3s}.copy-btn:hover{background:#0b5ed7}.warning-box{margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:13px;line-height:1.6}.warning-box code{background:#fff;padding:2px 6px;border-radius:3px;font-weight:700;color:#d9534f}.order-info{padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dee2e6}.info-row:last-child{border-bottom:none}.info-row span{color:#6c757d}.info-row strong{color:#212529}.status-pending{color:#ffc107}.status-completed{color:#28a745}.status-cancelled{color:#dc3545}.status-expired{color:#6c757d}.check-status-btn{width:100%;padding:15px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;margin-bottom:20px}.check-status-btn:hover:not(:disabled){background:#218838}.check-status-btn:disabled{background:#6c757d;cursor:not-allowed}.payment-footer{text-align:center;padding-top:20px;border-top:2px solid #f0f0f0}.payment-footer p{margin:0;color:#6c757d;font-size:14px;font-style:italic}.upgrade-account-container{max-width:1000px;margin:0 auto;padding:30px 20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-header{text-align:center;margin-bottom:40px;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 10px 40px #667eea4d}.upgrade-header-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-title{font-size:2rem;font-weight:700;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.upgrade-subtitle{font-size:1rem;opacity:.95;margin:0}.benefits-section{margin-bottom:40px}.benefits-title{text-align:center;font-size:1.6rem;font-weight:700;color:#1f2937;margin-bottom:30px}.comparison-table{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.comparison-column{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #00000014}.free-column{border:2px solid #e5e7eb}.vip-column{border:2px solid #8b5cf6;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.comparison-column h3{font-size:1.2rem;margin-bottom:16px;text-align:center}.comparison-column ul{list-style:none;padding:0;margin:0}.comparison-column li{padding:10px 0;font-size:.95rem;line-height:1.5;border-bottom:1px solid rgba(0,0,0,.05)}.comparison-column li:last-child{border-bottom:none}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;margin-bottom:20px}.benefit-card{background:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.benefit-icon{font-size:2.5rem;color:#667eea;margin-bottom:16px}.benefit-card h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px}.benefit-card p{font-size:.9rem;color:#6b7280;line-height:1.6;margin:0}.plans-section{margin-bottom:40px}.plans-title{text-align:center;font-size:1.6rem;font-weight:700;color:#1f2937;margin-bottom:30px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:20px;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 900px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;cursor:pointer;position:relative;border:3px solid transparent}.plan-card:hover{transform:translateY(-8px);box-shadow:0 10px 40px #0003}.plan-card.selected{border-color:#667eea;box-shadow:0 10px 40px #667eea4d}.plan-card.popular{border-color:#f59e0b}.popular-badge{position:absolute;top:20px;right:-35px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:5px 40px;font-size:.85rem;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 10px #f59e0b4d;z-index:1}.plan-header{padding:30px 24px;text-align:center;color:#fff;position:relative;overflow:hidden}.plan-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.plan-icon{font-size:2.8rem;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:6px;text-shadow:0 2px 5px rgba(0,0,0,.2)}.plan-duration{font-size:.9rem;opacity:.9;margin:0}.plan-pricing{height:120px;padding:24px;text-align:center;background:#f9fafb;display:flex;flex-direction:column;justify-content:center}.price-wrapper{display:flex;align-items:flex-start;justify-content:center;margin-bottom:10px}.price-amount{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1}.price-currency{font-size:1.3rem;font-weight:600;color:#6b7280;margin-left:5px;margin-top:5px}.original-price{display:flex;align-items:center;justify-content:center;gap:10px}.strike-through{text-decoration:line-through;color:#9ca3af;font-size:1.1rem}.discount-badge,.discount-badge-price{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.plan-features{padding:24px}.feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:.95rem;color:#4b5563}.feature-check{color:#10b981;font-size:1.1rem;margin-top:2px;flex-shrink:0}.select-plan-btn{width:calc(100% - 60px);margin:0 30px 30px;padding:15px;border:2px solid #667eea;background:#fff;color:#667eea;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.select-plan-btn:hover{background:#667eea;color:#fff;transform:scale(1.02)}.select-plan-btn.selected{background:#667eea;color:#fff;border-color:#667eea}.vip-status-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:20px 24px;margin-bottom:30px;text-align:center}.vip-badge-current{display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:12px}.vip-status-box p{font-size:1rem;color:#92400e;margin:8px 0}.vip-note{font-size:.9rem!important;opacity:.85}.payment-section{margin-bottom:40px}.back-btn{background:#fff;border:2px solid #667eea;color:#667eea;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;display:block;margin-left:auto;margin-right:auto}.back-btn:hover{background:#667eea;color:#fff;transform:translate(-5px)}.payment-history-section{margin-bottom:40px}.toggle-history-btn{display:block;margin:0 auto 20px;background:#fff;border:2px solid #667eea;color:#667eea;padding:12px 32px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-history-btn:hover{background:#667eea;color:#fff}.history-list{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #00000014;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-history{text-align:center;color:#9ca3af;font-style:italic;padding:30px}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#f9fafb}.history-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.history-table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#6b7280}.history-table tbody tr:hover{background:#f9fafb}.history-table tbody tr[style*=pointer]:hover{background:#e0e7ff;transform:scale(1.01);box-shadow:0 2px 8px #667eea26}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600}.badge-pending{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-secondary{background:#f3f4f6;color:#6b7280}.checkout-section{text-align:center;margin-bottom:40px}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #667eea4d;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.upgrade-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.test-mode-note{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;padding:15px 20px;color:#92400e;font-size:.95rem;max-width:600px;margin:0 auto}.faq-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 15px #00000014}.faq-title{text-align:center;font-size:1.6rem;font-weight:700;color:#1f2937;margin-bottom:24px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{padding:20px;background:#f9fafb;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.faq-item:hover{background:#f3f4f6;transform:translate(5px)}.faq-item h3{font-size:1.05rem;font-weight:600;color:#1f2937;margin-bottom:8px}.faq-item p{font-size:.9rem;color:#6b7280;line-height:1.6;margin:0}@media (max-width: 768px){.upgrade-account-container{padding:20px 15px}.upgrade-title{font-size:1.8rem}.upgrade-subtitle{font-size:1rem}.comparison-table,.benefits-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr;gap:20px}.popular-badge{top:15px;right:-30px;padding:4px 35px;font-size:.75rem}.upgrade-btn{width:100%;font-size:1.1rem;padding:15px 30px}.faq-section{padding:25px 20px}}@media (max-width: 480px){.upgrade-header-icon{font-size:40px}.upgrade-title,.benefits-title,.plans-title,.faq-title{font-size:1.5rem}.benefit-icon{font-size:2.5rem}.plan-name{font-size:1.5rem}.price-amount{font-size:2.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#fff;color:#333;overflow-x:auto}.home-container{max-width:1280px;margin:0 auto;padding:48px 24px;background-color:#f9fafb;width:100%}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:24px}.title-group{flex:1}.sub-title{font-size:1.1rem;font-weight:400;color:#6b7280}.search-wrapper{flex:0 0 320px}.search-group{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#6b7280;font-size:1.2rem;transition:color .2s ease}.category-wrapper{flex:0 0 200px}.card-description{font-size:.95rem;color:#6b7280;margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.9rem;color:#9ca3af;margin-bottom:16px}.card-button{display:inline-block;padding:10px 20px;background-color:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:500;transition:background-color .2s ease,transform .2s ease}.card-button:hover{background-color:#2563eb;transform:translateY(-1px)}.top-contributors-section{display:flex;justify-content:center;gap:2rem;margin:0 auto;max-width:1200px}.contributor-wrapper{flex:1;min-width:280px;max-width:360px}.contributor-column{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#fff,#f9fafb);border-radius:12px;padding:24px;box-shadow:0 6px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.contributor-column:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.contributor-card{display:flex;flex-direction:column;align-items:center}.contributor-icon{font-size:2rem;color:#3b82f6;margin-bottom:.5rem}.contributor-stat{font-size:.95rem;color:#6b7280;text-align:center}.btn-outline-primary{padding:8px 16px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease}.btn-outline-primary:hover{background-color:#3b82f6;color:#fff;transform:translateY(-1px)}.auth-container{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.link-text{color:#1a73e8;cursor:pointer;font-weight:500}.link-text:hover{text-decoration:underline}.pagination-section{text-align:center;margin-top:20px;display:flex;justify-content:center;gap:10px}.next-button,.prev-button{padding:10px 20px;background-color:#1a73e8;color:#fff;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease}.next-button:hover:not(:disabled),.prev-button:hover:not(:disabled){background-color:#1557b0}.next-button:disabled,.prev-button:disabled{background-color:#6b7280;cursor:not-allowed}.banner-section{width:100%;height:450px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:background-image .5s ease-in-out;z-index:0}.banner-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;transform:translateZ(-1px) scale(1.1);z-index:-1}.banner-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:linear-gradient(135deg,#00000080,#0000004d);color:#fff;text-align:center;padding:30px;position:relative;z-index:1;animation:fadeInUp 1s ease-out}.banner-content h1{font-family:Playfair Display,serif;font-size:3.2rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.4);background:linear-gradient(90deg,#fff,#d1e3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.banner-content h1:hover{transform:scale(1.05)}.banner-content p{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:400;max-width:600px;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.3);animation:fadeInUp 1.2s ease-out .2s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.banner-section{height:350px}.banner-content h1{font-size:2.2rem}.banner-content p{font-size:1.2rem}}@media (max-width: 576px){.banner-section{height:300px}.banner-content h1{font-size:1.8rem}.banner-content p{font-size:1rem}}.footer{background-color:#444;color:#fff;padding:3rem 1rem;text-align:center;margin-top:3rem}.footer-container{max-width:1200px;margin:0 auto}.footer-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-column{flex:1 1 300px;min-width:250px}.footer-title{font-size:1.25rem;margin-bottom:1rem;color:#fff}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#adb5bd}.footer-socials{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.footer-socials a{color:#fff;font-size:1.25rem;transition:transform .2s}.footer-socials a:hover{transform:scale(1.2);color:#0d6efd}.footer-bottom{margin-top:2rem;font-size:.875rem}.back-to-top-btn{position:fixed;bottom:80px;right:20px;width:40px;height:40px;background-color:#0d6efd;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1040;transition:background-color .3s ease}.back-to-top-btn:hover{background-color:#0b5ed7}.arrow-icon{width:24px;height:24px}.custom-divider{position:relative;margin:40px 0;text-align:center;height:20px}.custom-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#007bff,transparent)}.school-card{transition:transform .3s ease,box-shadow .3s ease}.school-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.school-card .card-img-top{background-color:#f8f9fa}.school-card .btn{font-size:.875rem}.button-group{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.button-row{width:100%;display:flex;justify-content:center}.fixed-buttons button{transition:all .3s ease}.fixed-buttons button:hover{background-color:#0056b3}.fixed-buttons button:active{transform:scale(.95)}.comment-toggle:hover{background:#d1d5db;transform:translateY(-1px)}.view-document-button{background-color:#28a745;color:#fff;border:none;padding:3px 6px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;font-size:.75rem}.view-document-button:hover{background-color:#218838}.back-to-top{opacity:0;pointer-events:none;transition:opacity .3s ease}.back-to-top:hover{background-color:#0056b3;transform:scale(1.1)}:root{--color-text-navbar: #ffffff;--color-text: #1f2937;--color-subtitle: #6b7280;--color-background: #e3e3e3;--color-background-card: #ffffff;--color-button: linear-gradient(135deg, #10b981 0%, #059669 100%);--color-hover: #10b981;--color-text-primary: #334155;--color-text-secondary: #64748b;--color-background-page: #f8fafc;--color-border: #e2e8f0;--color-value-badge-bg: #f1f5f9;--color-gold: gold;--color-silver: silver;--color-bronze: #cd7f32;--theme-color-uploads: #0dcaf0;--theme-color-comments: #0d6efd;--theme-color-downloads-user: #198754;--theme-color-downloads-doc: #dc3545;--font-family-base: "Inter", sans-serif;--font-size-base: 16px;--spacing-card-padding: 20px;--spacing-item-padding: 16px;--border-radius-card: 12px;--border-radius-badge: 16px;--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--color-text);background-color:var(--color-background)}.mb-3{margin-bottom:1.5rem}.me-2,.icon-margin-right{margin-right:.5rem}.form-label{display:block;font-size:.9rem;margin-bottom:6px;font-weight:500;color:#374151}.form-label:after{content:"*";color:#ef4444;margin-left:4px;font-size:1rem}.form-label[data-optional]:after{content:"(tùy chọn)";color:#6b7280;margin-left:8px;font-size:.85rem;font-weight:400;font-style:italic}.input-wrapper{position:relative;display:flex;align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0 12px;height:100%;border-right:1px solid #d1d5db;color:#9ca3af;font-size:1rem}.form-input{width:100%;padding:10px;border:none;outline:none;margin-left:44px;background-color:#fff;font-size:1rem;transition:all .2s ease;font-family:Inter,sans-serif}.form-input-no-icon{width:100%;padding:10px;border:none;outline:none;background-color:#fff;font-size:1rem;transition:all .2s ease;font-family:Inter,sans-serif}.form-select{width:100%;padding:10px 12px 10px 48px;outline:none;border:none;border-radius:8px;background-color:#fff;font-size:1rem;transition:all .2s ease;font-family:Inter,sans-serif;cursor:pointer}.error-text{color:#ef4444;font-size:.875rem;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px}.error-text:before{content:"⚠";font-size:1rem}.submit-button{width:100%;margin-top:20px;padding:7px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #10b9814d;display:flex;align-items:center;justify-content:center;gap:10px}.submit-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.submit-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;transform:none}.stats-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:20px;display:flex;align-items:center;gap:10px}.btn-secondary{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;white-space:nowrap}.btn-secondary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}@media (prefers-contrast: high){.form-input,.form-select,.submit-button,.btn-secondary{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.submit-button,.btn-secondary,.error-text,.input-wrapper,.form-input,.form-select{transition:none}}.search-input{width:100%;padding:12px 14px 12px 44px;border:none;outline:none;border-radius:10px;font-size:1rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.empty-state{display:flex;align-items:center;justify-content:center;padding:30px 24px;border:1px solid #d1d5db;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;box-shadow:0 4px 12px #00000014}.empty-icon{font-size:4rem;color:#9ca3af;margin-bottom:20px}.admin-section{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001a;transition:box-shadow .3s ease,transform .2s ease}@media (max-width: 768px){.admin-section{padding:16px;margin-bottom:16px}}@media (max-width: 576px){.admin-section{padding:12px}}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;margin:0}.admin-table th{padding:12px 16px;font-size:.95rem;line-height:1.2;border-bottom:1px solid #e5e7eb;text-align:left}.admin-table td{padding:12px 16px;font-size:.8rem;line-height:1.2;border-bottom:1px solid #e5e7eb}.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:12%}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:5%}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:5%}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:15%}.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:20%}.admin-table tr{transition:all .3s ease}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-wrapper{width:100%;overflow-x:auto;border-radius:12px;box-shadow:0 4px 12px #00000014;background:#fff;position:relative}