@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--desk:#e9e6de;--paper:#f4f2ea;--paper-raised:#efece3;--paper-hover:#efece2;--ink:#191813;--ink-soft:#3a3830;--muted:#8a857a;--faint:#9a958a;--ghost:#b0aa9c;--rule-strong:#191813;--rule-soft:#ddd8ca;--serif:"EB Garamond",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--shadow-card:0 1px 4px rgba(20,18,12,.14);--shadow-float:0 16px 48px rgba(20,18,12,.25)}body,html{background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input,select,textarea{font-family:var(--sans);border-radius:0;font-size:inherit}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px}.login-lockup{margin-bottom:44px;text-align:center}.login-card{width:100%;max-width:360px}.login-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.login-input{width:100%;font-size:14px;padding:9px 0;border:none;border-bottom:1px solid var(--rule-soft);background:transparent;color:var(--ink);outline:none;margin-bottom:26px}.login-input:focus{border-bottom-color:var(--rule-strong)}.login-error{font-size:12.5px;color:var(--ink);border:1px solid var(--rule-strong);background:var(--paper-raised);padding:9px 13px;margin-bottom:20px}.lockup{white-space:nowrap}.lockup-name{font-family:var(--serif);font-size:18px;color:var(--ink)}.lockup-aka{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--faint)}.lockup-snf{font-family:var(--sans);font-size:15px;letter-spacing:.05em;color:var(--ink)}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;padding:26px 40px 20px;background:var(--paper)}.masthead-left{font-size:12.5px;color:var(--ink);justify-self:start;border-bottom:1px solid var(--rule-strong);padding-bottom:2px}.masthead .lockup{justify-self:center}.masthead-nav{display:flex;gap:22px;justify-self:end}.nav-item{font-size:12.5px;color:var(--ink);cursor:pointer;padding-bottom:2px;background:none;border:none;border-bottom:1px solid transparent}.nav-item:hover{border-bottom-color:var(--rule-soft)}.nav-item.active{border-bottom-color:var(--rule-strong)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:18px 40px 24px;background:var(--paper);flex-wrap:wrap}.page-head-left{display:flex;align-items:baseline;gap:16px}.page-title{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;color:var(--ink)}.page-counter{font-size:12px;color:var(--faint);white-space:nowrap}.page-head-search{display:flex;align-items:flex-end;gap:12px;flex:1 1;max-width:420px;min-width:220px}.search-input{flex:1 1;font-size:12.5px;padding:10px 0 3px;border:none;border-bottom:1px solid var(--rule-soft);background:transparent;color:var(--ink);outline:none}.search-input:focus{border-bottom-color:var(--rule-strong)}.search-input::placeholder{color:var(--ghost)}.body-flex{display:flex}.sidebar{width:168px;padding:6px 0 24px 40px;flex-shrink:0}.sidebar-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.filter-btn{display:block;width:100%;text-align:left;font-size:12.5px;padding:4px 0;cursor:pointer;border:none;background:transparent;color:var(--ink-soft)}.filter-btn:hover:not(.active){color:var(--ink)}.filter-btn.active{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}main{flex:1 1;min-width:0}.toolbar{display:flex;align-items:center;gap:14px;padding:0 40px 18px 28px}.clear-filters{font-size:12px;color:var(--muted);cursor:pointer;padding-bottom:2px;background:none;border:none;border-bottom:1px solid var(--rule-soft)}.clear-filters:hover{color:var(--ink);border-bottom-color:var(--rule-strong)}.sort-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sort-btn{font-size:12px;background:none;border:none;cursor:pointer;color:var(--faint);padding:0 2px}.sort-btn.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.thead{display:grid;grid-template-columns:185px 175px 92px 52px 1fr 140px 46px;padding:6px 40px 8px 28px}.th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.th-rule{height:1px;background:var(--rule-strong);margin:0 40px 0 28px}.row{display:grid;grid-template-columns:185px 175px 92px 52px 1fr 140px 46px;padding:10px 40px 10px 28px;border-bottom:1px solid var(--rule-soft);align-items:start;transition:background .12s;cursor:pointer}.row:hover{background:var(--paper-hover)}.cell-name{font-family:var(--serif);font-size:16px;color:var(--ink);padding-right:12px;line-height:1.25}.cell-email{font-size:12px;color:var(--ink-soft);padding-right:10px;word-break:break-all;line-height:1.4}.cell-cat{padding-right:8px}.cat-main{font-size:12px;color:var(--ink);line-height:1.25}.cat-sub{font-size:11.5px;color:var(--faint);margin-top:1px}.cell-prio{font-size:12px}.prio-alta{color:var(--ink)}.prio-media{color:var(--muted)}.prio-baja{color:var(--ghost)}.cell-rol{font-size:12.5px;color:var(--ink-soft);padding-right:12px;line-height:1.4}.cell-notas,.cell-rol span{color:var(--muted)}.cell-notas{font-size:11.5px;line-height:1.4}.cell-actions{display:flex;gap:14px;justify-content:flex-end;opacity:0;transition:opacity .12s}.row:hover .cell-actions{opacity:1}.act-del,.act-edit{font-size:12.5px;background:none;border:none;cursor:pointer;padding:0}.act-edit{color:var(--muted)}.act-edit:hover{color:var(--ink)}.act-del{color:var(--ghost)}.act-del:hover{color:var(--ink)}.pager{display:flex;align-items:center;justify-content:center;gap:24px;padding:26px 40px;font-size:12.5px;color:var(--muted)}.pager button{background:none;border:none;cursor:pointer;font-size:12.5px;color:var(--ink);border-bottom:1px solid var(--rule-soft);padding-bottom:2px}.pager button:hover{border-bottom-color:var(--rule-strong)}.pager button:disabled{color:var(--ghost);border-bottom-color:transparent;cursor:default}.edit-overlay{position:fixed;inset:0;background:transparent;z-index:700;display:flex;justify-content:flex-end}.edit-panel{background:var(--paper);width:480px;max-width:100vw;display:flex;flex-direction:column;height:100%;position:relative}.edit-panel:before{content:"";position:absolute;left:-110px;top:0;bottom:0;width:110px;background:linear-gradient(270deg,#f4f2ea 0,hsla(48,31%,94%,0));pointer-events:none}.edit-panel>*{position:relative;background:var(--paper)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 16px;border-bottom:1px solid var(--rule-soft);flex-shrink:0}.panel-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.panel-name{font-family:var(--serif);font-size:32px;color:var(--ink);line-height:1.1;margin-top:2px}.panel-close{font-size:20px;font-weight:300;color:var(--faint);background:none;border:none;cursor:pointer;line-height:1;padding:0}.panel-close:hover{color:var(--ink)}.panel-body{flex:1 1;overflow-y:auto;padding:20px 28px 40px}.section-title{font-family:var(--serif);font-weight:400;font-size:30px;color:var(--ink);margin-bottom:6px}.hint{font-size:12.5px;color:var(--muted);margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.form-input{width:100%;font-size:13px;padding:8px 0;border:none;border-bottom:1px solid var(--rule-soft);background:transparent;color:var(--ink);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-bottom-color:var(--rule-strong)}.btn-primary,select.form-input{cursor:pointer}.btn-primary{font-size:12.5px;letter-spacing:.04em;background:none;color:var(--ink);border:none;border-bottom:1px solid var(--rule-strong);padding:0 0 2px}.btn-primary:hover{opacity:.6}.btn-primary:disabled{opacity:.25;cursor:not-allowed}.btn-cancel{font-size:12.5px;background:none;color:var(--faint);border:none;border-bottom:1px solid transparent;padding:0 0 2px;cursor:pointer}.btn-cancel:hover{color:var(--ink);border-bottom-color:var(--rule-soft)}.btn-delete{font-size:12.5px;background:none;color:var(--ghost);border:none;border-bottom:1px solid transparent;padding:0 0 2px;cursor:pointer}.btn-delete:hover{color:var(--ink);border-bottom-color:var(--rule-soft)}.modal-overlay{position:fixed;inset:0;background:rgba(25,24,19,.32);z-index:800;display:flex;align-items:center;justify-content:center}.modal-box{background:var(--paper);border:1px solid var(--rule-strong);padding:30px 34px;max-width:420px;width:90%;box-shadow:var(--shadow-float)}.modal-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.modal-body{font-family:var(--serif);font-size:17px;color:var(--ink-soft);line-height:1.45}.toast{position:fixed;top:18px;right:18px;z-index:9999;background:var(--paper);color:var(--ink);border:1px solid var(--rule-strong);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;box-shadow:var(--shadow-card)}.footer{display:flex;justify-content:space-between;align-items:baseline;padding:16px 40px 22px;border-top:1px solid var(--rule-strong);font-size:11.5px;color:var(--ghost)}.footer-counter{color:var(--faint)}@media (max-width:960px){.masthead{grid-template-columns:1fr;gap:10px;padding:20px 24px 12px;text-align:center}.masthead-left{display:none}.masthead-nav{justify-self:center;flex-wrap:wrap;gap:16px}.page-head{padding:12px 24px 18px}.page-title{font-size:34px}.page-head-search{max-width:none;width:100%}.body-flex{flex-direction:column}.sidebar{width:100%;padding:6px 24px 12px;display:flex;flex-wrap:wrap;gap:4px 16px;border-bottom:1px solid var(--rule-soft)}.sidebar-label{width:100%;margin-bottom:4px}.filter-btn{width:auto}.toolbar{padding:10px 24px 14px;flex-wrap:wrap}}@media (max-width:760px){.th-rule,.thead{display:none}.row{display:block;padding:14px 24px}.cell-name{font-size:18px}.cell-email{margin-top:3px}.cell-cat{margin-top:6px;display:flex;gap:8px;align-items:baseline}.cell-prio{display:inline-block}.cell-prio,.cell-rol{margin-top:4px}.cell-notas{margin-top:3px}.cell-actions{opacity:1;justify-content:flex-start;margin-top:8px;gap:18px}.edit-panel{width:100vw}.form-grid{grid-template-columns:1fr}.footer{padding:14px 24px 18px;flex-direction:column;gap:4px}}