@import"https://fonts.googleapis.css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--text-main: #1e293b;--text-muted: #64748b;--danger: #ef4444}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);margin:0;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.05) 0%,transparent 40%);z-index:-1;animation:float 20s ease-in-out infinite alternate}@keyframes float{0%{transform:translate(0)}to{transform:translate(5%,5%)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:40px 20px;animation:fadeSlideUp .6s ease-out forwards}.navbar{display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 50px;border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:sticky;top:0;z-index:100;transition:all .3s ease}.logo{margin:0;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:1.5rem;cursor:pointer;letter-spacing:-.5px;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:20px;align-items:center}.nav-btn{background:transparent;border:none;font-size:1rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-btn:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--primary);transition:width .3s ease}.nav-btn:hover{color:var(--primary)}.nav-btn:hover:after{width:100%}.primary-btn{background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;border:none;padding:12px 24px;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d;position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#818cf8,var(--primary));opacity:0;transition:opacity .3s ease;z-index:0}.primary-btn:hover:before{opacity:1}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.logout-btn{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);padding:10px 20px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s}.logout-btn:hover{background:var(--danger);color:#fff;box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}.full-width{width:100%;margin-top:15px}.center-container{display:flex;justify-content:center;align-items:center;min-height:70vh}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:40px;border-radius:24px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);width:100%;max-width:450px;animation:fadeSlideUp .6s ease-out}.publish-card{max-width:650px}.card-header{text-align:center;margin-bottom:35px}.card-header h2{margin:0 0 10px;color:var(--text-main);font-size:2rem;font-weight:700}.card-header p{margin:0;color:var(--text-muted);font-size:1rem}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.input-group label{font-weight:600;color:var(--text-main);font-size:.95rem;margin-left:4px}input,textarea,select{padding:14px 18px;border:2px solid transparent;border-radius:12px;font-family:inherit;font-size:1rem;background:#fff9;box-shadow:inset 0 2px 4px #00000005;transition:all .3s ease;color:var(--text-main)}input:focus,textarea:focus,select:focus{outline:none;background:#fff;border-color:#6366f180;box-shadow:0 0 0 4px #6366f11a}textarea{min-height:160px;resize:vertical}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hero-section{text-align:center;margin-bottom:60px;animation:fadeSlideUp .8s ease-out}.hero-section h2{font-size:3.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 15px;font-weight:800;line-height:1.2}.hero-section p{color:var(--text-muted);font-size:1.2rem;max-width:600px;margin:0 auto}.posts-container{display:flex;flex-direction:column;gap:35px}.post-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:35px;border-radius:20px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.165,.84,.44,1)}.post-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000014}.post-title{margin:0 0 15px;color:var(--text-main);font-size:1.75rem;font-weight:700;line-height:1.3}.post-content{color:var(--text-muted);line-height:1.8;margin-bottom:25px;font-size:1.1rem}.post-footer{border-top:1px solid rgba(0,0,0,.05);padding-top:20px;display:flex;justify-content:space-between;align-items:center}.read-more{color:var(--primary);font-weight:600;cursor:pointer;position:relative;display:inline-block;padding-bottom:2px}.read-more:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:var(--primary);transition:width .3s ease}.read-more:hover:after{width:100%}.category-badge{background:linear-gradient(135deg,#6366f11a,#6366f133);color:var(--primary);padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:inline-block}.post-image-container{margin:-35px -35px 25px;overflow:hidden;border-radius:20px 20px 0 0;position:relative}.post-image-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(255,255,255,.8),transparent)}.post-image{width:100%;height:300px;object-fit:cover;display:block;transition:transform .5s ease}.post-card:hover .post-image{transform:scale(1.05)}.category-pills-container{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.category-pill{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:10px 22px;border-radius:100px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-pill:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.category-pill.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px #6366f166}.comments-section{margin-top:30px;padding-top:25px;border-top:1px solid rgba(0,0,0,.05)}.comment-bubble{background:#fff9;padding:16px 20px;border-radius:16px;border:1px solid var(--glass-border);margin-bottom:15px;transition:all .2s}.comment-bubble:hover{background:#ffffffe6;transform:translate(5px)}.comment-author{color:var(--primary);font-weight:700}.comment-input-area{display:flex;gap:12px;margin-top:20px}.comment-input-area input{border-radius:100px;padding:12px 24px}.icon-btn{display:flex;align-items:center;gap:6px;background:#ffffff80;border:1px solid var(--glass-border);font-weight:600;cursor:pointer;padding:8px 14px;border-radius:100px;transition:all .3s ease}.like-btn{color:var(--danger)}.like-btn:hover{background:var(--danger);color:#fff;transform:scale(1.05)}.edit-btn{color:var(--primary)}.edit-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.delete-btn{color:var(--danger)}.delete-btn:hover{background:var(--danger);color:#fff;transform:scale(1.05)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-gradient)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.post-card{animation:fadeSlideUp .6s ease-out backwards}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#fffc,#fff6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.admin-table th{background:#6366f10d;padding:18px 30px}*{box-sizing:border-box}