.navbar{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0000000f}.navbar-logo{color:#e94560;letter-spacing:-.5px;align-items:center;gap:6px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.85}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-link{color:#555;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-link:hover{color:#e94560;background:#fff0f2}.navbar-link-btn{color:#fff;background:#e94560;border-radius:8px;margin-left:6px;padding:7px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-link-btn:hover{background:#c73652;transform:translateY(-1px);box-shadow:0 4px 12px #e945604d}.navbar-avatar-link{border-radius:8px;align-items:center;gap:8px;padding:4px 10px;text-decoration:none;transition:all .2s;display:flex}.navbar-avatar-link:hover{background:#f5f5f5}.navbar-avatar-img{object-fit:cover;border:2px solid #e94560;border-radius:50%;width:34px;height:34px}.navbar-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e94560,#c73652);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.navbar-name{color:#333;font-size:14px;font-weight:500}.navbar-logout-btn{color:#e94560;cursor:pointer;background:0 0;border:1.5px solid #e94560;border-radius:8px;margin-left:6px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.navbar-logout-btn:hover{color:#fff;background:#e94560;transform:translateY(-1px)}.navbar-divider{background:#eee;width:1px;height:24px;margin:0 6px}.navbar-hamburger{color:#333;cursor:pointer;background:0 0;border:1.5px solid #eee;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:none}@media (width<=768px){.navbar{flex-wrap:wrap;height:auto;padding:.75rem 1rem}.navbar-hamburger{display:flex}.navbar-links{border-top:1px solid #f0f0f0;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;margin-top:.75rem;padding:.75rem 0 .5rem;display:none}.navbar-links.open{display:flex}.navbar-link,.navbar-link-btn,.navbar-logout-btn{text-align:left;width:100%}.navbar-link-btn{margin-left:0;padding:8px 12px;display:block}.navbar-logout-btn{margin-left:0}.navbar-divider{display:none}.navbar-avatar-link{width:100%;padding:6px 12px}}.pc-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;margin-bottom:1.25rem;transition:all .25s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.pc-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001a}.pc-cover{object-fit:cover;width:100%;height:210px;display:block}.pc-body{padding:1.4rem}.pc-tags{flex-wrap:wrap;gap:6px;margin-bottom:.75rem;display:flex}.pc-tag{color:#e94560;letter-spacing:.3px;background:#fff0f2;border:1px solid #ffd0d8;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.pc-title{margin:0 0 .6rem;font-size:1.15rem;font-weight:700;line-height:1.4}.pc-title-link{color:#1a1a2e;text-decoration:none;transition:color .2s}.pc-title-link:hover{color:#e94560}.pc-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.1rem;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.pc-divider{background:#f5f5f5;height:1px;margin-bottom:1rem}.pc-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pc-author{align-items:center;gap:8px;display:flex}.pc-author-avatar{object-fit:cover;border:2px solid #f0f0f0;border-radius:50%;width:30px;height:30px}.pc-author-placeholder{color:#fff;background:linear-gradient(135deg,#e94560,#c73652);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.pc-author-name{color:#333;font-size:13px;font-weight:600}.pc-meta-right{align-items:center;gap:.75rem;display:flex}.pc-meta-item{color:#aaa;align-items:center;gap:4px;font-size:12px;display:flex}.pc-footer{justify-content:flex-end;margin-top:1rem;display:flex}.pc-read-more{color:#e94560;border:1.5px solid #e94560;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pc-read-more:hover{color:#fff;background:#e94560;transform:translate(2px)}@media (width<=768px){.pc-body{padding:1rem}.pc-cover{height:170px}.pc-title{font-size:1.05rem}.pc-meta{flex-direction:column;align-items:flex-start}.pc-footer{justify-content:flex-start}}.home-wrapper{background:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem 1rem}.home-container{max-width:800px;margin:0 auto}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.home-heading{color:#1a1a2e;margin:0;font-size:1.75rem;font-weight:700}.home-heading span{color:#e94560}.home-post-count{color:#aaa;background:#fff;border:1px solid #f0f0f0;border-radius:20px;padding:5px 14px;font-size:13px;box-shadow:0 1px 4px #0000000d}.home-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 1rem;display:flex}.home-spinner{border:3px solid #f0f0f0;border-top-color:#e94560;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite home-spin}@keyframes home-spin{to{transform:rotate(360deg)}}.home-loading p{color:#aaa;font-size:14px}.home-error{text-align:center;color:#e94560;padding:4rem 1rem;font-size:15px}.home-empty{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:4rem 1rem;box-shadow:0 2px 12px #0000000d}.home-empty-icon{margin-bottom:1rem;font-size:3rem}.home-empty h3{color:#1a1a2e;margin-bottom:.5rem;font-size:1.1rem}.home-empty p{color:#aaa;margin-bottom:1.25rem;font-size:14px}.home-empty-btn{color:#fff;background:#e94560;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.home-empty-btn:hover{background:#c73652;transform:translateY(-1px)}.home-posts{flex-direction:column;gap:0;display:flex}.home-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.home-page-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.home-page-btn:hover:not(:disabled){color:#e94560;border-color:#e94560}.home-page-btn:disabled{opacity:.4;cursor:not-allowed}.home-page-info{color:#555;background:#fff;border:1.5px solid #f0f0f0;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;display:flex}.home-page-current{color:#e94560;font-weight:700}@media (width<=768px){.home-wrapper{padding:1.25rem .75rem}.home-heading{font-size:1.4rem}.home-header{flex-direction:column;align-items:flex-start}.home-pagination{gap:.4rem}.home-page-btn{padding:7px 12px;font-size:13px}}.reg-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem 1rem;display:flex}.reg-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #fffc;border-radius:20px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 60px #00000040}.reg-logo{text-align:center;margin-bottom:1.5rem}.reg-logo-icon{font-size:2.5rem}.reg-title{color:#1a1a2e;text-align:center;margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.reg-subtitle{text-align:center;color:#aaa;margin-bottom:1.75rem;font-size:13px}.reg-error{color:#c73652;background:#fff0f2;border:1px solid #ffd0d8;border-radius:10px;align-items:center;gap:6px;margin-bottom:1.25rem;padding:10px 14px;font-size:13px;display:flex}.reg-group{margin-bottom:1.1rem}.reg-label{color:#444;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.reg-input-wrapper{position:relative}.reg-input-icon{color:#bbb;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.reg-input{color:#333;box-sizing:border-box;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:10px;outline:none;width:100%;padding:11px 14px 11px 38px;font-family:inherit;font-size:14px;transition:all .2s}.reg-input:focus{background:#fff;border-color:#e94560;box-shadow:0 0 0 3px #e9456014}.reg-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:.5rem;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.reg-btn:hover:not(:disabled){background:#c73652;transform:translateY(-1px);box-shadow:0 4px 14px #e9456059}.reg-btn:disabled{opacity:.7;cursor:not-allowed}.reg-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite reg-spin;display:inline-block}@keyframes reg-spin{to{transform:rotate(360deg)}}.reg-divider{align-items:center;gap:10px;margin:1.25rem 0;display:flex}.reg-divider-line{background:#f0f0f0;flex:1;height:1px}.reg-divider-text{color:#ccc;font-size:12px}.reg-bottom{text-align:center;color:#888;margin-top:1.25rem;font-size:14px}.reg-link{color:#e94560;font-weight:600;text-decoration:none}.reg-link:hover{text-decoration:underline}@media (width<=480px){.reg-card{border-radius:16px;padding:1.75rem 1.25rem}.reg-title{font-size:1.3rem}}.cp-wrapper{background:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem 1rem}.cp-container{max-width:720px;margin:0 auto}.cp-header{margin-bottom:1.5rem}.cp-title{color:#1a1a2e;margin-bottom:4px;font-size:1.75rem;font-weight:700}.cp-error{color:#842029;background:#fff0f2;border:1px solid #f5c2c7;border-radius:10px;margin-bottom:1.25rem;padding:12px 16px;font-size:14px}.cp-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:2rem;box-shadow:0 2px 20px #0000000f}.cp-group{margin-bottom:1.5rem}.cp-label{color:#444;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.cp-required{color:#e94560}.cp-input{color:#333;box-sizing:border-box;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:15px;transition:all .2s}.cp-input:focus{background:#fff;border-color:#e94560;box-shadow:0 0 0 3px #e9456014}.cp-textarea{color:#333;box-sizing:border-box;resize:vertical;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:10px;outline:none;width:100%;min-height:280px;padding:11px 14px;font-family:inherit;font-size:15px;line-height:1.6;transition:all .2s}.cp-textarea:focus{background:#fff;border-color:#e94560;box-shadow:0 0 0 3px #e9456014}.cp-hint{color:#aaa;margin-top:5px;font-size:12px;display:block}.cp-tags-preview{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.cp-tag{color:#e94560;background:#fff0f2;border:1px solid #ffd0d8;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.cp-btns{border-top:1px solid #f0f0f0;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.cp-btn-primary{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:10px;flex:1;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.cp-btn-primary:hover:not(:disabled){background:#c73652;transform:translateY(-1px);box-shadow:0 4px 14px #e9456059}.cp-btn-primary:disabled{opacity:.7;cursor:not-allowed}.cp-btn-secondary{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.cp-btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.cp-loading{justify-content:center;align-items:center;gap:8px;display:flex}.cp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite cp-spin;display:inline-block}@keyframes cp-spin{to{transform:rotate(360deg)}}@media (width<=768px){.cp-wrapper{padding:1.25rem .75rem}.cp-title{font-size:1.4rem}.cp-card{border-radius:12px;padding:1.25rem}.cp-btns{flex-direction:column}.cp-btn-secondary{text-align:center;width:100%}}.db-wrapper{background:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem 1rem}.db-container{max-width:860px;margin:0 auto}.db-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.db-heading{color:#1a1a2e;margin:0;font-size:1.75rem;font-weight:700}.db-heading span{color:#e94560}.db-header-btns{gap:.75rem;display:flex}.db-btn-primary{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.db-btn-primary:hover{background:#c73652;transform:translateY(-1px);box-shadow:0 4px 12px #e945604d}.db-btn-logout{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .2s}.db-btn-logout:hover{color:#e94560;border-color:#e94560}.db-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.db-stat-card{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:1.5rem;transition:all .2s;box-shadow:0 2px 12px #0000000f}.db-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000017}.db-stat-icon{margin-bottom:.5rem;font-size:1.5rem}.db-stat-num{color:#e94560;margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}.db-stat-num.small{text-transform:capitalize;font-size:1.1rem}.db-stat-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.db-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.db-card-header{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.db-card-title{color:#1a1a2e;margin:0;font-size:1rem;font-weight:700}.db-posts-count{color:#aaa;background:#f5f5f5;border-radius:20px;padding:3px 10px;font-size:12px}.db-loading,.db-empty{text-align:center;color:#aaa;padding:2.5rem;font-size:14px}.db-empty a{color:#e94560;font-weight:600;text-decoration:none}.db-post-row{border-bottom:1px solid #f8f8f8;justify-content:space-between;align-items:center;gap:1rem;padding:12px 0;display:flex}.db-post-row:last-child{border-bottom:none;padding-bottom:0}.db-post-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.db-post-dot{background:#e94560;border-radius:50%;flex-shrink:0;width:6px;height:6px}.db-post-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;overflow:hidden}.db-post-title:hover{color:#e94560}.db-post-views{color:#bbb;flex-shrink:0;font-size:12px}.db-post-btns{flex-shrink:0;gap:6px;display:flex}.db-edit-btn{color:#06c;cursor:pointer;background:#eef4ff;border:1px solid #cce0ff;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.db-edit-btn:hover{color:#fff;background:#06c}.db-delete-btn{color:#e94560;cursor:pointer;background:#fff0f2;border:1px solid #ffd0d8;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.db-delete-btn:hover{color:#fff;background:#e94560}.db-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.db-popup{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:2rem;box-shadow:0 20px 60px #00000026}.db-popup-icon{margin-bottom:.75rem;font-size:2.5rem}.db-popup-title{color:#1a1a2e;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.db-popup-text{color:#888;margin-bottom:1.5rem;font-size:14px;line-height:1.5}.db-popup-btns{justify-content:center;gap:.75rem;display:flex}.db-popup-confirm{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.db-popup-confirm:hover{background:#c73652}.db-popup-cancel{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .2s}.db-popup-cancel:hover{background:#eee}@media (width<=768px){.db-wrapper{padding:1.25rem .75rem}.db-heading{font-size:1.4rem}.db-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.db-stat-card{padding:1rem .5rem}.db-stat-num{font-size:1.5rem}.db-card{padding:1rem}.db-post-row{flex-direction:column;align-items:flex-start;gap:.5rem}.db-post-btns{width:100%}.db-edit-btn,.db-delete-btn{text-align:center;flex:1;padding:7px}.db-header{flex-direction:column;align-items:flex-start}.db-header-btns{width:100%}.db-btn-primary,.db-btn-logout{text-align:center;flex:1}}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}