@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy:#070d2b;--blue:#173b67;--gold:#d3a94f;--bg:#f4f5f8;--card:#fff;--ink:#11182f;--muted:#687080;--line:#dfe2e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 DM Sans,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.app>aside{position:sticky;top:0;height:100vh;padding:28px 18px;display:flex;flex-direction:column;background:var(--navy);color:#fff}.app>aside img{width:190px;height:55px;object-fit:contain}.app>aside nav{display:grid;gap:7px;margin-top:45px}.app>aside nav button{display:flex;gap:12px;padding:13px 15px;border:0;border-radius:7px;background:transparent;color:#bfc8d8;text-align:left;cursor:pointer}.app>aside nav button.active,.app>aside nav button:hover{background:#ffffff12;color:#fff}.storage{margin-top:auto;padding:15px;border:1px solid #ffffff1e;border-radius:8px}.storage b,.storage span{display:block}.storage span{color:#9aa8bd;font-size:.75rem}main{min-width:0;padding:34px clamp(22px,4vw,60px)}main>header{display:flex;align-items:center;justify-content:space-between;gap:25px}main>header p,dialog header p{margin:0;color:var(--blue);font-size:.7rem;letter-spacing:.15em;font-weight:800}h1,h2,h3{font-family:Manrope,sans-serif}h1{margin:4px 0 0;font-size:2rem}.actions{display:flex;gap:9px}.primary,.ghost,.danger{min-height:42px;padding:0 16px;border-radius:7px;font-weight:700;cursor:pointer}.primary{border:0;background:var(--gold);color:var(--navy)}.ghost{border:1px solid #c9cfda;background:#fff;color:var(--ink)}.danger{border:1px solid #df9b9b;background:#fff;color:#a52626}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0 18px}.metrics article{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted);font-size:.8rem}.metrics strong{margin-top:6px;font:800 1.8rem Manrope}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar label{display:flex;align-items:center;gap:8px;flex:1;max-width:460px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:7px}.toolbar input{width:100%;min-height:42px;border:0;outline:0}.toolbar select{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff}.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:11px;overflow:auto;padding-bottom:18px}.column{min-height:480px;padding:10px;background:#e9ebf0;border-radius:9px}.column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 10px}.column h3{margin:0;font-size:.83rem}.column>header span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#d5d8df;color:var(--muted);font-size:.75rem}.column>div{display:grid;gap:8px}.lead-card{padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 10px #070d2b08;cursor:pointer}.lead-card:hover{border-color:#97a4b8}.lead-card>div{display:flex;align-items:center;gap:8px}.avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#e8edf4;color:var(--blue);font-weight:800}.lead-card p{margin:12px 0 3px;color:var(--blue);font-weight:600}.lead-card small{color:var(--muted)}.lead-card time{display:block;margin-top:11px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.due{color:#a52626!important;font-weight:700}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse}th,td{padding:14px 17px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.75rem}td strong,td small{display:block}td small{color:var(--muted)}tbody tr{cursor:pointer}tbody tr:hover{background:#f7f8fa}.status{display:inline-block;padding:4px 8px;border-radius:12px;background:#e8edf4;color:var(--blue);font-size:.7rem;font-weight:700}.status.cliente{background:#e2f1e6;color:#26733b}.status.perdido{background:#f1e3e3;color:#933}.status.proposta{background:#f6ecd3;color:#76591b}.followups{display:grid;gap:8px}.followups article{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:18px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.followups time{font-weight:700;color:var(--blue)}.followups p{margin:3px 0 0;color:var(--muted)}.empty{padding:80px 20px;text-align:center}.empty div{font-size:3rem;color:var(--gold)}.empty h2{margin-bottom:5px}.empty p{color:var(--muted)}dialog{width:min(680px,calc(100% - 30px));padding:0;border:0;border-radius:12px;box-shadow:0 25px 80px #070d2b48}dialog::backdrop{background:#070d2b99}dialog form>header{display:flex;justify-content:space-between;padding:24px 26px 12px}dialog h2{margin:3px 0 0}.close{border:0;background:transparent;font-size:1.5rem;cursor:pointer}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:12px 26px 24px}.fields label{font-weight:600}.fields input,.fields select,.fields textarea{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #bdc4d0;border-radius:6px}.fields .full{grid-column:1/-1}dialog footer{display:flex;gap:9px;padding:17px 26px;background:#f4f5f8}dialog footer span{flex:1}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:11px 18px;border-radius:7px;background:var(--navy);color:#fff;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:900px){.app{grid-template-columns:78px 1fr}.app>aside img{width:45px;object-fit:cover;object-position:left}.app>aside nav button{justify-content:center}.app>aside nav span,.storage{display:none}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){.app{display:block}.app>aside{position:static;width:100%;height:auto;padding:10px 15px;flex-direction:row;align-items:center}.app>aside img{width:145px}.app>aside nav{display:flex;margin:0 0 0 auto}.app>aside nav button{padding:10px}.app>aside nav span{display:none}main{padding:22px 15px}main>header{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar label{min-width:100%}.board{grid-template-columns:repeat(5,240px)}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.followups article{grid-template-columns:85px 1fr}.followups .status{display:none}}