@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #000000;--bg-secondary:#1a1a1a;--bg-accent:#0a0a0a;--bg-muted: #2a2a2a;--foreground: #f8f9f8;--muted-foreground: #a0a0a0;--border-primary: #2a2a2a;--border-secondary: #1a1a1a;--primary: #52c234;--primary-accent:#03a003;--gradient-1:linear-gradient(to right, var(--primary) 0%, var(--primary-accent) 100%);--gradient-2:linear-gradient(to right, var(--primary) 0%, #e1e3e1 100%);--gradient-3:linear-gradient(190deg,var(--primary) 0%,rgba(18, 82, 78,.5) 100%);--destructive: #7f1d1d;--warning:#ffa500;--transition:all .4s ease;--glow: radial-gradient(rgb(82, 194, 52,.1) 0%, rgba(0, 0, 0,.5))}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:0;outline:0}html,body{color:var(--foreground);min-height:100vh;background:var(--bg-primary);font-family:Poppins,sans-serif;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;overflow:hidden;overflow-y:auto}body{max-width:1800px;margin:auto;position:relative;z-index:1}p{font-size:15px;line-height:20px}a{color:var(--foreground);text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}img{width:100%;min-height:100%;object-fit:cover;display:block}.heading-1{font-size:60px;font-weight:700;line-height:65px;margin:20px 0;text-align:center}.sub-title{font-size:20px;text-align:center}.gradient-text{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.primary{color:var(--primary)}.muted{color:var(--muted-foreground)}.wrapper{width:100%;max-width:1150px;margin:auto;padding:70px 20px}.section-header{margin:auto;width:100%;max-width:800px}.flex{display:flex;gap:20px}.flex-center{display:flex;align-items:center;justify-content:center;gap:10px}.icon-wrapper{width:2.7rem;height:2.7rem;min-width:2.7rem;min-height:2.7rem;max-width:2.7rem;max-height:2.7rem;background:#1c2f1a;font-size:20px;border-radius:100%;color:var(--muted-foreground);transition:var(--transition)}.icon-wrapper:hover{background:#243b21;color:var(--foreground);transform:scale(1.1)}.btn{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--foreground);cursor:pointer;transition:var(--transition)}.btn.primary{background:var(--gradient-1);border:none}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #52c23433}.logo{display:flex;align-items:center;gap:10px}.logo h2,.logo h3{margin:0;font-weight:600;background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media(max-width:900px){.heading-1{font-size:40px;line-height:45px}.sub-title{font-size:16px}}@media(max-width:600px){.heading-1{font-size:32px;line-height:38px}}.navbar{padding:10px 20px;align-items:stretch;justify-content:space-between;border-bottom:.5px solid var(--border-primary);position:fixed;top:0;left:0;z-index:100;width:100%;background:var(--bg-primary)}.navbar .tabs-group .tab{padding:5px 15px;border-radius:10px;color:var(--muted-foreground);transition:var(--transition);cursor:pointer;border:solid .5px transparent;background:transparent;font-family:inherit;font-size:inherit}.navbar .tabs-group .tab:hover{color:var(--foreground)}.navbar .tabs-group .tab.active{color:var(--foreground);border-color:var(--border-primary);background:var(--bg-accent)}.navbar .buttons{gap:20px}.navbar .user-greeting{color:var(--muted-foreground);font-size:14px;display:none}@media(min-width:600px){.navbar .user-greeting{display:block}}.navbar .dropdown-wrapper{position:relative}.navbar .dropdown-toggle{display:flex;align-items:center;gap:5px}.navbar .dropdown-menu{position:absolute;top:100%;left:0;margin-top:5px;min-width:180px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:5px 0;z-index:1000;box-shadow:0 4px 12px #0000004d}.navbar .dropdown-item{display:block;width:100%;padding:10px 20px;color:var(--muted-foreground);transition:var(--transition);cursor:pointer;border:none;background:transparent;text-align:left;font-family:inherit;font-size:inherit}.navbar .dropdown-item:hover,.navbar .dropdown-item.active{color:var(--foreground);background:var(--bg-accent)}.navbar .menu-btn,.navbar .cancel-btn{display:none}.navbar .cancel-btn{position:absolute;top:15px;right:20px}.chat-tab-glow{animation:pulseGlow 2s ease-in-out infinite;position:relative}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #22c55e80,0 0 10px #22c55e4d,0 0 15px #22c55e1a;text-shadow:0 0 5px rgba(34,197,94,.5)}50%{box-shadow:0 0 10px #22c55ecc,0 0 20px #22c55e80,0 0 30px #22c55e4d;text-shadow:0 0 10px rgba(34,197,94,.8)}}.overlay{position:visible;top:0;left:0;background:#01010180;z-index:110;width:100%;height:100%}@media(max-width:1210px){.navbar .handles-container{display:none}}@media(max-width:1050px){.navbar .services-btn{display:none}}@media(max-width:930px){.navbar .sidebar{position:fixed;top:0;left:-100%;height:100%;width:100%;max-width:320px;min-height:100vh;z-index:150;background:var(--bg-primary);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:50px 20px 20px;transition:var(--transition)}.navbar .sidebar .tab{text-align:left;justify-content:flex-start}.navbar .sidebar.visible{left:0}.navbar .menu-btn,.navbar .cancel-btn{display:flex}}.coming-soon-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s ease-out}.coming-soon-modal{background:#000;border:2px solid #52c234;border-radius:12px;padding:30px 40px;box-shadow:0 0 20px #52c23480,0 0 40px #52c2344d,0 0 60px #52c2341a;animation:modalFadeIn .3s ease-out}.coming-soon-content{position:relative;text-align:center;color:#52c234}.coming-soon-content h3{font-size:24px;margin:0 0 10px;font-weight:600;color:#52c234}.coming-soon-content p{font-size:18px;margin:0;color:var(--muted-foreground)}.close-modal-btn{position:absolute;top:-15px;right:-15px;background:#000;border:1px solid #52c234;color:#52c234;font-size:24px;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0;line-height:1}.close-modal-btn:hover{background:#52c234;color:#000;box-shadow:0 0 10px #52c234cc}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:400px){.navbar .contact-btn{display:none}.coming-soon-modal{padding:20px 30px;max-width:90%}.coming-soon-content h3{font-size:20px}.coming-soon-content p{font-size:16px}}#footer{background:var(--bg-accent);position:relative;z-index:1}#footer .wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}#footer .handles-container{margin-top:30px}#footer .title{color:#52c234}#footer .route{display:block;margin:10px 0;cursor:pointer;transition:var(--transition)}#footer .route:hover{color:var(--primary)}#footer .copyright{flex-direction:column;padding:0 20px 50px;text-align:center}@media(max-width:800px){#footer .wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){#footer .wrapper{grid-template-columns:100%}#footer .logo,#footer .handles-container{justify-content:center}#footer .title,#footer .route{text-align:center}}.ad-container{width:100%;margin:20px 0;padding:15px;background:#0000004d;border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.ad-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace}.ad-container .adsbygoogle{width:100%;min-height:100px;background:#0003;border-radius:4px}@media(max-width:768px){.ad-container{padding:10px;margin:15px 0}}.blog-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.blog-main{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-hero{background:linear-gradient(135deg,#52c2341a,#03a0030d);border-bottom:2px solid var(--border-primary);padding:60px 20px;text-align:center}.hero-title{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:15px;text-shadow:0 0 20px rgba(82,194,52,.5)}.hero-subtitle{font-size:18px;color:var(--muted-foreground);max-width:600px;margin:0 auto}.blog-filters{padding:40px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.search-form{display:flex;gap:10px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.search-input{flex:1;padding:12px 20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--foreground);font-size:16px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #52c2344d}.search-btn{padding:12px 30px;background:var(--primary);color:#000;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:var(--transition)}.search-btn:hover{background:var(--primary-hover);box-shadow:0 0 15px #52c23480}.filters-row{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end;justify-content:center}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;color:var(--muted-foreground);font-weight:600}.filter-group select{padding:10px 15px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--foreground);font-size:14px;cursor:pointer;transition:var(--transition);min-width:180px}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #52c2344d}.clear-filters-btn{padding:10px 20px;background:var(--bg-accent);border:1px solid var(--border-primary);border-radius:5px;color:var(--foreground);font-size:14px;cursor:pointer;transition:var(--transition)}.clear-filters-btn:hover{border-color:var(--primary);box-shadow:0 0 10px #52c2344d}.blog-posts{padding:60px 20px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #52c23433;border-color:var(--primary)}.blog-card-image{width:100%;height:200px;overflow:hidden;background:var(--bg-accent)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:25px;flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;color:var(--muted-foreground)}.blog-date{color:var(--primary)}.blog-views{display:flex;align-items:center;gap:5px}.blog-card-title{font-size:22px;margin-bottom:12px;line-height:1.4}.blog-card-title a{color:var(--foreground);text-decoration:none;transition:var(--transition)}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{color:var(--muted-foreground);line-height:1.6;margin-bottom:20px;flex:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--border-primary)}.blog-author{display:flex;align-items:center;gap:10px}.author-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--primary)}.author-name{font-size:14px;color:var(--muted-foreground);font-weight:600}.read-more{color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:var(--transition)}.read-more:hover{text-shadow:0 0 10px rgba(82,194,52,.5)}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:var(--muted-foreground);font-size:18px}.error-state{color:#f55}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.pagination-btn{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:5px;color:var(--foreground);font-weight:600;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 10px #52c2344d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--muted-foreground);font-size:14px}@media(max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.posts-grid{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.filter-group select{min-width:100%}.search-form{flex-direction:column}.pagination{flex-direction:column;gap:10px}}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 20px 50px;background:var(--bg-primary)}.auth-container{width:100%;max-width:480px}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000004d}.auth-title{font-size:32px;font-weight:700;text-align:center;margin:0 0 10px;background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-subtitle{text-align:center;color:var(--muted-foreground);margin:0 0 30px;font-size:15px}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-accent);color:var(--foreground);font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.oauth-btn:hover{background:var(--bg-muted);border-color:var(--primary);transform:translateY(-2px)}.oauth-btn svg{flex-shrink:0}.oauth-btn.google:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.oauth-btn.github:hover{border-color:#fff;box-shadow:0 4px 12px #fff3}.oauth-btn.gitlab:hover{border-color:#fc6d26;box-shadow:0 4px 12px #fc6d2633}.oauth-btn.discord:hover{border-color:#5865f2;box-shadow:0 4px 12px #5865f233}.divider{display:flex;align-items:center;margin:25px 0;color:var(--muted-foreground);font-size:14px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.divider span{padding:0 15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--foreground)}.form-group input{padding:12px 16px;background:var(--bg-accent);border:1px solid var(--border-primary);border-radius:8px;color:var(--foreground);font-size:15px;font-family:inherit;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #52c2341a}.form-group input::placeholder{color:var(--muted-foreground)}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px}.auth-submit-btn{width:100%;padding:14px;font-size:16px;font-weight:600;margin-top:5px}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{margin-top:25px;text-align:center;padding-top:25px;border-top:1px solid var(--border-primary)}.auth-toggle p{color:var(--muted-foreground);font-size:14px}.toggle-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;padding:0;transition:var(--transition)}.toggle-btn:hover{color:var(--primary-accent);text-decoration:underline}@media(max-width:600px){.auth-card{padding:30px 25px}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.oauth-btn{padding:10px 16px;font-size:14px}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column}.dashboard-main{flex:1;padding:100px 20px 50px;background:var(--bg-primary)}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:36px;margin:0;background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-subtitle{color:var(--muted-foreground);margin:8px 0 0}.user-info{display:flex;align-items:center;gap:15px}.role-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.role-owner{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.role-reviewer{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.role-admin{background:#52c23433;color:var(--primary);border:1px solid rgba(82,194,52,.3)}.role-user{background:#9ca3af33;color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition)}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #52c2341a}.stat-icon{font-size:28px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-accent);border-radius:12px;color:var(--primary)}.stat-content h3{font-size:28px;margin:0 0 4px;color:var(--primary)}.stat-content p{margin:0;color:var(--muted-foreground);font-size:14px}.dashboard-actions{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}.dashboard-actions .btn{display:flex;align-items:center;gap:8px}.dashboard-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid var(--border-primary);overflow-x:auto}.tab-btn{padding:12px 24px;background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;border-bottom:2px solid transparent;transition:var(--transition);white-space:nowrap}.tab-btn:hover{color:var(--foreground)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.posts-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.posts-table{overflow-x:auto}.posts-table table{width:100%;border-collapse:collapse}.posts-table thead{background:var(--bg-accent);border-bottom:1px solid var(--border-primary)}.posts-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground)}.posts-table td{padding:16px;border-bottom:1px solid var(--border-primary)}.posts-table tbody tr:hover{background:var(--bg-accent)}.posts-table tbody tr:last-child td{border-bottom:none}.post-title{font-weight:500;color:var(--foreground)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-published{background:#22c55e33;color:#86efac}.status-draft{background:#9ca3af33;color:#d1d5db}.status-pending{background:#fbbf2433;color:#fde047}.status-in-review{background:#3b82f633;color:#93c5fd}.status-approved{background:#10b98133;color:#6ee7b7}.status-revision{background:#f9731633;color:#fdba74}.status-rejected{background:#ef444433;color:#fca5a5}.status-default{background:#6b728033;color:#9ca3af}.post-actions{display:flex;gap:8px}.action-btn{background:var(--bg-accent);border:1px solid var(--border-primary);width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:16px;color:var(--muted-foreground)}.action-btn:hover{background:var(--bg-muted);border-color:var(--primary);transform:scale(1.1);color:var(--foreground)}.action-btn.view:hover{border-color:#3b82f6;color:#60a5fa}.action-btn.edit:hover{border-color:#f59e0b;color:#fbbf24}.action-btn.review:hover{border-color:#10b981;color:#34d399}.loading-state,.error-state,.empty-state{padding:60px 20px;text-align:center;color:var(--muted-foreground)}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg-primary);color:var(--foreground)}.spinner{width:50px;height:50px;border:3px solid var(--border-primary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state .btn{margin-top:20px}@media(max-width:768px){.dashboard-header h1{font-size:28px}.stats-grid{grid-template-columns:1fr}.posts-table{font-size:14px}.posts-table th,.posts-table td{padding:12px 8px}.post-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
