body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#111827}
.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{background:#111827;color:#fff;padding:24px;display:flex;flex-direction:column}
.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:10px 0}
.sidebar a:hover{color:#fff}
.sidebar details{margin-top:10px}
.sidebar details:first-of-type{margin-top:0}
.sidebar details>summary.sidebar-group{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;cursor:pointer}
.sidebar details[open]>summary.sidebar-group{color:#e5e7eb}
.sidebar details>summary.sidebar-group::-webkit-details-marker{display:none}
.sidebar details>summary.sidebar-group::marker{content:""}
.sidebar .sidebar-group-left{display:inline-flex;align-items:center;gap:10px}
.sidebar .sidebar-group-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#60a5fa}
.sidebar .sidebar-group-icon svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sidebar .sidebar-group-caret{opacity:.65;transition:transform .15s ease}
.sidebar details[open] .sidebar-group-caret{transform:rotate(90deg)}
.sidebar .sidebar-submenu{padding-left:28px}
.sidebar-header{text-align:center;margin-bottom:10px}
.sidebar-logo{max-width:180px;max-height:100px;width:auto;height:auto;display:inline-block;object-fit:contain}
.sidebar-logo-crm{max-width:200px;max-height:72px}
.sidebar-footer{margin-top:auto;text-align:center;padding-top:18px}
.content{padding:28px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.08);margin-bottom:20px}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.kpi{font-size:28px;font-weight:700;margin-top:8px}
.muted{color:#6b7280}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;box-sizing:border-box}
input[type=checkbox],input[type=radio]{width:auto;padding:0}
textarea{min-height:120px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 16px;text-decoration:none;cursor:pointer;text-align:center}
.btn.secondary{background:#374151}
.btn.danger{background:#b91c1c}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.status{background:#ecfeff;color:#155e75;border-radius:10px;padding:12px 14px;margin-bottom:18px}
.errors{background:#fef2f2;color:#991b1b;border-radius:10px;padding:12px 16px;margin-bottom:18px}
.success{background:#ecfdf5;color:#065f46;border-radius:10px;padding:12px 16px;margin-bottom:18px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e5e7eb;font-size:12px}
.filters{margin-bottom:16px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}
.filters-form{display:grid;gap:12px}
.filters-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.filters-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.filters .btn{width:auto}

.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:60;background:#111827;color:#fff;padding:12px 16px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-topbar .brand{display:flex;align-items:center;gap:10px;min-width:0}
.mobile-topbar .brand img{height:34px;width:auto;object-fit:contain}
.mobile-topbar .brand-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-menu-btn{width:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;line-height:1}
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:50}
body.nav-open{overflow:hidden}

@media print{
  .sidebar, .topbar .row, .mobile-topbar, .filters, .btn { display: none !important; }
  .content { margin: 0 !important; padding: 0 !important; }
  .shell { display: block !important; }
  .card { box-shadow: none !important; border: none !important; margin: 0 !important; padding: 0 !important; }
  body { background: #fff !important; }
}
@media (max-width: 900px){
  .shell{grid-template-columns:1fr}
  .mobile-topbar{display:flex}
  .content{padding:16px;padding-top:76px}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:85vw;transform:translateX(-110%);transition:transform .2s ease;z-index:70;overflow:auto;padding-top:20px}
  .sidebar.open{transform:translateX(0)}
  .mobile-overlay.open{display:block}
}

@media (max-width: 720px){
  .card{padding:16px;border-radius:12px}
  .topbar{flex-direction:column;align-items:stretch}
  .topbar .row{width:100%}
  .row{flex-direction:column;align-items:stretch}
  .row>*{width:100%}
  .mobile-fullbleed{margin-left:-16px;margin-right:-16px;border-radius:0}
  .mobile-fullbleed.card{padding:0;background:transparent;box-shadow:none}
  .filters-grid{grid-template-columns:1fr}
  .filters-actions{flex-direction:column;align-items:stretch}
  .filters .btn{width:100%}
  th,td{padding:10px}
  textarea{min-height:110px}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  table.table-kv{display:table;overflow:visible}
  table.table-kv th, table.table-kv td{white-space:normal}

  table.table-cards{display:block;overflow:visible}
  table.table-cards tr{display:block;border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin-bottom:12px}
  table.table-cards tr:first-child{display:none}
  table.table-cards td{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #e5e7eb;white-space:normal}
  table.table-cards td:last-child{border-bottom:none}
  table.table-cards td::before{content:attr(data-label);font-weight:700;color:#374151}
  table.table-cards td[data-label=""]::before{content:""}
  table.table-cards td[data-label="Azioni"]{flex-direction:column;align-items:stretch;justify-content:flex-start}
  table.table-cards td[data-label="Azioni"]::before{margin-bottom:6px}
  table.table-cards td[data-label="Azioni"] .row{flex-direction:column;align-items:stretch}
  table.table-cards td[data-label="Azioni"] .row>*{width:100%}
}

.public-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:#f3f4f6}

.auth-page{width:100%;display:flex;align-items:center;justify-content:center;padding:18px}
.auth-card{width:100%;max-width:500px!important;border:1px solid #e5e7eb;box-shadow:0 16px 48px rgba(15,23,42,.10);border-radius:14px}
.auth-head{text-align:center;margin-bottom:14px}
.auth-logo{width:100%;max-width:200px;height:auto;object-fit:contain;display:block;margin:6px auto 14px auto}
.auth-title{margin:0;font-size:22px;letter-spacing:-.01em;color:#111827}
.auth-submit{width:100%;padding:12px 16px;border-radius:10px}
.auth-links{text-align:center;margin-top:12px}
.auth-links a{color:#2563eb;text-decoration:none;font-weight:600}
.auth-links a:hover{text-decoration:underline}

.checkline{display:flex;gap:10px;align-items:center}

.account-item{margin:0;display:flex;gap:12px;align-items:center;cursor:pointer}
.account-item input[type=radio]{margin:0}
.account-logo{width:44px;height:44px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid #e5e7eb}
.account-logo.placeholder{background:#f3f4f6}
.account-text{min-width:0}
.account-title{font-weight:800}

.landing{max-width:1100px;margin:0 auto}
.landing-hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#0b1220 0%,#111827 35%,#0b1220 100%);box-shadow:0 18px 50px rgba(2,6,23,.35);padding:26px}
.landing-hero-inner{position:relative;z-index:2;max-width:640px}
.landing-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e5e7eb;padding:8px 12px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.landing-title{margin:12px 0 8px 0;font-size:44px;line-height:1.05;color:#fff}
.landing-subtitle{margin:0;color:#cbd5e1;font-size:16px;line-height:1.5}
.landing-rotator{display:inline-block;margin-left:6px;color:#93c5fd;font-weight:700}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.landing-login-card{margin-top:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;color:#fff}
.landing-login-card input{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.22)}
.landing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.landing-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}
.landing-stat-value{font-size:28px;font-weight:800;color:#fff}
.landing-feature{border-radius:16px}
.landing-feature-title{font-weight:800;margin-bottom:6px}
.landing-hero-art{position:absolute;inset:-80px -120px auto auto;width:520px;height:520px;pointer-events:none;opacity:.9}
.blob{position:absolute;filter:blur(22px);border-radius:999px;mix-blend-mode:screen;animation:float 10s ease-in-out infinite}
.blob-1{width:300px;height:300px;left:40px;top:70px;background:radial-gradient(circle at 30% 30%,#60a5fa,rgba(96,165,250,0) 60%)}
.blob-2{width:340px;height:340px;left:160px;top:140px;background:radial-gradient(circle at 40% 40%,#a78bfa,rgba(167,139,250,0) 62%);animation-duration:12s}
.blob-3{width:260px;height:260px;left:220px;top:20px;background:radial-gradient(circle at 30% 30%,#34d399,rgba(52,211,153,0) 60%);animation-duration:14s}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-24px,18px,0) scale(1.06)}}

@media (max-width: 720px){
  .landing-hero{padding:18px}
  .landing-title{font-size:34px}
  .landing-stats{grid-template-columns:1fr}
  .landing-hero-art{opacity:.6;right:-260px}
}