@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#e8eaf0;--sd:#c3c7d4;--sl:#fff;--ink:#31353f;--muted:#8a90a2;--muted-2:#6c7385;--ok:#3aa06f;--risk:#d8544e;--accent:#4b5168;--accent-soft:#4b51681f;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--disp:"Space Grotesk", var(--sans);--extrude:7px 7px 15px var(--sd), -7px -7px 15px var(--sl);--extrude-sm:5px 5px 10px var(--sd), -5px -5px 10px var(--sl);--inset:inset 4px 4px 9px var(--sd), inset -4px -4px 9px var(--sl);--inset-sm:inset 3px 3px 6px var(--sd), inset -3px -3px 6px var(--sl)}.app-shell[data-area=dev]{--accent:#e8833a;--accent-soft:#e8833a24}.app-shell[data-area="3d"]{--accent:#7c4dd4;--accent-soft:#7c4dd424}.app-shell[data-area=design]{--accent:#2a2a30;--accent-soft:#2a2a301f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}.app-shell{gap:26px;max-width:1280px;min-height:100vh;margin:0 auto;padding:26px;display:flex}.sidebar{background:var(--bg);box-shadow:var(--extrude);border-radius:28px;flex-direction:column;flex:0 0 248px;align-self:flex-start;padding:26px 20px;display:flex;position:sticky;top:26px}.brand{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:6px 0 22px;display:flex}.brand-logo{background:var(--bg);width:68px;height:68px;box-shadow:var(--extrude-sm);font-family:var(--disp);color:var(--accent);letter-spacing:-.02em;border-radius:22px;place-items:center;font-size:22px;font-weight:700;transition:color .3s;display:grid}.brand-logo-img{object-fit:contain;width:68%;height:68%;animation:.3s brand-logo-fade}@keyframes brand-logo-fade{0%{opacity:0}to{opacity:1}}.brand-name{font-family:var(--disp);letter-spacing:-.01em;font-size:19px;font-weight:700}.brand-sub{color:var(--muted);margin-top:-6px;font-size:12px;font-weight:500}.nav{flex-direction:column;gap:8px;margin-top:8px;display:flex}.nav-item{background:var(--bg);font-family:var(--sans);color:var(--muted-2);cursor:pointer;text-align:left;border:none;border-radius:15px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:var(--ink)}.nav-item[data-active=true]{box-shadow:var(--inset-sm);color:var(--ink)}.nav-item[data-active=true] .nav-dot{background:var(--accent);box-shadow:none}.nav-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.side-settings{margin-top:auto;padding-top:24px}.side-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:700}.setting-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.n-input,.n-select{background:var(--bg);box-shadow:var(--inset-sm);font-family:var(--sans);color:var(--ink);border:none;border-radius:12px;outline:none;padding:9px 12px;font-size:13px;font-weight:600}.n-input{text-align:center;width:58px}.n-input:focus,.n-select:focus{box-shadow:var(--inset-sm), 0 0 0 2px var(--accent)}.setting-lbl{color:var(--muted-2);font-size:12.5px;font-weight:500}.main{flex-direction:column;flex:1;gap:22px;min-width:0;display:flex}.main-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.main-title{font-family:var(--disp);letter-spacing:-.02em;margin:0;font-size:27px;font-weight:700}.main-sub{color:var(--muted);margin:2px 0 0;font-size:13px}.head-actions{align-items:center;gap:12px;display:flex}.toggle{background:var(--bg);box-shadow:var(--inset-sm);border-radius:15px;padding:5px;display:inline-flex}.toggle-btn{font-family:var(--sans);color:var(--muted-2);cursor:pointer;background:0 0;border:none;border-radius:11px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .18s}.toggle-btn[data-active=true]{background:var(--bg);box-shadow:var(--extrude-sm);color:var(--ink)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;box-shadow:var(--extrude-sm);border:none;border-radius:15px;padding:12px 20px;font-size:14px;font-weight:600;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:focus-visible,.toggle-btn:focus-visible,.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.add-panel{background:var(--bg);box-shadow:var(--inset);border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.ncard{background:var(--bg);box-shadow:var(--extrude);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.ncard-label{color:var(--muted);margin-bottom:8px;font-size:12.5px;font-weight:600}.ncard-value{font-family:var(--disp);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1}.stat-ico{background:var(--bg);width:50px;height:50px;box-shadow:var(--inset-sm);color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.stat-ico svg{width:22px;height:22px}.row{grid-template-columns:1fr 320px;align-items:start;gap:22px;display:grid}.panel{background:var(--bg);box-shadow:var(--extrude);border-radius:26px;padding:24px}.panel-title{font-family:var(--disp);letter-spacing:-.01em;margin:0 0 18px;font-size:18px;font-weight:600}.week{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.day{background:var(--bg);box-shadow:var(--inset-sm);border-radius:18px;padding:14px}.day-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.day-name{text-transform:capitalize;font-size:13px;font-weight:600}.day-hours{font-family:var(--disp);color:var(--muted-2);font-size:12.5px;font-weight:600}.day-hours[data-full=true]{color:var(--risk)}.cap-track{background:var(--bg);height:6px;box-shadow:var(--inset-sm);border-radius:999px;margin-bottom:12px;overflow:hidden}.cap-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .35s}.cap-fill[data-full=true]{background:var(--risk)}.day-empty{color:var(--muted);margin:6px 0;font-size:12.5px;font-style:italic}.block{background:var(--bg);box-shadow:var(--extrude-sm);border-radius:12px;align-items:center;gap:9px;margin-bottom:8px;padding:9px 11px;display:flex}.block-bar{border-radius:999px;flex-shrink:0;align-self:stretch;width:4px}.block-title{flex:1;min-width:0;font-size:12.5px;line-height:1.35}.block-hours{font-family:var(--disp);color:var(--muted-2);font-size:12px;font-weight:600}.carga-panel{flex-direction:column;align-items:center;display:flex}.donut{width:170px;height:170px;box-shadow:var(--extrude);border-radius:50%;place-items:center;margin:6px 0 20px;display:grid;position:relative}.donut-ring{border-radius:50%;width:170px;height:170px;position:absolute;inset:0;-webkit-mask:radial-gradient(52px,#0000 98%,#000 100%);mask:radial-gradient(52px,#0000 98%,#000 100%)}.donut-center{z-index:1;text-align:center;position:relative}.donut-total{font-family:var(--disp);font-size:26px;font-weight:700;line-height:1}.donut-cap{color:var(--muted);font-size:11px}.legend{flex-direction:column;gap:12px;width:100%;display:flex}.legend-item{align-items:center;gap:10px;font-size:13px;display:flex}.legend-name{font-weight:600}.legend-val{font-family:var(--disp);color:var(--muted-2);margin-left:auto;font-weight:600}.risk-banner{background:var(--bg);box-shadow:var(--inset-sm);border-radius:18px;margin-bottom:18px;padding:16px 18px}.risk-title{color:var(--risk);margin-bottom:10px;font-size:14px;font-weight:700}.risk-item{align-items:center;gap:9px;padding:4px 0;font-size:13.5px;display:flex}.risk-meta{color:var(--risk);font-size:12px;font-weight:600;font-family:var(--disp);margin-left:auto}.risk-hint{color:var(--muted-2);margin:10px 0 0;font-size:12.5px;line-height:1.5}.task-list{flex-direction:column;gap:12px;display:flex}.task{background:var(--bg);box-shadow:var(--extrude-sm);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:filter .15s;display:flex}.task:hover{filter:brightness(.97)}.task-bar{border-radius:999px;flex-shrink:0;align-self:stretch;width:5px}.task-title{margin-bottom:3px;font-size:15px;font-weight:600}.task-meta{color:var(--muted-2);flex-wrap:wrap;gap:5px;font-size:12.5px;display:flex}.task-meta .mono{font-family:var(--disp)}.pill{background:var(--bg);box-shadow:var(--extrude-sm);font-family:var(--sans);cursor:pointer;color:var(--ink);border:none;border-radius:11px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:transform .1s}.pill:active{box-shadow:var(--inset-sm);transform:translateY(1px)}.pill-x{box-shadow:none;color:var(--muted);background:0 0;padding:8px 10px}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.foot{color:var(--muted);font-size:12px;line-height:1.5}.block{cursor:pointer;transition:filter .15s,transform .1s}.block:hover{filter:brightness(.97)}.block:active{transform:translateY(1px)}.block-time{font-family:var(--disp);color:var(--muted-2);flex-shrink:0;font-size:11.5px;font-weight:600}.info-panel{background:var(--bg);box-shadow:var(--inset-sm);border-radius:18px;margin-bottom:18px;padding:16px 18px}.info-title{margin-bottom:10px;font-size:14px;font-weight:700}.info-item{cursor:pointer;align-items:center;gap:9px;padding:6px 0;font-size:13.5px;display:flex}.info-item:hover .info-item-title{text-decoration:underline}.info-time{color:var(--muted-2);font-size:12px;font-weight:600;font-family:var(--disp);flex-shrink:0;margin-left:auto}.info-empty{color:var(--muted);margin:0;font-size:13px;font-style:italic}.modal-overlay{z-index:50;background:#1e202873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg);box-shadow:var(--extrude);border-radius:26px;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:90vh;padding:26px;display:flex;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-title{font-family:var(--disp);margin:0;font-size:19px;font-weight:700}.modal-close{background:var(--bg);box-shadow:var(--extrude-sm);cursor:pointer;width:34px;height:34px;color:var(--muted-2);border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;display:grid}.modal-close:active{box-shadow:var(--inset-sm)}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.field-row{gap:10px;display:flex}.field-row>.field{flex:1;min-width:0}.n-textarea{background:var(--bg);box-shadow:var(--inset-sm);font-family:var(--sans);color:var(--ink);resize:vertical;border:none;border-radius:14px;outline:none;min-height:80px;padding:12px 14px;font-size:13.5px}.n-textarea:focus{box-shadow:var(--inset-sm), 0 0 0 2px var(--accent)}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn-secondary{background:var(--bg);box-shadow:var(--extrude-sm);font-family:var(--sans);cursor:pointer;color:var(--ink);border:none;border-radius:14px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:transform .1s}.btn-secondary:active{box-shadow:var(--inset-sm);transform:translateY(1px)}.btn-danger{color:var(--risk)}@media (max-width:860px){.app-shell{flex-direction:column;gap:18px;padding:16px}.sidebar{flex-basis:auto;width:100%;position:static}.nav{flex-flow:wrap}.side-settings{padding-top:16px}.row{grid-template-columns:1fr}.carga-panel{order:-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}