:root{--pb-bg:#0d1117;--pb-surface:#161b22;--pb-surface-2:#21262d;--pb-input-bg:#0d1117;--pb-border:#30363d;--pb-border-focus:#1fbf66;--pb-text:#e6edf3;--pb-text-muted:#8b949e;--pb-primary:#1fbf66;--pb-primary-dim:rgba(31,191,102,.12);--pb-primary-glow:rgba(31,191,102,.22);--pb-danger:#f85149;--pb-radius:12px}body{background:var(--pb-bg);color:var(--pb-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh}.fundo{background:var(--pb-bg)!important;background-image:none!important}.editor-container{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.4);margin:1.5rem auto 3rem;max-width:820px;overflow:hidden}.editor-header{background:linear-gradient(160deg,rgba(31,191,102,.07),transparent 60%);border-bottom:1px solid var(--pb-border);padding:2.5rem 2rem 2rem;text-align:center}.editor-header-icon{align-items:center;background:var(--pb-primary-dim);border:1px solid var(--pb-primary-glow);border-radius:16px;color:var(--pb-primary);display:flex;font-size:1.4rem;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.editor-header h1{color:var(--pb-text);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .3rem}.editor-header p{color:var(--pb-text-muted);font-size:.9rem;margin:0}.blog-form{gap:0;padding:2rem}.blog-form,.form-group{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-group label:first-child{align-items:center;color:var(--pb-text);display:flex;font-size:.88rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin-bottom:.55rem;text-transform:uppercase}.form-group label:first-child i{color:var(--pb-primary);font-size:.8rem}.form-group label:first-child small{color:var(--pb-text-muted);font-size:.78rem;font-weight:400;letter-spacing:0;text-transform:none}.form-group input[type="text"],
.form-group textarea{background:var(--pb-input-bg);border:1.5px solid var(--pb-border);border-radius:var(--pb-radius);box-sizing:border-box;color:var(--pb-text);font-family:inherit;font-size:.97rem;line-height:1.6;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type="text"]::placeholder,
.form-group textarea::placeholder{color:var(--pb-text-muted)}.form-group input[type="text"]:focus,
.form-group textarea:focus{border-color:var(--pb-primary);box-shadow:0 0 0 3px var(--pb-primary-dim);outline:none}.form-group textarea{min-height:90px;resize:vertical}.char-info{color:var(--pb-text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.4rem}.char-info .over{color:var(--pb-danger);font-weight:600}.field-tip{align-items:flex-start;color:var(--pb-text-muted);display:flex;font-size:.78rem;gap:.4rem;line-height:1.5;margin-top:.5rem}.field-tip i{color:var(--pb-primary);flex-shrink:0;margin-top:1px}.section-divider{align-items:center;display:flex;gap:.75rem;margin:.75rem 0 1.75rem}
.section-divider::after,.section-divider::before{background:var(--pb-border);content:"";flex:1;height:1px}.section-divider span{align-items:center;color:var(--pb-text-muted);display:flex;font-size:.7rem;font-weight:700;gap:.4rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.section-divider span i{color:var(--pb-primary)}.editor-quill-wrapper{border-radius:var(--pb-radius);overflow:hidden}
.editor-quill-wrapper:focus-within .ql-container.ql-snow,.editor-quill-wrapper:focus-within .ql-toolbar.ql-snow{border-color:var(--pb-primary)}.editor-quill-wrapper:focus-within .ql-toolbar.ql-snow{box-shadow:0 0 0 3px var(--pb-primary-dim)}.editor-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.tab-btn{align-items:center;background:var(--pb-surface-2);border:1px solid var(--pb-border);border-radius:8px;color:var(--pb-text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.tab-btn:hover{background:var(--pb-border);color:var(--pb-text)}.tab-btn.active{background:var(--pb-primary-dim);border-color:var(--pb-primary-glow);color:var(--pb-primary)}.editor-html-wrapper textarea{background:#0d1117;border:1.5px solid var(--pb-border);border-radius:var(--pb-radius);color:#79c0ff;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5;min-height:400px;padding:1rem;resize:vertical;width:100%}.editor-html-wrapper textarea:focus{border-color:var(--pb-primary);box-shadow:0 0 0 3px var(--pb-primary-dim);outline:none}.ql-toolbar.ql-snow{background:var(--pb-surface-2);border-bottom:1.5px solid var(--pb-border)!important;border:solid var(--pb-border)!important;border-radius:var(--pb-radius) var(--pb-radius) 0 0!important;border-width:1.5px 1.5px 1px!important;padding:.6rem .75rem}.ql-container.ql-snow{background:var(--pb-input-bg);border:1.5px solid var(--pb-border)!important;border-radius:0 0 var(--pb-radius) var(--pb-radius)!important;border-top:none!important;font-family:inherit}.ql-editor{color:var(--pb-text)!important;font-size:1rem;line-height:1.8;min-height:360px;padding:1.1rem 1.25rem}.ql-editor.ql-blank::before{color:var(--pb-text-muted)!important;font-style:normal!important}.ql-snow .ql-stroke{stroke:var(--pb-text-muted)!important}.ql-snow .ql-fill{fill:var(--pb-text-muted)!important}.ql-snow .ql-picker,.ql-snow .ql-picker-label,.ql-snow .ql-picker-label::before{color:var(--pb-text-muted)!important}.ql-snow .ql-picker-options{background:var(--pb-surface-2)!important;border:1px solid var(--pb-border)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important}.ql-snow .ql-picker-item{color:var(--pb-text-muted)!important}.ql-snow .ql-picker-item.ql-selected,.ql-snow .ql-picker-item:hover{color:var(--pb-primary)!important}
.ql-snow button.ql-active .ql-stroke,.ql-snow button:hover .ql-stroke{stroke:var(--pb-primary)!important}
.ql-snow button.ql-active .ql-fill,.ql-snow button:hover .ql-fill{fill:var(--pb-primary)!important}.ql-snow .ql-picker-label:hover,
.ql-snow button.ql-active,.ql-snow button:hover{color:var(--pb-primary)!important}.ql-snow .ql-picker-label:hover .ql-stroke{stroke:var(--pb-primary)!important}.ql-editor h1, .ql-editor h2, .ql-editor h3,
.ql-editor h4, .ql-editor h5, .ql-editor h6{color:var(--pb-text)!important}.ql-editor blockquote{background:rgba(31,191,102,.05);border-left:4px solid var(--pb-primary);border-radius:0 8px 8px 0;color:var(--pb-text-muted);margin:1rem 0;padding:.5rem 1rem}.ql-editor pre.ql-syntax{background:#0d1117!important;border:1px solid var(--pb-border);border-radius:8px;color:#79c0ff;padding:1rem}.ql-editor code{background:hsla(215,8%,47%,.12);border-radius:4px;color:#ff7b72;font-size:.88em;padding:.1em .3em}.ql-editor a{color:var(--pb-primary)}.tags-preview{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;min-height:1.5rem}.tag-chip{align-items:center;animation:tagPop .2s ease;background:var(--pb-primary-dim);border:1px solid var(--pb-primary-glow);border-radius:20px;color:var(--pb-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.2rem .65rem}@keyframes tagPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-item{align-items:center;animation:tagPop .2s ease;background:var(--pb-primary-dim);border:1px solid var(--pb-primary-glow);border-radius:20px;display:inline-flex;font-weight:600;gap:.35rem;padding:.2rem .65rem}.tag-item,.tag-item .remove-tag{color:var(--pb-primary);font-size:.75rem}.tag-item .remove-tag{background:none;border:none;cursor:pointer;line-height:1;margin:0;opacity:.7;padding:0;transition:opacity .15s}.tag-item .remove-tag:hover{opacity:1}input[type="file"]{display:none}.image-upload-label{align-items:center;background:var(--pb-input-bg);border:2px dashed var(--pb-border);border-radius:var(--pb-radius);cursor:pointer;display:flex;gap:1.25rem;padding:1.4rem 1.5rem;transition:all .22s}.image-upload-label:hover{background:var(--pb-primary-dim);border-color:var(--pb-primary)}.upload-icon-area{align-items:center;background:var(--pb-surface-2);border:1px solid var(--pb-border);border-radius:12px;color:var(--pb-primary);display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;transition:all .22s;width:48px}.image-upload-label:hover .upload-icon-area{background:var(--pb-primary-dim);border-color:var(--pb-primary-glow)}.upload-text-area{display:flex;flex-direction:column;gap:.2rem}.upload-main-text{color:var(--pb-text);font-size:.92rem;font-weight:600}.upload-sub-text{color:var(--pb-text-muted);font-size:.76rem}.image-preview-hidden{display:none}#image-preview{aspect-ratio:16/9;border:1px solid var(--pb-border);border-radius:var(--pb-radius);display:block;margin-top:.9rem;object-fit:cover;width:100%}.progress-container-hidden{display:none}.progress-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.4rem}.progress-header i{color:var(--pb-primary)}#upload-status-text{color:var(--pb-text-muted);font-size:.83rem;margin:0}.progress-bar{background:var(--pb-surface-2);border:1px solid var(--pb-border);border-radius:6px;height:6px;overflow:hidden}#progress-bar-fill{background:linear-gradient(90deg,var(--pb-primary),#00d4aa);border-radius:6px;height:100%;transition:width .3s ease;width:0}.submit-button{align-items:center;background:linear-gradient(135deg,#1fbf66,#00c795);border:none;border-radius:var(--pb-radius);box-shadow:0 4px 20px rgba(31,191,102,.3);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;letter-spacing:.02em;margin-top:.5rem;padding:1rem 1.5rem;transition:all .22s;width:100%}.submit-button:hover{box-shadow:0 8px 28px rgba(31,191,102,.42);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}@media (max-width:640px){.editor-container{border-radius:16px;margin:.75rem}.blog-form{padding:1.25rem}.editor-header{padding:1.75rem 1.25rem 1.5rem}.image-upload-label{gap:.9rem;padding:1rem}.upload-icon-area{font-size:1.1rem;height:40px;width:40px}}.header{backdrop-filter:blur(10px);background:var(--card-bg-color);border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;height:64px;justify-content:space-between;left:0;padding:0 20px;position:sticky;right:0;top:0;width:100%;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.menu-toggle{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.menu-toggle:hover{background:var(--hover-bg-color)}.menu-toggle i{font-size:18px}.home-icon{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.home-icon:hover{background:var(--hover-bg-color);color:var(--primary-color)}.home-icon i{font-size:18px}.header-brand{align-items:center;color:var(--text-color);display:flex;gap:12px;text-decoration:none}.header-logo{display:none}.header-title{color:var(--text-color);display:none;font-size:20px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:12px}.elegant-access-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(21,101,192,.2);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:36px;justify-content:center;padding:0;text-decoration:none;transition:all .2s ease;width:36px}.elegant-access-btn:hover{background:var(--primary-gradient-hover);box-shadow:0 4px 8px rgba(21,101,192,.3);color:#fff;transform:scale(1.08)}.elegant-access-btn i{font-size:16px}.elegant-access-btn span{display:none}.header-action-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-action-btn:hover{background:var(--hover-bg-color)}.header-action-btn i{font-size:18px}.notif-badge,
.notification-badge{align-items:center;background:#ef4444;border:2px solid var(--card-bg-color,#fff);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px;z-index:2}#notification-bell-container,.notification-bell{align-items:center;display:flex}.notification-bell{background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.notification-bell:hover{background:var(--hover-bg-color)}.notification-bell i{font-size:18px}.notification-bell.has-new i{animation:bell-ring .5s ease}@keyframes bell-ring{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}100%{transform:rotate(0)}}.modern-sidebar-overlay{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1001}.modern-sidebar-overlay.active{opacity:1;visibility:visible}.modern-sidebar{background-color:var(--card-bg-color,#fff);box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}[data-theme="dark"] .modern-sidebar{background-color:var(--card-bg-color,#1f2937)}.theme-toggle-btn{align-items:center;border-radius:8px;color:var(--text-color,#333);display:flex;font-size:.95rem;gap:12px;margin-bottom:15px;transition:all .2s ease}.theme-toggle-btn:hover{background-color:var(--hover-color,rgba(0,0,0,.05));color:var(--primary-color,#007bff)}[data-theme="dark"] .theme-toggle-btn{color:#e5e7eb}[data-theme="dark"] .theme-toggle-btn:hover{background-color:hsla(0,0%,100%,.1)}.modern-sidebar.active{left:0;pointer-events:auto}.sidebar-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:20px;position:sticky;top:0;z-index:10}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:12px}.sidebar-logo{border-radius:8px;height:40px;width:40px}.sidebar-title{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.sidebar-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-close:hover{background:var(--hover-bg-color);color:var(--text-color)}.sidebar-user-area{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border-bottom:1px solid var(--border-color);padding:16px 20px}.sidebar-guest{display:flex;justify-content:center}.sidebar-login-btn{align-items:center;background:var(--primary-gradient);border-radius:10px;box-shadow:0 4px 12px rgba(21,101,192,.3);color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:100%}.sidebar-login-btn:hover{background:var(--primary-gradient-hover);box-shadow:0 6px 16px rgba(21,101,192,.4);color:#fff;transform:translateY(-2px)}.sidebar-login-btn i{font-size:18px}.sidebar-user{align-items:center;background:var(--hover-bg-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px;text-decoration:none;transition:all .3s ease}.sidebar-user:hover{background:rgba(99,102,241,.1);transform:translateX(4px)}.sidebar-user-avatar{border:2px solid var(--primary-color);border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.sidebar-user-info{display:flex;flex:1;flex-direction:column;min-width:0}.sidebar-user-name{color:var(--text-color);font-size:.95rem;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:var(--text-secondary-color);font-size:.8rem}.sidebar-user-arrow{color:var(--text-secondary-color);flex-shrink:0;font-size:14px}.sidebar-user:hover .sidebar-user-arrow{color:var(--primary-color)}.sidebar-content{flex:1 0 auto;padding:20px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:var(--text-secondary-color);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.sidebar-item{align-items:center;background:transparent;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-item:hover{background:var(--hover-bg-color);color:var(--primary-color)}.sidebar-item.active{background:rgba(31,191,102,.1);border-right:3px solid var(--primary-color);color:var(--primary-color)}.sidebar-item i{font-size:18px;text-align:center;width:20px}.sidebar-item span{flex:1}.sidebar-footer{background:var(--surface-color);border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto;padding:20px}.sidebar-social{gap:12px;margin-bottom:16px}.sidebar-social,.social-link{align-items:center;display:flex;justify-content:center}.social-link{background:var(--hover-bg-color);border-radius:8px;color:var(--text-secondary-color);height:36px;text-decoration:none;transition:all .2s ease;width:36px}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.sidebar-version{color:var(--text-secondary-color);font-size:12px;text-align:center}@media (max-width:768px){.header{height:56px;padding:0 16px}.header-title{font-size:18px}.modern-sidebar{left:-280px;width:280px}.elegant-access-btn span{display:none}.elegant-access-btn{padding:8px 12px}}@media (max-width:1024px){.header-brand{gap:8px}.header-logo{height:28px;width:28px}}body.dark-mode .modern-sidebar{background:#1f2937;background:var(--card-bg-color,#1f2937);box-shadow:2px 0 10px rgba(0,0,0,.3)}body.dark-mode .elegant-access-btn{box-shadow:0 2px 4px rgba(31,191,102,.3)}body.dark-mode .elegant-access-btn:hover{box-shadow:0 4px 8px rgba(31,191,102,.4)}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modern-sidebar.active{animation:slideIn .3s ease}.modern-sidebar-overlay.active{animation:fadeIn .3s ease}.sidebar-item{transition:opacity .3s ease,transform .3s ease}.sidebar-item[style*="display: none"]{opacity:0;pointer-events:none;transform:translateX(-10px)}