*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100vh;scroll-behavior:smooth}body{background:#fff;color:#111;overflow-x:hidden}.nav{position:fixed;width:100%;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,184,148,.2);z-index:1000;box-shadow:0 5px 20px #0000000d}.nav-inner{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:24px;color:#00b894;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.brand-icon{font-size:28px;animation:float 3s ease-in-out infinite}.brand:hover{transform:translateY(-2px)}.nav-menu{display:none}.nav-menu a{text-decoration:none;color:#2d3436;font-weight:500;transition:all .3s ease;position:relative;padding:5px 0;font-size:16px}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00b894,#00cec9);transition:width .3s ease}.nav-menu a:hover{color:#00b894}.nav-menu a:hover:after{width:100%}.nav-buttons{display:none;gap:15px}.nav-login{background:transparent;border:2px solid #00b894;color:#00b894;padding:10px 22px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px}.nav-login:hover{background:#00b894;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00b89433}.nav-cta{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:10px 22px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #00b8944d;font-size:14px}.nav-cta:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00b89466}.mobile-menu-btn{display:flex;flex-direction:column;gap:6px;background:transparent;border:none;cursor:pointer;padding:8px}.hero-section{min-height:100vh;padding:100px 20px 60px;background:linear-gradient(135deg,#f8fafc,#e9edf5);display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,184,148,.03) 0%,transparent 70%);animation:pulse 10s ease infinite}.hero-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:50px;position:relative;z-index:1}.badge{background:linear-gradient(135deg,#00b8941a,#00cec91a);color:#00b894;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;display:inline-block;margin-bottom:20px;border:1px solid rgba(0,184,148,.2);animation:slideInLeft .8s ease}.hero-left h1{font-size:42px;margin-bottom:20px;line-height:1.2;animation:slideInLeft .8s ease .1s both}.gradient-text{background:linear-gradient(135deg,#00b894,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:#64748b;margin-bottom:30px;max-width:550px;animation:slideInLeft .8s ease .2s both}.hero-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:40px;animation:slideInLeft .8s ease .3s both}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;border:none;width:100%}.btn-outline{background:transparent;border:2px solid #00b894;color:#00b894}.btn-outline:hover{background:#00b894;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #00b89433}.hero-stats{display:flex;gap:40px;animation:slideInLeft .8s ease .4s both}.hero-stat{display:flex;flex-direction:column}.stat-number{font-size:28px;font-weight:800;color:#1e293b}.stat-label{font-size:14px;color:#64748b}.dashboard-preview{background:#fff;border-radius:30px;padding:25px;box-shadow:0 30px 60px #00b89426;border:1px solid rgba(0,184,148,.2);animation:slideInRight .8s ease}.preview-header{display:flex;gap:8px;margin-bottom:20px}.preview-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0}.preview-dot:nth-child(1){background:#ff5f56}.preview-dot:nth-child(2){background:#ffbd2e}.preview-dot:nth-child(3){background:#27c93f}.preview-content{display:flex;flex-direction:column;gap:15px}.preview-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:16px;transition:all .3s ease;cursor:pointer}.preview-item:hover{transform:translate(5px);background:#fff;box-shadow:0 8px 20px #00b8941a}.preview-item.active{background:linear-gradient(135deg,#00b8941a,#00cec91a);border-left:4px solid #00b894}.preview-icon{font-size:24px}.preview-text h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.preview-text p{font-size:12px;color:#64748b}.features-section{padding:80px 20px;background:#fff}.section-header{text-align:center;max-width:800px;margin:0 auto 50px}.section-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#00b8941a,#00cec91a);color:#00b894;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid rgba(0,184,148,.2)}.section-header h2{font-size:36px;color:#1e293b;margin-bottom:15px;line-height:1.2}.section-header p{font-size:18px;color:#64748b}.features-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:25px}.feature-card{background:#fff;padding:35px 25px;border-radius:24px;border:1px solid rgba(0,184,148,.1);box-shadow:0 10px 30px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00b894,#00cec9);transform:translate(-100%);transition:transform .6s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00b89426}.feature-card:hover:before{transform:translate(0)}.feature-icon-wrapper{width:70px;height:70px;background:#00b8941a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.feature-icon{font-size:32px;color:#00b894}.feature-card h3{font-size:22px;color:#1e293b;margin-bottom:15px}.feature-card p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:20px}.feature-list{list-style:none}.feature-list li{color:#475569;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.articles-section{padding:80px 20px;background:linear-gradient(135deg,#f8fafc,#e9edf5)}.articles-grid{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:1fr;gap:25px}.article-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;border:1px solid rgba(0,184,148,.1);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b89426}.article-image{width:100%;height:100px;background:linear-gradient(135deg,#00b894,#00cec9);display:flex;align-items:center;justify-content:center}.article-emoji{font-size:48px;animation:float 3s ease-in-out infinite}.article-content{padding:25px}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:12px;font-size:13px;color:#64748b}.article-author,.article-date{display:flex;align-items:center;gap:4px}.article-content h3{font-size:20px;color:#1e293b;margin-bottom:12px;line-height:1.4}.article-excerpt{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tag{padding:4px 12px;background:#f1f5f9;border-radius:30px;font-size:11px;font-weight:600;color:#475569}.article-tag.more{background:#00b894;color:#fff}.article-read-time{font-size:12px;color:#64748b}.article-read-btn{background:transparent;border:none;color:#00b894;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;padding:0}.article-read-btn:hover{color:#019870;transform:translate(5px)}.view-more-container{text-align:center}.view-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00b8944d;width:100%;max-width:300px}.view-more-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00b89466}.view-more-btn:hover .btn-arrow{transform:translate(5px)}.stats-section{padding:100px 40px;background:#fff}.stats-container{max-width:1200px;margin:auto;display:flex;justify-content:space-around;text-align:center;flex-wrap:wrap;gap:40px}.stat-box h2{font-size:48px;color:#00b894;margin-bottom:10px;background:linear-gradient(135deg,#00b894,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-box p{font-size:18px;color:#64748b;font-weight:500}.testimonials-section{padding:80px 20px;background:#fff}.testimonials-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:25px}.testimonial-card{background:#fff;padding:35px;border-radius:24px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b89426}.testimonial-rating{margin-bottom:20px}.star{color:gold;font-size:20px;margin-right:2px}.testimonial-content{color:#475569;font-size:16px;line-height:1.7;margin-bottom:25px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.testimonial-avatar{width:50px;height:50px;background:#00b8941a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.testimonial-info h4{font-size:16px;color:#1e293b;margin-bottom:4px}.testimonial-info p{font-size:13px;color:#64748b}.cta-section{padding:80px 20px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-section h2{font-size:36px;margin-bottom:20px;line-height:1.2}.cta-section p{font-size:18px;margin-bottom:40px;opacity:.95}.cta-buttons{display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:20px}.btn-outline.light{border-color:#fff;color:#fff}.btn-outline.light:hover{background:#fff;color:#00b894}.cta-note{font-size:14px;opacity:.8}.footer{background:#1a1f2e;color:#fff;padding:60px 20px 30px}.footer-content{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:1fr;gap:50px}.footer-brand{font-size:24px;font-weight:700;color:#00b894}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.footer-column h4{font-size:16px;margin-bottom:20px;color:#fff}.footer-column a{display:block;color:#94a3b8;text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .3s ease}.footer-column a:hover{color:#00b894}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#94a3b8;font-size:14px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.articles-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner{width:50px;height:50px;border:4px solid rgba(0,184,148,.1);border-top:4px solid #00b894;border-right:4px solid #00cec9;border-radius:50%;animation:spin 1s linear infinite}.autosave-indicator{display:flex;align-items:center;gap:10px;font-size:12px;color:#666;margin-bottom:10px;flex-wrap:wrap}.autosave-status{background-color:#e8f5e9;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:11px}.autosave-status.error{background-color:#ffebee;color:#c62828}.last-saved{color:#999;font-size:11px}@media(min-width:640px){.hero-left h1{font-size:48px}.hero-actions{flex-direction:row}.btn-primary,.btn-outline{width:auto}.features-grid,.articles-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:row}.footer-links{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.nav-menu{display:flex;gap:40px}.nav-buttons{display:flex;gap:15px}.mobile-menu-btn{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:60px}.hero-left h1{font-size:56px}.features-grid{grid-template-columns:repeat(4,1fr)}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:1fr 2fr}.footer-links{grid-template-columns:repeat(4,1fr)}.features-section,.articles-section,.testimonials-section,.cta-section{padding:100px 40px}.hero-section{padding:120px 40px 80px}.nav-inner{padding:15px 40px}.article-image{width:120px;height:auto}.article-card{flex-direction:row}}@media(min-width:1400px){.hero-left h1{font-size:64px}.section-header h2,.cta-section h2{font-size:42px}}.mobile-menu-btn span{width:28px;height:3px;background:#2d3436;border-radius:3px;transition:all .3s ease}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(8px,6px)}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-6px)}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 10px 30px #0000001a;transform:translateY(-150%);transition:transform .3s ease;z-index:999;border-bottom:2px solid rgba(0,184,148,.1)}.mobile-nav{display:flex;flex-direction:column;gap:20px}.mobile-nav a{text-decoration:none;color:#2d3436;font-weight:500;font-size:18px;padding:10px 0;border-bottom:1px solid rgba(0,184,148,.1);transition:color .3s ease}.mobile-nav a:hover{color:#00b894}.mobile-nav a:last-of-type{border-bottom:none}.mobile-cta{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:14px 24px;border-radius:50px;cursor:pointer;font-weight:600;font-size:16px;width:100%;margin-top:10px;transition:all .3s ease;box-shadow:0 8px 20px #00b8944d}.mobile-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00b89466}@media(min-width:1024px){.mobile-menu,.mobile-menu-btn{display:none}}@media(max-width:1024px){.nav-menu,.nav-buttons{display:none}.mobile-menu-btn{display:flex}}.loginpage{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px}.login-card{width:100%;max-width:420px;padding:50px 40px;border-radius:20px;background:#fff;border:2px solid #00b894;color:#111;text-align:center;box-shadow:0 20px 60px #00b89426;transition:.3s}.login-card:hover{box-shadow:0 25px 70px #00b89440}.login-card h1{margin-bottom:10px;font-size:28px;color:#00b894}.subtitle{font-size:14px;opacity:.8;margin-bottom:30px;color:#111}.form{display:flex;flex-direction:column;gap:15px}.form input{padding:14px;border-radius:10px;border:2px solid #00b89433;font-size:14px;color:#111;transition:.3s}.form input:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 2px #00b89433}.form button{margin-top:10px;padding:14px;border-radius:50px;border:none;background:#00b894;color:#fff;font-weight:600;cursor:pointer;transition:.3s}.form button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00b8944d}.switch{margin-top:25px;font-size:14px;color:#111}.switch span{font-weight:600;cursor:pointer;margin-left:5px;color:#00b894;transition:.3s}.switch span:hover{text-decoration:underline}.form-group{width:100%;margin-bottom:5px}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:40px!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;opacity:.6;transition:opacity .3s;-webkit-user-select:none;user-select:none;z-index:1}.password-toggle:hover{opacity:1}.error-input{border-color:#f44!important}.error-text{display:block;text-align:left;color:#f44;font-size:12px;margin-top:4px;margin-left:5px}.error{background-color:#ffebee;color:#f44;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #ffcdd2}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px}button:disabled{opacity:.7;cursor:not-allowed}input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9edf5);font-family:Inter,Segoe UI,sans-serif}.dashboard-layout{display:flex;min-height:calc(100vh - 80px)}.dashboard-content{flex:1;padding:40px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(0,184,148,.1);overflow-y:auto}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard-title{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:5px;background:linear-gradient(135deg,#1e293b,#00b894);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:#64748b;font-size:14px}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 8px 20px #00b8944d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00b89466}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.btn-icon{font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 8px 20px #0000000d;transition:all .3s ease;display:flex;align-items:center;gap:20px;border:1px solid rgba(0,184,148,.1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00b894,#00cec9);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00b89426}.stat-card:hover:before{opacity:1}.stat-icon{width:60px;height:60px;background:#00b8941a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#00b894}.stat-content{flex:1}.stat-card h4{color:#64748b;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-number{font-size:32px;font-weight:800;color:#1e293b!important;margin-bottom:8px;line-height:1}.stat-trend{font-size:12px;font-weight:600;color:#64748b}.stat-trend.positive{color:#00b894}.stat-progress{height:4px;background:#e2e8f0;border-radius:2px;margin:10px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:2px;transition:width .3s ease}.progress-bar.draft{background:linear-gradient(90deg,#ff9800,#ffb74d)}.stat-percentage{font-size:11px;color:#94a3b8}.stat-card.reading{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.reading .stat-icon{background:#fff3;color:#fff}.stat-card.reading h4,.stat-card.reading .stat-number,.stat-card.reading .stat-trend{color:#fff}.dashboard-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.recent-box,.popular-box,.activity-box,.quick-actions-box{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 20px #0000000d;border:1px solid rgba(0,184,148,.1)}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.box-header h2{font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.header-icon{font-size:20px}.view-all{background:none;border:none;color:#00b894;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:30px;transition:all .3s ease}.view-all:hover{background:#00b8941a;transform:translate(3px)}.table-responsive{overflow-x:auto}.article-table{width:100%;border-collapse:collapse}.article-table th{padding:15px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(0,184,148,.2)}.article-table td{padding:15px;font-size:14px;color:#334155;border-bottom:1px solid #e2e8f0}.article-table tr:hover td{background:#f8fafc}.article-title{font-weight:600;color:#1e293b}.badge{padding:6px 14px;border-radius:30px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.published{background:linear-gradient(135deg,#e6f9ec,#d1f2e3);color:#00b894;box-shadow:0 2px 8px #00b89426}.badge.draft{background:linear-gradient(135deg,#fff3e0,#ffe9d1);color:#ff9800;box-shadow:0 2px 8px #ff980026}.action-btn{width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .3s ease;font-size:16px;margin:0 3px}.action-btn.view{background:#00b8941a;color:#00b894}.action-btn.view:hover{background:#00b894;color:#fff;transform:translateY(-2px)}.action-btn.edit{background:#ff98001a;color:#ff9800}.action-btn.edit:hover{background:#ff9800;color:#fff;transform:translateY(-2px)}.popular-list{display:flex;flex-direction:column;gap:15px}.popular-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.popular-item:hover{transform:translate(5px);background:#fff;box-shadow:0 5px 15px #00b8941a}.rank-badge{width:30px;height:30px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.popular-content{flex:1}.popular-content h4{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:3px}.popular-content p{font-size:12px;color:#64748b}.popular-views{display:flex;align-items:center;gap:5px;color:#64748b;font-size:13px;font-weight:600}.views-icon{font-size:14px}.popular-meta{display:flex;gap:12px;margin-top:5px;font-size:11px;color:#64748b}.popular-meta span{display:flex;align-items:center;gap:3px}.activity-feed{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#f8fafc}.activity-icon{width:36px;height:36px;background:#00b8941a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.activity-content{flex:1}.activity-content p{font-size:13px;color:#334155;margin-bottom:3px}.activity-content strong{color:#1e293b;font-weight:600}.activity-time{font-size:11px;color:#94a3b8}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;background:#f8fafc;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;color:#334155}.quick-action:hover{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #00b8944d}.quick-icon{font-size:24px}.quick-action span:last-child{font-size:12px;font-weight:600}.author-header{display:flex;align-items:center;gap:25px;margin-bottom:30px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000000d;border:1px solid rgba(0,184,148,.1)}.author-avatar{width:80px;height:80px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;box-shadow:0 10px 25px #00b8944d}.author-info h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:5px}.author-bio{color:#64748b;margin-bottom:10px;font-size:14px}.author-meta{display:flex;gap:20px;color:#94a3b8;font-size:13px}.writing-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:16px}.writing-stat{text-align:center}.writing-stat .stat-label{display:block;font-size:11px;color:#64748b;margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.writing-stat .stat-value{font-size:16px;font-weight:700;color:#1e293b}.mobile-articles-list{display:flex;flex-direction:column;gap:12px}.mobile-article-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,184,148,.1);cursor:pointer;transition:all .2s ease}.mobile-article-card:active{transform:scale(.98);background:#f8fafc}.mobile-article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.mobile-article-title{font-size:15px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;flex:1}.mobile-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.mobile-badge.published{background:#00b8941a;color:#00b894}.mobile-badge.draft{background:#f1f5f9;color:#64748b}.mobile-article-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b}.mobile-article-date{display:flex;align-items:center;gap:4px}.mobile-article-stats{display:flex;gap:12px}.mobile-article-stats span{display:flex;align-items:center;gap:4px}.no-data-mobile{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:16px;color:#64748b}.no-data-mobile p{margin-bottom:15px;font-size:14px}.create-first-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;width:100%;max-width:250px;margin:0 auto;transition:all .3s ease}.create-first-btn:active{transform:scale(.95)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:#fff;border-radius:20px;padding:40px}.spinner{width:50px;height:50px;border:4px solid rgba(0,184,148,.1);border-top:4px solid #00b894;border-right:4px solid #00cec9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:20px;padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.modal-actions{display:flex;gap:12px;margin-top:25px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.modal-actions button:first-child{background:#f1f5f9;color:#475569}.modal-actions button.primary{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.modal-actions button:hover{transform:translateY(-2px)}.error{background:#fee2e2;color:#ef4444;padding:12px;border-radius:12px;font-size:13px;margin-bottom:20px}@media(max-width:1024px){.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.author-meta{flex-wrap:wrap;gap:15px}}@media(max-width:768px){.stats-grid-mobile{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-card-mobile{display:flex;align-items:center;gap:15px;background:#fff;padding:16px 20px;border-radius:16px;border:1px solid rgba(0,184,148,.1);box-shadow:0 2px 8px #00000008;transition:all .2s ease}.stat-card-mobile:active{transform:scale(.99);border-color:#00b894;box-shadow:0 4px 12px #00b8941a}.stat-icon-mobile{width:48px;height:48px;background:#00b8941a;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#00b894}.stat-content-mobile{flex:1}.stat-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-title-mobile{font-size:15px;font-weight:600;color:#1e293b}.stat-number-mobile{font-size:18px;font-weight:700;color:#00b894}.stat-progress-mobile{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;width:100%}.progress-bar-mobile{height:100%;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:2px;transition:width .3s ease}.progress-bar-mobile.draft{background:linear-gradient(90deg,#ff9800,#ffb74d)}.stat-card-mobile.total .stat-icon-mobile,.stat-card-mobile.published .stat-icon-mobile{background:#00b8941a;color:#00b894}.stat-card-mobile.draft .stat-icon-mobile{background:#ff98001a;color:#ff9800}.stat-card-mobile.likes .stat-icon-mobile{background:#ef44441a;color:#ef4444}.stat-card-mobile.comments .stat-icon-mobile{background:#3b82f61a;color:#3b82f6}}@media(max-width:480px){.stats-grid-mobile-small{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card-small{background:#fff;padding:15px 12px;border-radius:16px;border:1px solid rgba(0,184,148,.1);box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:all .2s ease}.stat-card-small:active{transform:scale(.97);border-color:#00b894}.stat-icon-small{width:40px;height:40px;background:#00b8941a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#00b894}.stat-content-small{display:flex;flex-direction:column;gap:4px}.stat-label-small{font-size:12px;color:#64748b;font-weight:500}.stat-number-small{font-size:18px;font-weight:700;color:#1e293b}.stat-card-small.total .stat-icon-small,.stat-card-small.published .stat-icon-small{background:#00b8941a;color:#00b894}.stat-card-small.draft .stat-icon-small{background:#ff98001a;color:#ff9800}.stat-card-small.likes .stat-icon-small{background:#ef44441a;color:#ef4444}.stat-card-small.comments .stat-icon-small{background:#3b82f61a;color:#3b82f6}}@media(max-width:360px){.stats-grid-mobile-small{grid-template-columns:1fr}.stat-card-small{flex-direction:row;text-align:left;padding:12px 15px}.stat-content-small{flex-direction:row;justify-content:space-between;align-items:center;flex:1}.stat-label-small{font-size:13px}.stat-number-small{font-size:16px}}@media(max-width:768px)and (orientation:landscape){.dashboard-content{min-height:auto}.author-header{flex-direction:row;text-align:left}.author-meta{flex-direction:row}.modal{max-height:80vh}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media print{.dashboard-wrapper{background:#fff}.no-print{display:none}}.top-nav{height:70px;background:linear-gradient(135deg,#1a1f2e,#2d3748);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:500;color:#fff;border-bottom:3px solid #00b894;box-shadow:0 4px 20px #00000026;position:sticky;top:0;z-index:1000;transition:all .3s ease}.top-nav.scrolled{height:60px;background:#1a1f2ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-left{display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:#00b894;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;padding:6px 12px;border-radius:10px;background:#ffffff0d;white-space:nowrap}.logo-icon{font-size:24px;animation:float 3s ease-in-out infinite}.logo:active{transform:scale(.95)}.nav-links{display:none}.mobile-menu-btn{display:flex;flex-direction:column;gap:6px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span{width:25px;height:2px;background:#00b894;border-radius:3px;transition:all .3s ease}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:#00cec9}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:translate(-10px)}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-6px);background:#00cec9}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 10px 30px #0003;transform:translateY(-150%);transition:transform .3s ease;z-index:999;border-bottom:3px solid #00b894;max-height:calc(100vh - 70px);overflow-y:auto}.mobile-menu.active{transform:translateY(0)}.mobile-menu-header{padding-bottom:20px;border-bottom:1px solid rgba(0,184,148,.2);margin-bottom:20px}.mobile-user-info{display:flex;flex-direction:column;gap:4px}.mobile-user-name{font-size:18px;font-weight:700;color:#1e293b}.mobile-user-email{font-size:13px;color:#64748b}.mobile-user-role{font-size:12px;color:#00b894;font-weight:600;text-transform:uppercase}.mobile-nav-links{display:flex;flex-direction:column;gap:10px}.mobile-nav-link{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border:none;border-radius:12px;color:#334155;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.mobile-nav-link:active{transform:scale(.98);background:#e2e8f0}.mobile-nav-link.active{background:#00b8941a;color:#00b894;border-left:4px solid #00b894}.mobile-nav-link.logout{margin-top:10px;background:#fee2e2;color:#ef4444}.mobile-nav-link.logout:active{background:#fecaca}.mobile-nav-icon{font-size:20px;width:24px;text-align:center}.user-profile{display:none}@media(min-width:600px)and (max-width:1023px){.top-nav{padding:0 24px}.logo{font-size:22px}.logo-icon{font-size:26px}.mobile-menu{width:400px;left:auto;right:0;border-radius:0 0 0 20px}}@media(min-width:1024px){.top-nav{height:80px;padding:0 30px}.top-nav.scrolled{height:70px}.nav-links{display:flex;gap:15px}.mobile-menu-btn,.mobile-menu{display:none}.user-profile{display:block;position:relative;cursor:pointer}.logo{font-size:24px;padding:8px 16px;gap:10px}.logo-icon{font-size:28px}.logo:hover{transform:translateY(-2px);background:#00b8941a;box-shadow:0 10px 25px #00b89433}.logo:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#00b894,#00cec9);transition:width .3s ease}.logo:hover:after{width:80%}.nav-left{gap:40px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;color:#a0aec0;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00b89433;transform:translate(-50%,-50%);transition:width .6s,height .6s}.nav-link:hover:before{width:200px;height:200px}.nav-link:hover{color:#00b894;transform:translateY(-2px)}.nav-link.active{color:#00b894;background:#00b8941a;box-shadow:0 4px 12px #00b89426}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:3px 3px 0 0}.nav-icon{font-size:16px;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.1) rotate(5deg)}.nav-text{position:relative;z-index:1}.profile-icon{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:50px;background:#ffffff0d;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.profile-icon:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 25px #00b89433;border-color:#00b894}.avatar-container{position:relative}.profile-image{width:45px;height:45px;border-radius:50%;border:3px solid #00b894;object-fit:cover;transition:all .3s ease;box-shadow:0 4px 15px #00b8944d}.profile-icon:hover .profile-image{transform:scale(1.05);border-color:#00cec9}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#00b894;border-radius:50%;border:2px solid #1a1f2e;animation:pulse 2s infinite}.user-info{display:flex;flex-direction:column}.user-name{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.user-role{color:#a0aec0;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.triangle-icon{color:#00b894;font-size:14px;margin-left:5px;transition:all .3s ease}.triangle-icon.open{transform:rotate(180deg);color:#00cec9}.dropdown-menu{position:absolute;top:70px;right:0;width:280px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003,0 8px 20px #00b89426;overflow:hidden;animation:slideDown .3s ease;border:1px solid rgba(0,184,148,.2);z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,184,148,.2)}.dropdown-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #00b894;box-shadow:0 4px 15px #00b8944d}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-name{font-size:16px;font-weight:700;color:#1e293b}.dropdown-user-email{font-size:12px;color:#64748b}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,#00b894,transparent);margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:none;background:transparent;color:#334155;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#00b894,#00cec9);opacity:.1;transition:width .3s ease}.dropdown-item:hover:before{width:100%}.dropdown-item:hover{color:#00b894;transform:translate(5px)}.dropdown-item .item-icon{font-size:18px;transition:all .3s ease;z-index:1}.dropdown-item:hover .item-icon{transform:scale(1.1)}.logout-btn{color:#ef4444;font-weight:600;border-top:1px solid rgba(239,68,68,.1)}.logout-btn:hover{color:#dc2626}.logout-btn:hover .item-icon{animation:shake .5s ease}.dropdown-item:nth-child(2):hover .item-icon{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-link:active{transform:scale(.95)}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b894,#00cec9);border-radius:3px}}@media(max-width:480px){.logo{font-size:18px;padding:4px 8px}.logo-icon{font-size:20px}.mobile-menu{padding:15px}.mobile-user-name{font-size:16px}.mobile-nav-link{padding:12px;font-size:15px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%{box-shadow:0 0 #00b894b3}70%{box-shadow:0 0 0 10px #00b89400}to{box-shadow:0 0 #00b89400}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.detail-page-wrapper{min-height:100vh;font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e9edf5);display:flex;flex-direction:column}.detail-page-layout{display:flex;flex:1;min-height:0;overflow:hidden}.detail-page-content{flex:1;padding:30px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px 0 0;box-shadow:inset 0 2px 10px #00000005;overflow-y:auto;max-height:calc(100vh - 70px)}.detail-article-container{width:100%;max-width:1200px;margin:0 auto;background:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:40px;border:1px solid rgba(255,255,255,.5);animation:detailFadeIn .5s ease}.detail-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:50px;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;margin-bottom:30px;border:1px solid #cbd5e1}.detail-back-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translate(-5px);box-shadow:0 5px 15px #0000001a}.detail-article-header{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(0,184,148,.2);position:relative}.detail-article-title{font-size:42px;font-weight:800;color:#1e293b;margin-bottom:25px;line-height:1.3;padding-right:120px}.detail-status-badge{position:absolute;top:0;right:0}.detail-status{display:inline-block;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.detail-status.published{background:linear-gradient(135deg,#e6f9ec,#d1f2e3);color:#00b894;box-shadow:0 4px 15px #00b89433}.detail-status.draft{background:linear-gradient(135deg,#fff3e0,#ffe9d1);color:#ff9800;box-shadow:0 4px 15px #ff980026}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:20px}.detail-meta-item{padding:15px;background:#f8fafc;border-radius:16px;border:1px solid rgba(0,184,148,.1)}.detail-meta-label{display:block;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.detail-meta-value{font-size:18px;font-weight:600;color:#1e293b}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.detail-tag{background:linear-gradient(135deg,#f1f5f9,#e4e9f2);color:#334155;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:600;transition:all .2s ease;border:1px solid rgba(0,184,148,.1)}.detail-tag:hover{background:#00b894;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00b89433}.detail-no-tags{font-size:16px;color:#94a3b8;font-style:italic}.detail-body-section{margin:40px 0}.detail-body-title{font-size:26px;font-weight:700;color:#1e293b;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid rgba(0,184,148,.2)}.detail-article-body{background:#f8fafc;border-radius:20px;padding:35px;line-height:1.8;font-size:16px;color:#334155;border:1px solid rgba(0,184,148,.2);box-shadow:inset 0 2px 10px #00000005}.detail-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 40px #0000000d}.detail-loading-container .spinner{width:60px;height:60px;border:4px solid rgba(0,184,148,.1);border-top:4px solid #00b894;border-right:4px solid #00cec9;border-radius:50%;animation:detailSpin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:20px;box-shadow:0 10px 30px #00b89433}.detail-loading-container p{color:#64748b;font-size:18px;font-weight:500}.detail-error-container{text-align:center;padding:60px 40px;background:#fff;border-radius:30px;box-shadow:0 20px 40px #0000000d;max-width:500px;margin:50px auto}.detail-error-container .error-icon{font-size:60px;display:block;margin-bottom:20px;animation:detailBounce 2s ease infinite}.detail-error-container h2{font-size:28px;color:#1e293b;margin-bottom:15px;font-weight:700}.detail-error-container p{color:#64748b;font-size:16px;margin-bottom:30px}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes detailSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes detailBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.detail-article-container{padding:30px}.detail-article-title{font-size:36px;padding-right:0}.detail-status-badge{position:static;margin-bottom:20px}.detail-status{display:inline-block}}@media(max-width:768px){.detail-page-content{padding:20px}.detail-article-container{padding:25px}.detail-article-title{font-size:30px}.detail-meta-grid{grid-template-columns:1fr;gap:15px}.detail-meta-item{padding:12px}.detail-meta-value{font-size:16px}.detail-tag{padding:4px 12px;font-size:12px}.detail-body-title{font-size:22px}.detail-article-body{padding:20px;font-size:15px}}@media(max-width:480px){.detail-page-content{padding:15px}.detail-article-container{padding:20px}.detail-article-title{font-size:26px}.detail-back-btn{width:100%;justify-content:center}.detail-meta-item{padding:10px}.detail-tags{gap:5px}.detail-tag{padding:4px 10px;font-size:11px}.detail-article-body{padding:15px}.detail-error-container{padding:40px 20px}.detail-error-container .error-icon{font-size:50px}.detail-error-container h2{font-size:24px}}.detail-engagement-stats{display:flex;gap:15px;margin-top:5px}.engagement-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#f8f9fa;border-radius:20px;font-size:14px}.engagement-icon{font-size:14px}.engagement-count{font-weight:600;color:#333}.detail-comments-section{margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.detail-comments-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.detail-comments-list{display:flex;flex-direction:column;gap:20px}.detail-comment-item{padding:20px;background:#f8f9fa;border-radius:10px;border-left:3px solid #667eea}.detail-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.detail-comment-name{font-weight:600;color:#333;font-size:16px}.detail-comment-date{color:#999;font-size:13px}.detail-comment-text{color:#555;line-height:1.6;margin:0;font-size:15px}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.pub-articles-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9eef5)}.pub-articles-header{background:#fff;box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pub-articles-header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.5rem;font-weight:700;color:#00b894;cursor:pointer;transition:color .3s ease}.brand:hover{color:#62d8c1}.pub-articles-home-btn{display:flex;align-items:center;gap:8px;padding:10px 25px;background:linear-gradient(135deg,#00cca3,#00bd97);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.pub-articles-home-btn:hover{transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.btn-icon{font-size:1.1rem}.pub-articles-hero{background:linear-gradient(135deg,#59ab9b,#00b18e);padding:80px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}.pub-articles-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,170.7C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.3}.pub-articles-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.pub-articles-hero-title{font-size:3rem;margin-bottom:15px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-gradient{background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pub-articles-hero-subtitle{font-size:1.2rem;opacity:.95;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:40px}.hero-stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:#fff;line-height:1.2}.stat-label{font-size:.9rem;opacity:.9;color:#fff}.pub-articles-main{max-width:1200px;margin:-50px auto 50px;padding:0 20px;position:relative;z-index:2}.pub-articles-controls{background:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.pub-articles-search{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#999}.search-input{width:100%;padding:15px 20px 15px 50px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#62d8c1;box-shadow:0 0 0 3px #667eea1a}.pub-articles-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pub-articles-sort{display:flex;align-items:center;gap:10px}.sort-label{font-weight:500;color:#555}.sort-select{padding:8px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.sort-select:focus{outline:none;border-color:#62d8c1}.pub-articles-clear-btn{padding:8px 16px;background:transparent;border:2px solid #ff6b6b;color:#ff6b6b;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pub-articles-clear-btn:hover{background:#ff6b6b;color:#fff;transform:translateY(-2px)}.pub-articles-authors,.pub-articles-tags{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 5px 15px #0000000d}.section-label{font-size:1rem;font-weight:600;color:#555;margin-bottom:15px}.authors-list,.tags-list{display:flex;flex-wrap:wrap;gap:10px}.author-pill,.tag-pill{padding:8px 16px;border:none;background:#f0f2f5;color:#555;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.author-pill:hover,.tag-pill:hover{background:#62d8c1;color:#fff;transform:translateY(-2px)}.author-pill.active,.tag-pill.active{background:#62d8c1;color:#fff;box-shadow:0 4px 10px #667eea4d}.pub-articles-results{margin:20px 0;color:#666;font-size:.95rem}.pub-articles-results strong{color:#62d8c1}.result-tag,.result-author{display:inline-block;margin-left:8px;padding:2px 8px;background:#f0f2f5;border-radius:15px;color:#62d8c1;font-size:.85rem}.pub-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px}.pub-article-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0000000d;transition:all .3s ease;cursor:pointer}.pub-article-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.card-content{padding:20px}.card-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.85rem;color:#888}.card-author{display:flex;align-items:center;gap:4px;cursor:pointer;transition:color .3s ease}.card-author:hover{color:#62d8c1}.card-date{display:flex;align-items:center;gap:4px}.card-title{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:10px;line-height:1.4}.card-excerpt{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.card-tag{padding:4px 10px;background:#f0f2f5;color:#62d8c1;border-radius:15px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.card-tag:hover{background:#62d8c1;color:#fff}.card-tag.more{background:transparent;color:#999;cursor:default}.card-tag.more:hover{background:transparent;color:#999}.card-readtime{font-size:.8rem;color:#888;display:flex;align-items:center;gap:4px}.card-read-btn{width:100%;padding:10px;background:transparent;border:2px solid #62d8c1;color:#62d8c1;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.card-read-btn:hover{background:#62d8c1;color:#fff}.btn-arrow{transition:transform .3s ease}.card-read-btn:hover .btn-arrow{transform:translate(5px)}.pub-articles-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.pagination-arrow{padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-arrow:hover:not(:disabled){background:#62d8c1;color:#fff;border-color:#62d8c1;transform:translateY(-2px)}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:5px}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;color:#555;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 5px #0000000d}.pagination-number:hover,.pagination-number.active{background:#62d8c1;color:#fff}.pagination-dots{color:#999;padding:0 5px}.pub-articles-loading{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d}.spinner{width:50px;height:50px;border:4px solid #f0f2f5;border-top-color:#62d8c1;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.pub-articles-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d}.empty-icon{font-size:5rem;display:block;margin-bottom:20px;opacity:.5}.pub-articles-empty h3{font-size:1.8rem;color:#333;margin-bottom:10px}.pub-articles-empty p{color:#666;margin-bottom:25px}.empty-clear-btn,.home-btn{padding:12px 30px;background:linear-gradient(135deg,#62d8c1,#764ba2);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.empty-clear-btn:hover,.home-btn:hover{transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.draft-notice{margin-top:20px;padding:12px 24px;background:#f0f2f5;border-radius:30px;display:inline-flex;align-items:center;gap:10px;color:#666}.pub-articles-footer{background:#fff;padding:20px;text-align:center;color:#888;font-size:.9rem;border-top:1px solid #e0e0e0;margin-top:60px}@media(max-width:768px){.pub-articles-hero-title{font-size:2.2rem}.pub-articles-hero-subtitle{font-size:1rem}.pub-articles-header-content{padding:1rem}.hero-stats{flex-direction:column;gap:20px}.pub-articles-filter-bar,.pub-articles-sort{flex-direction:column;align-items:stretch}.pub-articles-grid{grid-template-columns:1fr}.pagination-numbers{order:-1;width:100%;justify-content:center;margin-bottom:10px}.pub-articles-pagination{flex-wrap:wrap}}@media(max-width:480px){.pub-articles-hero-title{font-size:1.8rem}.card-meta{flex-direction:column;gap:5px}.card-footer{flex-direction:column;align-items:flex-start;gap:10px}}.pub-detail-wrapper{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.pub-detail-header-nav{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.pub-detail-header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.pub-detail-main{flex:1;padding:2rem}.pub-detail-container{max-width:900px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 10px 40px #3dc2771a;padding:2rem}.pub-detail-back-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border:none;background:#f7fafc;color:#4a5568;font-size:1rem;cursor:pointer;border-radius:5px;margin-bottom:2rem;transition:all .3s ease}.pub-detail-back-btn:hover{background:#edf2f7;transform:translate(-5px)}.pub-detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.pub-detail-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;line-height:1.3}.pub-detail-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.pub-detail-author-section{display:flex;align-items:center;gap:.5rem}.pub-detail-author-label{color:#718096;font-size:.9rem}.pub-detail-author-name{background:none;border:none;color:#00b894;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:5px;transition:all .3s ease}.pub-detail-author-name:hover{background:#f0f0f0;text-decoration:underline}.pub-detail-meta-items{display:flex;gap:1.5rem;color:#718096;font-size:.9rem}.pub-detail-meta-item{display:flex;align-items:center;gap:.25rem}.pub-detail-tags{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pub-detail-tags-label{color:#718096;font-size:.9rem}.pub-detail-tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.pub-detail-tag{padding:.25rem .75rem;background:#f0f0f0;border:none;border-radius:15px;color:#4a5568;font-size:.85rem;cursor:pointer;transition:all .3s ease}.pub-detail-tag:hover{background:#00b894;color:#fff;transform:scale(1.05)}.pub-detail-article{margin-bottom:3rem}.pub-detail-body{font-size:1.1rem;line-height:1.8;color:#2d3748}.pub-detail-body h1,.pub-detail-body h2,.pub-detail-body h3,.pub-detail-body h4{margin-top:2rem;margin-bottom:1rem;color:#1a202c}.pub-detail-body img{max-width:100%;height:auto;border-radius:10px;margin:2rem 0}.pub-detail-body blockquote{margin:2rem 0;padding:1rem 2rem;border-left:4px solid #00b894;background:#f7fafc;font-style:italic}.pub-detail-body pre{background:#2d3748;color:#fff;padding:1rem;border-radius:10px;overflow-x:auto;margin:1.5rem 0}.pub-detail-body code{background:#f0f0f0;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.pub-detail-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #f0f0f0}.pub-detail-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.pub-detail-action-btn{padding:.75rem 1.5rem;border:none;background:#f7fafc;color:#4a5568;font-size:1rem;cursor:pointer;border-radius:5px;transition:all .3s ease}.pub-detail-action-btn:hover{background:#edf2f7;transform:translateY(-2px)}.pub-detail-share{text-align:center}.share-label{display:block;color:#718096;margin-bottom:1rem}.share-buttons{display:flex;justify-content:center;gap:1rem}.share-btn{padding:.5rem 1rem;border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0077b5}.share-btn.copy{background:#4a5568}.share-btn:hover{transform:translateY(-2px);opacity:.9}.pub-detail-related{margin-top:3rem;padding-top:2rem;border-top:2px solid #f0f0f0}.related-title{font-size:1.5rem;color:#2d3748;margin-bottom:1.5rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-card{background:#f7fafc;border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.related-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.related-card-title{font-size:1.1rem;color:#2d3748;margin-bottom:.5rem}.related-card-excerpt{color:#718096;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.related-card-meta{display:flex;justify-content:space-between;color:#a0aec0;font-size:.8rem}.pub-detail-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner{width:50px;height:50px;border:3px solid #f0f0f0;border-top-color:#00b894;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.pub-detail-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.pub-detail-error h2{color:#2d3748;margin-bottom:1rem}.pub-detail-error p{color:#718096;margin-bottom:2rem}.pub-detail-footer-nav{background:#fff;padding:2rem;text-align:center;color:#718096;border-top:1px solid #f0f0f0}@media(max-width:768px){.pub-detail-container{padding:1.5rem}.pub-detail-title{font-size:2rem}.pub-detail-meta{flex-direction:column;align-items:flex-start}.share-buttons{flex-direction:column}.related-grid{grid-template-columns:1fr}}.pub-detail-wrapper{height:100vh;display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden}.pub-detail-header-nav{background:#fff;box-shadow:0 2px 10px #0000001a;flex-shrink:0}.pub-detail-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.pub-detail-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#00b894,#00b894);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.pub-detail-nav{display:flex;gap:1rem}.pub-detail-nav-btn{padding:.5rem 1rem;border:none;background:transparent;color:#4a5568;font-size:1rem;cursor:pointer;border-radius:5px;transition:all .3s ease}.pub-detail-nav-btn:hover{background:#f7fafc;color:#00b894}.pub-detail-main{flex:1;padding:1rem 2rem;max-width:1400px;margin:0 auto;width:100%;overflow:hidden;display:flex;flex-direction:column}.pub-detail-back-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border:none;background:#fff;color:#4a5568;font-size:1rem;cursor:pointer;border-radius:5px;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;flex-shrink:0;width:fit-content}.pub-detail-back-btn:hover{transform:translate(-5px);box-shadow:0 5px 15px #0000001a}.pub-detail-layout{display:flex;gap:2rem;flex:1;min-height:0;overflow:hidden}.pub-detail-left-column{flex:1;min-width:0;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d;overflow-y:auto;height:100%}.pub-detail-left-column::-webkit-scrollbar{width:8px}.pub-detail-left-column::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.pub-detail-left-column::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.pub-detail-left-column::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.pub-detail-right-column{width:380px;flex-shrink:0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;height:100%;overflow-y:auto;display:flex;flex-direction:column}.pub-detail-right-column::-webkit-scrollbar{width:6px}.pub-detail-right-column::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.pub-detail-right-column::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.pub-detail-right-column::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.pub-detail-like-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;margin-bottom:1.5rem;flex-shrink:0}.like-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:30px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease}.like-button.liked{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.like-icon{font-size:1.1rem}.like-count{font-weight:600}.like-text{color:#666;font-size:.9rem}.pub-detail-comments-section{flex:1;display:flex;flex-direction:column;min-height:0}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.comments-title{font-size:1.2rem;font-weight:600;color:#333;margin:0}.write-comment-btn{padding:.4rem 1rem;background:#00b894;color:#fff;border:none;border-radius:20px;font-size:.9rem;cursor:pointer;transition:background .2s ease;flex-shrink:0}.write-comment-btn:hover{background:#00b894}.comment-form{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;flex-shrink:0}.comment-name-input,.comment-textarea{width:100%;padding:.6rem;margin-bottom:.8rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.comment-name-input:focus,.comment-textarea:focus{outline:none;border-color:#00b894}.comment-form-actions{display:flex;gap:.5rem}.comment-submit-btn{flex:1;padding:.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.comment-cancel-btn{padding:.5rem 1rem;background:#e0e0e0;color:#666;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.comment-item{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #00b894}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-name{font-weight:600;color:#333;font-size:.95rem}.comment-date{color:#999;font-size:.8rem}.comment-text{color:#555;line-height:1.5;margin:0;font-size:.9rem}.pub-detail-header{margin-bottom:2rem}.pub-detail-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.3}.pub-detail-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:#666;font-size:.95rem}.pub-detail-author{color:#00b894;font-weight:600}.pub-detail-date{color:#888}.pub-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pub-detail-tag{padding:.3rem 1rem;background:#f0f0f0;border-radius:20px;color:#555;font-size:.9rem}.pub-detail-article{line-height:1.8;color:#333}.pub-detail-body{font-size:1.1rem}.pub-detail-body p{margin-bottom:1.5rem}.pub-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#00b894;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.pub-detail-error{text-align:center;padding:3rem;background:#fff;border-radius:12px;max-width:500px;margin:2rem auto}.error-icon{font-size:3rem;margin-bottom:1rem;display:block}.pub-detail-error h2{color:#333;margin-bottom:.5rem}.pub-detail-error p{color:#666;margin-bottom:1.5rem}.pub-detail-footer-nav{background:#fff;padding:1rem;text-align:center;color:#666;border-top:1px solid #e0e0e0;flex-shrink:0}@media(max-width:900px){.pub-detail-wrapper,.pub-detail-main{height:auto;overflow:auto}.pub-detail-layout{flex-direction:column;height:auto;overflow:auto}.pub-detail-left-column,.pub-detail-right-column{height:auto;max-height:500px;overflow-y:auto}.pub-detail-right-column{width:100%}}@media(max-width:600px){.pub-detail-main{padding:1rem}.pub-detail-left-column,.pub-detail-right-column{padding:1.5rem}.pub-detail-title{font-size:1.5rem}}.pub-detail-stats{display:flex;justify-content:space-around;gap:10px;padding:15px;background:#f8f9fa;border-radius:10px;margin-bottom:20px;border:1px solid #eaeaea}.stat-item{display:flex;align-items:center;gap:6px}.stat-icon{font-size:1.2rem}.stat-value{font-weight:700;font-size:1.1rem;color:#333}.stat-label{color:#666;font-size:.85rem}.admin-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-layout{display:flex;min-height:calc(100vh - 80px)}.admin-content{flex:1;padding:30px;background:#f8fafc;overflow-y:auto}.admin-header{margin-bottom:30px}.admin-header h1{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:5px;background:linear-gradient(135deg,#1e293b,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{color:#64748b;font-size:14px;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-card.articles:before{background:linear-gradient(90deg,#4299e1,#667eea)}.metric-card.authors:before{background:linear-gradient(90deg,#48bb78,#38a169)}.metric-card.likes:before{background:linear-gradient(90deg,#ed64a6,#d53f8c)}.metric-card.comments:before{background:linear-gradient(90deg,#ecc94b,#d69e2e)}.metric-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.metric-card.articles .metric-icon{background:linear-gradient(135deg,#ebf8ff,#bee3f8);color:#2c5282;box-shadow:0 4px 10px #4299e133}.metric-card.authors .metric-icon{background:linear-gradient(135deg,#f0fff4,#c6f6d5);color:#276749;box-shadow:0 4px 10px #48bb7833}.metric-card.likes .metric-icon{background:linear-gradient(135deg,#fce7f3,#fed7e2);color:#97266d;box-shadow:0 4px 10px #ed64a633}.metric-card.comments .metric-icon{background:linear-gradient(135deg,#fef9e7,#fef3c7);color:#975a16;box-shadow:0 4px 10px #ecc94b33}.metric-content{flex:1}.metric-content h3{font-size:14px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.metric-number{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:6px;line-height:1.2}.metric-breakdown{display:flex;gap:16px;font-size:12px;font-weight:500}.metric-breakdown .published{color:#48bb78;background:#f0fff4;padding:4px 8px;border-radius:20px}.metric-breakdown .draft{color:#ecc94b;background:#fef9e7;padding:4px 8px;border-radius:20px}.metric-sub{font-size:12px;color:#94a3b8;margin-top:4px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.chart-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000001a}.chart-card h3{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.chart-container{height:200px;position:relative}.placeholder-chart{display:flex;align-items:flex-end;justify-content:space-around;height:180px;padding:10px 0;gap:8px}.chart-bar{width:35px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;position:relative;min-height:20px;transition:height .3s ease;box-shadow:0 -2px 10px #667eea4d}.chart-bar .bar-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:10px;color:#64748b;white-space:nowrap;font-weight:500}.placeholder-chart.dual{gap:15px}.chart-group{display:flex;gap:5px;align-items:flex-end}.chart-group .bar{width:25px;border-radius:6px 6px 0 0;transition:height .3s ease;position:relative}.chart-group .bar .bar-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:9px;color:#64748b;font-weight:600}.chart-group .bar.likes{background:linear-gradient(180deg,#ed64a6,#d53f8c);box-shadow:0 -2px 10px #ed64a64d}.chart-group .bar.comments{background:linear-gradient(180deg,#ecc94b,#d69e2e);box-shadow:0 -2px 10px #ecc94b4d}.chart-legend{display:flex;justify-content:center;gap:25px;margin-top:25px;padding-top:10px;border-top:1px solid #f1f5f9}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#475569}.legend-color{width:14px;height:14px;border-radius:4px}.legend-color.likes{background:linear-gradient(135deg,#ed64a6,#d53f8c)}.legend-color.comments{background:linear-gradient(135deg,#ecc94b,#d69e2e)}.tables-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.table-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000001a}.table-card h3{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;background:#f8fafc}.admin-table td{padding:14px 12px;font-size:14px;color:#334155;border-bottom:1px solid #e2e8f0;transition:background .2s ease}.admin-table tbody tr:hover td{background:#f8fafc}.author-cell{display:flex;align-items:center;gap:12px}.author-avatar{width:36px;height:36px;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#4a5568;font-weight:500;box-shadow:0 2px 5px #0000000d}.author-name{font-weight:600;color:#1e293b}.tags-cloud{display:flex;flex-direction:column;gap:15px}.tag-item{position:relative;padding:8px 0;display:flex;align-items:center;gap:10px}.tag-name{font-weight:600;color:#4299e1;min-width:100px;font-size:14px}.tag-count{font-size:12px;color:#64748b;font-weight:500;min-width:80px}.tag-bar{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.activity-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.activity-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000001a}.activity-card h3{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.activity-timeline{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;gap:15px;padding:12px;border-radius:12px;transition:background .3s ease;background:#f8fafc}.activity-item:hover{background:#f1f5f9}.activity-time{font-size:12px;color:#94a3b8;min-width:80px;font-weight:500}.activity-content{display:flex;gap:12px;flex:1}.activity-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.activity-badge.article{background:linear-gradient(135deg,#ebf8ff,#bee3f8);color:#2c5282}.activity-badge.comment{background:linear-gradient(135deg,#fef9e7,#fef3c7);color:#975a16}.activity-badge.like{background:linear-gradient(135deg,#fce7f3,#fed7e2);color:#97266d}.activity-badge.user{background:linear-gradient(135deg,#f0fff4,#c6f6d5);color:#276749}.activity-details{flex:1}.activity-details p{margin:0;color:#334155;font-size:14px;line-height:1.5}.activity-details strong{color:#1e293b;font-weight:600}.activity-target{color:#667eea;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000000d}.spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-right:4px solid #764ba2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{text-align:center;padding:50px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.error-icon{font-size:48px;margin-bottom:20px;display:block}.error-container h2{color:#ef4444;margin-bottom:10px;font-size:24px}.error-container p{color:#64748b;margin-bottom:25px;font-size:16px}.retry-btn{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.retry-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.tables-row{grid-template-columns:1fr}}@media(max-width:1024px){.admin-content{padding:20px}.charts-row{grid-template-columns:1fr}.placeholder-chart{justify-content:center}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.admin-header h1{font-size:24px}.activity-item{flex-direction:column;gap:8px}.activity-time{min-width:auto}.admin-table{font-size:13px}.author-cell{flex-direction:column;align-items:flex-start;gap:5px}}@media(max-width:480px){.admin-content{padding:15px}.metric-card{padding:18px}.metric-icon{width:44px;height:44px;font-size:22px}.metric-number{font-size:22px}.chart-bar{width:25px}.chart-group .bar{width:18px}.placeholder-chart.dual{gap:8px}}.role-badge-container{display:flex;justify-content:flex-end;margin-bottom:20px}.role-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.role-icon{font-size:16px}.user-name{opacity:.9;font-weight:500}.data-tables-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.admin-table.compact th,.admin-table.compact td{padding:10px 12px}.count-badge{display:inline-block;padding:4px 12px;background:#ebf8ff;color:#2c5282;border-radius:20px;font-weight:600;font-size:13px}.likes-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fce7f3;color:#97266d;border-radius:20px;font-weight:600;font-size:13px}.comments-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fef9e7;color:#975a16;border-radius:20px;font-weight:600;font-size:13px}@media(max-width:1024px){.data-tables-row{grid-template-columns:1fr}}.two-column-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:20px}.authors-table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;font-size:16px;font-weight:700;color:#1e293b}.search-box{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 10px;width:250px}.search-icon{color:#94a3b8;margin-right:8px}.search-input{border:none;background:transparent;padding:8px 0;width:100%;outline:none;font-size:13px}.authors-table{font-size:13px}.authors-table th{background:#f8fafc;padding:12px 8px}.authors-table td{padding:12px 8px}.author-name-cell{display:flex;align-items:center;gap:8px;font-weight:500}.author-avatar-small{width:28px;height:28px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.role-badge-small{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.role-badge-small.admin{background:#667eea20;color:#667eea}.role-badge-small.author{background:#48bb7820;color:#48bb78}.likes-count-small{color:#ed64a6;font-weight:500}.comments-count-small{color:#ecc94b;font-weight:500}.mini-loading{text-align:center;padding:40px;color:#94a3b8}.authors-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}.pagination-btn-small{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:5px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn-small:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.pagination-btn-small:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:#64748b}@media(max-width:1200px){.two-column-layout{grid-template-columns:1fr}}.log-viewer-wrapper{min-height:100vh;background:#f5f7fa}.log-viewer-layout{display:flex}.log-viewer-content{flex:1;padding:30px}.log-header-section{margin-bottom:30px}.log-header-section h1{font-size:32px;color:#1e293b;margin-bottom:5px}.log-header-section p{color:#64748b}.log-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:30px}.log-stat-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.log-stat-card h3{margin:0 0 10px;color:#64748b;font-size:14px}.log-stat-number{margin:0;font-size:24px;font-weight:700;color:#1e293b}.log-stat-card.total .log-stat-number{color:#667eea}.log-stat-card.errors .log-stat-number{color:#f56565}.log-stat-card.warnings .log-stat-number{color:#ed8936}.log-stat-card.info .log-stat-number{color:#48bb78}.log-filters-section{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap}.log-filters-section select,.log-filters-section input{padding:10px;border:1px solid #e2e8f0;border-radius:5px;min-width:150px}.log-apply-btn,.log-clear-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:500}.log-apply-btn{background:#667eea;color:#fff}.log-clear-btn{background:#e2e8f0;color:#4a5568}.log-table-container{background:#fff;border-radius:10px;overflow-x:auto;margin-bottom:20px;max-height:600px;overflow-y:auto}.log-table{width:100%;border-collapse:collapse}.log-table th{position:sticky;top:0;background:#f8fafc;padding:15px;text-align:left;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:12px;text-transform:uppercase}.log-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;font-size:13px}.log-table tr.log-error{background:#fff5f5}.log-table tr.log-warn{background:#fffaf0}.log-table tr.log-info{background:#f0f9ff}.log-table tr:hover{background:#f1f5f9}.log-level-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.log-level-badge.error{background:#feb2b2;color:#742a2a}.log-level-badge.warn{background:#fbd38d;color:#744210}.log-level-badge.info{background:#90cdf4;color:#2c5282}.log-type-icon{display:flex;align-items:center;gap:5px}.log-action-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-view-details-btn{padding:4px 8px;background:#e2e8f0;border:none;border-radius:4px;cursor:pointer;font-size:11px}.log-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.log-pagination button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:5px;cursor:pointer}.log-pagination button:disabled{opacity:.5;cursor:not-allowed}.log-endpoints-card,.log-slow-requests-card{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px}.log-endpoints-list,.log-slow-requests-list{margin-top:15px}.log-endpoint-item,.log-slow-request-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.log-slow-request-info{display:flex;align-items:center;gap:12px;flex:1}.log-slow-method{padding:4px 8px;background:#e2e8f0;border-radius:4px;font-size:11px;font-weight:600;color:#4a5568;min-width:45px;text-align:center}.log-slow-url{font-family:monospace;font-size:13px;color:#2d3748;word-break:break-all}.log-slow-request-meta{display:flex;align-items:center;gap:15px}.log-slow-duration{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.log-slow-duration.badge-warning{background:#feebc8;color:#c05621}.log-slow-time{font-size:12px;color:#718096;min-width:80px;text-align:right}.log-response-time-stats{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0;display:flex;gap:30px}.log-stat-item{display:flex;align-items:center;gap:10px}.log-stat-label{font-size:13px;color:#718096}.log-stat-value{font-size:16px;font-weight:600;color:#2d3748}.log-no-data{text-align:center;color:#a0aec0;padding:20px;font-style:italic;background:#f8fafc;border-radius:8px}.log-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.log-modal-content{background:#fff;padding:30px;border-radius:10px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.log-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.log-modal-header h3{margin:0;color:#1e293b}.log-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b}.log-close-btn:hover{color:#1e293b}.log-modal-body{max-height:60vh;overflow-y:auto}.log-metadata{display:flex;gap:20px;margin-bottom:20px;padding:10px;background:#f8fafc;border-radius:5px}.log-metadata-level{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.log-metadata-level.error{background:#feb2b2;color:#742a2a}.log-metadata-level.warn{background:#fbd38d;color:#744210}.log-metadata-level.info{background:#90cdf4;color:#2c5282}.log-metadata-time{color:#64748b;font-size:12px}.log-details-pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:5px;overflow-x:auto;font-size:12px;font-family:monospace}.log-stats-loading{text-align:center;padding:40px;color:#64748b}.log-error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.log-error-icon{font-size:18px}.log-retry-btn{margin-left:auto;padding:5px 15px;background:#c53030;color:#fff;border:none;border-radius:5px;cursor:pointer}.log-retry-btn:hover{background:#9b2c2c}.log-loading-state{text-align:center;padding:60px;color:#64748b}.log-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:log-spin 1s linear infinite;margin:0 auto 20px}@keyframes log-spin{to{transform:rotate(360deg)}}.log-no-logs{text-align:center;padding:60px!important;color:#a0aec0}.log-no-logs-content{display:flex;flex-direction:column;align-items:center;gap:15px}.log-no-logs-icon{font-size:48px;opacity:.5}.log-clear-filters-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:13px}.log-clear-filters-btn:hover{background:#5a67d8}.log-page-info{color:#4a5568;font-size:14px}.log-tabs{display:flex;gap:10px;margin-bottom:10px}.log-tab{padding:10px 20px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.log-tab.active{background:#007bff;color:#fff}.log-subtitle{color:#666;margin-bottom:20px}.log-health-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.log-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.log-health-header h2{margin:0;font-size:24px;color:#333}.log-health-controls{display:flex;gap:16px;align-items:center}.log-auto-refresh{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#666}.log-refresh-btn{padding:8px 16px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.log-refresh-btn:hover:not(:disabled){background:#e0e0e0}.log-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.log-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.log-health-card{background:#f8f9fa;border-radius:10px;padding:20px;border-left:4px solid #007bff}.log-health-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.log-health-card-header h3{margin:0;font-size:16px;color:#666}.log-health-icon{font-size:20px}.log-health-value{font-size:28px;font-weight:700;margin-bottom:8px}.log-health-message{padding:8px 12px;border-radius:6px;font-size:14px}.log-health-details{color:#666;font-size:14px}.log-health-memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.log-health-memory-item{display:flex;flex-direction:column;gap:4px}.log-health-label{font-size:12px;color:#999}.log-health-progress{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin:16px 0 8px}.log-health-progress-bar{height:100%;transition:width .3s ease}.log-health-progress-label{font-size:12px;color:#666;text-align:right}.log-health-footer{grid-column:1 / -1;text-align:right;color:#999;font-size:12px;padding-top:16px;border-top:1px solid #dee2e6;margin-top:16px}.log-clear-all-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-left:auto}.log-clear-all-btn:hover{background:#c82333}.log-confirm-modal{max-width:450px!important;text-align:center}.log-confirm-icon{font-size:48px;margin-bottom:16px}.log-confirm-title{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.log-confirm-message{color:#666;margin-bottom:16px;line-height:1.6}.log-confirm-warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.log-modal-actions{display:flex;gap:12px;justify-content:center;padding:20px 0 0;border-top:1px solid #eaeaea}.log-btn-secondary{padding:10px 24px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s}.log-btn-secondary:hover:not(:disabled){background:#e2e8f0}.log-btn-danger{padding:10px 24px;background:#dc3545;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.log-btn-danger:hover:not(:disabled){background:#c82333}.log-btn-danger:disabled,.log-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.log-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.log-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.log-viewer-content{padding:20px}.log-filters-section select,.log-filters-section input{min-width:120px}}@media screen and (max-width:768px){.log-viewer-layout{flex-direction:column}.log-viewer-content{padding:15px}.log-header-section h1{font-size:24px}.log-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.log-stat-card{padding:15px}.log-stat-card h3{font-size:12px}.log-stat-number{font-size:20px}.log-filters-section{flex-direction:column;padding:15px}.log-filters-section select,.log-filters-section input,.log-apply-btn,.log-clear-btn{width:100%;min-width:auto}.log-table-container{max-height:400px;font-size:12px}.log-table th,.log-table td{padding:10px;font-size:11px}.log-table th{font-size:10px}.log-action-cell{max-width:150px}.log-view-details-btn{padding:3px 6px;font-size:10px}.log-pagination{flex-direction:column;gap:10px}.log-pagination button{width:100%;max-width:200px}.log-page-info{order:-1;font-size:12px}.log-slow-request-item{flex-direction:column;gap:8px}.log-slow-request-info{flex-wrap:wrap;gap:6px}.log-slow-request-meta{width:100%;justify-content:space-between}.log-slow-method{min-width:40px;font-size:10px;padding:3px 6px}.log-slow-url{font-size:11px}.log-slow-time{min-width:auto;font-size:10px}.log-response-time-stats{flex-direction:column;gap:10px}.log-stat-item{flex-direction:column;align-items:flex-start;gap:4px}.log-endpoint-item{flex-direction:column;gap:4px}.log-endpoint-path{font-size:12px}.log-endpoint-count{font-size:11px}.log-health-grid{grid-template-columns:1fr}.log-health-header{flex-direction:column;align-items:flex-start}.log-health-controls{width:100%;flex-direction:column}.log-auto-refresh,.log-refresh-btn{width:100%}.log-health-card{padding:15px}.log-health-value{font-size:24px}.log-health-memory-grid{grid-template-columns:1fr;gap:8px}.log-tabs{flex-direction:column;width:100%}.log-tab{width:100%;text-align:center;font-size:14px;padding:8px 16px}.log-clear-all-btn{width:100%;margin-left:0;margin-top:10px;text-align:center}.log-modal-content{width:95%;padding:20px;max-height:90vh}.log-modal-header h3{font-size:18px}.log-metadata{flex-direction:column;gap:8px}.log-details-pre{padding:12px;font-size:10px}.log-confirm-modal{width:90%!important;padding:20px!important}.log-confirm-title{font-size:18px}.log-confirm-message{font-size:13px}.log-modal-actions{flex-direction:column;gap:8px}.log-btn-secondary,.log-btn-danger{width:100%;padding:12px 24px}}@media screen and (max-width:480px){.log-viewer-content{padding:10px}.log-header-section h1{font-size:20px}.log-header-section p{font-size:12px}.log-stats-grid{grid-template-columns:1fr;gap:8px}.log-stat-card{padding:12px}.log-stat-number{font-size:18px}.log-table-container{max-height:350px}.log-table th,.log-table td{padding:8px 5px;font-size:10px}.log-table th{font-size:9px}.log-action-cell{max-width:100px}.log-level-badge{padding:2px 4px;font-size:8px}.log-type-icon{gap:2px;font-size:10px}.log-view-details-btn{padding:2px 4px;font-size:8px}.log-endpoints-card,.log-slow-requests-card{padding:12px}.log-endpoints-card h3,.log-slow-requests-card h3{font-size:14px}.log-slow-method{min-width:35px;font-size:8px;padding:2px 4px}.log-slow-url{font-size:9px}.log-slow-duration{font-size:9px;padding:2px 6px}.log-slow-time{font-size:8px}.log-stat-label{font-size:11px}.log-stat-value{font-size:12px}.log-health-header h2{font-size:18px}.log-auto-refresh{font-size:12px}.log-refresh-btn{font-size:12px;padding:8px}.log-health-card-header h3{font-size:14px}.log-health-value{font-size:20px}.log-health-label,.log-health-progress-label,.log-health-footer{font-size:10px}.log-tab,.log-clear-all-btn{font-size:12px;padding:6px 12px}.log-modal-content{padding:15px}.log-modal-header h3{font-size:16px}.log-close-btn{font-size:20px}.log-metadata-level,.log-metadata-time{font-size:10px}.log-details-pre{font-size:8px;padding:8px}.log-confirm-icon{font-size:36px}.log-confirm-title{font-size:16px}.log-confirm-message{font-size:12px}.log-confirm-warning{font-size:11px;padding:8px}.log-btn-secondary,.log-btn-danger{font-size:13px;padding:10px 20px}}@media screen and (max-width:360px){.log-table th,.log-table td{padding:5px 3px;font-size:9px}.log-table th{font-size:8px}.log-action-cell{max-width:70px}.log-level-badge{padding:1px 2px;font-size:7px}.log-type-icon{font-size:8px}.log-view-details-btn{padding:1px 2px;font-size:7px}.log-header-section h1{font-size:18px}.log-stat-number{font-size:16px}.log-health-value{font-size:18px}.log-health-header h2{font-size:16px}}@media screen and (max-height:500px)and (orientation:landscape){.log-modal-content{max-height:85vh}.log-table-container{max-height:300px}.log-stats-grid{grid-template-columns:repeat(3,1fr)}}@media print{.log-filters-section,.log-pagination,.log-clear-all-btn,.log-refresh-btn,.log-auto-refresh,.log-view-details-btn{display:none!important}.log-table-container{max-height:none;overflow:visible}.log-table{page-break-inside:auto}.log-table tr{page-break-inside:avoid;page-break-after:auto}}@media(prefers-contrast:high){.log-stat-card,.log-filters-section,.log-table-container,.log-endpoints-card,.log-slow-requests-card,.log-health-container{border:2px solid #000}}.dashboard-wrapper{min-height:100vh;font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e9edf5);display:flex;flex-direction:column}.dashboard-layout{display:flex;flex:1;min-height:0;overflow:hidden}.dashboard-content{flex:1;padding:30px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px 0 0;box-shadow:inset 0 2px 10px #00000005;overflow-y:auto;max-height:calc(100vh - 70px)}.dashboard-layout>:first-child{overflow-y:auto;max-height:calc(100vh - 70px)}.articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px 25px;border-radius:20px;box-shadow:0 10px 30px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(255,255,255,.5)}.articles-header h1{font-size:32px;font-weight:800;padding:60px 20px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#feffff,#48dabd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;position:relative}.articles-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:4px}.filters-section{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#00b894;font-size:16px;opacity:.7;transition:all .3s ease}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid rgba(0,184,148,.1);border-radius:50px;font-size:14px;transition:all .3s ease;background:#fff;box-shadow:0 4px 10px #00000005}.search-box input:focus{outline:none;border-color:#00b894;box-shadow:0 8px 20px #00b89426;transform:translateY(-2px)}.search-box input:focus+.search-icon{opacity:1;transform:translateY(-50%) scale(1.1)}.filter-select{padding:14px 45px 14px 20px;border:2px solid rgba(0,184,148,.1);border-radius:50px;font-size:14px;min-width:160px;background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#2d3436;box-shadow:0 4px 10px #00000005;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300b894' 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 15px center}.filter-select:hover{border-color:#00b894;box-shadow:0 8px 20px #00b8941a;transform:translateY(-2px)}.filter-select:focus{outline:none;border-color:#00b894;box-shadow:0 8px 20px #00b89426}.create-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;padding:14px 28px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.5px;box-shadow:0 8px 20px #00b8944d;position:relative;overflow:hidden}.create-btn: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}.create-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00b89466}.create-btn:hover:before{left:100%}.create-btn:active{transform:translateY(-1px);box-shadow:0 5px 15px #00b8944d}.btn-icon{font-size:18px;line-height:1}.table-container{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000014,0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.table-container:hover{box-shadow:0 25px 50px #00b8941f}table{width:100%;border-collapse:separate;border-spacing:0}th{padding:20px 18px;text-align:left;font-size:13px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.8px;background:#f8fafd;border-bottom:2px solid rgba(0,184,148,.2)}td{padding:18px;font-size:14px;color:#334155;border-bottom:1px solid #eef2f6;transition:all .2s ease}tbody tr{transition:all .3s ease;cursor:pointer}tbody tr:hover{background:linear-gradient(90deg,#00b89405,#00cec905);transform:scale(1.01);box-shadow:0 4px 15px #00000005}tbody tr:last-child td{border-bottom:none}.title-cell{font-weight:600;color:#1e293b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.title-cell:before{margin-right:8px;opacity:.5;transition:all .2s ease}tr:hover .title-cell:before{opacity:1;transform:rotate(5deg)}.preview-cell{max-width:350px}.content-preview{font-size:13px;color:#475569;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;background:#f8fafc;padding:10px 14px;border-radius:12px;border-left:4px solid #00b894;box-shadow:0 2px 8px #00000005;transition:all .3s ease}tr:hover .content-preview{background:#fff;box-shadow:0 4px 12px #00b8941a;transform:translate(5px)}.badge{padding:6px 14px;border-radius:30px;font-size:12px;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.badge.published{background:linear-gradient(135deg,#e6f9ec,#d1f2e3);color:#00b894;box-shadow:0 4px 10px #00b89426}.badge.published:before{content:"●";margin-right:4px;font-size:10px;color:#00b894;animation:pulse 2s infinite}.badge.draft{background:linear-gradient(135deg,#fff3e0,#ffe9d1);color:#ff9800;box-shadow:0 4px 10px #ff98001a}.badge.draft:before{content:"○";margin-right:4px;font-size:12px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tags-container{display:flex;flex-wrap:nowrap;gap:4px;max-width:120px}.tag-badge{background:linear-gradient(135deg,#f1f5f9,#e4e9f2);color:#334155;padding:4px 8px;border-radius:30px;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;transition:all .2s ease;border:1px solid rgba(0,184,148,.1)}.tag-badge:hover{background:#00b894;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00b89433;border-color:#00b894}.tag-badge.more-tag{background:#00b894;color:#fff}.action-buttons{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:none;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;min-width:70px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn:hover:before{width:200px;height:200px}.action-btn .btn-icon{font-size:12px;transition:all .3s ease}.action-btn .btn-text{display:inline-block}.action-btn:hover .btn-icon{transform:scale(1.2) rotate(5deg)}.action-btn.detail{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;box-shadow:0 4px 10px #1976d21a}.action-btn.detail:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-3px);box-shadow:0 8px 20px #1976d233}.action-btn.edit{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00;box-shadow:0 4px 10px #f57c001a}.action-btn.edit:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc80);transform:translateY(-3px);box-shadow:0 8px 20px #f57c0033}.action-btn.publish{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c;box-shadow:0 4px 10px #388e3c1a}.action-btn.publish:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);transform:translateY(-3px);box-shadow:0 8px 20px #388e3c33}.action-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f;box-shadow:0 4px 10px #d32f2f1a}.action-btn.delete:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:translateY(-3px);box-shadow:0 8px 20px #d32f2f33}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn:disabled:before{display:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px}.spinner{width:60px;height:60px;border:4px solid rgba(0,184,148,.1);border-top:4px solid #00b894;border-right:4px solid #00cec9;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:20px;box-shadow:0 10px 30px #00b89433}.spinner-small{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-right:2px solid white;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-group label{display:block;margin-bottom:5px;font-weight:600;font-size:14px;color:#334155;text-transform:uppercase;letter-spacing:.5px}.quill-editor-container{height:250px!important;margin-bottom:25px;border:2px solid #00b894!important;border-radius:16px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #00b8941a;background:#fff}.quill-editor-container:hover{border-color:#00cec9!important;box-shadow:0 8px 25px #00b89426;transform:translateY(-2px)}.ql-container{min-height:180px!important;max-height:180px!important;border:none!important;font-family:Inter,sans-serif!important;font-size:14px!important;overflow-y:auto!important}.ql-editor{min-height:180px!important;max-height:180px!important;padding:15px!important;line-height:1.6!important;font-size:14px!important;overflow-y:auto!important}.ql-editor::-webkit-scrollbar{width:6px}.ql-toolbar{border:none!important;border-bottom:2px solid #00b894!important;background:#f8fafc;padding:12px!important;border-radius:16px 16px 0 0!important}.error{color:#dc2626;font-size:14px;margin-bottom:20px;font-weight:500;padding:15px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;border:1px solid #fca5a5;animation:shake .5s ease;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.warning-text{color:#ef4444;font-size:13px;margin-top:8px;padding:10px 15px;background:#fee2e2;border-radius:12px;display:inline-block;animation:pulse 2s infinite}.info-text{color:#00b894;font-size:13px;margin-top:8px;padding:10px 15px;background:#e6f9ec;border-radius:12px;display:inline-block}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:30px;box-shadow:0 20px 40px #0000000d;margin-top:20px}.empty-state-icon{font-size:80px;margin-bottom:25px;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{color:#64748b;font-size:18px;margin:8px 0;font-weight:500}.empty-state p:first-of-type{font-size:24px;color:#1e293b;font-weight:700}.no-results{text-align:center;padding:60px!important}.no-results-content{display:flex;flex-direction:column;align-items:center;gap:20px}.no-results-icon{font-size:60px;opacity:.5;animation:spin 3s linear infinite}.clear-filters-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;padding:12px 24px;border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;color:#475569;transition:all .3s ease;border:1px solid #cbd5e1}.clear-filters-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:15px 20px;border-radius:16px;margin-bottom:20px;font-weight:500;border-left:4px solid #dc2626;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.table-container table th:nth-child(1){width:15%}.table-container table th:nth-child(2){width:35%}.table-container table th:nth-child(3){width:10%}.table-container table th:nth-child(4){width:10%}.table-container table th:nth-child(5){width:30%}@media(max-width:1024px){.dashboard-content{padding:20px}.articles-header{flex-direction:column;gap:20px;align-items:stretch}.filters-section{flex-direction:column}.search-box,.filter-select{width:100%}.create-btn{width:100%;justify-content:center}.table-container{overflow-x:auto}table{min-width:900px}.preview-cell{min-width:250px}.content-preview{-webkit-line-clamp:1}.action-buttons{flex-direction:column}.action-btn{width:100%;justify-content:center}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-content{border-radius:30px 30px 0 0;margin-top:20px}.modal{padding:25px;width:95%;max-height:80vh}.quill-editor-container{height:200px!important}.ql-container,.ql-editor{min-height:130px!important;max-height:130px!important}.pagination{flex-direction:column;gap:15px}.page-numbers{order:-1}}@media(max-width:480px){.modal{padding:20px}.modal h2{font-size:24px;margin-bottom:15px}.quill-editor-container{height:180px!important}.ql-container,.ql-editor{min-height:110px!important;max-height:110px!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b894,#00cec9);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00a187,#00b8b5)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid rgba(0,184,148,.2);border-radius:50px;background:#fff;color:#2d3436;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px #00b89433}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.page-info{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#334155;background:#fff;padding:8px 16px;border-radius:40px;border:2px solid rgba(0,184,148,.2)}.current-page{color:#00b894;font-size:18px}.total-pages{color:#64748b}.separator{color:#cbd5e1;font-size:18px}@media(max-width:768px){.pagination{gap:12px}.pagination-btn{padding:10px 16px;min-width:100px;font-size:13px}.page-info{padding:6px 12px;font-size:14px}.current-page,.separator{font-size:16px}}@media(max-width:480px){.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%;max-width:200px}.page-info{order:-1;margin-bottom:5px}}@media(max-width:360px){.pagination-btn{padding:8px 12px;min-width:80px;font-size:12px}.pagination-btn .btn-text{display:none}.pagination-btn .btn-icon{font-size:16px;margin:0}.pagination-btn.prev .btn-icon{margin-right:0}.pagination-btn.next .btn-icon{margin-left:0}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal{background:#fff;padding:30px;width:70vw;max-width:1200px;height:80vh;max-height:900px;border-radius:24px;box-shadow:0 30px 60px #00b89440;animation:slideUp .4s ease;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;overflow:hidden}.modal.small{width:450px;height:auto;max-height:500px}.modal h2{font-size:28px;font-weight:800;margin-bottom:20px;padding-bottom:15px;background:linear-gradient(135deg,#00b894,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:2px solid rgba(0,184,148,.2);flex-shrink:0}.modal h3{font-size:24px;font-weight:700;margin-bottom:15px;color:#1e293b;padding-bottom:10px;border-bottom:2px solid rgba(0,184,148,.2);flex-shrink:0}.modal-content{flex:1;overflow-y:auto;padding-right:10px;margin-bottom:20px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b894,#00cec9);border-radius:10px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;font-weight:600;font-size:15px;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.modal input,.modal textarea{width:100%;padding:16px 20px;border-radius:16px;border:2px solid #e2e8f0;font-size:15px;transition:all .3s ease;background:#f8fafc}.modal input:focus,.modal textarea:focus{outline:none;border-color:#00b894;box-shadow:0 8px 20px #00b89426;background:#fff}.modal textarea{resize:vertical;min-height:100px}.quill-editor-container{height:400px!important;margin-bottom:10px;border:2px solid #00b894!important;border-radius:16px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00b89426;background:#fff}.quill-editor-container:hover{border-color:#00cec9!important;box-shadow:0 8px 30px #00b89433}.ql-container{height:358px!important;border:none!important;font-family:Inter,sans-serif!important;font-size:15px!important;overflow-y:auto!important}.ql-editor{padding:20px!important;line-height:1.7!important;font-size:15px!important;min-height:100%!important}.ql-editor::-webkit-scrollbar{width:8px}.ql-editor::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.ql-editor::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b894,#00cec9);border-radius:10px}.ql-toolbar{border:none!important;border-bottom:2px solid #00b894!important;background:#f8fafc;padding:12px 16px!important;border-radius:16px 16px 0 0!important}.ql-toolbar button{transition:all .2s ease}.ql-toolbar button:hover{color:#00b894!important;transform:scale(1.1)}.ql-toolbar .ql-active{color:#00b894!important;background:#00b8941a!important;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;border-top:2px solid rgba(0,184,148,.2);flex-shrink:0}.modal-actions button{padding:14px 32px;font-size:15px;border-radius:50px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.modal-actions .primary{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 8px 20px #00b8944d}.modal-actions .primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00b89466}.modal-actions .danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 20px #ef44444d}.modal-actions .danger:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ef444466}.modal-actions button:not(.primary):not(.danger){background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.modal-actions button:not(.primary):not(.danger):hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.error{color:#dc2626;font-size:14px;margin-bottom:20px;font-weight:500;padding:15px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;border:1px solid #fca5a5;flex-shrink:0}.warning-text{color:#ef4444;font-size:14px;margin-top:10px;padding:12px 16px;background:#fee2e2;border-radius:12px}.info-text{color:#00b894;font-size:14px;margin-top:10px;padding:12px 16px;background:#e6f9ec;border-radius:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal{width:95vw;height:95vh;padding:20px}.quill-editor-container{height:300px!important}.ql-container{height:258px!important}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center}}@media(max-width:480px){.modal h2{font-size:24px}.quill-editor-container{height:250px!important}.ql-container{height:208px!important}.modal input,.modal textarea{padding:14px 16px}}.modal.split-layout{display:flex;flex-direction:column;padding:0;overflow:hidden}.modal.split-layout .modal-header{padding:25px 30px;border-bottom:2px solid rgba(0,184,148,.2);background:#fff}.modal.split-layout .modal-header h2{margin-bottom:10px;padding-bottom:0;border-bottom:none}.modal.split-layout .modal-body{display:flex;flex:1;overflow:hidden;padding:20px;gap:20px;background:#f8fafc}.modal.split-layout .modal-sidebar{width:300px;background:#fff;border-radius:16px;padding:25px;overflow-y:auto;border:1px solid rgba(0,184,148,.2);box-shadow:0 4px 15px #0000000d}.modal.split-layout .modal-sidebar .form-group{margin-bottom:25px}.modal.split-layout .modal-sidebar .form-group label{display:block;margin-bottom:10px;font-weight:600;font-size:14px;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.modal.split-layout .modal-sidebar input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e2e8f0;font-size:14px;transition:all .3s ease;background:#f8fafc}.modal.split-layout .modal-sidebar input:focus{outline:none;border-color:#00b894;box-shadow:0 5px 15px #00b8941a;background:#fff}.modal.split-layout .modal-main{flex:1;background:#fff;border-radius:16px;overflow:hidden;border:2px solid #00b894;box-shadow:0 10px 30px #00b89426;display:flex;flex-direction:column}.modal.split-layout .modal-main .quill-editor-container{height:100%!important;margin-bottom:0;border:none!important;border-radius:0!important;box-shadow:none}.modal.split-layout .modal-main .ql-container{height:calc(100% - 42px)!important;max-height:none!important;min-height:auto!important}.modal.split-layout .modal-main .ql-editor{min-height:100%!important;max-height:none!important;padding:20px!important}.modal.split-layout .modal-actions{padding:20px 30px;margin-top:0;border-top:2px solid rgba(0,184,148,.2);background:#fff}.editor-tip{background:#00b8940d;border-left:4px solid #00b894;padding:15px;border-radius:12px;margin-top:20px}.editor-tip .tip-icon{font-size:20px;margin-right:10px;display:inline-block;vertical-align:middle}.editor-tip p{color:#475569;font-size:13px;line-height:1.6;margin:5px 0 0}@media(max-width:768px){.modal.split-layout{width:100vw;height:100vh;border-radius:0}.modal.split-layout .modal-sidebar{padding:15px}.modal.split-layout .modal-actions{flex-direction:column}.modal.split-layout .modal-actions button{width:100%;justify-content:center}}@media(max-width:1200px){.action-btn{padding:8px 6px;min-width:60px;font-size:10px}.action-btn .btn-text{display:none}.action-btn .btn-icon{font-size:14px;margin:0}}@media(max-width:1024px){.dashboard-content{padding:20px}.articles-header{flex-direction:column;gap:20px;align-items:stretch}.filters-section{flex-direction:column;width:100%}.search-box,.filter-select{width:100%;min-width:auto}.create-btn{width:100%;justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:900px}.preview-cell{min-width:250px}.content-preview{-webkit-line-clamp:1}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:4px}.action-btn{flex:1;min-width:40px;padding:8px 4px}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-content{border-radius:30px 30px 0 0;margin-top:20px;padding:15px}.articles-header h1{font-size:28px}.articles-header h1:after{width:40px}.modal{padding:20px;width:95%;max-height:85vh}.quill-editor-container{height:200px!important}.ql-container,.ql-editor{min-height:130px!important;max-height:130px!important}}@media(max-width:480px){.dashboard-content{padding:12px}.articles-header h1{font-size:24px}.create-btn{padding:12px 20px;font-size:13px}.badge{padding:4px 10px;font-size:10px}.tag-badge{padding:3px 6px;font-size:9px;max-width:50px}.modal{padding:15px}.modal h2{font-size:24px;margin-bottom:15px}.quill-editor-container{height:180px!important}.ql-container{min-height:110px!important;max-height:110px!important}.ql-editor{min-height:110px!important;max-height:110px!important;padding:10px!important}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center}}@media(max-width:1024px){.modal.split-layout .modal-body{flex-direction:column}.modal.split-layout .modal-sidebar{width:100%}}@media(max-width:768px){.modal.split-layout{width:100vw;height:100vh;border-radius:0}.modal.split-layout .modal-header{padding:15px 20px}.modal.split-layout .modal-body,.modal.split-layout .modal-sidebar{padding:15px}.modal.split-layout .modal-actions{padding:15px 20px;flex-direction:column}.modal.split-layout .modal-actions button{width:100%;justify-content:center}.editor-tip{margin-top:15px;padding:12px}}@media(max-width:768px){.empty-state{padding:40px 15px}.empty-state-icon{font-size:60px}.empty-state p:first-of-type{font-size:20px}.empty-state p{font-size:16px}}@media(max-width:768px){.no-results{padding:30px!important}.no-results-icon{font-size:40px}.clear-filters-btn{padding:10px 20px;font-size:13px}}@media(max-width:768px){.loading-spinner{min-height:300px}.spinner{width:40px;height:40px}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;display:block}