.blogCard{background:var(--bgSecondary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px var(--glassBlack10);transition:all .3s ease;border:1px solid var(--borderPrimary);height:100%;display:flex;flex-direction:column}.blogCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--glassBlack20)}.blogCard.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:center;padding:2rem}.blogCardLink{text-decoration:none;color:inherit;height:100%;display:flex;flex-direction:column}.blogCard.featured .blogCardLink{display:contents}.blogCardImage{position:relative;width:100%;height:240px;background:var(--neutral200);overflow:hidden}.blogCard.featured .blogCardImage{height:300px;border-radius:.75rem}.blogCardImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blogCard:hover .blogCardImage img{transform:scale(1.05)}.blogCardImagePlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--cdBlueLight),var(--cdCyanLight));color:white}.placeholderIcon{width:3rem;height:3rem;opacity:.7}.categoryBadge{position:absolute;top:1rem;left:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glassWhite20)}.categoryBadge.blue{background:var(--cdBlue);color:white}.categoryBadge.purple{background:#8B5CF6;color:white}.categoryBadge.green{background:#10B981;color:white}.categoryBadge.red{background:#EF4444;color:white}.categoryBadge.yellow{background:#F59E0B;color:white}.categoryBadge.indigo{background:#6366F1;color:white}.categoryBadge.pink{background:#EC4899;color:white}.categoryBadge.cyan{background:var(--cdCyan);color:var(--textPrimary)}.categoryBadge.orange{background:#F97316;color:white}.categoryBadge.gray{background:var(--neutral500);color:white}.blogCardContent{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.blogCard.featured .blogCardContent{padding:0}.blogCardMeta{gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--textTertiary)}.blogCardMeta,.metaItem{display:flex;align-items:center}.metaItem{gap:.375rem}.metaIcon{width:1rem;height:1rem}.blogCardTitle{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;color:var(--textPrimary);transition:color .3s ease}.blogCard.featured .blogCardTitle{font-size:2rem;margin-bottom:1rem}.blogCard:hover .blogCardTitle{color:var(--textAccent)}.blogCardExcerpt{color:var(--textSecondary);line-height:1.6;margin-bottom:1.5rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogCard.featured .blogCardExcerpt{font-size:1.125rem;-webkit-line-clamp:4}.blogCardFooter{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--borderPrimary)}.authorInfo{gap:.5rem;color:var(--textTertiary);font-size:.875rem}.authorIcon{width:1rem;height:1rem}.authorName{font-weight:500}.statItem{gap:.25rem}.blogTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:var(--bgTertiary)}.tag,.tagMore{color:var(--textTertiary);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.tagMore{background:var(--neutral300)}.readMore{display:flex;align-items:center;gap:.5rem;color:var(--textAccent);font-weight:600;font-size:.875rem;margin-top:auto}.readMoreIcon{width:1rem;height:1rem;transition:transform .3s ease}.blogCard:hover .readMoreIcon{transform:translateX(4px)}.blogCardSkeleton{background:var(--bgSecondary);border-radius:1rem;overflow:hidden;border:1px solid var(--borderPrimary);height:100%;display:flex;flex-direction:column}.skeletonImage{width:100%;height:240px}.skeletonContent{padding:1.5rem;flex:1 1;display:flex;flex-direction:column;gap:1rem}.skeletonTitle{height:1.5rem}.skeletonExcerpt{height:4rem;background:linear-gradient(90deg,var(--neutral200) 0,var(--neutral300) 50%,var(--neutral200) 100%);border-radius:.25rem;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:768px){.blogCard.featured{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.blogCard.featured .blogCardTitle{font-size:1.5rem}.blogCard.featured .blogCardExcerpt{font-size:1rem}.blogCardImage{height:200px}.blogCard.featured .blogCardImage{height:240px}.blogCardFooter{flex-direction:column;align-items:flex-start;gap:.75rem}.blogStats{align-self:flex-end}}.blogDetailSection{padding:2rem 0 4rem;background:var(--bgPrimary);min-height:80vh}.blogDetailContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.blogDetailGrid{display:grid;grid-template-columns:1fr 320px;grid-gap:4rem;gap:4rem;align-items:start}.blogDetailContent{max-width:800px}.blogDetail{background:var(--bgSecondary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px var(--glassBlack10);border:1px solid var(--borderPrimary)}.blogBannerImage{width:100%;max-height:500px;overflow:hidden;position:relative;background:var(--bgTertiary)}.blogBannerImage img{width:100%;height:100%;object-fit:cover;display:block}.blogDetailHeader{padding:2rem 2rem 1rem;border-bottom:1px solid var(--borderPrimary)}.blogBreadcrumb{margin-bottom:1.5rem}.breadcrumbLink{display:flex;align-items:center;gap:.5rem;color:var(--textTertiary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease}.breadcrumbLink:hover{color:var(--textAccent)}.breadcrumbIcon{width:1rem;height:1rem}.blogMeta{justify-content:space-between;margin-bottom:1.5rem}.blogMeta,.metaLeft{flex-wrap:wrap;gap:1rem}.blogMeta,.metaLeft,.metaRight{display:flex;align-items:center}.categoryBadge{background:var(--cdBlue);color:white;padding:.375rem .75rem;border-radius:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.categoryIcon{width:.875rem;height:.875rem}.publishDate,.readingTime{display:flex;align-items:center;gap:.375rem;color:var(--textTertiary);font-size:.875rem}.dateIcon,.timeIcon{width:1rem;height:1rem}.blogStats{gap:1rem}.blogStats,.statItem{display:flex;align-items:center}.statItem{gap:.375rem;color:var(--textTertiary);font-size:.875rem;background:none;border:none;cursor:pointer;padding:.375rem .5rem;border-radius:.375rem;transition:all .3s ease}.statItem:hover{background:var(--bgTertiary);color:var(--textPrimary)}.likeBtn.liked,.shareBtn:hover{color:var(--cdBlue)}.statIcon{width:1rem;height:1rem}.blogDetailTitle{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--textPrimary);margin-bottom:1rem}.blogDetailExcerpt{font-size:1.125rem;line-height:1.6;color:var(--textSecondary);margin-bottom:2rem}.authorInfo{gap:1rem}.authorAvatar,.authorInfo{display:flex;align-items:center}.authorAvatar{width:3rem;height:3rem;background:var(--cdBlue);border-radius:50%;justify-content:center;color:white}.avatarIcon{width:1.5rem;height:1.5rem}.authorDetails h4{font-size:1rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem}.authorDetails p{font-size:.875rem;color:var(--textTertiary);margin:0}.blogFeaturedImage{width:100%;max-height:400px;overflow:hidden}.blogFeaturedImage img{width:100%;height:100%;object-fit:cover}.blogDetailContent{padding:2rem}.blogBody{line-height:1.8;color:var(--textPrimary);font-size:1.125rem}.blogBody h1,.blogBody h2,.blogBody h3,.blogBody h4,.blogBody h5,.blogBody h6{color:var(--textPrimary);font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.blogBody h1{font-size:2rem}.blogBody h2{font-size:1.75rem}.blogBody h3{font-size:1.5rem}.blogBody h4{font-size:1.25rem}.blogBody h5{font-size:1.125rem}.blogBody h6{font-size:1rem}.blogBody p{margin-bottom:1.5rem}.blogBody ol,.blogBody ul{margin-bottom:1.5rem;padding-left:2rem}.blogBody li{margin-bottom:.5rem}.blogBody blockquote{background:var(--bgTertiary);border-left:4px solid var(--cdBlue);padding:1rem 1.5rem;margin:2rem 0;font-style:italic;border-radius:0 .5rem .5rem 0}.blogBody code{background:var(--bgTertiary);padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Menlo,monospace;font-size:.875em}.blogBody pre{background:var(--neutral900);color:var(--neutral100);padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0}.blogBody pre code{background:none;padding:0;color:inherit}.blogBody img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 4px 12px var(--glassBlack20)}.blogBody a{color:var(--textAccent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blogBody a:hover{border-bottom-color:var(--textAccent)}.blogTags{padding:2rem;border-top:1px solid var(--borderPrimary)}.tagsTitle{font-size:1.125rem;font-weight:600;color:var(--textPrimary);margin-bottom:1rem}.tagsList{display:flex;flex-wrap:wrap;gap:.75rem}.tagLink{background:var(--bgTertiary);color:var(--textSecondary);padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;border:1px solid var(--borderPrimary)}.tagLink:hover{background:var(--cdBlue);color:white;border-color:var(--cdBlue)}.blogShare{padding:2rem;border-top:1px solid var(--borderPrimary);background:var(--bgTertiary)}.shareTitle{font-size:1.125rem;font-weight:600;color:var(--textPrimary);margin-bottom:1rem}.shareButtons{display:flex;gap:1rem;flex-wrap:wrap}.shareBtn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.875rem}.shareBtn.twitter{background:#1DA1F2;color:white}.shareBtn.linkedin{background:#0077B5;color:white}.shareBtn.facebook{background:#1877F2;color:white}.shareBtn.copy{background:var(--neutral600);color:white}.shareBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--glassBlack20)}.blogDetailLoading{background:var(--bgSecondary);border-radius:1rem;padding:2rem;border:1px solid var(--borderPrimary)}.loadingSkeleton{display:flex;flex-direction:column;gap:1rem}.skeletonTitle{height:2rem}.skeletonMeta,.skeletonTitle{background:linear-gradient(90deg,var(--neutral200) 0,var(--neutral300) 50%,var(--neutral200) 100%);border-radius:.25rem;animation:skeleton-loading 1.5s infinite}.skeletonMeta{height:1rem;width:60%}.skeletonImage{height:300px;border-radius:.5rem}.skeletonContent,.skeletonImage{background:linear-gradient(90deg,var(--neutral200) 0,var(--neutral300) 50%,var(--neutral200) 100%);animation:skeleton-loading 1.5s infinite}.skeletonContent{height:400px;border-radius:.25rem}.blogDetailError{background:var(--bgSecondary);border-radius:1rem;padding:3rem 2rem;text-align:center;border:1px solid var(--borderPrimary)}.blogDetailError h2{color:var(--textPrimary);margin-bottom:1rem}.blogDetailError p{color:var(--textSecondary);margin-bottom:2rem}.backToBlogs{display:inline-flex;align-items:center;gap:.5rem;background:var(--cdBlue);color:white;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .3s ease}.backToBlogs:hover{background:var(--cdBlueDark)}.relatedBlogs{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--borderPrimary)}.relatedBlogsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.relatedBlogsTitle{font-size:1.75rem;font-weight:700;color:var(--textPrimary);margin:0}.viewAllLink{display:flex;align-items:center;gap:.5rem;color:var(--textAccent);text-decoration:none;font-weight:600;transition:color .3s ease}.viewAllLink:hover{color:var(--cdBlueDark)}.linkIcon{width:1rem;height:1rem;transition:transform .3s ease}.viewAllLink:hover .linkIcon{transform:translateX(2px)}.relatedBlogsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}@media (max-width:1024px){.blogDetailGrid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.blogDetailSection{padding:1rem 0 3rem}.blogDetailContainer{padding:0 1rem}.blogDetailHeader{padding:1.5rem 1.5rem 1rem}.blogDetailTitle{font-size:2rem}.blogDetailExcerpt{font-size:1rem}.blogDetailContent{padding:1.5rem}.blogBody{font-size:1rem}.blogMeta{flex-direction:column;align-items:flex-start}.shareButtons{justify-content:center}.relatedBlogsGrid{grid-template-columns:1fr}}.blogSidebar{display:flex;flex-direction:column;gap:2rem}.sidebarWidget{background:var(--bgSecondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--borderPrimary);box-shadow:0 2px 8px var(--glassBlack5)}.widgetTitle{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--textPrimary);margin-bottom:1.5rem}.widgetIcon{width:1.25rem;height:1.25rem;color:var(--cdBlue)}.popularPosts{display:flex;flex-direction:column;gap:1.5rem}.popularPost{display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--borderPrimary)}.popularPost:last-child{border-bottom:none;padding-bottom:0}.popularPostLink{display:flex;gap:1rem;text-decoration:none;color:inherit;transition:all .3s ease}.popularPostLink:hover{transform:translateY(-1px)}.popularPostImage{position:relative;width:80px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:var(--neutral200)}.popularPostImage img{width:100%;height:100%;object-fit:cover}.imagePlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--cdBlueLight),var(--cdCyanLight));color:white}.placeholderIcon,.postRank{width:1.5rem;height:1.5rem}.postRank{position:absolute;top:-.25rem;right:-.25rem;background:var(--cdBlue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--bgSecondary)}.popularPostContent{flex:1 1;min-width:0}.popularPostTitle{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--textPrimary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popularPostMeta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--textTertiary)}.postDate,.postViews{display:flex;align-items:center;gap:.25rem}.recentPosts{display:flex;flex-direction:column;gap:1rem}.recentPost{padding-bottom:1rem;border-bottom:1px solid var(--borderPrimary)}.recentPost:last-child{border-bottom:none;padding-bottom:0}.recentPostLink{text-decoration:none;color:inherit;display:block;transition:color .3s ease}.recentPostLink:hover .recentPostTitle{color:var(--textAccent)}.recentPostTitle{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--textPrimary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.recentPostMeta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--textTertiary)}.readingTime{font-weight:500}.categoriesList{display:flex;flex-direction:column;gap:.5rem}.categoryItem{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;text-decoration:none;color:var(--textSecondary);border-bottom:1px solid var(--borderPrimary);transition:color .3s ease}.categoryItem:last-child{border-bottom:none}.categoryItem:hover{color:var(--textAccent)}.categoryItem.active{background:var(--cdBlue);color:white;border-radius:.5rem;padding:.75rem 1rem;margin:0 -1rem}.categoryItem.active .categoryCount{background:rgba(255,255,255,.2);color:white}.categoryName{font-weight:500}.categoryCount{background:var(--bgTertiary);color:var(--textTertiary);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;min-width:1.5rem;text-align:center}.tagsCloud{display:flex;flex-wrap:wrap;gap:.5rem}.tagItem{background:var(--bgTertiary);color:var(--textSecondary);padding:.375rem .75rem;border-radius:.5rem;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .3s ease;border:1px solid var(--borderPrimary)}.tagItem:hover{background:var(--cdBlue);color:white;border-color:var(--cdBlue);transform:translateY(-1px)}.newsletter{background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);color:white;border:none}.newsletter .widgetIcon,.newsletter .widgetTitle{color:white}.newsletterDescription{color:rgba(255,255,255,.9);margin-bottom:1.5rem;line-height:1.5}.newsletterForm{display:flex;flex-direction:column;gap:1rem}.newsletterInput{padding:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:rgba(255,255,255,.1);color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.875rem}.newsletterInput::placeholder{color:rgba(255,255,255,.7)}.newsletterInput:focus{outline:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15)}.newsletterBtn{background:var(--bgSecondary);color:var(--textPrimary);border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletterBtn:hover{background:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:1024px){.blogSidebar{margin-top:2rem}}@media (max-width:768px){.sidebarWidget{padding:1rem}.popularPostImage{width:60px;height:45px}.popularPostMeta{flex-direction:column;align-items:flex-start;gap:.25rem}.tagsCloud{gap:.375rem}.tagItem{padding:.25rem .5rem;font-size:.625rem}}.blogPagination{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--borderPrimary)}.paginationBtn,.paginationContainer{display:flex;align-items:center;gap:.5rem}.paginationBtn{padding:.75rem 1rem}.paginationBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px var(--glassBlack10)}.paginationBtn:disabled{transform:none}.paginationIcon{width:1rem;height:1rem}.pageNumbers{gap:.25rem}.pageBtn,.pageNumbers{display:flex;align-items:center}.pageBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:2.5rem;justify-content:center}.pageBtn:hover:not(:disabled):not(.dots){border-color:var(--cdBlue);color:var(--textPrimary);transform:translateY(-1px)}.pageBtn.active{background:var(--cdBlue);border-color:var(--cdBlue);color:white;box-shadow:0 4px 8px rgba(104,143,229,.3)}.pageBtn.dots{border:none;background:none;cursor:default;color:var(--textTertiary)}.pageBtn.dots:hover{transform:none;border:none;background:none}@media (max-width:768px){.paginationContainer{flex-wrap:wrap;justify-content:center}.pageNumbers{order:3;width:100%;justify-content:center;margin-top:1rem}.paginationBtn{padding:.5rem .75rem;font-size:.75rem}.pageBtn{padding:.375rem .5rem;min-width:2rem}.pageBtn,.paginationInfo{font-size:.75rem}}.blogSearch{flex:1 1;max-width:400px}.blogSearch,.searchInput{position:relative}.searchInput input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--borderPrimary);border-radius:.75rem;background:var(--bgSecondary);color:var(--textPrimary);font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 4px var(--glassBlack5)}.searchInput input:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.searchInput input::placeholder{color:var(--textTertiary)}.searchIcon{left:.875rem;pointer-events:none}.searchInput:focus-within .searchIcon{color:var(--cdBlue)}@media (max-width:768px){.blogSearch{max-width:none;width:100%}}.blogCategories{margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid var(--borderPrimary)}.categoriesContainer{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.categoryBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.categoryBtn:hover{border-color:var(--cdBlue);color:var(--textPrimary);transform:translateY(-1px);box-shadow:0 4px 8px var(--glassBlack10)}.categoryBtn.active{background:var(--cdBlue);border-color:var(--cdBlue);color:white;box-shadow:0 4px 12px rgba(104,143,229,.3)}.categoryBtn.active:hover{background:var(--cdBlueDark);border-color:var(--cdBlueDark);transform:translateY(-1px)}@media (max-width:768px){.categoriesContainer{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.categoriesContainer::-webkit-scrollbar{display:none}.categoryBtn{flex-shrink:0}}.blogSection{padding:4rem 0;background:var(--bgPrimary);min-height:80vh}.blogContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.blogGrid{display:grid;grid-template-columns:1fr 320px;grid-gap:4rem;gap:4rem;align-items:start}@media (max-width:1024px){.blogGrid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.blogSection{padding:2rem 0}.blogContainer{padding:0 1rem}.blogGrid{gap:2rem}}.blogsContainer{background:var(--bgSecondary);border-radius:1rem;border:1px solid var(--borderPrimary);overflow:hidden}.blogsHeader{padding:2rem;border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary)}.blogsHeaderTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.blogsTitle{font-size:2rem;font-weight:700;color:var(--textPrimary);margin:0}.createBlogBtn{display:flex;align-items:center;gap:.5rem;background:var(--cdBlue);color:white;padding:.75rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(104,143,229,.3)}.createBlogBtn:hover{background:var(--cdBlueDark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(104,143,229,.4)}.createBlogIcon{width:1.25rem;height:1.25rem}.blogStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.statCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);gap:1rem;transition:transform .3s ease}.statCard,.statCardIcon{border-radius:.75rem;display:flex;align-items:center}.statCardIcon{width:3rem;height:3rem;justify-content:center;color:white}.totalIcon{background:var(--cdBlue)}.publishedIcon{background:#10B981}.draftIcon{background:#F59E0B}.viewsIcon{background:#8B5CF6}.statCardContent{flex:1 1}.statCardTitle{font-size:.875rem;font-weight:600;color:var(--textTertiary);margin-bottom:.25rem}.statCardValue{font-size:2rem;font-weight:700;color:var(--textPrimary);margin:0}.blogsFilters{padding:1.5rem 2rem;border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary)}.filterToggle{display:flex;align-items:center;gap:.5rem;background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filterToggle:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.filterPanel{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:1.5rem;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.filterGroup label{font-size:.875rem;font-weight:600;color:var(--textSecondary)}.filterGroup input,.filterGroup select{padding:.5rem .75rem;border:1px solid var(--borderPrimary);border-radius:.5rem;background:var(--bgPrimary);color:var(--textPrimary);font-size:.875rem;transition:border-color .3s ease}.filterGroup input:focus,.filterGroup select:focus{outline:none;border-color:var(--cdBlue)}.blogsTable{padding:2rem}.loadingState{text-align:center;padding:3rem;color:var(--textTertiary);font-size:1.125rem}.tableContainer{overflow-x:auto;border:1px solid var(--borderPrimary);border-radius:.75rem}.tableContainer table{width:100%;border-collapse:collapse;background:var(--bgSecondary)}.tableContainer th{background:var(--bgTertiary);color:var(--textSecondary);font-weight:600;font-size:.875rem;text-align:left}.tableContainer td,.tableContainer th{padding:1rem;border-bottom:1px solid var(--borderPrimary)}.tableContainer td{vertical-align:top}.tableContainer tr:last-child td{border-bottom:none}.tableContainer tr:hover{background:var(--bgTertiary)}.blogTitleCell{max-width:300px}.blogTitle{font-size:1rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem;line-height:1.4}.blogExcerpt{font-size:.875rem;color:var(--textSecondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.statusBadge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;width:-moz-fit-content;width:fit-content}.statusBadge.orange{background:#FEF3C7;color:#D97706}.statusBadge.green{background:#D1FAE5;color:#059669}.statusBadge.gray{background:#F3F4F6;color:#6B7280}.statusIcon{width:.875rem;height:.875rem}.categoryBadge{display:flex;align-items:center;gap:.375rem;background:var(--bgTertiary);color:var(--textSecondary);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;width:-moz-fit-content;width:fit-content}.categoryIcon{width:.75rem;height:.75rem}.authorCell,.dateCell,.viewsCell{display:flex;align-items:center;gap:.375rem;color:var(--textSecondary);font-size:.875rem}.authorIcon,.dateIcon,.viewsIcon{width:1rem;height:1rem}.actionsCell{gap:.5rem}.actionBtn,.actionsCell{display:flex;align-items:center}.actionBtn{justify-content:center;width:2rem;height:2rem;border:1px solid var(--borderPrimary);border-radius:.375rem;background:var(--bgSecondary);color:var(--textSecondary);text-decoration:none;cursor:pointer;transition:all .3s ease}.actionBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--glassBlack10)}.viewBtn:hover{border-color:var(--cdBlue);color:var(--cdBlue)}.editBtn:hover{border-color:#F59E0B;color:#F59E0B}.deleteBtn:hover{border-color:#EF4444;color:#EF4444}.emptyState{text-align:center;padding:4rem 2rem}.emptyState h3{font-size:1.5rem}.emptyState p{margin-bottom:2rem}.pagination{justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid var(--borderPrimary);background:var(--bgTertiary)}.paginationBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.paginationBtn:hover:not(:disabled){border-color:var(--cdBlue);color:var(--textPrimary)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{color:var(--textTertiary);font-weight:500}.tagsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1rem 0}.tagCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.tagCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--glassBlack10)}.tagCardHeader{justify-content:space-between;margin-bottom:1rem}.tagBadge,.tagCardHeader{display:flex;align-items:center}.tagBadge{gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.tagActions{display:flex;gap:.5rem}.tagCardBody{display:flex;flex-direction:column;gap:.75rem}.tagSlug{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--textTertiary);background:var(--bgTertiary);padding:.25rem .5rem;border-radius:.25rem;width:-moz-fit-content;width:fit-content}.tagDescription{font-size:.875rem;color:var(--textSecondary);line-height:1.5}.tagStats{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--borderPrimary)}.tagPostCount{font-size:.75rem;color:var(--textTertiary);font-weight:600}.blogSearchSection{margin-bottom:1.5rem}.searchInputGroup{position:relative;max-width:400px}.searchIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--textTertiary)}.searchInput{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--borderPrimary);border-radius:.5rem;background:var(--bgSecondary);color:var(--textPrimary);font-size:.875rem;transition:all .3s ease}.searchInput:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.categoryDescription{font-size:.875rem;color:var(--textSecondary);line-height:1.4}.categorySlug{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:var(--bgTertiary);color:var(--textTertiary);padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--borderPrimary)}.categoryPostCount{font-size:.875rem;color:var(--textSecondary);font-weight:500}.categoryIcon{width:1rem;height:1rem;margin-right:.5rem;color:var(--cdBlue)}.tagPreview{padding:.75rem;background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.5rem}.tagPreview .tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.emptyStateIcon{width:3rem;height:3rem;color:var(--textTertiary);margin-bottom:1rem}@media (max-width:1024px){.blogsHeaderTop{flex-direction:column;align-items:stretch}.blogStatsGrid{grid-template-columns:repeat(2,1fr)}.filterPanel{grid-template-columns:1fr}}@media (max-width:768px){.blogsContainer{margin:0 1rem}.blogsFilters,.blogsHeader,.blogsTable{padding:1rem}.blogStatsGrid{grid-template-columns:1fr}.tableContainer{font-size:.875rem}.tableContainer td,.tableContainer th{padding:.75rem .5rem}.blogTitleCell{max-width:200px}.actionsCell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}.createBlogContainer,.editBlogContainer{background:var(--bgSecondary);border-radius:1rem;border:1px solid var(--borderPrimary);overflow:hidden;margin-bottom:2rem}.createBlogHeader,.editBlogHeader{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);flex-wrap:wrap;gap:1rem}.backBtn{display:flex;align-items:center;gap:.5rem;color:var(--textTertiary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease}.backBtn:hover{color:var(--textAccent)}.createBlogTitle,.editBlogTitle{font-size:1.75rem;font-weight:700;color:var(--textPrimary);margin:0}.previewBtn{display:flex;align-items:center;gap:.5rem;background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.previewBtn:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.previewIcon{width:1rem;height:1rem}.blogForm{padding:2rem;display:flex;flex-direction:column;gap:2rem}.formSection{background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:1.5rem}.sectionTitle{font-size:1.25rem;font-weight:600;color:var(--textPrimary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--borderPrimary)}.formGroup{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.formGroup:last-child{margin-bottom:0}.formGroup label{font-size:.875rem;font-weight:600;color:var(--textSecondary)}.formGroup input,.formGroup select,.formGroup textarea{padding:.75rem;border:1px solid var(--borderPrimary);border-radius:.5rem;background:var(--bgSecondary);color:var(--textPrimary);font-size:.875rem;transition:all .3s ease;font-family:inherit}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.formGroup textarea{resize:vertical;min-height:100px;line-height:1.6}.formRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.charCount,.formHelp{font-size:.75rem;color:var(--textTertiary);margin-top:.25rem}.charCount{text-align:right}.imageUploadGroup{display:flex;flex-direction:column;gap:1rem}.imageUpload{border:2px dashed var(--borderPrimary);border-radius:.75rem;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.imageUpload:hover{border-color:var(--cdBlue);background:var(--bgTertiary)}.imageUploadLabel{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--textSecondary);cursor:pointer;font-weight:500}.uploadIcon{width:2rem;height:2rem;color:var(--textTertiary)}.imagePreview{position:relative;display:inline-block;border-radius:.5rem;overflow:hidden;border:1px solid var(--borderPrimary)}.imagePreview img{width:100%;max-width:300px;height:auto;display:block}.removeImageBtn{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:white;border:none;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:background .3s ease}.removeImageBtn:hover{background:rgba(239,68,68,.8)}.keywordsGroup,.tagsGroup{display:flex;flex-direction:column;gap:1rem}.keywordInput,.tagInput{display:flex;gap:.5rem}.keywordInput input,.tagInput input{flex:1 1;margin-bottom:0}.keywordInput button,.tagInput button{background:var(--cdBlue);color:white;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;white-space:nowrap}.keywordInput button:hover,.tagInput button:hover{background:var(--cdBlueDark)}.keywordsList,.tagsList{display:flex;flex-wrap:wrap;gap:.5rem}.keyword,.tag{gap:.5rem;background:var(--cdBlue);padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.keyword,.removeKeyword,.removeTag,.tag{display:flex;align-items:center;color:white}.removeKeyword,.removeTag{background:rgba(255,255,255,.2);border:none;width:1.25rem;height:1.25rem;border-radius:50%;cursor:pointer;justify-content:center;font-size:.875rem;line-height:1;transition:background .3s ease}.removeKeyword:hover,.removeTag:hover{background:rgba(255,255,255,.3)}.formActions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid var(--borderPrimary);background:var(--bgTertiary)}.draftBtn{display:flex;align-items:center;gap:.5rem;background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.draftBtn:hover:not(:disabled){border-color:var(--neutral400);color:var(--textPrimary)}.publishBtn{background:var(--cdBlue);color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(104,143,229,.3)}.publishBtn:hover:not(:disabled){background:var(--cdBlueDark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(104,143,229,.4)}.draftBtn:disabled,.publishBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.blogPreview{padding:2rem}.blogPreview h2{font-size:1.5rem;font-weight:600;color:var(--textPrimary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--borderPrimary)}.previewContent{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:2rem}.previewContent h1{font-size:2rem;font-weight:700;color:var(--textPrimary);margin-bottom:1rem;line-height:1.3}.previewImage{width:100%;max-height:400px;object-fit:cover;border-radius:.5rem;margin:1.5rem 0}.previewMeta{display:flex;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--textTertiary);flex-wrap:wrap}.previewBody{line-height:1.8;color:var(--textPrimary)}.previewBody h1,.previewBody h2,.previewBody h3,.previewBody h4,.previewBody h5,.previewBody h6{color:var(--textPrimary);font-weight:700;margin-top:1.5rem;margin-bottom:.75rem}.previewBody p{margin-bottom:1rem}.previewBody ol,.previewBody ul{margin-bottom:1rem;padding-left:1.5rem}.previewBody li{margin-bottom:.25rem}@media (max-width:1024px){.createBlogHeader,.editBlogHeader{flex-direction:column;align-items:stretch}.previewBtn{align-self:flex-end}}@media (max-width:768px){.createBlogContainer,.editBlogContainer{margin:0 1rem}.blogForm,.createBlogHeader,.editBlogHeader{padding:1rem}.formRow{grid-template-columns:1fr}.formActions{flex-direction:column;padding:1rem}.createBlogTitle,.editBlogTitle{font-size:1.5rem}.previewContent h1{font-size:1.75rem}.keywordInput,.tagInput{flex-direction:column}}.adminBlogSection{background:var(--bgPrimary);min-height:100vh}.adminBlogContainer{max-width:1400px;margin:0 auto;padding:2rem}.loadingContainer{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--bgSecondary);border-radius:1rem;border:1px solid var(--borderPrimary)}.loadingSpinner{color:var(--textTertiary);font-size:1.125rem}.errorContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--bgSecondary);border-radius:1rem;border:1px solid var(--borderPrimary);text-align:center}.errorContainer h2{color:var(--textPrimary);margin-bottom:1rem}.errorContainer .backBtn{display:flex;align-items:center;gap:.5rem;background:var(--cdBlue);color:white;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .3s ease;margin-top:1rem}.errorContainer .backBtn:hover{background:var(--cdBlueDark)}.backIcon{width:1rem;height:1rem}.errorMessage{background:#FEE2E2;border:1px solid #fecaca;color:#DC2626;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.rich-text-editor{font-family:inherit}.rich-text-editor .toolbar{background:var(--bgTertiary);border-bottom:1px solid var(--borderSecondary);padding:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.rich-text-editor .toolbar button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--textSecondary);cursor:pointer;transition:all .15s ease}.rich-text-editor .toolbar button:hover:not(:disabled){background:var(--bgSecondary);color:var(--textPrimary)}.rich-text-editor .toolbar button:disabled{opacity:.5;cursor:not-allowed}.rich-text-editor .toolbar button[data-active=true]{background:var(--cdBlue);border-color:var(--cdBlue);color:white}.rich-text-editor .toolbar select{padding:.25rem .5rem;border:1px solid var(--borderSecondary);border-radius:.375rem;background:var(--bgPrimary);color:var(--textPrimary);font-size:.875rem;cursor:pointer}.rich-text-editor .toolbar select:focus{outline:none;border-color:var(--cdBlue)}.rich-text-editor .editor-content{position:relative}.rich-text-editor .editor-content .ProseMirror{outline:none;padding:1rem;min-height:200px;background:var(--bgPrimary);color:var(--textPrimary);line-height:1.6}.rich-text-editor .editor-content .ProseMirror p{margin:0 0 1rem}.rich-text-editor .editor-content .ProseMirror p:last-child{margin-bottom:0}.rich-text-editor .editor-content .ProseMirror h1,.rich-text-editor .editor-content .ProseMirror h2,.rich-text-editor .editor-content .ProseMirror h3,.rich-text-editor .editor-content .ProseMirror h4,.rich-text-editor .editor-content .ProseMirror h5,.rich-text-editor .editor-content .ProseMirror h6{font-weight:600;margin:1.5rem 0 .75rem;line-height:1.3}.rich-text-editor .editor-content .ProseMirror h1{font-size:2rem}.rich-text-editor .editor-content .ProseMirror h2{font-size:1.75rem}.rich-text-editor .editor-content .ProseMirror h3{font-size:1.5rem}.rich-text-editor .editor-content .ProseMirror h4{font-size:1.25rem}.rich-text-editor .editor-content .ProseMirror h5{font-size:1.125rem}.rich-text-editor .editor-content .ProseMirror h6{font-size:1rem}.rich-text-editor .editor-content .ProseMirror ol,.rich-text-editor .editor-content .ProseMirror ul{padding-left:1.5rem;margin:1rem 0}.rich-text-editor .editor-content .ProseMirror ol li,.rich-text-editor .editor-content .ProseMirror ul li{margin:.25rem 0}.rich-text-editor .editor-content .ProseMirror blockquote{border-left:4px solid var(--cdBlue);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--textSecondary)}.rich-text-editor .editor-content .ProseMirror code{background:var(--bgTertiary);padding:.125rem .25rem;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.rich-text-editor .editor-content .ProseMirror pre{background:var(--bgTertiary)}.rich-text-editor .editor-content .ProseMirror a{color:var(--cdBlue);text-decoration:underline}.rich-text-editor .editor-content .ProseMirror a:hover{color:var(--cdBlueHover)}.rich-text-editor .editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.rich-text-editor .editor-content .ProseMirror strong{font-weight:600}.rich-text-editor .editor-content .ProseMirror em{font-style:italic}.rich-text-editor .editor-content .ProseMirror u{text-decoration:underline}.rich-text-editor .editor-content .ProseMirror mark{background:#fef3c7;padding:.125rem .25rem;border-radius:.25rem}.rich-text-editor .editor-content .ProseMirror .has-focus{border-radius:3px;box-shadow:0 0 0 3px rgba(104,143,229,.1)}.rich-text-editor .editor-content .ProseMirror [style*="text-align: left"]{text-align:left}.rich-text-editor .editor-content .ProseMirror [style*="text-align: center"]{text-align:center}.rich-text-editor .editor-content .ProseMirror [style*="text-align: right"]{text-align:right}.rich-text-editor .editor-content .ProseMirror [style*="text-align: justify"]{text-align:justify}.rich-text-editor .character-count{background:var(--bgTertiary);border-top:1px solid var(--borderSecondary);padding:.5rem 1rem;font-size:.75rem;color:var(--textTertiary);display:flex;justify-content:space-between;align-items:center}.rich-text-editor .ProseMirror p.is-editor-empty:first-child:before{color:var(--textTertiary);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-text-editor:focus-within{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}@media (max-width:768px){.rich-text-editor .toolbar{padding:.5rem;gap:.125rem}.rich-text-editor .toolbar button{width:1.75rem;height:1.75rem}.rich-text-editor .toolbar select{font-size:.75rem;padding:.125rem .25rem}.rich-text-editor .editor-content .ProseMirror{padding:.75rem;min-height:150px}.rich-text-editor .editor-content .ProseMirror h1{font-size:1.5rem}.rich-text-editor .editor-content .ProseMirror h2{font-size:1.375rem}.rich-text-editor .editor-content .ProseMirror h3{font-size:1.25rem}}.rich-text-editor .editor-content .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0;overflow:hidden}.rich-text-editor .editor-content .ProseMirror table td,.rich-text-editor .editor-content .ProseMirror table th{min-width:1em;border:1px solid var(--borderSecondary);padding:.5rem .75rem;vertical-align:top;box-sizing:border-box;position:relative}.rich-text-editor .editor-content .ProseMirror table th{font-weight:600;text-align:left;background:var(--bgTertiary)}.rich-text-editor .editor-content .ProseMirror table .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(104,143,229,.1);pointer-events:none}.rich-text-editor .editor-content .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:var(--cdBlue);pointer-events:none}.rich-text-editor .editor-content .ProseMirror table p{margin:0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList]{list-style:none;padding:0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] p{margin:0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;margin:.25rem 0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] input[type=checkbox]{cursor:pointer}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--textTertiary)}.rich-text-editor .editor-content .ProseMirror hr{border:none;border-top:1px solid var(--borderSecondary);margin:2rem 0}.rich-text-editor .editor-content .ProseMirror sub{vertical-align:sub;font-size:smaller}.rich-text-editor .editor-content .ProseMirror sup{vertical-align:super;font-size:smaller}.rich-text-editor .editor-content .ProseMirror pre{background:#f8f9fa;border:1px solid var(--borderSecondary);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto;margin:1rem 0;position:relative}.rich-text-editor .editor-content .ProseMirror pre:before{content:"Code";position:absolute;top:.5rem;right:.5rem;font-size:.75rem;color:var(--textTertiary);font-family:inherit}.rich-text-editor .editor-content .ProseMirror pre code{background:transparent;color:inherit;font-size:.875rem;padding:0}.rich-text-editor .editor-content .ProseMirror pre .hljs-comment,.rich-text-editor .editor-content .ProseMirror pre .hljs-quote{color:#6a737d}.rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,.rich-text-editor .editor-content .ProseMirror pre .hljs-link,.rich-text-editor .editor-content .ProseMirror pre .hljs-literal,.rich-text-editor .editor-content .ProseMirror pre .hljs-section,.rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag{color:#d73a49}.rich-text-editor .editor-content .ProseMirror pre .hljs-string{color:#032f62}.rich-text-editor .editor-content .ProseMirror pre .hljs-number,.rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,.rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable,.rich-text-editor .editor-content .ProseMirror pre .hljs-variable{color:#005cc5}.rich-text-editor .editor-content .ProseMirror pre .hljs-function .hljs-title{color:#6f42c1}.rich-text-editor .toolbar input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--borderSecondary);cursor:pointer}.rich-text-editor .toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rich-text-editor .toolbar input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.rich-text-editor .toolbar input[type=color]::-moz-color-swatch{border:none;border-radius:.25rem}.rich-text-editor .editor-content .ProseMirror .typographyQuote{quotes:'"' '"' """ """}.rich-text-editor .editor-content .ProseMirror .typographyQuote:before{content:open-quote}.rich-text-editor .editor-content .ProseMirror .typographyQuote:after{content:close-quote}.rich-text-editor .editor-content .ProseMirror-focused{outline:none}.rich-text-editor .editor-content .ProseMirror ::selection{background:rgba(104,143,229,.2)}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid var(--textPrimary);animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor.ProseMirror-gapcursor-left:after{border-left:1px solid var(--textPrimary);margin-left:-1px}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor.ProseMirror-gapcursor-right:after{border-right:1px solid var(--textPrimary);margin-right:-1px}@media (prefers-color-scheme:dark){.rich-text-editor .editor-content .ProseMirror mark{background:#92400e;color:#fbbf24}.rich-text-editor .editor-content .ProseMirror pre{background:#1a1a1a;border-color:#333}.rich-text-editor .editor-content .ProseMirror table th{background:#2a2a2a}.rich-text-editor .editor-content .ProseMirror pre .hljs-comment,.rich-text-editor .editor-content .ProseMirror pre .hljs-quote{color:#999}.rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,.rich-text-editor .editor-content .ProseMirror pre .hljs-link,.rich-text-editor .editor-content .ProseMirror pre .hljs-literal,.rich-text-editor .editor-content .ProseMirror pre .hljs-section,.rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag{color:#f97583}.rich-text-editor .editor-content .ProseMirror pre .hljs-string{color:#9ecbff}.rich-text-editor .editor-content .ProseMirror pre .hljs-number,.rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,.rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable,.rich-text-editor .editor-content .ProseMirror pre .hljs-variable{color:#79b8ff}.rich-text-editor .editor-content .ProseMirror pre .hljs-function .hljs-title{color:#b392f0}}.authPage{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bgPrimary);overflow:hidden}.authContainer{position:relative;width:100%;max-width:480px;margin:0 auto;padding:2rem 1rem;z-index:10}.authCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:24px;padding:3rem 2rem;box-shadow:var(--shadowXl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.authHeader{text-align:center;margin-bottom:2.5rem}.authLogo{display:inline-block;margin-bottom:2rem;text-decoration:none}.logoText{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.authTitle{font-size:2rem;font-weight:700;color:var(--textPrimary);margin-bottom:.75rem}.authSubtitle{font-size:1rem;color:var(--textSecondary);line-height:1.5}.authForm{gap:1.5rem}.authField,.authForm{display:flex;flex-direction:column}.authField{gap:.5rem}.authLabel{font-size:.875rem;font-weight:600;color:var(--textPrimary)}.authInputWrapper{position:relative;display:flex;align-items:center}.authInput{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid var(--borderPrimary);border-radius:12px;background:var(--bgSecondary);color:var(--textPrimary);font-size:1rem;transition:all .3s ease}.authInput:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.authInput.error{border-color:var(--cdRed)}.authInput::placeholder{color:var(--textTertiary)}.authSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .875rem center;background-size:1.25rem;padding-right:3rem;cursor:pointer}.authSelectWrapper{position:relative}.authSelect option{background:var(--bgSecondary);color:var(--textPrimary);padding:.5rem}.authSelect:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.authInputIcon{position:absolute;left:.875rem;width:1.25rem;height:1.25rem;color:var(--textTertiary);z-index:1}.authPasswordToggle{position:absolute;right:.875rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:6px;transition:background-color .3s ease}.authPasswordToggle:hover{background:var(--glassWhite5)}.authPasswordIcon{width:1.25rem;height:1.25rem;color:var(--textTertiary)}.authError{padding:.875rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--cdRed);font-size:.875rem;font-weight:500}.authFieldError{font-size:.75rem;color:var(--cdRed);margin-top:.25rem}.authOptions{justify-content:space-between;flex-wrap:wrap;gap:1rem}.authCheckbox,.authOptions{display:flex;align-items:center}.authCheckbox{gap:.5rem;cursor:pointer;font-size:.875rem}.authCheckbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--cdBlue)}.authCheckboxText{color:var(--textSecondary)}.authForgotLink,.authTermsLink{color:var(--cdBlue);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .3s ease}.authForgotLink:hover,.authTermsLink:hover{color:var(--cdBlueLight)}.authSubmit{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem}.authSubmit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadowLg)}.authSubmit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.authLoader,.authSubmitIcon{width:1.25rem;height:1.25rem}.authLoader{border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:authSpin 1s linear infinite}.authPasswordStrength{margin-top:.75rem}.strengthRequirements{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.strengthItem{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--textTertiary);transition:color .3s ease}.strengthItem.valid{color:var(--cdGreen)}.strengthIcon{width:.875rem;height:.875rem;opacity:.3;transition:opacity .3s ease}.strengthItem.valid .strengthIcon{opacity:1}.authFooter{margin-top:2rem;text-align:center}.authFooterText{font-size:.875rem;color:var(--textSecondary)}.authFooterLink{color:var(--cdBlue);text-decoration:none;font-weight:600;transition:color .3s ease}.authFooterLink:hover{color:var(--cdBlueLight)}.authBackground{position:absolute;inset:0;pointer-events:none;z-index:1}.authBackgroundElement{position:absolute;border-radius:50%;opacity:.1;animation:authFloat 20s ease-in-out infinite}.auth-element-1{top:10%;left:10%;width:120px;height:120px;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);animation-delay:0s}.auth-element-2{top:60%;right:15%;width:80px;height:80px;background:linear-gradient(135deg,var(--cdCyan) 0,var(--cdAccent) 100%);animation-delay:7s}.auth-element-3{bottom:20%;left:20%;width:100px;height:100px;background:linear-gradient(135deg,var(--cdAccent) 0,var(--cdBlue) 100%);animation-delay:14s}@keyframes authSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes authFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}@media (max-width:640px){.authContainer{padding:1rem}.authCard{padding:2rem 1.5rem;border-radius:16px}.authTitle{font-size:1.75rem}.strengthRequirements{grid-template-columns:1fr}.authOptions{flex-direction:column;align-items:flex-start}.auth-element-1{width:80px;height:80px}.auth-element-2{width:60px;height:60px}.auth-element-3{width:70px;height:70px}}@media (max-width:480px){.authTitle,.logoText{font-size:1.5rem}.authSubtitle{font-size:.875rem}}.legalPage{min-height:100vh;background:var(--bgPrimary);padding:2rem 0 4rem}.legalContainer{max-width:800px;margin:0 auto;padding:0 1.5rem}.legalHeader{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--borderSecondary)}.legalTitle{font-size:2.5rem;font-weight:700;color:var(--textPrimary);margin-bottom:.5rem}.legalSubtitle{font-size:1rem;color:var(--textSecondary)}.legalContent{display:flex;flex-direction:column;gap:2.5rem}.legalSection h2{font-size:1.5rem;font-weight:600;color:var(--textPrimary);margin-bottom:1rem}.legalSection p{font-size:1rem;line-height:1.7;color:var(--textSecondary)}.legalLink{color:var(--cdBlue);text-decoration:none;font-weight:500;transition:color .3s ease}.legalLink:hover{color:var(--cdBlueLight)}@media (max-width:768px){.legalPage{padding:1rem 0 3rem}.legalContainer{padding:0 1rem}.legalTitle{font-size:2rem}.legalSection h2{font-size:1.25rem}}.adminDashboard,.memberDashboard{display:flex;flex-direction:column;gap:2rem}.welcomeSection{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:1.5rem;color:white;margin-bottom:1rem}.welcomeContent h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcomeContent p{font-size:1rem;opacity:.9}.welcomeActions .primaryButton{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:white;color:var(--cdBlue);border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.welcomeActions .primaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.3)}.buttonIcon{width:1rem;height:1rem}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:1rem}.statCard{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.statCard:hover{transform:translateY(-2px);box-shadow:var(--shadowMd)}.statHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.statInfo h3{font-size:.875rem;font-weight:500;color:var(--textSecondary);margin-bottom:.5rem}.statInfo p{font-size:2rem;font-weight:700;color:var(--textPrimary);margin:0}.statIcon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.statIcon svg{width:1.5rem;height:1.5rem;color:white}.statIcon.blue{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark))}.statIcon.green{background:linear-gradient(135deg,var(--cdGreen),#059669)}.statIcon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.statIcon.orange{background:linear-gradient(135deg,var(--cdYellow),#d97706)}.statFooter{padding-top:1rem;border-top:1px solid var(--borderSecondary)}.statChange{font-size:.875rem;font-weight:500}.statChange.positive{color:var(--cdGreen)}.statChange.negative{color:var(--cdRed)}.dashboardGrid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5rem;gap:1.5rem}.dashboardGrid.member{grid-template-columns:repeat(12,1fr)}.dashboardCard{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:1.5rem;grid-column:span 4;transition:all .2s ease}.dashboardCard:hover{box-shadow:var(--shadowMd)}.dashboardCard.large{grid-column:span 8}@media (max-width:1024px){.dashboardCard{grid-column:span 6}.dashboardCard.large{grid-column:span 12}}@media (max-width:768px){.dashboardCard,.dashboardCard.large{grid-column:span 12}}.cardHeader{margin-bottom:1.5rem}.cardTitle{font-size:1.25rem;font-weight:700;color:var(--textPrimary);margin-bottom:.25rem}.cardSubtitle{font-size:.875rem;color:var(--textSecondary);margin:0}.cardContent{flex:1 1}.chartPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;border:2px dashed var(--borderSecondary);border-radius:.75rem;color:var(--textTertiary);text-align:center}.chartIcon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.chartNote{font-size:.75rem;margin-top:.5rem}.activityList{display:flex;flex-direction:column;gap:1rem}.activityItem{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--bgMuted);border-radius:.75rem;transition:all .2s ease}.activityItem:hover{background-color:var(--buttonSecondaryHover)}.activityIcon{flex-shrink:0}.statusIcon{width:1.25rem;height:1.25rem}.statusIcon.success{color:var(--cdGreen)}.statusIcon.warning{color:var(--cdYellow)}.statusIcon.error{color:var(--cdRed)}.statusIcon.info{color:var(--cdBlue)}.statusIcon.default{color:var(--textTertiary)}.activityContent{flex:1 1;min-width:0}.activityMessage{font-size:.875rem;font-weight:500;color:var(--textPrimary);margin-bottom:.25rem}.activityTime{font-size:.75rem;color:var(--textTertiary);margin:0}.actionGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.actionButton{flex-direction:column;gap:.75rem;padding:1.5rem 1rem;border:none;border-radius:.75rem;color:var(--textPrimary)}.actionButton:hover{transform:translateY(-2px)}.actionIcon{width:1.5rem;height:1.5rem;color:var(--cdBlue)}.actionButton span{font-size:.875rem;font-weight:500}.statusList{display:flex;flex-direction:column;gap:1rem}.statusItem{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.statusLabel{font-size:.875rem;font-weight:500;color:var(--textPrimary)}.statusBadge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.statusBadge.online{background-color:rgba(16,185,129,.1);color:var(--cdGreen)}.statusBadge.warning{background-color:rgba(245,158,11,.1);color:var(--cdYellow)}.statusBadge.error{background-color:rgba(239,68,68,.1);color:var(--cdRed)}.statusBadge.blue{background-color:rgba(104,143,229,.1);color:var(--cdBlue)}.statusBadge.green{background-color:rgba(16,185,129,.1);color:var(--cdGreen)}.statusBadge.orange{background-color:rgba(245,158,11,.1);color:var(--cdYellow)}.statusBadge.gray{background-color:var(--bgMuted);color:var(--textTertiary)}.statusBadge.red{background-color:rgba(239,68,68,.1);color:var(--cdRed)}.projectsList{display:flex;flex-direction:column;gap:1.5rem}.projectCard{padding:1.5rem;background-color:var(--bgMuted);border-radius:1rem;border:1px solid var(--borderSecondary);transition:all .2s ease}.projectCard:hover{border-color:var(--cdBlue);transform:translateY(-2px)}.projectHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.projectName{font-size:1.125rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem}.projectClient{font-size:.875rem;color:var(--textSecondary);margin:0}.projectProgress{margin-bottom:1rem}.progressHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.progressLabel{font-size:.875rem;font-weight:500;color:var(--textSecondary)}.progressValue{font-size:.875rem;font-weight:600;color:var(--textPrimary)}.progressBar{height:.5rem;background-color:var(--borderSecondary);border-radius:9999px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:9999px;transition:width .3s ease}.projectFooter{justify-content:space-between}.projectDate,.projectFooter{display:flex;align-items:center}.projectDate{gap:.5rem;font-size:.875rem;color:var(--textTertiary)}.dateIcon{width:1rem;height:1rem}.tasksList{display:flex;flex-direction:column;gap:1rem}.taskItem{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--bgMuted);border-radius:.75rem;border:1px solid transparent;transition:all .2s ease}.taskItem:hover{border-color:var(--borderPrimary);background-color:var(--cardBg)}.taskCheckbox{flex-shrink:0;margin-top:.125rem}.taskCheckbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--cdBlue)}.taskContent{flex:1 1;min-width:0}.taskTitle{font-size:.875rem;font-weight:500;color:var(--textPrimary);margin-bottom:.25rem}.taskProject{font-size:.75rem;color:var(--textSecondary);margin-bottom:.5rem}.taskMeta{display:flex;align-items:center;gap:.5rem}.priorityBadge{padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.taskDue{font-size:.75rem;color:var(--textTertiary)}.performanceStats{display:flex;flex-direction:column;gap:1.5rem}.performanceStat{display:flex;align-items:center;gap:1rem}.performanceStat .statIcon{width:2.5rem;height:2.5rem}.performanceStat .statIcon svg{width:1.25rem;height:1.25rem}.performanceStat .statValue{font-size:1.5rem;font-weight:700;color:var(--textPrimary);margin-bottom:.125rem}.performanceStat .statLabel{font-size:.75rem;color:var(--textTertiary)}@media (max-width:768px){.welcomeSection{flex-direction:column;align-items:flex-start;gap:1rem}.statsGrid{grid-template-columns:repeat(2,1fr)}.actionGrid{grid-template-columns:1fr}.projectHeader{flex-direction:column;align-items:flex-start;gap:.75rem}}.adminMessages{display:flex;flex-direction:column;gap:2rem}.messageStats{margin-bottom:2rem}.messageStats .statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.messagesFilters{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.filtersHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.filtersTitle{font-size:1.25rem;font-weight:700;color:var(--textPrimary);margin:0}.filtersToggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bgMuted);border:1px solid var(--borderSecondary);border-radius:.5rem;color:var(--textSecondary);cursor:pointer;transition:all .2s ease;font-weight:500}.filtersToggle:hover{background-color:var(--buttonSecondaryHover);color:var(--textPrimary)}.filterIcon{width:1rem;height:1rem}.filtersPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--borderSecondary)}.filterGroup{display:flex;flex-direction:column;gap:.5rem}.filterLabel{font-size:.875rem;font-weight:500;color:var(--textSecondary)}.filterSelect{padding:.5rem .75rem;background-color:var(--bgMuted);border:1px solid var(--borderSecondary);border-radius:.5rem;color:var(--textPrimary);font-size:.875rem;transition:all .2s ease}.filterSelect:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.messagesContent{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:1.5rem}.messagesList{display:flex;flex-direction:column;gap:1.5rem}.messageCard{background-color:var(--bgMuted);border:1px solid var(--borderSecondary);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.messageCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd)}.messageHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.messageInfo{flex:1 1}.messageName{font-size:1.125rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem}.messageEmail{color:var(--textSecondary);font-size:.875rem;margin-bottom:.75rem}.messageMeta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.messageDate,.messageSource,.messageType{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--textTertiary)}.metaIcon{width:.875rem;height:.875rem}.messageStatus{display:flex;align-items:center;gap:.5rem}.statusIcon{width:1rem;height:1rem}.messageBody,.messageText{margin-bottom:1rem}.messageText h4{font-size:.875rem;font-weight:600;color:var(--textSecondary);margin-bottom:.5rem}.messageText p{color:var(--textPrimary);line-height:1.6;background-color:var(--cardBg);padding:1rem;border-radius:.5rem;border:1px solid var(--borderSecondary)}.messageDetail{font-size:.875rem;color:var(--textSecondary);margin-bottom:.5rem}.messageDetail strong{color:var(--textPrimary)}.messageFooter{justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--borderSecondary)}.messageFooter,.statusActions{display:flex;align-items:center}.statusActions{gap:.5rem}.statusSelect{padding:.375rem .75rem;background-color:var(--cardBg);border:1px solid var(--borderSecondary);border-radius:.5rem;color:var(--textPrimary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.statusSelect:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.actionButton,.messageActions{display:flex;align-items:center;gap:.5rem}.actionButton{padding:.375rem .75rem;border:1px solid var(--borderSecondary);border-radius:.5rem;background-color:var(--bgMuted);color:var(--textSecondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.actionButton:hover{background-color:var(--buttonSecondaryHover);color:var(--textPrimary)}.actionButton.view:hover{border-color:var(--cdBlue);color:var(--cdBlue)}.actionButton.delete:hover{border-color:var(--cdRed);color:var(--cdRed);background-color:rgba(239,68,68,.1)}.actionIcon{width:1rem;height:1rem}.emptyState,.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loadingSpinner{width:2rem;height:2rem;border:2px solid var(--borderSecondary);border-top-color:var(--cdBlue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.emptyIcon{width:4rem;height:4rem;color:var(--textTertiary);margin-bottom:1rem}.emptyState h3{font-size:1.25rem;font-weight:600;color:var(--textPrimary);margin-bottom:.5rem}.emptyState p{color:var(--textSecondary);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--borderSecondary)}.paginationButton{padding:.5rem 1rem;background-color:var(--bgMuted);border:1px solid var(--borderSecondary);border-radius:.5rem;color:var(--textSecondary);cursor:pointer;transition:all .2s ease;font-weight:500}.paginationButton:hover:not(:disabled){background-color:var(--buttonSecondaryHover);color:var(--textPrimary)}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{font-size:.875rem;color:var(--textSecondary)}@media (max-width:768px){.messageFooter,.messageHeader{flex-direction:column;align-items:flex-start;gap:1rem}.messageActions{width:100%;justify-content:flex-start}.filtersPanel{grid-template-columns:1fr}.messageMeta{flex-direction:column;align-items:flex-start;gap:.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bgPrimary);color:var(--textPrimary);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.minHeight{min-height:calc(100vh - 4rem)}::selection{background-color:var(--cdAccent);color:var(--bgPrimary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bgSecondary)}::-webkit-scrollbar-thumb{background:var(--neutral400);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--neutral500)}