@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");:root{--bg:#f2f5f1;--surface:#fff;--surface-2:#f8faf7;--sidebar:#16231b;--sidebar-2:#223229;--sidebar-hover:#2a3d30;--sidebar-text:#c8d2ca;--sidebar-text-dim:#8a9a8c;--border:#dce5dc;--border-strong:#c6d3c7;--text:#18221b;--text-muted:#68736b;--text-faint:#929c94;--primary:#167743;--primary-deep:#0d5630;--primary-weak:#e6f4eb;--primary-weak-2:#d3ecdf;--primary-bright:#35a961;--amber:#d39a16;--amber-bg:#fff4d4;--amber-text:#805500;--blue:#276fa8;--blue-bg:#e8f2fb;--blue-text:#154d7b;--green:#167743;--green-bg:#e6f4eb;--green-text:#0d5630;--red:#c5362f;--red-bg:#fdebea;--red-text:#8c211b;--purple:#276fa8;--purple-bg:#e8f2fb;--gray-cell:#ecefed;--green-cell:#cdeada;--yellow-cell:#fbe6ad;--radius:17px;--radius-sm:12px;--shadow-sm:0 3px 12px rgba(20,44,27,.06);--shadow-md:0 8px 24px rgba(20,44,27,.09);--shadow-lg:0 24px 64px rgba(12,31,18,.22)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{height:100%}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c6d3c7;border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#aebcaf}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:var(--bg)}.login-brand{background:linear-gradient(160deg,#102019,#1c2f22 70%);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-brand h1{font-size:42px;line-height:1;margin:22px 0 12px;letter-spacing:-.03em}.login-brand p{max-width:460px;color:#d3ded6;font-size:15px;line-height:1.6}.login-points{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.login-point{border:1px solid hsla(0,0%,100%,.13);background:hsla(0,0%,100%,.06);padding:14px;border-radius:14px}.login-point strong{display:block;font-size:20px;font-family:IBM Plex Mono,monospace}.login-point span{font-size:11px;color:#c3d2c6}.login-card-wrap{display:grid;place-items:center;padding:36px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:44px 40px;width:400px;max-width:100%;box-shadow:var(--shadow-lg)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}@media (max-width:1150px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto;padding:36px}}@media (max-width:720px){.login-brand{display:none}.login-shell{background:var(--bg);grid-template-columns:1fr}}.login-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.02em}.login-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.login-divider{height:1px;background:var(--border);margin:24px 0}.profile-btn{width:100%;padding:14px 16px;border:1.5px solid var(--border-strong);background:var(--surface);border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:12px;margin-bottom:10px;transition:.14s;text-align:left}.profile-btn:hover{border-color:var(--primary);background:var(--primary-weak)}.profile-btn .pb-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}.profile-btn .pb-txt{display:flex;flex-direction:column}.profile-btn .pb-name{font-weight:700;font-size:14px;line-height:1.2}.profile-btn .pb-role{font-size:11.5px;color:var(--text-muted);font-weight:400;margin-top:2px}.app{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.sb-brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px}.sb-logo{width:36px;height:36px;border-radius:9px;flex:none}.sb-brand-txt{display:flex;flex-direction:column;line-height:1.1}.sb-name{font-weight:800;font-size:18px;color:#fff;letter-spacing:-.02em}.sb-name b{color:var(--primary-bright);font-weight:800}.sb-tag{font-size:10.5px;color:var(--sidebar-text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sb-proj{margin:4px 14px 14px;padding:11px 13px;background:var(--sidebar-2);border-radius:10px}.sb-proj-l{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text-dim)}.sb-proj-n{font-size:13px;color:#fff;font-weight:600;margin-top:3px;line-height:1.25}.sb-proj-w{font-size:11px;margin-top:4px}.sb-proj-w,.sb-section{color:var(--sidebar-text-dim)}.sb-section{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:14px 22px 6px;font-weight:700}.sb-nav{display:flex;flex-direction:column;gap:1px;padding:0 12px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--sidebar-text);background:transparent;border:none;text-align:left;font-size:13.5px;width:100%;transition:.13s;position:relative}.sb-item:hover{background:var(--sidebar-hover);color:#fff}.sb-item.active{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 10px rgba(22,119,67,.45)}.sb-item svg{flex:none}.sb-item .badge-n{margin-left:auto;font-size:11px;background:hsla(0,0%,100%,.16);color:#fff;padding:1px 7px;border-radius:20px;font-weight:600}.sb-item.active .badge-n{background:hsla(0,0%,100%,.25)}.sb-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sb-spacer{flex:1 1}.sb-user{margin:0 12px 14px;gap:10px;border-top:1px solid hsla(0,0%,100%,.09);padding:14px 12px 11px}.sb-avatar,.sb-user{display:flex;align-items:center}.sb-avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--primary-bright),var(--primary));justify-content:center;font-size:12px;flex:none}.sb-avatar,.sb-user-n{color:#fff;font-weight:700}.sb-user-n{font-size:13px;line-height:1.1}.sb-user-r{font-size:11px;color:var(--sidebar-text-dim)}.sb-role-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700;margin-top:4px}.sb-role-editor{background:rgba(53,169,97,.28);color:#a7e6bd}.sb-role-viewer{background:rgba(39,111,168,.28);color:#a9d3ef}.sb-logout{display:flex;align-items:center;gap:7px;padding:7px 12px;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:7px;color:var(--sidebar-text-dim);font-family:inherit;font-size:11.5px;cursor:pointer;transition:.13s;margin:0 12px 12px}.sb-logout:hover{background:hsla(0,0%,100%,.06);color:#fff}.main{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(242,245,241,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;gap:16px}.tb-titles{min-width:0}.tb-crumb{font-size:11.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.tb-title{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-top:1px}.tb-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.content{padding:26px 32px 60px;max-width:1240px;width:100%}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;font-size:13.5px;font-weight:700;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:.14s;box-shadow:var(--shadow-sm)}.btn:hover{border-color:#7d8d80;background:var(--surface-2)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(22,119,67,.3)}.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn-ghost:hover{background:#eef1ee;color:var(--text)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-danger{background:var(--red-bg);border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-h{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;gap:12px}.card-h h3{margin:0;font-size:14.5px;font-weight:700;letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:800;white-space:nowrap;line-height:1.4}.badge .dot{width:6px;height:6px;border-radius:50%}.b-amber{background:var(--amber-bg);color:var(--amber-text)}.b-amber .dot{background:var(--amber)}.b-blue{background:var(--blue-bg);color:var(--blue-text)}.b-blue .dot{background:var(--blue)}.b-green{background:var(--green-bg);color:var(--green-text)}.b-green .dot{background:var(--green)}.b-red{background:var(--red-bg);color:var(--red-text)}.b-red .dot{background:var(--red)}.b-gray{background:#ecefed;color:#525b54}.b-purple{background:var(--purple-bg);color:var(--blue-text)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;font-size:11.5px;font-weight:700;background:var(--primary-weak);color:var(--primary-deep);border:1px solid var(--primary-weak-2)}.cat-chip{padding:2px 9px;border-radius:6px;background:#f1f4f0;color:var(--text-muted);border:1px solid var(--border)}.av,.cat-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:700}.av{width:28px;height:28px;border-radius:7px;justify-content:center;color:#fff;flex:none}.av-sm{width:24px;height:24px;font-size:10px;border-radius:6px}.person{display:inline-flex;align-items:center;gap:8px}.person .pn{font-weight:600;font-size:13px;line-height:1.15}.person .pr{font-size:11px;color:var(--text-muted)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700;padding:11px 14px;background:var(--surface-2);white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:13px 14px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:.1s}.tbl tr.flash{animation:flash 2.2s ease}@keyframes flash{0%{background:var(--primary-weak-2)}to{background:transparent}}.id-pill{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;color:var(--primary-deep)}.due{font-size:12.5px;font-weight:600}.due small{display:block;font-size:10.5px;color:var(--text-faint);font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px 18px;box-shadow:var(--shadow-sm)}.kpi .kl{font-size:10px;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.kpi .kv{font-size:29px;font-weight:800;letter-spacing:-.02em;margin-top:9px;line-height:1;font-family:IBM Plex Mono,monospace}.kpi .kv small{font-size:15px;color:var(--text-faint);font-weight:700}.kpi .kd{font-size:11.5px;margin-top:7px;color:var(--text-muted)}.kpi-ic{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center}.field{margin-bottom:18px}.field>label{display:block;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:7px}.field .hint{font-weight:400;color:var(--text-faint);font-size:11.5px;margin-left:4px}.inp,.sel,.ta{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--text);background:var(--surface);transition:.14s}.inp:focus,.sel:focus,.ta:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak-2)}.ta{resize:vertical;min-height:78px;line-height:1.5}.inp.err,.sel.err{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}.err-msg{color:var(--red);font-size:11.5px;margin-top:5px;font-weight:600}.seg,.seg button{display:flex;gap:6px}.seg button{flex:1 1;padding:9px 10px;border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;font-size:12.5px;font-weight:700;color:var(--text-muted);transition:.13s;align-items:center;justify-content:center}.seg button:hover{border-color:var(--primary);color:var(--primary)}.seg button.on{background:var(--primary-weak);border-color:var(--primary);color:var(--primary-deep)}.chip-pick{display:flex;flex-wrap:wrap;gap:7px}.chip-pick button{padding:6px 11px;border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;font-size:12px;font-weight:700;color:var(--text-muted);transition:.12s}.chip-pick button:hover{border-color:var(--primary);color:var(--primary)}.chip-pick button.on{background:var(--primary);border-color:var(--primary);color:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(0);z-index:100;background:#16231b;color:#fff;padding:13px 20px;border-radius:14px;box-shadow:var(--shadow-lg);gap:11px;font-size:13.5px;font-weight:500;max-width:520px;animation:toastIn .3s cubic-bezier(.2,.8,.2,1)}.toast,.toast .ti{display:flex;align-items:center}.toast .ti{width:22px;height:22px;border-radius:50%;background:var(--primary-bright);justify-content:center;flex:none}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{gap:10px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.stack{display:flex;flex-direction:column}.divider{height:1px;background:var(--border);margin:0}.pageintro{font-size:13.5px;color:var(--text-muted);max-width:760px;line-height:1.55}.bar-track{height:9px;background:#edf1ed;border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;transition:width .5s cubic-bezier(.3,.8,.3,1)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-muted)}.legend .li{display:flex;align-items:center;gap:6px}.legend .sw{width:13px;height:13px;border-radius:4px;border:1px solid rgba(20,44,27,.15)}.empty{text-align:center;padding:40px;color:var(--text-faint);font-size:13px}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filt{padding:7px 12px;border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;font-size:12.5px;font-weight:700;color:var(--text-muted);transition:.12s}.filt:hover{color:var(--primary)}.filt.on,.filt:hover{border-color:var(--primary)}.filt.on{background:var(--primary-weak);color:var(--primary-deep)}.search{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);min-width:230px}.search input{border:none;outline:none;font-family:inherit;font-size:13px;width:100%;color:var(--text);background:transparent}.viewer-banner{background:linear-gradient(90deg,#276fa8,#1f5a87);color:#fff;padding:8px 32px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px}.prog-wrap{overflow-x:auto}.prog{border-collapse:collapse;width:100%;font-size:12px;min-width:720px}.prog td,.prog th{border:1px solid var(--border-strong);padding:0}.prog thead th{background:var(--surface-2);padding:8px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-weight:700;text-align:center}.prog thead th .dd{font-size:9.5px;color:var(--text-faint);font-weight:500;text-transform:none}.prog .act-cell{text-align:left;padding:8px 11px;font-weight:600;font-size:11.5px;color:var(--text);background:#fbfcfb;max-width:240px}.prog .sup-cell{text-align:center;font-size:11px;color:var(--text-muted);padding:8px;white-space:nowrap}.prog .daycell{text-align:center;height:36px;font-family:IBM Plex Mono,monospace;font-weight:700;font-size:12px}.prog .daycell.cumplido{background:var(--green-cell);color:#184f2e}.prog .daycell.gris{background:var(--gray-cell);color:#3a413c}.prog .daycell.no_cumplido{background:var(--yellow-cell);color:#5b4200;cursor:pointer}.prog .daycell.no_cumplido:hover{outline:2px solid var(--red);outline-offset:-2px}.drawer-back{position:fixed;inset:0;background:rgba(12,24,15,.45);z-index:80}.drawer{position:fixed;right:0;top:0;width:440px;max-width:100%;height:100vh;background:var(--surface);z-index:90;box-shadow:-12px 0 44px rgba(0,0,0,.2);overflow:auto;border-left:1px solid var(--border)}.drawer-h{padding:18px 20px;background:var(--sidebar);color:#fff;display:flex;justify-content:space-between;align-items:center}.drawer-b{padding:20px}.resp-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.resp-row:last-child{border-bottom:none}.resp-email{font-size:12px;color:var(--text-muted);font-family:IBM Plex Mono,monospace}@media (max-width:1080px){.app{grid-template-columns:64px 1fr}.sb-brand-txt,.sb-item span,.sb-proj,.sb-section,.sb-tag,.sb-user-n,.sb-user-r{display:none}.sb-item{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}}.login-err,.login-form .field{margin-bottom:14px}.login-err{background:var(--red-bg);border:1px solid var(--red);color:var(--red-text);border-radius:11px;padding:10px 13px;font-size:12.5px;font-weight:600}.login-btn{width:100%;padding:12px 16px;border:none;background:var(--primary);color:#fff;border-radius:12px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.14s}.login-btn:hover{background:var(--primary-deep)}.login-btn:disabled{opacity:.6;cursor:wait}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);font-size:13.5px;gap:10px}a{color:inherit;text-decoration:none}.prog .daycell.planificado{background:#fff;color:var(--text);border:1px solid var(--border-strong)}.prog .daycell.cell-add{cursor:pointer;color:transparent}.prog .daycell.cell-add:hover{background:var(--primary-weak)}.prog .daycell.cell-add:hover .cell-plus{color:var(--primary)}.cell-plus{font-weight:700;font-size:14px;color:transparent;transition:.12s}