.app{min-height:100%;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif}.navbar{position:relative;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#2c3e50;color:#fff;height:64px;width:100%;box-sizing:border-box}.logo{height:40px}.nav-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:22px;white-space:nowrap}.navbar h1{margin:0;font-size:22px}.grid{flex:1;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,160px);grid-auto-columns:220px;gap:32px;place-content:start center;place-items:center;width:100%;padding:60px 24px 24px}.card{width:220px;height:160px;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;justify-content:center;font-weight:600;color:#2c3e50;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000002e;background:#3498db;color:#fff}@media (max-width: 520px){.grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}*{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;display:block;background:#f5f7fa;color:#222}#root{max-width:none;margin:0;padding:0}.automazioni-container{padding:40px;max-width:1300px;margin:0 auto;font-family:Inter,system-ui,sans-serif;color:#1a1a1a;background:linear-gradient(135deg,#fdfbfb,#ebedee);min-height:calc(100vh - 64px)}.automazioni-header{margin-bottom:40px;text-align:left}.automazioni-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#8e44ad,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px}.automazioni-section{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:32px;margin-bottom:40px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(255,255,255,.5);transition:transform .3s ease,box-shadow .3s ease}.automazioni-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.automazioni-section h2{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-top:0;margin-bottom:24px;display:flex;align-items:center;gap:10px}.automazioni-table{width:100%;border-collapse:separate;border-spacing:0 12px}.automazioni-table th{text-align:left;padding:12px 20px;color:#7f8c8d;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eaeaea}.automazioni-table td{padding:20px;background:#fff;color:#34495e;font-size:1rem}.automazioni-table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;font-weight:600;color:#2c3e50}.automazioni-table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.automazioni-table tr{box-shadow:0 4px 10px #00000008;transition:transform .2s ease,box-shadow .2s ease}.automazioni-table tr:hover{transform:scale(1.01);box-shadow:0 8px 20px #0000000f}.btn-invia{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff;border:none;padding:10px 20px;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b09b4d}.btn-invia:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b09b80}.btn-invia:active{transform:translateY(1px)}.input-destinatari{width:100%;padding:14px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;color:#2c3e50;background:#fdfdfd;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.input-destinatari:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a}.empty-state{text-align:center;padding:40px;color:#95a5a6;font-size:1.1rem;background:#fff;border-radius:16px;border:2px dashed #eaeaea}.badge{display:inline-block;padding:6px 12px;background:#8e44ad1a;color:#8e44ad;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px}