.db{width:100%;height:100%;display:flex;flex-direction:column;font-size:12px}.db__topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.db__dots{display:flex;gap:6px}.db__dots span{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.db__dots span:nth-child(1){background:#c2705f}.db__dots span:nth-child(2){background:#dbb066}.db__dots span:nth-child(3){background:#c99136}.db__url{flex:1;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);padding:4px 12px;background:var(--bg-alt);border-radius:100px;max-width:240px;margin:0 auto}.db__body{flex:1;display:grid;grid-template-columns:160px 1fr;min-height:0}.db__side{background:var(--bg);border-right:1px solid var(--border);padding:18px 12px}.db__brand{display:flex;align-items:center;gap:8px;padding:4px 8px 16px;font-weight:600;color:var(--ink);font-size:13px}.db__brand-mark{width:20px;height:20px;background:url("../logos/fluturas-seal.svg?v=v1.18-20260623") center/contain no-repeat}.db__nav{display:flex;flex-direction:column;gap:2px}.db__nav li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:12.5px;color:var(--ink-muted)}.db__nav li.is-active{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--border)}.db__nav li svg{width:13px;height:13px;opacity:.7}.db__nav li.is-active svg{color:var(--teal);opacity:1}.db__main{padding:20px 22px;display:flex;flex-direction:column;gap:16px;background:var(--surface);overflow:hidden}.db__head{display:flex;justify-content:space-between;align-items:start}.db__bcrumb{font-size:11px;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.04em}.db__head h4{color:var(--ink);margin-top:4px;font-size:18px}.db__period{font-family:var(--font-mono);font-size:11px;padding:5px 10px;background:var(--bg-alt);border-radius:100px;color:var(--ink-body);letter-spacing:.04em}.db__kpis{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.db__kpi{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--surface);min-width:0}.db__kpi-label{font-size:11px;color:var(--ink-faint)}.db__kpi-val{font-size:22px;font-weight:500;color:var(--ink);margin-top:2px;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}.db__kpi-foot{font-size:10.5px;color:var(--teal);margin-top:2px}.db__chart{border:1px solid var(--border);border-radius:10px;padding:14px}.db__chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.db__chart-title{font-size:12px;color:var(--ink);font-weight:500}.db__chart-legend{font-size:10.5px;color:var(--ink-faint);display:flex;gap:12px;align-items:center}.db__chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.db__chart-legend .sw1{background:var(--teal)}.db__chart-legend .sw2{background:var(--amber)}#db-svg{width:100%;height:110px}.db__list{border:1px solid var(--border);border-radius:10px;padding:4px 14px}.db__list-head{display:flex;justify-content:space-between;padding:12px 0 8px;font-size:11.5px;color:var(--ink);font-weight:500;border-bottom:1px solid var(--border)}.db__row{display:grid;grid-template-columns:8px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;font-size:11.5px}.db__row+.db__row{border-top:1px solid var(--border)}.db__dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.db__dot.pending{background:var(--amber)}.db__name{color:var(--ink);font-weight:500}.db__act{color:var(--ink-muted)}.db__time{color:var(--ink-faint);font-family:var(--font-mono);font-size:10.5px}.step__visual svg{height:56px;width:auto;opacity:.9}