@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#243744;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#102b3a;color:#e6f0f2;display:flex;flex-direction:column;padding:26px 14px 20px;min-height:100vh}.sidebar-top{padding:0 15px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:#c4eee4;color:#163b40;font:800 24px Manrope,Arial}.brand strong{display:block;font:800 19px Manrope,Arial;letter-spacing:.08em}.brand span{font-size:11px;color:#9bb7bf;letter-spacing:.04em}.side-caption{font-size:10px;letter-spacing:.17em;color:#7495a0;font-weight:700;margin:49px 16px 14px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:43px;padding:0 14px;color:#a9c0c7;background:none;border:0;border-radius:8px;text-align:left;font-weight:600;font-size:13px}.nav-item:hover{background:#183c4c;color:#fff}.nav-item.current{background:#245066;color:#fff}.nav-item em{font-style:normal;margin-left:auto;background:#386578;border-radius:20px;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid #31505f;padding:17px 11px 0}.demo-tag{display:inline-block;padding:5px 8px;border:1px solid #527482;border-radius:5px;color:#b8d6d9;font-size:10px;letter-spacing:.03em}.demo-note{font-size:11px;line-height:1.4;color:#92b0bb;margin:9px 0 20px}.profile{display:flex;gap:9px;align-items:center;margin:20px 0 10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9e8dc;color:#28514b;font-weight:800}.profile strong,.profile span{display:block;font-size:12px}.profile span{color:#94b1bb;font-size:10px;margin-top:3px}.switch-person{width:100%;background:#173a4b;border:1px solid #426272;color:#dbeaec;border-radius:6px;font-size:11px;padding:7px}.text-button{background:none;border:0;color:#bfd4da;padding:5px 0}main{flex:1;min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid #e3e9ec;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:12px;color:#8b9ba4}.breadcrumb span{padding:0 9px;color:#b8c4c9}.breadcrumb b{font-weight:600;color:#3e5865}.top-actions{display:flex;align-items:center;gap:20px}.today{font-size:12px;color:#7c929c}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;min-height:35px;padding:8px 13px;font-size:12px;font-weight:700;white-space:nowrap}.primary{background:#17796f;color:#fff;border:1px solid #17796f}.primary:hover{background:#10695f}.secondary{background:#fff;color:#31505c;border:1px solid #d8e2e6}.secondary:hover{background:#f2f7f7}.content{max-width:1570px;margin:0 auto;padding:31px 36px 60px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#2c9a88;margin:0 0 8px}.page-head h1,.detail-head h1{font:800 26px Manrope,Arial;letter-spacing:-.04em;margin:0;color:#153441}.subhead{color:#8395a0;font-size:12px;margin:7px 0 0}.head-actions{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:21px}.stat{background:#fff;border:1px solid #e3e9eb;border-radius:10px;padding:17px 19px 14px;min-height:112px;box-shadow:0 2px 7px #162e3a05}.stat-top{display:flex;align-items:start;justify-content:space-between;font-size:12px;color:#82949e;font-weight:700}.stat-top div{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.stat strong{display:block;font:800 27px Manrope,Arial;color:#1f3744;margin-top:8px}.stat.blue .stat-top div{background:#e9f2f7;color:#3a7999}.stat.green .stat-top div{background:#e7f4ed;color:#258568}.stat.red .stat-top div{background:#faeae9;color:#c65e57}.stat.amber .stat-top div{background:#fff2df;color:#c8923c}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e1e8eb;border-radius:10px;box-shadow:0 2px 7px #162e3a04;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0f1;min-height:70px}.panel-head h2,.info-panel h2,.tab-head h2{font:800 14px Manrope,Arial;margin:0;color:#25414e}.panel-head p{font-size:11px;color:#91a1a9;margin:5px 0 0}.link{border:0;background:none;color:#157d73;font-size:11px;font-weight:800}.action-row{display:flex;align-items:center;gap:11px;padding:13px 20px;border-bottom:1px solid #f0f2f3}.action-row:last-child{border-bottom:0}.check-button{height:22px;width:22px;flex:none;border:1.5px solid #bccdd0;border-radius:5px;background:#fff;color:transparent;padding:0;display:grid;place-items:center}.check-button:hover{border-color:#1b8b7d;color:#1b8b7d}.action-body{border:0;background:none;text-align:left;min-width:0;flex:1;padding:0}.action-body strong,.action-body span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-body strong{font-size:12px;color:#29434f;font-weight:700}.action-body span{font-size:10px;color:#95a6ae;margin-top:4px}.due{font-size:10px;color:#76929d;white-space:nowrap}.due.late{color:#bc6056;background:#fbeceb;padding:4px 6px;border-radius:4px}.priority-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:0;border-bottom:1px solid #f0f2f3;padding:17px 20px;text-align:left}.priority-list button:hover,.table-panel tbody tr:hover{background:#f8fbfa}.priority-list strong,.priority-list span:not(.badge){display:block}.priority-list strong{font-size:12px;color:#29434f}.priority-list span:not(.badge){font-size:10px;color:#94a5ad;margin-top:4px}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:700;background:#eef1f3;color:#6b808a}.badge.alta{background:#fae9e7;color:#bd635b}.badge.media{background:#fff3df;color:#b78334}.badge.bassa{background:#eaf3ed;color:#57936a}.badge.in-lavorazione{background:#e7f4ee;color:#39866d}.badge.in-attesa{background:#fff2e2;color:#b98638}.badge.da-avviare{background:#eaf0f7;color:#5983a1}.badge.conclusa{background:#e9eef0;color:#738993}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.search{height:38px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe7e9;border-radius:7px;color:#91a2aa;padding:0 11px;flex:1;max-width:430px}.search input{border:0;outline:0;width:100%;font-size:11px}.filters{display:flex;align-items:center;gap:7px;color:#9aabb2}.filters select{height:38px;border:1px solid #dfe7e9;background:#fff;border-radius:7px;color:#5e7580;padding:0 9px;font-size:11px}.table-panel{margin-top:17px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}.table-panel th{padding:13px 20px;text-align:left;font-size:9px;letter-spacing:.1em;color:#91a3aa;font-weight:800;background:#fafcfc;white-space:nowrap}.table-panel td{border-top:1px solid #edf1f2;padding:16px 20px;color:#526a76;font-size:11px;white-space:nowrap}.table-panel tbody tr{cursor:pointer}.table-panel td:first-child strong,.table-panel td:first-child span{display:block}.table-panel td:first-child strong{color:#2c4551;font-size:12px}.table-panel td:first-child span{color:#91a1a9;font-size:10px;margin-top:4px}.count{background:#eef3f4;color:#728d99;border-radius:20px;padding:3px 7px;font-size:10px;margin-left:5px}.empty{padding:24px 20px;color:#8fa2aa;font-size:12px}.loading{padding:50px;color:#78909a}.alert,.success{display:flex;align-items:center;gap:8px;margin-bottom:18px;border-radius:7px;padding:10px 13px;font-size:12px}.alert{background:#fff0ee;border:1px solid #f4d2cd;color:#ad4e45}.alert button{margin-left:auto;border:0;background:none;color:inherit}.success{background:#e9f7ed;color:#267754;border:1px solid #cde9d5}.back{border:0;background:none;color:#53727d;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;margin-bottom:24px;padding:0}.detail-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-head p:not(.eyebrow){font-size:13px;color:#758b96;margin:6px 0 14px}.detail-badges{display:flex;gap:7px}.detail-actions{display:flex;align-items:start;gap:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px;align-items:start}.tabs{display:flex;gap:24px;padding:0 21px;border-bottom:1px solid #e8edef}.tabs button{border:0;background:none;color:#8da1a9;padding:17px 0 14px;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:#17796f;border-color:#17796f}.tabs span{font-size:10px;background:#edf4f3;padding:2px 6px;border-radius:10px;margin-left:3px}.tab-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 13px}.detail-action-list{padding:0 21px 22px}.detail-action{border:1px solid #e4ecee;border-radius:8px;padding:15px;margin-bottom:10px}.detail-action-top{display:flex;gap:11px;align-items:start}.action-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#e8f4f1;color:#398b77}.detail-action strong{font-size:12px;color:#284450}.detail-action p{font-size:10px;color:#92a3aa;margin:5px 0 0}.complete-link{margin:14px 0 0 42px;border:0;background:none;color:#178378;font-weight:700;font-size:11px;display:flex;align-items:center;gap:7px;padding:0}.info-panel{padding:20px}.info-panel h2{margin-bottom:19px}.info-panel dl{margin:0}.info-panel dt{font-size:10px;color:#95a6ac;margin-top:16px}.info-panel dd{font-size:11px;color:#3d5661;margin:5px 0 0;line-height:1.5}.timeline{padding:3px 22px 20px}.event{display:flex;gap:13px;border-left:1px solid #dce7e7;margin-left:6px;padding:0 0 22px 18px;position:relative}.event-dot{position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:#2a9d89}.event-date{font-size:10px;color:#1e8c7c;font-weight:800}.event p{font-size:12px;color:#39535d;margin:7px 0}.event small{font-size:10px;color:#93a3ab}.event details{font-size:10px;color:#6d8791}.event pre{white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;background:#f5f8f8;padding:8px;border-radius:4px}.calendar-panel{margin-top:6px}.month-title{text-transform:capitalize}.month-controls{display:flex;gap:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{background:#fafcfc;text-align:center;padding:12px;font-size:10px;color:#879ba5;font-weight:800}.calendar-cell{min-height:105px;padding:7px;border-top:1px solid #edf1f2;border-right:1px solid #edf1f2;overflow:hidden}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fafbfb}.calendar-cell>span{font-size:10px;color:#728a95;font-weight:700}.calendar-cell.is-today>span{background:#1b8377;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.calendar-cell button{width:100%;display:block;text-align:left;border:0;border-left:2px solid #309586;border-radius:3px;background:#edf7f3;padding:5px;margin-top:5px;overflow:hidden}.calendar-cell button strong,.calendar-cell button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-cell button strong{font-size:9px;color:#276c62}.calendar-cell button small{font-size:8px;color:#7c9b94;margin-top:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2534a6;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:11px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0d293854}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #edf1f2}.modal-head h2{font:800 17px Manrope,Arial;margin:0;color:#173947}.icon{border:0;background:none;color:#78919c;padding:4px;display:grid;place-items:center}.modal form{padding:20px 22px}.modal label,.login-card label{display:block;font-size:11px;font-weight:700;color:#536d79;margin-bottom:15px}.modal input,.modal select,.modal textarea,.login-card input{display:block;margin-top:7px;width:100%;border:1px solid #d8e3e6;border-radius:6px;padding:9px 10px;font-size:12px;color:#254451;background:#fff;outline-color:#298d7c}.modal textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.modal-actions{border-top:1px solid #edf1f2;margin-top:8px;padding-top:16px;display:flex;justify-content:end;gap:8px}.current-action{background:#f4f8f8;border-radius:7px;padding:11px 12px;margin-bottom:16px}.current-action span,.current-action strong{display:block}.current-action span{font-size:9px;letter-spacing:.1em;color:#91a5ab;font-weight:800}.current-action strong{font-size:12px;color:#294853;margin-top:5px}.next-step{border-top:1px solid #edf1f2;padding-top:15px;margin-top:8px}.next-step h3{font:800 13px Manrope,Arial;margin:0;color:#2b4955}.next-step p{font-size:10px;color:#91a3a9;margin:5px 0 16px}.import-intro{display:flex;gap:12px;background:#f3f8f7;padding:14px;border-radius:8px;margin:20px 22px 15px;color:#2c8978}.import-intro strong{font-size:12px;color:#31505a}.import-intro p{font-size:11px;line-height:1.5;color:#718b93;margin:5px 0 0}.modal>.secondary,.modal>.file-name,.modal>.preview-table,.modal>.alert,.modal>.modal-actions{margin-left:22px;margin-right:22px}.modal>.modal-actions{margin-bottom:20px}.hidden{display:none}.file-name{font-size:11px;color:#78919b}.preview-table{overflow:auto;max-height:220px;border:1px solid #e3ebed}.preview-table td{padding:7px;border:1px solid #e9eff0;font-size:10px;white-space:nowrap}.preview-table tr:first-child{background:#f2f7f7;font-weight:700}.login-page{min-height:100vh;background:#eff5f4;display:grid;place-items:center;padding:20px}.login-card{width:min(390px,100%);background:#fff;border-radius:14px;padding:32px;box-shadow:0 15px 45px #143e4815}.login-card h1{font:800 24px Manrope,Arial;color:#183847;margin:5px 0}.login-card>p:not(.eyebrow){color:#7d949d;font-size:12px;line-height:1.5;margin-bottom:26px}.login-card .eyebrow{margin-top:20px}.login-card form .primary{width:100%;margin:5px 0 18px}.login-card small{font-size:10px;color:#96a7ae}.only-mobile{display:none}@media(max-width:1050px){.sidebar{width:210px}.content{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 240px}.filters{flex-wrap:wrap;justify-content:end}}@media(max-width:760px){.sidebar{position:fixed;z-index:11;transform:translate(-100%);transition:transform .2s;width:246px}.sidebar.open{transform:translate(0)}.sidebar-top{display:flex;justify-content:space-between;align-items:center}.only-mobile{display:grid}.topbar{padding:0 18px}.breadcrumb,.today{display:none}.content{padding:24px 16px}.page-head,.detail-head{align-items:start;flex-direction:column}.head-actions{width:100%}.head-actions button{flex:1}.stat-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column}.search{max-width:none}.filters{justify-content:start}.detail-grid{grid-template-columns:1fr}.calendar-cell{min-height:72px;padding:3px}.calendar-cell button small{display:none}.calendar-cell button strong{font-size:8px}.table-panel td,.table-panel th{padding:12px}.top-actions .primary{font-size:11px}}@media(max-width:440px){.stat-grid{gap:8px}.stat{padding:13px;min-height:96px}.stat strong{font-size:24px}.stat-top{font-size:10px}.filters select{flex:1;min-width:110px}.form-grid{grid-template-columns:1fr}.modal{max-height:95vh}.detail-actions{flex-wrap:wrap}.tabs{gap:14px}}.reset-demo{display:flex;align-items:center;gap:6px;background:none;border:0;color:#aec9d0;font-size:10px;padding:0;margin:0 0 7px}.reset-demo:hover{text-decoration:underline}.sidebar-bottom .text-button{display:block;font-size:11px;margin-top:5px}.form-help{font-size:11px;color:#718994;line-height:1.5;margin:0 0 17px}.login-modes{display:flex;gap:6px;background:#f2f6f6;padding:4px;border-radius:7px;margin-bottom:18px}.login-modes button{flex:1;border:0;border-radius:5px;background:none;color:#718994;padding:8px;font-size:11px;font-weight:700}.login-modes button.active{background:#fff;color:#197b71;box-shadow:0 1px 4px #15394716}
