*{box-sizing:border-box}body{color:#24343e;background:#f7f8f7;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}main{max-width:1040px;margin:0 auto;padding:48px 24px}h1{letter-spacing:-1px;margin:0 0 22px;font-size:clamp(27px,4vw,38px);font-weight:600}h2{margin:0;font-size:20px}header,.cardtop{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:2px;color:#657681;margin:0 0 10px;font-size:11px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#304754;background:#fff;border:1px solid #cdd5d9;border-radius:7px;padding:9px 14px}button:disabled{opacity:.55;cursor:wait}button:hover{border-color:#35789a}button[aria-pressed=true],.primary{color:#fff;background:#294f61;border-color:#294f61}nav,.filters,.actions{flex-wrap:wrap;gap:9px;display:flex}nav{border-bottom:1px solid #dce2e4;padding:20px 0}.filters{margin:24px 0}.filters button,.actions button{font-size:13px}.filters button{border-radius:24px}article{--accent:#69788a;border:1px solid #d4dce1;border-left:4px solid var(--accent);background:#f0f2f4;border-radius:9px;margin:17px 0;padding:23px}.ejecucion{--accent:#35789a;background:#eff6f9}.pausa{--accent:#b7862b;background:#fbf7ee}.archivado{--accent:#47826c;background:#f0f6f2}.descartado{--accent:#a3696a;background:#f9f2f2}.cardtop span{color:#394b55;white-space:nowrap;font-size:13px;font-weight:700}.notes{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}article h2{overflow-wrap:anywhere}.date{color:#62717b;font-size:12px}a{color:#285e79}label{margin:16px 0;font-size:14px;font-weight:600;display:block}input,textarea,select{color:#24343e;background:#fff;border:1px solid #becbd2;border-radius:6px;width:100%;margin-top:7px;padding:11px;display:block}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline-offset:3px;outline:2px solid #35789a}.editor,.empty{background:#fff;border:1px solid #dce2e4;border-radius:10px;padding:28px}.empty{text-align:center;padding:60px 20px}.login{max-width:480px;padding-top:15vh}.login button{width:100%}footer{border-top:1px solid #dce2e4;margin-top:40px;padding-top:20px;font-size:13px}.import{font-size:13px}.import input{max-width:360px}header>button{align-self:flex-start}@media (max-width:600px){main{padding:26px 16px}.cardtop{flex-direction:column;align-items:flex-start;gap:6px}article{padding:18px}nav button{flex:1}.editor{padding:18px}}