:root{--tdc-font:"Exo 2", sans-serif;--tdc-bg:#f6f7f9;--tdc-surface:#fff;--tdc-surface-soft:#eef1f4;--tdc-text:#1f2124;--tdc-text-secondary:#6b7280;--tdc-border:#dde2e8;--tdc-orange:#f57c00;--tdc-orange-hover:#ffb74d;--tdc-dark-teal:#0b3c49;--tdc-success-teal:#0f8b8d;--tdc-warning:#f59e0b;--tdc-danger:#dc2626;--tdc-radius-card:8px;--tdc-radius-button:6px;--tdc-shadow-card:0 1px 2px #1f21240a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--tdc-font);color:var(--tdc-text);background:var(--tdc-bg);margin:0;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--tdc-surface);border-right:1px solid var(--tdc-border);flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand-block,.topbar,.topbar-actions,.user-box,.page-head,.panel-head,.card-row,.project-footer,.table-actions,.connected-tool,.inline-actions,.tool-left,.storage-topline,.workspace-switcher,.hint,.member-row{align-items:center;display:flex}.brand-block{min-height:42px}.brand-logo{width:168px;height:auto;display:block}.brand-mark,.avatar{color:#fff;background:var(--tdc-dark-teal);border-radius:7px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.brand-title{letter-spacing:-.03em;font-size:18px;font-weight:700;line-height:1}.brand-subtitle{color:var(--tdc-text-secondary);margin-top:3px;font-size:10px;font-weight:500}.main-nav{gap:3px;display:grid}.nav-item{height:36px;color:var(--tdc-text-secondary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:var(--tdc-text);background:var(--tdc-surface-soft)}.nav-item.active{box-shadow:inset 3px 0 0 var(--tdc-success-teal)}.nav-item svg{color:var(--tdc-dark-teal)}.storage-card,.workspace-switcher{border:1px solid var(--tdc-border);border-radius:var(--tdc-radius-card);background:var(--tdc-surface);padding:14px}.storage-card{margin-top:auto}.storage-topline{color:var(--tdc-text-secondary);justify-content:space-between;gap:12px;margin-bottom:9px;font-size:11px}.storage-topline strong{color:var(--tdc-text);font-size:11px}.progress{background:var(--tdc-surface-soft);border-radius:999px;height:5px;overflow:hidden}.progress span{background:var(--tdc-success-teal);height:100%;display:block}.storage-card p{color:var(--tdc-text-secondary);margin:9px 0 12px;font-size:11px;line-height:1.35}.workspace-switcher{justify-content:space-between;gap:10px}.workspace-name{font-weight:700}.workspace-meta{color:var(--tdc-text-secondary);font-size:11px}.workspace{min-width:0}.topbar{background:var(--tdc-surface);border-bottom:1px solid var(--tdc-border);justify-content:space-between;gap:18px;height:72px;padding:0 28px}.search-box{border:1px solid var(--tdc-border);background:var(--tdc-surface);max-width:520px;height:38px;color:var(--tdc-text-secondary);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--tdc-text);background:0 0;border:0;outline:0}.topbar-actions{gap:12px}.icon-button{border:1px solid var(--tdc-border);width:34px;height:34px;color:var(--tdc-text-secondary);background:var(--tdc-surface);border-radius:7px;place-items:center;display:grid}.user-box{border-left:1px solid var(--tdc-border);gap:9px;padding-left:12px}.user-name{margin:0;font-weight:700;line-height:1.2}.user-email{color:var(--tdc-text-secondary);margin:0;font-size:11px}.page{padding:30px 32px 34px}.page-head{justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{color:var(--tdc-success-teal);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:10px;font-weight:700}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:6px;font-size:34px;line-height:1}.page-subtitle{color:var(--tdc-text-secondary);margin:0;font-size:14px}.notice,.loading-strip{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:7px;margin:0 0 12px;padding:10px 12px;font-size:12px;font-weight:700}.notice.success{color:var(--tdc-success-teal);background:#0f8b8d0f;border-color:#0f8b8d38}.notice.error{color:var(--tdc-danger);background:#dc26260f;border-color:#dc262638}.loading-strip{color:var(--tdc-text-secondary);background:var(--tdc-surface-soft)}.button{border-radius:var(--tdc-radius-button);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.button-primary{color:#fff;background:var(--tdc-dark-teal)}.button-primary:hover{background:var(--tdc-success-teal)}.button-secondary{color:var(--tdc-text);background:var(--tdc-surface);border-color:var(--tdc-border)}.button-upgrade{color:#fff;background:var(--tdc-orange);width:100%}.button-upgrade:hover{background:var(--tdc-orange-hover)}.main-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.metric-card,.panel,.project-card{background:var(--tdc-surface);border:1px solid var(--tdc-border);border-radius:var(--tdc-radius-card);box-shadow:var(--tdc-shadow-card)}.metric-card{padding:16px}.storage-metric{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-donut{background:conic-gradient(var(--tdc-success-teal) 0 var(--storage-percent), var(--tdc-surface-soft) var(--storage-percent) 100%);border-radius:999px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative}.storage-donut:after{content:"";background:var(--tdc-surface);border-radius:999px;position:absolute;inset:7px}.storage-donut span{z-index:1;color:var(--tdc-dark-teal);font-size:11px;font-weight:800;position:relative}.metric-label{color:var(--tdc-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.metric-value{letter-spacing:-.035em;margin:0 0 4px;font-size:27px;font-weight:700;line-height:1}.metric-note{color:var(--tdc-success-teal);margin:0;font-size:11px;font-weight:600}.panel{padding:18px}.panel+.panel{margin-top:14px}.panel-head{justify-content:space-between;gap:14px;margin-bottom:14px}.panel-title{letter-spacing:-.02em;margin:0;font-size:17px}.inline-actions{flex-wrap:wrap;gap:8px}.select-like{border:1px solid var(--tdc-border);background:var(--tdc-surface);min-width:112px;height:34px;color:var(--tdc-text-secondary);border-radius:6px;padding:0 11px;font-size:12px;font-weight:600}.select-like.active-filter{color:var(--tdc-text);background:var(--tdc-surface-soft)}.project-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-card{overflow:hidden}.project-card.selected{outline:2px solid #0f8b8d40}.project-cover{background:var(--tdc-surface-soft);border-bottom:1px solid var(--tdc-border);height:138px;position:relative}.cover-lines{background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#0b3c491f 50%,#0000 51%),linear-gradient(#0000 49%,#0b3c491a 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #0b3c4926;position:absolute;inset:18px}.kebab{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:6px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}.project-body{padding:14px}.card-row{justify-content:space-between;gap:12px;margin-bottom:8px}.project-title{letter-spacing:-.02em;margin:0;font-size:15px}.project-meta{color:var(--tdc-text-secondary);margin:0 0 14px;font-size:11px}.project-stats{border-top:1px solid var(--tdc-border);border-bottom:1px solid var(--tdc-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:14px;padding:10px 0;display:grid}.stat{color:var(--tdc-text-secondary);padding-right:8px;font-size:10px}.stat+.stat{border-left:1px solid var(--tdc-border);padding-left:8px}.stat strong{color:var(--tdc-text);margin-top:3px;font-size:13px;display:block}.project-footer{justify-content:space-between;gap:10px}.avatar-stack{align-items:center;display:flex}.avatar-dot{color:#fff;background:var(--tdc-dark-teal);border:2px solid #fff;border-radius:999px;place-items:center;width:24px;height:24px;margin-left:-5px;font-size:9px;font-weight:700;display:grid}.avatar-dot:first-child{margin-left:0}.avatar-dot.soft{color:var(--tdc-dark-teal);background:var(--tdc-surface-soft)}.side-column{align-content:start;gap:14px;display:grid}.connected-tool{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:7px;justify-content:space-between;gap:10px;min-height:58px;padding:11px}.connected-tool+.connected-tool{margin-top:8px}.tool-left{gap:10px}.tool-icon{color:#fff;background:var(--tdc-dark-teal);border-radius:6px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.tool-icon.orange{background:var(--tdc-orange)}.tool-icon.teal{background:var(--tdc-success-teal)}.tool-title{margin:0;font-weight:700}.tool-subtitle{color:var(--tdc-text-secondary);margin:2px 0 0;font-size:11px}.status-pill{text-transform:uppercase;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800}.status-pill.beta{color:var(--tdc-success-teal);background:#0f8b8d17}.status-pill.soon{color:var(--tdc-orange);background:#f57c001a}.activity-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.activity-list li{border-bottom:1px solid var(--tdc-border);color:var(--tdc-text-secondary);gap:3px;padding-bottom:10px;font-size:12px;display:grid}.activity-list li:last-child{border-bottom:0;padding-bottom:0}.activity-list strong{color:var(--tdc-text)}.activity-list small{color:var(--tdc-text-secondary);font-size:10px}.table-panel{margin-top:18px}.table-wrap{border:1px solid var(--tdc-border);border-radius:7px;overflow-x:auto}table{border-collapse:collapse;background:var(--tdc-surface);width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid var(--tdc-border);vertical-align:middle;padding:11px 12px}th{color:var(--tdc-text-secondary);background:var(--tdc-surface-soft);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}td{font-size:12px}td strong,td span{display:block}td span{color:var(--tdc-text-secondary);margin-top:3px;font-size:10px}.empty-cell{color:var(--tdc-text-secondary);text-align:center}.role{border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-block}.role.admin{color:var(--tdc-dark-teal);background:#0b3c4917}.role.editor{color:var(--tdc-warning);background:#f59e0b1a}.role.viewer{color:var(--tdc-text-secondary);background:var(--tdc-surface-soft)}.table-actions{gap:6px}.table-actions button{border:1px solid var(--tdc-border);min-height:28px;color:var(--tdc-text);background:var(--tdc-surface);border-radius:5px;padding:0 9px;font-size:11px;font-weight:700}.table-actions button.primary-action{color:#fff;border-color:var(--tdc-dark-teal);background:var(--tdc-dark-teal)}.table-actions button.disabled{color:var(--tdc-text-secondary);background:var(--tdc-surface-soft);cursor:not-allowed}.empty-state{color:var(--tdc-text-secondary);text-align:center;justify-items:center;gap:5px;padding:26px 18px;display:grid}.empty-state strong{color:var(--tdc-text);font-size:13px}.empty-state p{margin:0;font-size:12px}.empty-state.compact{padding:14px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setting-item{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:7px;gap:5px;padding:14px;display:grid}.setting-item strong{font-size:12px}.setting-item span{color:var(--tdc-text-secondary);font-size:12px}.modal-backdrop{z-index:20;background:#1f21244d;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:8px;width:min(720px,100%);padding:18px;box-shadow:0 18px 50px #1f21242e}.modal-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.modal-head h2{margin:0;font-size:18px}.form-stack{gap:13px;display:grid}.form-stack label{color:var(--tdc-text);gap:6px;font-size:12px;font-weight:700;display:grid}.form-stack input,.form-stack select,.form-stack textarea{border:1px solid var(--tdc-border);background:var(--tdc-surface);width:100%;color:var(--tdc-text);border-radius:6px;padding:10px 11px}.form-stack textarea{resize:vertical;min-height:92px}.hint{color:var(--tdc-text-secondary);gap:7px;margin:0;font-size:11px;line-height:1.4}.member-list{gap:10px;display:grid}.member-row{border:1px solid var(--tdc-border);border-radius:7px;gap:10px;padding:10px}.member-row p{color:var(--tdc-text-secondary);margin:3px 0 0;font-size:11px}@media (width<=1180px){.main-grid,.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid,.project-list,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page,.topbar,.sidebar{padding-inline:18px}.topbar,.page-head{flex-direction:column;align-items:stretch;height:auto;padding-block:16px}.search-box{max-width:none}.main-nav,.metrics-grid,.project-list,.settings-grid{grid-template-columns:1fr}.user-box{border-left:0;padding-left:0}}.app-shell:not(:has(.main-nav .nav-item:first-child.active)) .metrics-grid{display:none}.workspace{height:100vh;overflow:hidden}.page{height:calc(100vh - 72px);padding-bottom:16px;overflow:auto}.metric-card-tall{align-items:center;gap:14px;min-height:112px;display:flex}.metric-icon{color:#fff;background:var(--tdc-dark-teal);letter-spacing:.03em;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.project-cover{height:176px}.project-cover img{object-fit:cover;width:100%;height:100%;display:block}.project-hero{margin-bottom:14px;padding:18px 0 0}.back-link{color:var(--tdc-success-teal);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.project-hero-main{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:10px;display:flex}.project-tabs{border-bottom:1px solid var(--tdc-border);flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-tabs button{min-height:38px;color:var(--tdc-text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 13px;font-weight:700}.project-tabs button.active{color:var(--tdc-success-teal);border-bottom-color:var(--tdc-success-teal)}.project-select{border:1px solid var(--tdc-border);min-width:360px;height:42px;color:var(--tdc-text);background:var(--tdc-surface);letter-spacing:-.03em;border-radius:7px;padding:0 12px;font-size:20px;font-weight:800}.project-overview{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.project-overview-main{border-bottom:0;grid-column:1/2;padding-bottom:0;display:block}.project-overview-main h2{margin:0 0 6px;font-size:26px}.project-overview-main>p{margin:0}.project-cover-editor{border:1px solid var(--tdc-border);background:var(--tdc-surface-soft);border-radius:10px;grid-column:1/2;min-height:230px;max-height:260px;position:relative;overflow:hidden}.project-cover-editor img{object-fit:cover;width:100%;height:230px;min-height:230px;display:block}.edit-cover-button{color:#fff;background:#0b3c49e0;border:0;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;left:12px}.editable-title{align-items:center;gap:10px;display:flex}.overview-actions{display:none}.project-overview-main:after{content:"Creato da: utente demo\a Il: dato progetto";white-space:pre-line;color:var(--tdc-text-secondary);text-align:left;margin-top:8px;font-size:12px;line-height:1.45;display:block}.overview-grid{grid-area:1/2/span 2/3;grid-template-columns:1fr;align-self:stretch;gap:10px;display:grid}.summary-row{border-bottom:1px solid var(--tdc-border);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:12px;display:flex}.summary-row:last-child{border-bottom:0}.count-pill{min-width:24px;height:24px;color:var(--tdc-dark-teal);background:var(--tdc-surface-soft);border-radius:999px;place-items:center;margin-left:6px;font-size:11px;display:inline-grid}.members-table{border:1px solid var(--tdc-border);border-radius:8px;overflow-x:auto}.member-cell{align-items:center;gap:9px;display:flex}.permission-pills{flex-wrap:wrap;gap:5px;display:flex}.permission-pills span{color:var(--tdc-success-teal);background:#0f8b8d14;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800}.permission-pills .manage{color:var(--tdc-orange);background:#f57c001a}.kebab-inline{border:1px solid var(--tdc-border);color:var(--tdc-text-secondary);background:var(--tdc-surface);border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700}.invite-strip{border:1px solid var(--tdc-border);border-radius:8px;grid-template-columns:minmax(0,1fr) 160px auto;gap:12px;margin-top:14px;padding:14px;display:grid}.invite-strip label{color:var(--tdc-text-secondary);gap:6px;font-size:11px;font-weight:700;display:grid}.invite-strip input,.invite-strip select{border:1px solid var(--tdc-border);background:var(--tdc-surface);border-radius:6px;width:100%;height:36px;padding:0 10px}.images-panel{min-height:480px}.image-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.image-card{border:1px solid var(--tdc-border);border-radius:var(--tdc-radius-card);background:var(--tdc-surface);box-shadow:var(--tdc-shadow-card);overflow:hidden}.image-preview{aspect-ratio:16/10;background:var(--tdc-surface-soft);position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-placeholder{width:100%;height:100%;color:var(--tdc-dark-teal);background:var(--tdc-surface-soft);place-items:center;display:grid}.image-chip{color:#fff;background:#0b3c49db;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;bottom:8px;left:8px}.image-card-body{padding:11px}.image-card-body strong{margin-bottom:4px;font-size:12px;display:block}.image-card-body p{color:var(--tdc-text-secondary);margin:0 0 4px;font-size:10px}.tag-list{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.tag-list span{color:var(--tdc-dark-teal);background:var(--tdc-surface-soft);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:700}.storage-overview{align-items:center;gap:14px;display:flex}.storage-donut.large{width:72px;height:72px}.storage-donut.large:after{inset:9px}.storage-donut.large span{font-size:13px}.ifc-dropzone{color:var(--tdc-dark-teal);text-align:center;background:#0f8b8d06;border-style:dashed;border-color:#0f8b8d5c;justify-items:center;gap:9px;margin-bottom:14px;padding:34px;display:grid}.ifc-dropzone h2{margin:0;font-size:18px}.ifc-dropzone p{max-width:560px;color:var(--tdc-text-secondary);margin:0 0 4px}.app-footer{color:#fff;background:var(--tdc-dark-teal);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;font-size:11px;display:flex}.app-footer a{color:#fff;opacity:.88;font-weight:700;text-decoration:none}.storage-limit-copy{gap:16px;display:grid}.storage-limit-copy p{color:var(--tdc-text-secondary);margin:0;line-height:1.55}@media (width<=1180px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-hero-main,.project-overview{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.project-overview-main{display:block}.project-overview-main:after{text-align:left;margin-top:8px;display:block}.project-cover-editor,.overview-grid{grid-area:auto}.project-select{width:100%;min-width:0}.invite-strip{grid-template-columns:1fr}}@media (width<=760px){.workspace,.page{height:auto;overflow:visible}.image-grid{grid-template-columns:1fr}.app-footer{flex-direction:column;align-items:flex-start}}