@import url('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',sans-serif;color:#24312d;background:#f6f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#24312d;--muted:#87918c;--green:#287a5b;--green-dark:#205d47;--line:#e9ede9;--surface:#fff}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;font-size:14px}
body{margin:0;min-height:100vh;background:#f6f7f5;color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bc6aa;outline-offset:3px}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;display:flex;width:248px;flex-direction:column;padding:27px 17px 18px;background:#fff;border-right:1px solid #edf0ed}
.brand{display:flex;align-items:center;gap:11px;margin:0 6px 32px;font-family:'Manrope',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.8px;line-height:1.05}
.brand-mark{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;background:#287a5b;color:#fff;font-size:25px;font-weight:800;font-style:italic}
.brand-light{color:#4d675d;font-weight:500}.brand small{display:block;margin-top:5px;color:#a0aaa4;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.05px}
.association-switcher{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #ebefec;border-radius:12px;background:#fcfdfc}
.association-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e6f2ec;color:#287a5b;font-weight:700;font-size:11px}
.association-switcher strong,.association-switcher small,.profile-card strong,.profile-card small{display:block}.association-switcher strong,.profile-card strong{font-size:12px;font-weight:700}.association-switcher small,.profile-card small{margin-top:3px;color:#929b96;font-size:10px}.switch-chevron{margin-left:auto;color:#8b9690}
.nav-label{margin:30px 10px 10px;color:#a0aaa4;font-size:9px;font-weight:700;letter-spacing:1.15px}
.side-nav{display:grid;gap:5px}.side-link{display:flex;min-height:41px;align-items:center;gap:12px;padding:0 11px;border-radius:9px;color:#64716a;font-size:12px;font-weight:500;transition:background .16s,color .16s}.side-link:hover{background:#f5f8f6;color:#287a5b}.side-link.active{background:#eaf4ee;color:#267452;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:17px;line-height:1}.nav-count{margin-left:auto;padding:3px 7px;border-radius:20px;background:#f0f3f1;color:#78837c;font-size:10px}
.sidebar-bottom{margin-top:auto}.sidebar-bottom>.side-link{margin-bottom:13px}.profile-card{display:flex;align-items:center;gap:10px;padding:13px 3px 0;border-top:1px solid #edf0ed}.profile-avatar,.topbar-user{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;background:#e8eee8;color:#55715f;font-size:10px;font-weight:700}.profile-more{margin-left:auto;color:#929b96;letter-spacing:2px}
.main-content{display:flex;min-height:100vh;flex-direction:column;margin-left:248px}.topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 43px;border-bottom:1px solid #e9ede9;background:rgba(255,255,255,.72)}.topbar-context{color:#87918c;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:17px}.icon-button{position:relative;width:32px;height:32px;border:0;background:transparent;color:#65736b;font-size:19px;cursor:pointer}.icon-button i{position:absolute;top:6px;right:5px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#e7a65a}.topbar-divider{height:24px;border-left:1px solid #e7ebe7}.topbar-user{width:30px;height:30px}
.content-wrap{width:min(1120px,100%);margin:0 auto;padding:35px 43px 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{margin:0 0 9px;color:#8b9690;font-size:9px;font-weight:700;letter-spacing:1.1px}.page-heading h1{margin:0;color:#25332d;font-family:'Manrope',sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px}.page-heading h1 span{font-size:21px}.heading-copy{margin:7px 0 0;color:#849089;font-size:12px}.button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:0;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.button-primary{background:#287a5b;color:#fff;box-shadow:0 3px 7px #287a5b24}.button-primary:hover{background:#205d47}.button-primary span{font-size:17px;font-weight:400}
.demo-banner{display:flex;align-items:center;gap:10px;margin-bottom:19px;padding:11px 14px;border:1px solid #f0dfc2;border-radius:9px;background:#fffaf1;color:#7b6847;font-size:11px}.demo-banner strong{font-weight:700}.demo-icon{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border:1px solid #c8a86c;border-radius:50%;font-family:Georgia,serif;font-size:11px;font-weight:700}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{min-height:126px;padding:17px 18px;border:1px solid #eaeeea;border-radius:11px;background:#fff;box-shadow:0 2px 6px #24312d04}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#77827b;font-size:11px;font-weight:500}.stat-icon{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;font-size:14px}.stat-icon-green{background:#eaf5ee;color:#438263}.stat-icon-amber{background:#fbf1df;color:#bc8a39}.stat-icon-rose{background:#f9eaea;color:#bc7272}.stat-value{display:flex;align-items:baseline;gap:9px;margin-top:9px;font-family:'Manrope',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px}.stat-change{color:#3f9168;font:600 9px 'DM Sans',sans-serif;letter-spacing:0}.stat-foot{margin-top:3px;color:#9aa39d;font-size:9px}
.members-panel{overflow:hidden;border:1px solid #e9ede9;border-radius:11px;background:#fff;box-shadow:0 2px 6px #24312d04}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 16px}.panel-heading h2{margin:0;font-family:'Manrope',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px}.panel-heading p{margin:5px 0 0;color:#8c9690;font-size:10px}.text-link{color:#287a5b;font-size:10px;font-weight:700}.text-link span{margin-left:4px;font-size:14px}.table-toolbar{display:flex;align-items:center;gap:9px;padding:0 20px 14px}.search-box{display:flex;width:min(330px,100%);height:34px;align-items:center;gap:8px;padding:0 10px;border:1px solid #e7ebe7;border-radius:7px;color:#99a29d}.search-box svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#36423b;font-size:10px}.search-box input::placeholder{color:#a1aaa4}.filter-select select{height:34px;padding:0 26px 0 10px;border:1px solid #e7ebe7;border-radius:7px;background:#fff;color:#6e7972;font-size:10px}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#f9faf9}th{height:34px;padding:0 13px;color:#8d9791;font-size:9px;font-weight:600;white-space:nowrap}th:first-child,td:first-child{padding-left:21px}th:last-child,td:last-child{padding-right:18px;text-align:right}td{height:60px;padding:7px 13px;border-top:1px solid #f0f2f0;color:#647068;font-size:10px;white-space:nowrap}.member-cell{display:flex;align-items:center;gap:10px}.member-cell>span:last-child{display:grid;gap:3px}.member-cell strong{color:#344139;font-size:10px;font-weight:700}.member-cell small{color:#9aa39d;font-size:9px}.avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;font-size:10px;font-weight:700}.avatar-violet{background:#f0eafa;color:#8b6eb0}.avatar-blue{background:#e8f0fa;color:#6589b5}.avatar-peach{background:#fbede4;color:#bb8967}.avatar-mint{background:#e5f3ed;color:#5a9877}.avatar-rose{background:#f8e9eb;color:#ad6f7c}.tax-code{color:#849089;font-variant-numeric:tabular-nums;letter-spacing:.25px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:600}.status-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-attivo{background:#eaf5ee;color:#438263}.status-in_attesa{background:#fbf3e5;color:#ad8138}.status-sospeso{background:#f8ebeb;color:#b56e6e}.row-action{border:0;background:transparent;color:#8c9790;font-size:19px;letter-spacing:2px;cursor:pointer}.table-footer{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid #f0f2f0;color:#929c95;font-size:9px}.demo-only{color:#ae9271}.empty-state{padding:22px;text-align:center;color:#818c85;font-size:11px}.bottom-note{display:flex;align-items:flex-start;gap:12px;margin:16px 0 2px;padding:15px 17px;border:1px solid #e4eee7;border-radius:9px;background:#f0f6f1}.note-icon{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:8px;background:#dcece1;color:#428262}.bottom-note strong{color:#42604d;font-size:10px}.bottom-note p{margin:4px 0 0;color:#829187;font-size:9px;line-height:1.5}.app-footer{display:flex;justify-content:space-between;margin-top:auto;padding:16px 43px;border-top:1px solid #e9ede9;color:#9aa39d;font-size:9px}.app-footer span span{padding:0 4px;color:#c0c7c2}.app-footer a:hover{color:#287a5b}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@media(max-width:1000px){.sidebar{width:215px}.main-content{margin-left:215px}.content-wrap{padding-right:26px;padding-left:26px}.topbar{padding:0 26px}.app-footer{padding-right:26px;padding-left:26px}.stats-grid{gap:10px}.stat-card{padding:15px 13px}.stat-change{display:none}}
@media(max-width:720px){.sidebar{position:relative;inset:auto;width:auto;padding:12px 14px 9px;border-right:0;border-bottom:1px solid #edf0ed}.brand{margin:0 0 11px;font-size:16px}.brand-mark{width:32px;height:32px;border-radius:10px;font-size:21px}.brand small{font-size:7px}.association-switcher,.nav-label,.sidebar-bottom{display:none}.side-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:1px}.side-link{min-height:35px;flex:0 0 auto;gap:7px;padding:0 10px;font-size:10px}.nav-icon{font-size:14px}.nav-count{display:none}.main-content{min-height:calc(100vh - 98px);margin-left:0}.topbar{height:46px;padding:0 17px}.topbar-context{font-size:10px}.topbar-actions{gap:10px}.content-wrap{padding:24px 16px 21px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:21px}.page-heading h1 span{font-size:17px}.heading-copy{font-size:10px}.button{min-height:35px;padding:0 10px;font-size:9px}.demo-banner{align-items:flex-start;padding:10px;font-size:10px;line-height:1.5}.stats-grid{grid-template-columns:1fr;gap:9px;margin-bottom:17px}.stat-card{min-height:0;padding:13px 15px}.stat-value{margin-top:5px;font-size:23px}.stat-foot{margin-top:1px}.panel-heading{padding:16px 14px 13px}.panel-heading h2{font-size:15px}.panel-heading p{max-width:215px;font-size:9px;line-height:1.4}.text-link{white-space:nowrap}.table-toolbar{padding:0 13px 12px}.search-box{flex:1}.filter-select select{max-width:120px;padding-right:17px}.table-scroll{overflow-x:auto}table{min-width:620px}th:first-child,td:first-child{padding-left:14px}.table-footer{padding:11px 14px}.bottom-note{padding:13px}.app-footer{padding:14px 16px;font-size:8px}}