body{background:#F7F1EA}
.mut{color:var(--tinta-s)}.sm{font-size:.78rem}
h1,h2{margin:0}
h2{font:700 1.25rem var(--f-display);color:var(--guinda);margin-bottom:10px}
.login{min-height:calc(100vh - 34px);display:grid;place-items:center;padding:20px}
.login .card{width:min(400px,100%);display:grid;gap:14px;text-align:center}
.login img{width:100%;height:auto;max-width:300px;margin:0 auto}
.login h1{font:700 1.9rem var(--f-display);color:var(--guinda)}
.login .fld{text-align:left}
.bar{background:var(--guinda);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:6px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:42px;width:auto}
.brand b{display:block;font:700 1.15rem var(--f-display);color:#F3DDB6;line-height:1.1}
.brand small{color:#e9cfd4;font-size:.72rem}
.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;min-height:44px;padding:8px 16px;border:0;border-bottom:3px solid transparent;background:none;color:#e9cfd4;font:600 .85rem var(--f-body);touch-action:manipulation}
.tabs button[aria-selected="true"]{color:#fff;border-bottom-color:var(--oro-c)}
#main{padding-top:20px;padding-bottom:60px}
section[hidden]{display:none}
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:14px 16px;border-top:4px solid var(--c,var(--guinda))}
.kpi small{display:block;color:var(--tinta-s);font-size:.74rem;font-weight:600}
.kpi b{display:block;font:700 2.1rem/1.1 var(--f-display);color:var(--c,var(--guinda))}
.kpi span{font-size:.72rem;color:var(--tinta-s)}
.grid2{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:820px){.grid2{grid-template-columns:1fr 1fr}}
.bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:10px;border-bottom:1px solid var(--borde)}
.bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.bars i{display:block;width:100%;max-width:34px;border-radius:6px 6px 0 0;background:linear-gradient(var(--oro-c),var(--oro-o));min-height:3px}
.bars span{font-size:.68rem;color:var(--tinta-s)}.bars em{font-style:normal;font-size:.7rem;font-weight:700;color:var(--guinda)}
.cupo .t{display:flex;justify-content:space-between;font-weight:600;font-size:.85rem}
.meter{height:16px;border-radius:99px;background:#eadfe0;overflow:hidden;margin:8px 0}
.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--guinda),var(--oro-m));width:0;transition:width .8s}
.donut-w{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.donut{width:130px;height:130px;border-radius:50%;flex:none;position:relative}
.donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.leg{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.84rem}
.leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:14px}
.tools .fld{min-width:200px;flex:1}.tools .fld:nth-child(2){flex:none;min-width:170px}
.tools .btn2{flex:none}
.sr-l{font-size:.78rem}
.tbl-w{padding:0;overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:.84rem;min-width:860px}
.tbl th{position:sticky;top:0;background:var(--guinda-suave);color:var(--guinda);text-align:left;font-weight:700;padding:10px 12px;white-space:nowrap}
.tbl td{padding:9px 12px;border-top:1px solid var(--borde);white-space:nowrap}
.tbl tr:nth-child(even) td{background:#fcfaf8}
.big-n{font:700 1.2rem var(--f-body);margin:6px 0}.big-n b{font:700 3rem var(--f-display);color:var(--guinda)}
.draw{min-height:96px;display:grid;place-items:center;text-align:center;margin:12px 0;padding:14px;border:2px dashed var(--oro-c);border-radius:14px;background:#fffdf9}
.draw .w{font:700 2rem/1.1 var(--f-display);color:var(--guinda)}.draw .w small{display:block;font:600 .8rem var(--f-body);color:var(--tinta-s);margin-top:4px}
.draw.run .w{color:var(--oro-o);opacity:.85}
.acts2{display:flex;gap:10px;flex-wrap:wrap}.check2{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.85rem}.check2 input{width:20px;height:20px;accent-color:var(--guinda)}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:420px;overflow:auto}
.feed li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#faf5f1;font-size:.86rem}
.feed time{color:var(--tinta-s);font-weight:600}
.dups{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.dups li{padding:10px 12px;border-radius:10px;background:var(--warn-bg);font-size:.84rem}.dups li b{display:block}.dups time{color:var(--tinta-s);font-size:.75rem}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{padding-left:28px;position:relative;font-size:.86rem}
.checks li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);font-weight:700;display:grid;place-items:center;font-size:.75rem}
.checks b{display:block}.checks span{color:var(--tinta-s)}