:root{--color-bg: #f7f5f2;--color-surface: #ffffff;--color-border: #e2ddd5;--color-text: #211f1c;--color-text-muted: #6b6459;--color-accent: #a15c3b;--color-accent-hover: #874a2e;--color-danger: #b3392c;--radius: 10px;--shadow: 0 1px 2px rgba(33, 31, 28, .06), 0 1px 6px rgba(33, 31, 28, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text)}button,input,textarea,select{font:inherit}a{color:var(--color-accent)}.app-shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.topbar h1{font-size:1.1rem;margin:0}.topbar nav{display:flex;gap:.5rem}.main{flex:1;padding:1rem;width:100%;max-width:900px;margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}.list{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-decoration:none;color:inherit}.list-item:hover{border-color:var(--color-accent)}.list-item-title{font-weight:600}.list-item-meta{font-size:.85rem;color:var(--color-text-muted)}.form{display:flex;flex-direction:column;gap:.6rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--color-text-muted)}.form input,.form textarea,.form select{padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);width:100%}.form textarea{min-height:4.5rem;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;background:var(--color-accent);color:#fff;cursor:pointer;font-weight:600}.btn:hover{background:var(--color-accent-hover)}.btn.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn.danger{background:var(--color-danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.row{display:flex;gap:.5rem;flex-wrap:wrap}.link-button{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:600;color:var(--color-accent);text-decoration:underline;cursor:pointer}.link-button:hover{color:var(--color-accent-hover)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:capitalize;width:fit-content}.badge.activo{color:#2f7a3c;border-color:#bfe2c4;background:#eefbf0}.badge.pausado{color:#a1750f;border-color:#f0dfaa;background:#fdf6e3}.badge.finalizado,.badge.terminado{color:#6b6459}.empty{color:var(--color-text-muted);font-size:.9rem;padding:1rem 0;text-align:center}.error{color:var(--color-danger);font-size:.9rem}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1rem}.login-card{width:100%;max-width:340px}.breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}.breadcrumb a{text-decoration:none}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.section-header h2{margin:0;font-size:1.15rem}@media (min-width: 640px){.main{padding:1.5rem}.topbar{padding:1rem 1.5rem}}@media (min-width: 900px){.list-item{flex-direction:row;align-items:center;justify-content:space-between}}