@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";html{background:#f8f6f6}body{min-width:320px;margin:0}#root{min-height:100vh}:root{--wine:#a2012b;--wine-dark:#560018;--ink:#171014;--nav:#10090c;--muted:#776d72;--line:#e9e3e5;--paper:#fff;--wash:#f8f6f6;--green:#18755e;--amber:#aa6411;--plum:#70429c}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:var(--wash);min-height:100vh;color:var(--ink);font-family:DM Sans,sans-serif;display:flex}.sidebar{color:#d5c9cd;background:linear-gradient(165deg,#170a0e 0%,#080506 78%);flex-direction:column;flex:0 0 252px;width:252px;padding:26px 14px 16px;display:flex}.brand-lockup{color:#fff;letter-spacing:.11em;align-items:center;gap:9px;height:43px;padding:0 9px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;display:flex}.brand-lockup small{color:#b88f9b;letter-spacing:.16em;align-self:flex-end;margin:0 0 7px 1px;font:600 8px DM Sans}.brand-glyph{background:var(--wine);border-radius:8px;place-content:center;gap:3px;width:32px;height:32px;display:grid;position:relative;overflow:hidden}.brand-glyph span{border:2px solid #fff;border-left-width:5px;border-radius:2px 0 0 2px;width:19px;height:5px;display:block}.brand-glyph span:first-child{border-bottom:0}.brand-glyph span:last-child{border-top:0}.workspace-tag{color:#c4afb5;border:1px solid #472632;border-radius:7px;align-items:center;gap:7px;margin:28px 8px 18px;padding:8px 10px;font-size:11px;display:flex}.workspace-tag span{background:#44cfa3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #183b31}.sidebar nav{gap:4px;display:grid}.nav-button{appearance:none;color:#ad9ca2;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:14px;transition:all .15s;display:flex}.nav-button svg{stroke-width:1.8px;width:17px;height:17px}.nav-button:hover{color:#fff;background:#2a151c}.nav-button.active{color:#fff;background:linear-gradient(90deg,#7e0023,#570018);box-shadow:inset 2px 0 #ec426f}.nav-button b{color:#28150a;text-align:center;background:#f0b53a;border-radius:99px;min-width:19px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-footer{border-top:1px solid #321c23;margin-top:auto;padding-top:12px}.profile{border-top:1px solid #321c23;align-items:center;gap:9px;margin:15px 8px 0;padding-top:15px;display:flex}.profile>div{color:#3d121d;background:#d9b497;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:700;display:grid}.profile span{color:#fff;gap:2px;font-size:12px;display:grid}.profile small{color:#a68f97;font-size:10px}.profile>svg{color:#aa939b;width:15px;margin-left:auto}main{width:min(100%,1380px);margin:0 auto;padding:42px 52px 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.crumb,.eyebrow{letter-spacing:.12em;color:var(--wine);text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.page-header h1{letter-spacing:-.04em;margin:0;font:600 clamp(28px,3vw,38px)/1.1 Space Grotesk,sans-serif}.intro{color:var(--muted);margin:10px 0 0;font-size:14px}.header-actions{align-items:center;gap:9px;display:flex}.icon-button,.more-button{border:1px solid var(--line);color:#5d4f55;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.more-button:hover{color:var(--wine);border-color:#b78998}.icon-button svg,.more-button svg{width:17px}.primary-button,.secondary-button,.cancel-button,.filter-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{background:var(--wine);color:#fff;box-shadow:0 6px 15px #a2012b2a}.primary-button:hover{background:#850022}.primary-button svg,.secondary-button svg{width:16px}.secondary-button{color:var(--wine);background:#fff;border:1px solid #d7b8c2}.secondary-button:hover{background:#fff6f8}.toast{color:#136348;background:#ecf8f2;border:1px solid #bce7d5;border-radius:8px;align-items:center;gap:8px;min-height:45px;margin-bottom:20px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.toast svg{width:17px}.toast button{color:#347a63;background:0 0;border:0;margin-left:auto;display:grid}.toast button svg{width:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-card,.panel,.lead-card,.board-column{background:var(--paper);border:1px solid var(--line);border-radius:12px}.kpi-card{min-height:160px;padding:19px;position:relative;overflow:hidden}.kpi-card:after{content:"";background:#f8f4f5;border-radius:50%;width:88px;height:88px;position:absolute;top:-35px;right:-37px}.kpi-icon{z-index:1;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.kpi-icon svg{width:17px}.kpi-icon.wine{color:var(--wine);background:#f9e8ed}.kpi-icon.plum{color:var(--plum);background:#f1eafa}.kpi-icon.amber{color:var(--amber);background:#fff1dd}.kpi-icon.green{color:var(--green);background:#e8f6ef}.kpi-card p{color:var(--muted);margin:13px 0 5px;font-size:12px}.kpi-card strong{letter-spacing:-.04em;font:600 24px Space Grotesk;display:block}.kpi-card small{color:#82757a;margin-top:8px;font-size:11px;display:block}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:18px;margin-bottom:18px;display:grid}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel h2,.lead-card h2,.deal-card h2{letter-spacing:-.03em;margin:0;font:600 19px/1.15 Space Grotesk}.text-button{color:var(--wine);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:3px;font-size:12px;font-weight:700;display:inline-flex}.text-button svg{width:15px}.pipeline-bars{gap:18px;display:grid}.pipeline-row{grid-template-columns:150px minmax(50px,1fr) 92px;align-items:center;gap:12px;display:grid}.pipeline-row>div:first-child{gap:3px;display:grid}.pipeline-row span{font-size:12px;font-weight:600}.pipeline-row small{color:var(--muted);font-size:10px}.track{background:#f1eaec;border-radius:9px;height:7px;overflow:hidden}.track i{background:linear-gradient(90deg,#73001f,#c91b51);border-radius:9px;height:100%;display:block}.pipeline-row strong{text-align:right;font-size:12px}.followup-list{gap:16px;display:grid}.followup{grid-template-columns:44px 12px 1fr;align-items:center;gap:9px;display:grid}.followup time{color:#524249;font:700 12px Space Grotesk}.followup-dot{border-radius:50%;width:9px;height:9px}.followup-dot.wine{background:var(--wine)}.followup-dot.amber{background:#e39427}.followup-dot.plum{background:#8757ae}.followup div{gap:4px;display:grid}.followup strong{font-size:12px}.followup small{color:var(--muted);font-size:11px}.deal-panel{padding-bottom:7px}.deal-table{display:grid}.deal-table-head,.deal-row{grid-template-columns:2.1fr 1.1fr .7fr 1.1fr;align-items:center;gap:15px;display:grid}.deal-table-head{color:#9a8d92;letter-spacing:.09em;border-bottom:1px solid var(--line);padding:0 0 10px;font:700 9px DM Sans}.deal-row{border-bottom:1px solid #f0ebed;padding:14px 0}.deal-row:last-child{border-bottom:0}.deal-row>div:first-child{gap:5px;display:grid}.deal-row strong{font-size:12px}.deal-row small{color:var(--muted);font-size:10px}.stage-chip{border-radius:99px;justify-self:start;padding:4px 8px;font-size:10px;font-weight:700}.stage-chip.qualificazione{color:#69488d;background:#f1edf8}.stage-chip.contatto{color:#276b92;background:#eaf3f9}.stage-chip.proposta{color:#9c5b08;background:#fff2dc}.stage-chip.negoziazione{color:#981a42;background:#f8e6ec}.action-state{color:#514147;font-size:11px;font-weight:600;display:block}.board{grid-template-columns:repeat(4,minmax(230px,1fr));align-items:start;gap:14px;padding-bottom:10px;display:grid;overflow:auto}.board-column{background:#f2eff0;min-height:475px;padding:12px}.board-title{justify-content:space-between;align-items:center;padding:3px 3px 13px;font-size:12px;font-weight:700;display:flex}.board-title>div{align-items:center;gap:7px;display:flex}.board-title b{color:#66565b;background:#dfd6d9;border-radius:99px;padding:3px 7px;font-size:10px}.stage-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.stage-dot.qualificazione{background:#8d69b4}.stage-dot.contatto{background:#4c91b8}.stage-dot.proposta{background:#e19b36}.stage-dot.negoziazione{background:#c5335a}.deal-card{background:#fff;border:1px solid #e5dcdf;border-radius:9px;margin-bottom:10px;padding:14px;box-shadow:0 2px 4px #2c10180a}.source-label{color:#806e74;background:#f5eef0;border-radius:4px;padding:3px 5px;font-size:9px;display:inline-block}.deal-card h2{margin-top:12px;font-size:15px}.deal-card p{color:var(--muted);margin:5px 0 14px;font-size:12px}.deal-card-meta{color:#75666c;gap:6px;font-size:10px;display:grid}.deal-card-meta span{align-items:center;gap:4px;display:flex}.deal-card-meta svg{width:12px}.deal-card-footer{border-top:1px solid #f0e9eb;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;font-size:12px;display:flex}.deal-card-footer span{color:var(--wine);font-size:10px;font-weight:700}.leads-layout{gap:16px;display:grid}.lead-summary{justify-content:space-between;align-items:center;gap:22px;display:flex}.lead-summary h2{margin-bottom:8px}.muted{color:var(--muted);max-width:640px;font-size:13px;line-height:1.5}.filter-button{border:1px solid var(--line);color:#5c4b51;background:#fbf8f9}.filter-button svg{width:15px}.lead-list{gap:10px;display:grid}.lead-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;padding:17px;display:grid}.lead-avatar{color:#75132f;background:linear-gradient(145deg,#f1d9df,#e9b6c4);border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:grid}.lead-title{justify-content:space-between;gap:10px;display:flex}.lead-title>div{align-items:center;gap:9px;min-width:0;display:flex}.lead-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.lead-title>small{color:#8c7e83;padding-top:4px;font-size:10px}.lead-status{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700}.lead-status.nuovo{color:#971a43;background:#f8e6ec}.lead-status.contattato{color:#33718f;background:#edf3f8}.lead-status.qualificato{color:#9a5d0d;background:#fff1db}.lead-status.convertito{color:#197354;background:#e7f6ee}.lead-vehicle{color:#4c3f44;align-items:center;gap:5px;margin:8px 0 0;font-size:12px;font-weight:600;display:flex}.lead-vehicle svg{width:14px;color:var(--wine)}.lead-vehicle i{background:#b9aeb2;border-radius:50%;width:3px;height:3px;margin:0 2px}.lead-note{color:var(--muted);margin:8px 0;font-size:12px}.lead-meta{color:#77686e;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.lead-meta span{align-items:center;gap:4px;display:inline-flex}.lead-meta svg{width:12px}.lead-meta b{color:#4c3b41}.lead-actions{align-items:center;gap:7px;padding-top:3px;display:flex}.converted{color:#197354;background:#e7f6ee;border-radius:7px;align-items:center;gap:5px;padding:8px 9px;font-size:11px;font-weight:700;display:inline-flex}.converted svg{width:14px}.coming-soon{text-align:center;margin-top:18px;padding:64px 25px}.coming-icon{width:52px;height:52px;color:var(--wine);background:#f8e8ed;border-radius:14px;place-items:center;margin:0 auto 16px;display:grid}.coming-icon svg{width:25px}.coming-soon h2{margin-bottom:10px;font-size:25px}.coming-soon>p:not(.eyebrow){max-width:540px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.55}.coming-soon>div:last-child{color:#6f6066;justify-content:center;gap:10px;margin-top:20px;font-size:12px;display:flex}.coming-soon>div span{color:var(--wine)}.modal-backdrop{z-index:10;background:#1a070e75;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.lead-modal{background:#fff;border-radius:14px;width:min(660px,100%);padding:24px;box-shadow:0 28px 80px #21051155}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.modal-heading h2{font-size:22px}.lead-modal form{gap:14px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.lead-modal label{color:#44363b;gap:6px;font-size:12px;font-weight:700;display:grid}.lead-modal input,.lead-modal select,.lead-modal textarea{color:#22171a;background:#fff;border:1px solid #ded5d8;border-radius:7px;outline:none;width:100%;padding:9px 10px;font-size:13px}.lead-modal textarea{resize:vertical}.lead-modal input:focus,.lead-modal select:focus,.lead-modal textarea:focus{border-color:#a2012b;box-shadow:0 0 0 3px #a2012b12}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:3px;padding-top:18px;display:flex}.cancel-button{color:#5d4c52;background:#f5f1f2}@media (width<=1050px){main{padding:32px 28px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.board{grid-template-columns:repeat(4,250px)}}@media (width<=760px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;padding:14px;display:block}.brand-lockup{height:34px;padding:0}.workspace-tag,.sidebar-footer{display:none}.sidebar nav{gap:5px;margin-top:12px;display:flex;overflow:auto}.nav-button{flex:none;width:auto;padding:8px 10px}.nav-button span{font-size:12px}.nav-button b{display:none}main{padding:24px 16px 42px}.page-header{display:grid}.header-actions{justify-content:space-between}.primary-button{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{min-height:145px;padding:15px}.kpi-card strong{font-size:20px}.panel{padding:16px}.pipeline-row{grid-template-columns:105px 1fr 70px;gap:7px}.pipeline-row strong{font-size:10px}.deal-table{overflow:auto}.deal-table-head,.deal-row{min-width:650px}.deal-table{padding-bottom:5px}.lead-summary{display:grid}.lead-card{grid-template-columns:38px minmax(0,1fr)}.lead-actions{grid-column:2;justify-content:flex-end}.lead-title{display:grid}.lead-title>small{padding:0}.lead-meta{gap:7px}.form-grid{grid-template-columns:1fr}.lead-modal{padding:18px}.board{grid-template-columns:repeat(4,235px)}.coming-soon>div:last-child{flex-wrap:wrap}.intro{line-height:1.45}}.auth-shell{color:#f9f5f6;background:radial-gradient(circle at 18% 18%,#a2012b6b,#0000 34%),linear-gradient(135deg,#14080c 0%,#070506 68%);place-items:center;width:100%;min-height:100vh;margin:0;padding:24px;font-family:DM Sans,sans-serif;display:grid}.auth-card{background:#1c0f14e0;border:1px solid #ffffff1f;border-radius:22px;width:min(100%,440px);padding:42px;box-shadow:0 28px 70px #0000005c}.auth-mark{gap:5px;margin-bottom:17px;display:flex}.auth-mark span{background:var(--wine);width:28px;height:8px;display:block;transform:skew(-30deg)}.auth-mark span+span{background:#f7eded}.auth-brand{color:#fff;letter-spacing:.13em;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.auth-brand small{color:#df9db0;letter-spacing:.16em;margin-left:6px;font-size:10px}.auth-heading{align-items:center;gap:13px;margin-top:31px;display:flex}.auth-heading>span{color:#f6bdcb;background:#a2012b3d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.auth-heading svg{width:21px}.auth-heading p{color:#d49aae;letter-spacing:.13em;margin:0 0 3px;font-size:10px;font-weight:700}.auth-heading h1{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif;font-size:28px}.auth-intro{color:#c9bdc1;margin:19px 0 27px;font-size:14px;line-height:1.55}.auth-card form{gap:16px;display:grid}.auth-card label{color:#e8dfe2;gap:7px;font-size:13px;font-weight:700;display:grid}.auth-card input{color:#fff;background:#120a0d;border:1px solid #ffffff2b;border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px}.auth-card input:focus{border-color:#db577b;box-shadow:0 0 0 3px #a2012b38}.auth-submit{justify-content:center;width:100%;margin-top:6px}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-error{color:#ffc1d0;background:#b0244333;border-radius:9px;margin:0;padding:10px 12px;font-size:13px}.auth-help{color:#a39499;text-align:center;margin:22px 0 0;font-size:12px}.auth-loading,.auth-notice{text-align:center;justify-items:center;gap:15px;display:grid}.auth-loading{color:#efe5e8}.auth-loading svg{width:28px;animation:1s linear infinite auth-spin}.auth-notice>svg{color:#efbf66;width:32px}.auth-notice h1,.auth-notice p{margin:0}.auth-notice p{color:#c9bdc1;line-height:1.5}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=560px){.auth-shell{padding:16px}.auth-card{border-radius:18px;padding:31px 24px}.auth-heading h1{font-size:25px}}