:root{--r-xl:30px;--r-lg:22px;--r-md:16px;--r-sm:11px;--rail-w:78px;--ease:cubic-bezier(.22,.61,.36,1);--ok:#2f9e6b;--warn:#d98a2b;--bad:#d8503e}[data-theme=aire]{--bg-a:#cfdced;--bg-b:#eef2f4;--bg-c:#e7e2da;--bg-d:#dfe8ee;--bloom-1:#fff7ebd9;--bloom-2:#b8cee4b3;--ink:#1b2027;--ink-2:#586070;--ink-3:#8b93a3;--glass:#ffffffb8;--glass-2:#ffffff80;--glass-dark:#1a1e26d1;--glass-dark-ink:#eef1f6;--stroke:#ffffffa6;--stroke-2:#7882962e;--accent:#3b4554;--accent-ink:#fff;--highlight:#7896be4d;--chart:#42505f;--chart-2:#9fb0c2;--shadow:0 18px 50px -22px #28375080;--shadow-sm:0 8px 24px -14px #28375073}[data-theme=marfil]{--bg-a:#e9e7e0;--bg-b:#f1efe9;--bg-c:#e4e1d8;--bg-d:#eceae3;--bloom-1:#fffcf3e6;--bloom-2:#e4e0d2cc;--ink:#22231d;--ink-2:#6a6a5f;--ink-3:#9a9a8d;--glass:#ffffffd1;--glass-2:#fff9;--glass-dark:#1c1c18e6;--glass-dark-ink:#f3f2ea;--stroke:#fffc;--stroke-2:#78746429;--accent:#1f1f1b;--accent-ink:#f3f2ea;--highlight:#e6e84b;--chart:#26261f;--chart-2:#c9c79a;--shadow:0 20px 55px -26px #3c38288c;--shadow-sm:0 10px 26px -16px #3c382880}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,system-ui,sans-serif;overflow:hidden}#root{height:100vh}.app{background:radial-gradient(120% 90% at 78% -10%, var(--bloom-1), transparent 55%), radial-gradient(90% 80% at 8% 110%, var(--bloom-2), transparent 60%), linear-gradient(150deg, var(--bg-a) 0%, var(--bg-b) 38%, var(--bg-d) 70%, var(--bg-c) 100%);width:100vw;height:100vh;transition:background .6s var(--ease);position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(105deg,#0000 0 78px,#ffffff29 78px 80px);position:absolute;inset:0;-webkit-mask:radial-gradient(120% 100% at 80% 0,#000,#0000 70%);mask:radial-gradient(120% 100% at 80% 0,#000,#0000 70%)}[data-theme=marfil] .app:before{opacity:.25}.app:after{content:"";pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow), inset 0 1px 0 #fff9}.glass-2{background:var(--glass-2);-webkit-backdrop-filter:blur(14px)saturate(1.1);border:1px solid var(--stroke);border-radius:var(--r-md)}.glass-dark{background:var(--glass-dark);color:var(--glass-dark-ink);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid #ffffff1a}.shell{gap:16px;height:100dvh;padding:18px;display:flex;position:relative}.main{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;display:flex;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding-right:6px;overflow:auto}.scroll::-webkit-scrollbar{width:9px}.scroll::-webkit-scrollbar-thumb{background:var(--stroke-2);border-radius:20px}.scroll::-webkit-scrollbar-track{background:0 0}.rail{width:var(--rail-w);flex:0 0 var(--rail-w);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex;position:relative}.rail .brand{width:46px;height:46px;color:var(--accent-ink);background:var(--accent);box-shadow:var(--shadow-sm);border-radius:15px;place-items:center;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:19px;font-weight:800;display:grid}.railbtn{cursor:pointer;width:50px;height:50px;color:var(--ink-2);transition:.25s var(--ease);background:0 0;border:none;border-radius:15px;place-items:center;display:grid;position:relative}.railbtn svg{width:21px;height:21px}.railbtn:hover{background:var(--glass-2);color:var(--ink)}.railbtn.active{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.railbtn .tip{background:var(--accent);color:var(--accent-ink);white-space:nowrap;opacity:0;pointer-events:none;transition:.2s var(--ease);z-index:40;box-shadow:var(--shadow-sm);border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:600;position:absolute;top:50%;left:60px;transform:translateY(-50%)translate(-6px)}.railbtn:hover .tip{opacity:1;transform:translateY(-50%)translate(0)}.rail .spacer{flex:1}.topbar{align-items:center;gap:18px;padding:4px 4px 0;display:flex}.page-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Outfit,sans-serif;font-size:clamp(30px,4.2vw,52px);font-weight:300;line-height:1}.page-sub{color:var(--ink-2);margin-top:6px;font-size:13.5px}.topbar-spacer{flex:1}.pills{border-radius:999px;gap:6px;padding:6px;display:flex}.pill{cursor:pointer;color:var(--ink-2);white-space:nowrap;transition:.2s var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:flex}.pill svg{width:16px;height:16px}.pill:hover{color:var(--ink)}.pill.active{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.chip{background:var(--glass-2);border:1px solid var(--stroke-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip.solid{background:var(--accent);color:var(--accent-ink);border-color:#0000}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.warn{background:var(--warn)}.btn{cursor:pointer;border:1px solid var(--stroke-2);background:var(--glass-2);color:var(--ink);transition:.2s var(--ease);border-radius:14px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{background:0 0}.btn.sm{border-radius:11px;padding:8px 13px;font-size:12.5px}.card-x{cursor:pointer;z-index:3;border:1px solid var(--stroke-2);background:var(--glass-2);width:23px;height:23px;color:var(--ink-3);opacity:.45;transition:.15s var(--ease);border-radius:8px;place-items:center;display:grid;position:absolute;top:9px;right:9px}.card-x:hover{opacity:1;color:var(--accent-ink);background:var(--bad);border-color:#0000;transform:scale(1.06)}.card-x svg{width:13px;height:13px}.hl{display:inline;position:relative}.hl:after{content:"";background:var(--highlight);z-index:-1;opacity:.9;border-radius:3px;height:.42em;position:absolute;bottom:1px;left:-2px;right:-2px;transform:skew(-3deg)}[data-theme=aire] .hl:after{height:.3em}.stat-big{letter-spacing:-.02em;white-space:nowrap;font-family:Outfit,sans-serif;font-size:40px;font-weight:300;line-height:1}.stat-unit{color:var(--ink-3);white-space:nowrap;margin-left:3px;font-size:14px;font-weight:600}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.tbl th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-2);padding:12px 14px;font-size:11.5px;font-weight:600;position:sticky;top:0}.tbl td{border-top:1px solid var(--stroke-2);padding:13px 14px}.tbl tbody tr{cursor:pointer;transition:all .15s}.tbl tbody tr:hover td{background:var(--glass-2)}.field{flex-direction:column;gap:6px;display:flex}.field label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:11.5px;font-weight:700}.inp,select.inp{color:var(--ink);border:1px solid var(--stroke-2);background:var(--glass-2);border-radius:12px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:all .15s}.inp:focus{border-color:var(--accent)}.scrim{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s var(--ease);background:#14182052;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(940px,96vw);max-height:92vh;animation:pop .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.grid{gap:16px;display:grid}.cards-enter{animation:rise .45s var(--ease)}@keyframes rise{0%{transform:translateY(14px)}to{transform:none}}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.mono{font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.sb{justify-content:space-between}.avatar{color:var(--accent-ink);background:var(--accent);border-radius:50%;flex:none;place-items:center;font-family:Outfit,sans-serif;font-weight:700;display:grid}@media (pointer:coarse){.glass,.glass-2,.rail,.modal,.scrim,.tbl th{-webkit-backdrop-filter:none!important}.app:before,.app:after{display:none!important}.cards-enter{animation:none}*{transition-duration:.12s!important}}button,.btn,.pill,.railbtn{touch-action:manipulation}html,body{max-width:100%}@media (width<=1280px){.shell{gap:12px;padding:14px}.page-title{font-size:clamp(26px,3.2vw,40px)}.topbar{flex-wrap:wrap;gap:12px 14px}}@media (width<=1080px){.bento{grid-template-columns:repeat(6,1fr)!important}.split{grid-template-columns:1fr!important}.kanban-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=880px){.shell{flex-direction:column-reverse;gap:10px;padding:10px}.main{min-height:0;overflow:hidden}.rail{border-radius:20px;flex-direction:row;flex:none;gap:4px;width:auto;height:60px;min-height:60px;padding:8px 10px;overflow:auto hidden}.rail .brand{flex:none;margin-bottom:0}.rail .spacer{display:none}.railbtn{flex:none}.railbtn .tip{display:none}.page-title{font-size:30px}.bento{grid-template-columns:repeat(3,1fr)!important}}@media (width<=680px){html,body{overflow-x:hidden}.shell{height:100dvh;padding:8px}.scroll{padding-right:0}.topbar{gap:10px}.page-title{font-size:24px}.page-sub{font-size:12.5px}.bento{grid-template-columns:1fr 1fr!important}.bento>*{grid-column:span 2!important}.kanban-grid,.grid:not(.bento):not(.kanban-grid),[style*=grid-template-columns]:not(.bento):not(.kanban-grid){grid-template-columns:1fr!important}.tbl{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}table{max-width:100%}.row.sb,.row.wrap{flex-wrap:wrap}.inp,select.inp,textarea.inp,input{max-width:100%;font-size:16px}.btn{min-height:40px}.btn.sm{min-height:34px}img,canvas,video,svg{max-width:100%}.stat-big{font-size:30px}}