: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}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}.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)}.list-view-item{display:flex;gap:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:16px;margin-bottom:12px;transition:box-shadow .2s,transform .2s;cursor:pointer}.list-view-item:hover{box-shadow:var(--shadow-hover);transform:translate(4px)}.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}.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}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.responsive-grid{display:grid;gap:40px}.responsive-grid-detail{grid-template-columns:1.2fr 2fr;align-items:start}.responsive-grid-admin{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}@media (max-width: 900px){.responsive-grid-detail,.responsive-grid-admin{grid-template-columns:1fr}.detail-sticky-col{position:static!important}}@media (max-width: 600px){.container{padding:0 16px}.responsive-header{flex-direction:column;align-items:stretch}.responsive-header h2{font-size:2rem!important}.responsive-header .input-field{width:100%}.table-responsive table{min-width:600px}.navbar-container{flex-wrap:wrap;gap:16px;justify-content:center!important}header h1.serif{font-size:2.5rem!important}}