:root{--ink:#1f2a44;--accent:#6ee7b7;--bg:#f5f7fb;--line:#dfe5f0;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:#1d2433;margin:0}h1{margin:0 0 1rem}input,select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;padding:.5rem .65rem}button{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:.5rem 1rem}button:hover{filter:brightness(1.25)}button.ghost{color:inherit;background:0 0;border:1px solid;padding:.2rem .55rem}.dot{background:var(--accent);border-radius:50%;width:.7rem;height:.7rem;margin-right:.4rem;display:inline-block}.top{background:var(--ink);color:#fff;align-items:center;gap:2rem;padding:.9rem 2rem;display:flex}.top .brand{font-size:1.2rem;font-weight:700}.top nav{flex:1;gap:.4rem;display:flex}.top a{color:#c5cde3;border-radius:8px;padding:.4rem .8rem;text-decoration:none}.top a.router-link-active{background:var(--accent);color:#0b2a1f;font-weight:600}main{max-width:1200px;margin:0 auto;padding:2rem}.loading{padding:2rem}.login{background:#fff;border-radius:16px;gap:.8rem;max-width:340px;margin:6rem auto;padding:2rem;display:grid;box-shadow:0 8px 30px #1f2a441f}.login h1{margin:0;font-size:1.4rem}.login p{color:#5b6478;margin:0;font-size:.9rem}.toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.search{width:100%;max-width:24rem;margin-bottom:1rem}.error{color:#b3261e}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem .9rem}th{text-transform:uppercase;letter-spacing:.04em;background:#eef1f8;font-size:.8rem}.kpis{gap:1rem;margin-bottom:1rem;display:flex}.kpis div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.8rem 1.2rem;display:grid}.kpis span{color:#5b6478;font-size:.85rem}.kpis strong{font-size:1.4rem}.board{grid-template-columns:repeat(5,minmax(190px,1fr));gap:.8rem;display:grid;overflow-x:auto}.board section{background:#eaeef7;border-radius:12px;align-content:start;gap:.6rem;padding:.6rem;display:grid}.board h2{margin:.2rem .3rem;font-size:.95rem}.board h2 small{color:#5b6478}.deal{border:1px solid var(--line);background:#fff;border-radius:10px;gap:.4rem;padding:.6rem;display:grid}.deal span{color:#5b6478;font-size:.85rem}.deal ul{margin:0;padding-left:1.1rem;font-size:.85rem}