*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial;background:#f4f7fb;color:#0b1838}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:linear-gradient(#07162d,#0b1c35);color:#dbe7f7;padding:25px 13px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:800;color:white;padding:0 10px 30px}.brand span{color:#2783ff}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8ca5c3}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#c9d6e7;text-align:left;padding:13px;border-radius:8px;cursor:pointer}nav button.active,nav button:hover{background:#176cde;color:#fff}.user{margin-top:auto;padding:15px}main{min-width:0}header{height:64px;background:white;border-bottom:1px solid #e3e9f2;padding:12px 25px;display:flex;justify-content:space-between;align-items:center}header input{width:480px;max-width:60%;padding:11px;border:1px solid #dfe7f1;border-radius:8px}#db{font-size:11px}.view{display:none;padding:25px}.view.show{display:block}.hello{display:flex;justify-content:space-between;align-items:center}.hello p{color:#68778f}.primary{background:#1269ed;color:white;border:0;border-radius:8px;padding:11px 15px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpis article,.panel{background:white;border:1px solid #e0e7f0;border-radius:12px;box-shadow:0 2px 8px #102a4310}.kpis article{padding:20px}.kpis b{display:block;font-size:24px}.kpis small{color:#68778f}.panel{padding:15px}.kanban{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.col{background:#eef3f9;border-radius:9px;padding:9px;min-height:190px}.col:nth-child(3){background:#fff6e5}.col:nth-child(4),.col:nth-child(5){background:#e9faef}.col:nth-child(6){background:#fff0f0}.colhead{font-weight:700;font-size:12px}.deal{background:#fff;border:1px solid #dce5ef;border-radius:8px;padding:10px;margin:7px 0;cursor:grab}.deal b,.deal small{display:block}.deal small{font-size:11px;color:#6c7b90;margin-top:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f4}.task{padding:13px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between}.late{color:#d33}.today{color:#1269ed}.modal{position:fixed;inset:0;background:#07152c99;backdrop-filter:blur(4px);display:none;place-items:center}.modal.open{display:grid}.modal form{background:white;width:min(470px,92vw);padding:25px;border-radius:14px;position:relative}.x{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px}.modal label{display:block;font-size:12px;font-weight:600;margin:12px 0}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dce4ee;border-radius:7px}.wide{width:100%;margin-top:10px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{min-height:auto}.user{display:none}nav{display:flex}.kanban,.kpis{grid-template-columns:1fr 1fr}}