:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0f172a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--primary-950: #431407;--primary: var(--primary-600);--primary-contrast: #ffffff;--bg: #f6f7f9;--surface: #ffffff;--muted: #64748b;--border: #e5e7eb;--ring: var(--primary-300);--sidebar-bg: #0f172a;--sidebar-fg: #e2e8f0;--sidebar-muted: #94a3b8;--sidebar-border: rgba(255,255,255,.06);--sidebar-hover-bg: rgba(255,255,255,.08);--sidebar-active-bg: #ffffff;--sidebar-active-fg: #0f172a;--sidebar-pill-shadow: 0 4px 16px rgba(0,0,0,.25)}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body,#root{overflow-x:hidden;max-width:100%}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--primary-600);text-decoration:none}a:hover{color:var(--primary-700);text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh;display:block;background:var(--bg);color:#0f172a}h1{font-size:20px;line-height:1.25}h2{font-size:18px;line-height:1.3}h3{font-size:15px;line-height:1.3}@media (max-width: 767px){:root{font-size:15px}}button{border-radius:8px;border:1px solid var(--border);padding:8px 12px;font-size:14px;font-weight:500;font-family:inherit;color:#0f172a;background-color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}button:hover{background-color:var(--primary-50);border-color:var(--primary-300)}button:focus,button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}button[disabled]{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;border:1px solid transparent;background:transparent;color:inherit;text-decoration:none}.btn.sm{padding:8px 12px;font-size:13px;border-radius:8px}.btn.primary{background:var(--primary);color:var(--primary-contrast)}.btn.primary:hover{background:var(--primary-700)}.btn.outline{background:#fff;color:#0f172a;border-color:var(--border)}.btn.outline:hover{border-color:var(--primary-300);color:var(--primary-700)}.btn.ghost{background:transparent;color:#0f172a}.btn.ghost:hover{background:var(--primary-50);color:var(--primary-700)}button{box-sizing:border-box;white-space:nowrap;flex:0 0 auto;width:auto}button,.btn{pointer-events:auto}input,select,textarea{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--primary-300)}.section{margin:16px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header>*{flex:0 0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.card.shadow{box-shadow:0 10px 30px #0000000f}.list{list-style:none;padding:0;display:grid;gap:8px}.muted{color:var(--muted);font-size:12px}.empty{border:1px dashed var(--border);padding:20px;border-radius:12px;background:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#fff;color:#0f172a}.badge.primary{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.badge.gray{background:#f8fafc;border-color:#e2e8f0;color:#334155}.badge.blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.badge.green{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.badge.red{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.badge.amber{background:#fffbeb;border-color:#fde68a;color:#b45309}.tt{display:grid;gap:12px}.tt-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.tt-input{border:none;outline:none;padding:12px 14px;font-size:14px;background:transparent}.tt-controls{display:flex;gap:8px;align-items:center}.tt-project,.tt-compact{min-width:160px}.tt-compact{min-width:120px}.tt-billable.active{color:var(--primary-700);background:var(--primary-50);border-color:var(--primary-200)}.tt-timer{display:flex;align-items:center;gap:10px;margin-left:auto}.tt-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;padding:6px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.tt-start,.tt-stop{min-width:88px}.tt-week{text-align:right;padding:0 4px}.tt-row{display:grid;gap:6px}.tt-row-actions{display:flex;gap:6px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.dot.indigo{background:#6366f1;border-color:#4338ca}.dot.blue{background:#3b82f6;border-color:#1d4ed8}.dot.cyan{background:#06b6d4;border-color:#0891b2}.dot.teal{background:#14b8a6;border-color:#0f766e}.dot.green{background:#22c55e;border-color:#15803d}.dot.lime{background:#84cc16;border-color:#4d7c0f}.dot.amber{background:#f59e0b;border-color:#b45309}.dot.orange{background:#f97316;border-color:#c2410c}.dot.red{background:#ef4444;border-color:#b91c1c}.dot.pink{background:#ec4899;border-color:#9d174d}.dot.purple{background:#a855f7;border-color:#6b21a8}.dot.violet{background:#8b5cf6;border-color:#5b21b6}.dot.slate{background:#64748b;border-color:#334155}.badge.project-color{cursor:pointer;-webkit-user-select:none;user-select:none}.badge.project-color.selected{outline:2px solid var(--ring)}@media (max-width: 767px){.projects-empty-row{flex-direction:column;align-items:flex-start!important;gap:10px!important}}img,video,canvas,svg{max-width:100%;height:auto}table{max-width:100%;display:block;overflow-x:auto}*{box-sizing:border-box}body,html,#root{height:100%}.auth-bg{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:32px}.auth-card{width:560px;max-width:96vw;background:var(--surface);border-radius:16px;box-shadow:0 10px 30px #0000001f;padding:28px 32px;border:1px solid var(--border)}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{flex:1;text-align:center;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);color:#0f172a;text-decoration:none;font-weight:600}.tab.active{background:var(--primary);border-color:var(--primary-600);color:#fff;box-shadow:0 6px 16px #f9731659}.title{margin:10px 0 14px;text-align:center}.social{display:flex;flex-direction:column;gap:12px;margin:12px 0}.social-btn{padding:12px 16px;border-radius:24px;border:1px solid var(--border);background:#fff;text-align:center;font-weight:600}.separator{display:flex;align-items:center;gap:16px;margin:12px 0;color:var(--muted)}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border)}.form{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:12px}.col{flex:1}.label{font-size:12px;font-weight:600;color:#374151}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#0f172a}.error{color:#b91c1c;font-size:12px;margin:0}.auth-primary{margin-top:8px;width:100%;padding:12px 16px;border-radius:24px;background:var(--primary);color:#fff;border:1px solid var(--primary-700);font-weight:700}.auth-primary:hover{background:var(--primary-700)}.app-shell{display:flex;min-height:100vh;width:100%;background:var(--bg);color:#0f172a}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:16px;display:flex;flex-direction:column;gap:16px;color:var(--sidebar-fg)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0000004d;z-index:9}.tenant-switcher{font-weight:600;color:var(--sidebar-fg)}.tenant-logo{display:block;max-width:100%;height:28px}.sidebar-heading{font-size:12px;text-transform:uppercase;color:var(--sidebar-muted);margin:8px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--sidebar-fg);text-decoration:none;border-radius:12px;transition:background .2s ease,color .2s ease}.nav-item .nav-ic{width:18px;height:18px;color:currentColor}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--primary-300);text-decoration:none}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);box-shadow:var(--sidebar-pill-shadow)}.nav-item.active:hover{color:var(--sidebar-active-fg);text-decoration:none}.main{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow-x:hidden}.brand{font-weight:700;color:var(--primary-700);text-decoration:none}.search{background:#fff;border:1px solid var(--border);border-radius:10px;color:#0f172a;padding:8px 10px;min-width:260px}.icon-btn{background:#fff;border:1px solid #e5e7eb;color:#334155;border-radius:8px;padding:6px 8px}.icon-btn:hover{border-color:var(--primary-300);color:var(--primary-700)}.icon-btn.sidebar-toggle{display:none}.floating-actions{position:fixed;top:12px;right:12px;z-index:20;display:flex;gap:8px;align-items:center}.mobile-menu-toggle{position:fixed;top:12px;left:12px;z-index:21;background:transparent;border:none;color:var(--sidebar-bg);padding:4px;display:none;-webkit-appearance:none;appearance:none;border-radius:0;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:hover,.mobile-menu-toggle:active,.mobile-menu-toggle:focus,.mobile-menu-toggle.open{background:transparent;box-shadow:none;outline:none}.mobile-menu-toggle.open{color:#fff}.user-menu{position:relative}.avatar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#334155}.user-menu .menu{display:none;position:absolute;right:0;top:40px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px;min-width:220px;box-shadow:0 10px 30px #00000014}.user-menu.open .menu{display:flex;flex-direction:column;gap:6px}.user-menu .user-info{padding:6px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.user-menu .user-info .name{font-weight:700}.user-menu .user-info .email{font-size:12px;color:#64748b}.user-menu .menu a,.user-menu .menu button{color:#0f172a;text-decoration:none;text-align:left;background:transparent;border:none;padding:8px;border-radius:8px}.user-menu .menu a:hover,.user-menu .menu button:hover{background:var(--primary-50)}.content{padding:64px 16px 16px;min-width:0;overflow-x:hidden}.sidebar-section nav{display:flex;flex-direction:column;gap:10px}@media (max-width: 1279px){.sidebar{width:220px}.nav-item{padding:10px 12px;justify-content:flex-start}.nav-item span{display:inline}}@media (max-width: 767px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s ease;z-index:10}.sidebar.expanded{transform:translate(0)}.sidebar-backdrop.show{display:block}.icon-btn.sidebar-toggle{display:inline-flex}.sidebar .tenant-switcher{margin-top:44px}.mobile-menu-toggle{display:inline-flex}.brand{font-size:16px}.search{display:none}.content{padding:60px 12px 12px;overflow-x:hidden}}.tickets .list{margin:0}.tickets .tickets-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tickets .ticket-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tickets .ticket-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tickets .ticket-actions .btn{white-space:nowrap}.tickets .btn-label{display:inline}@media (max-width: 767px){.tickets .tickets-list-header{flex-direction:column;align-items:flex-start;gap:6px}.tickets .ticket-card-top{flex-direction:column;align-items:stretch}.tickets .ticket-actions{flex-wrap:nowrap;gap:6px;overflow:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tickets .ticket-actions::-webkit-scrollbar{height:6px}.tickets .ticket-actions::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.tickets .btn-label{display:none}}.attivita{overflow-x:hidden}.attivita .kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%;max-width:100%}.attivita .kanban-cards{min-width:0}.attivita .btn-label{display:inline}@media (max-width: 767px){.attivita .section-header{gap:8px;flex-wrap:wrap}.attivita .kanban{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;width:100%;max-width:100%}.attivita .kanban::-webkit-scrollbar{height:6px}.attivita .kanban::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.attivita .kanban-column{flex:0 0 84%;min-width:280px;scroll-snap-align:start}.attivita .kanban-col-header{position:sticky;top:0;background:var(--surface);z-index:1;padding-top:2px}.attivita .btn-label{display:none}}.clienti .clients-list{margin:0}.clienti .client-details{overflow-wrap:anywhere}.clienti .btn-label{display:inline}.clienti .client-row{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left}.clienti .card.inactive{background:#f8fafc;border-color:#e5e7eb;color:#334155}.clienti .card.inactive .muted{color:#94a3b8}.clienti .card.inactive .btn.outline:hover{color:#0f172a}@media (max-width: 767px){.clienti .section-header{gap:8px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center}.clienti .section-header h1{grid-column:1 / 2;grid-row:1}.clienti .clients-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px;width:100%}.clienti .clients-new-btn{grid-column:2;grid-row:1}.clienti .clients-search{grid-column:1 / -1;grid-row:2;width:100%}.clienti .client-row{flex-direction:column;align-items:stretch}.clienti .client-actions{flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.clienti .client-actions::-webkit-scrollbar{height:6px}.clienti .client-actions::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.clienti .btn-label{display:none}}@media (max-width: 767px){.tt-top{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.tt-controls{order:2;display:flex;flex-wrap:wrap;gap:6px}.tt-project,.tt-compact{min-width:0;flex:1 1 46%}.tt-input{order:1;width:100%}.tt-timer{order:3;justify-content:space-between;gap:8px}.tt-start,.tt-stop{min-width:0;width:auto}.tt-week{text-align:left;padding:0 2px}.tt-row-actions{gap:6px}}