.navbar{padding:1.5rem 0;margin-bottom:2rem;border-bottom:1px solid var(--divider);background:var(--bg-color);transition:background-color .3s,border-color .3s}.navbar__inner{display:flex;justify-content:space-between;align-items:center}.navbar__logo{display:flex;align-items:center;gap:12px}.navbar__logo-text{font-size:1.5rem}.navbar__controls{display:flex;gap:1.2rem;align-items:center}.navbar__link{display:flex;align-items:center;gap:6px;font-weight:500;font-size:.85rem;color:var(--text-muted);opacity:.8;transition:opacity .2s}.navbar__link:hover{opacity:1}.navbar__theme-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--divider);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:background .2s;flex-shrink:0}.navbar__theme-btn:hover{background:var(--divider)}.navbar__user-menu{display:flex;align-items:center;gap:10px}.navbar__sign-out-btn{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.7;color:var(--text-color);padding:8px;border-radius:var(--card-radius);transition:opacity .2s,background .2s}.navbar__sign-out-btn:hover{opacity:1;background:var(--bg-secondary)}@media(max-width:600px){.navbar-container{flex-wrap:wrap;gap:16px;justify-content:center!important}}:root{--bg-color: #F4ECD8;--bg-secondary: #EAD7B1;--text-color: #3D3028;--text-muted: rgba(61, 48, 40, .65);--accent-color: #223344;--accent-hover: #16222E;--card-bg: #FDF6E3;--card-border: #DBCDB0;--card-radius: 4px;--shadow-subtle: 0 4px 6px rgba(61, 48, 40, .08);--shadow-hover: 0 15px 30px rgba(61, 48, 40, .12);--input-bg: #FDF6E3;--input-border: #DBCDB0;--divider: #E1D2B5;--error-color: #b91c1c;--error-bg: #fef2f2;--success-color: #15803d;--success-bg: #f0fdf4;--warning-color: #b45309;--warning-bg: #fffbeb;--font-serif: "Playfair Display", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-color: #0d110f;--bg-secondary: #141a17;--text-color: #f0ede6;--text-muted: rgba(240,237,230,.6);--accent-color: #6da285;--accent-hover: #5a8c72;--card-bg: #111614;--card-border: #1e2622;--shadow-subtle: 0 4px 12px rgba(0,0,0,.4);--shadow-hover: 0 12px 30px rgba(0,0,0,.6);--input-bg: #141a17;--input-border: #252f2a;--divider: #1c2421;--error-color: #ff8a80;--error-bg: #2d1311;--success-color: #81c784;--success-bg: #1b3322;--warning-color: #fbbf24;--warning-bg: #451a03}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,.serif{font-family:var(--font-serif);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.responsive-grid{display:grid;gap:40px}.responsive-grid-detail{display:grid;gap:60px}.responsive-grid-admin{display:grid;grid-template-columns:1fr 2fr}.responsive-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-group{margin-bottom:24px}.input-field{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:var(--card-radius);background:var(--input-bg);color:var(--text-color);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s,background-color .3s,color .3s}.input-field:focus{outline:none;border-color:var(--accent-color)}.btn-primary{background-color:var(--accent-color);color:#fff;padding:12px 24px;border-radius:var(--card-radius);font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.estado-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.estado-leido{background:#dcfce7;color:#166534}.estado-en_progreso{background:#fef3c7;color:#92400e}.estado-pendiente{background:#dbeafe;color:#1e40af}.estado-abandonado{background:#fee2e2;color:#991b1b}[data-theme=dark] .estado-leido{background:#1b3a1f;color:#81c784}[data-theme=dark] .estado-en_progreso{background:#3e2400;color:#ffb74d}[data-theme=dark] .estado-pendiente{background:#0d2a40;color:#64b5f6}[data-theme=dark] .estado-abandonado{background:#3b0e1e;color:#f48fb1}.estado-borrador{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}[data-theme=dark] .estado-borrador{background:#1e293b;color:#94a3b8;border:1px solid #334155}.main-footer{margin-top:auto;padding:4rem 0 2rem;text-align:center;opacity:.5;font-size:.8rem}.main-footer__copyright{font-family:var(--font-serif)}.main-footer__subtitle{margin-top:8px;font-size:.7rem;opacity:.6}@media(min-width:900px){.responsive-grid-detail{grid-template-columns:300px 1fr;align-items:start}}@media(max-width:900px){.responsive-grid-detail,.responsive-grid-admin{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.container{padding:0 16px}.responsive-header{flex-direction:column;align-items:flex-start;gap:12px}.flex-responsive{flex-direction:column!important;align-items:stretch!important}.flex-responsive>*{width:100%!important}}.toast-container{position:fixed;bottom:32px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:380px;width:calc(100vw - 64px)}.toast{padding:14px 18px;border-radius:8px;box-shadow:0 10px 40px #00000040;display:flex;align-items:center;gap:12px;transition:transform .3s ease,opacity .3s ease}.toast--success{background:#2d4739;color:#fff}.toast--error{background:#c0392b;color:#fff}.toast--info{background:#2c3e50;color:#fff}.toast__message{flex:1;font-size:.9rem;line-height:1.4}.toast__close{opacity:.7;color:#fff;flex-shrink:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s}.toast__close:hover{opacity:1}@media(max-width:600px){.toast-container{bottom:16px;right:16px;width:calc(100vw - 32px)}}