:root{--primary: #c0392b;--primary-dark: #a93226;--primary-light: #e74c3c;--secondary: #d4ac0d;--accent: #27ae60;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--info: #3498db;--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-dark: #2c3e50;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-light: #ecf0f1;--border-color: #e1e8ed;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-h1: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-circle: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--sidebar-width: 250px;--header-height: 60px;--max-width: 1400px;--container-padding: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}ul,ol{list-style-position:inside;margin-bottom:var(--spacing-md)}input,select,textarea,button{font-family:inherit;font-size:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-lg);max-width:var(--max-width);margin:0 auto;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media print{.no-print{display:none!important}body{background-color:#fff}}@media(max-width:768px){:root{--sidebar-width: 0px;--font-size-h1: 28px;--font-size-xxl: 22px;--font-size-xl: 18px}.main-content{padding:var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in{animation:slideIn var(--transition-normal)}.listinoView-container{margin-right:360px;animation:fadeIn var(--transition-normal);padding-bottom:120px}.listinoView-container h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-dark)}.listinoView-container h2{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary);color:var(--primary)}.listinoView-ricerca-container{max-width:600px;margin:0 auto;margin-bottom:var(--spacing-xl);animation:fadeIn var(--transition-normal)}.listinoView-ricerca-container input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:border var(--transition-fast),box-shadow var(--transition-fast)}.listinoView-ricerca-container input:hover{border-color:var(--primary-light)}.listinoView-ricerca-container input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b33}.listinoView-ricerca-container input::placeholder{color:var(--text-secondary);opacity:.8}@media(max-width:768px){.listinoView-ricerca-container{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.listinoView-ricerca-container input{padding:var(--spacing-sm)}}.listinoView-container .categoria-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.listinoView-container .prodotto-card{background:var(--bg-secondary);padding:var(--spacing-md);margin:var(--spacing-md) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.listinoView-container .prodotto-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.prodotto-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.prodotto-card h4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.prodotto-card p{font-weight:600;color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.controlli-quantita{display:flex;align-items:center;gap:var(--spacing-sm)}.controlli-quantita button{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.controlli-quantita button:hover:not(:disabled){background:var(--primary-dark)}.controlli-quantita button:disabled{background:var(--text-secondary);cursor:not-allowed}.controlli-quantita span{font-size:var(--font-size-lg);font-weight:700}.carrello-fixed{position:fixed;top:15vh;right:0;width:340px;height:85vh;background:var(--bg-secondary);padding:var(--spacing-md);box-shadow:-4px 0 12px #00000026;border-left:3px solid var(--primary);z-index:var(--z-fixed);overflow-y:auto;overflow-x:hidden;animation:slideInRight var(--transition-normal)}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.carrello-fixed h3{margin-top:var(--spacing-sm);color:var(--primary-dark)}.carrello-fixed select,.carrello-fixed textarea{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md)}.carrello-fixed button{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast)}.carrello-fixed button:hover{background:#1e8f4e}.error{color:var(--danger);margin-bottom:var(--spacing-md);font-weight:700}.success{color:var(--success);margin-bottom:var(--spacing-md);font-weight:700}@media(max-width:768px){.prodotto-card{padding:var(--spacing-sm)}.controlli-quantita button{padding:4px 10px}.carrello-fixed{padding:var(--spacing-sm)}}.sidebar{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,var(--color-primary) 0%,#b71c1c 100%);box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 2rem;z-index:1000;border-bottom:3px solid var(--color-accent)}@media(max-width:768px){.sidebar:before{content:"🍕";font-size:1.8rem;border-right:none;padding-right:0}}.sidebar-item{padding:.6rem 1.8rem;background:transparent;border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);position:relative;min-width:100px;text-align:center;border:2px solid transparent}.sidebar-item:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffffff4d}.sidebar-item.active{background:var(--color-accent);color:#fff;box-shadow:0 4px 12px #ff980066;border-color:#fff}.sidebar-item.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-accent);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.sidebar-item{overflow:hidden;position:relative}.sidebar-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.sidebar-item:hover:before{left:100%}@media(max-width:768px){.sidebar{height:auto;flex-direction:column;padding:1rem;gap:.5rem;position:static;border-bottom:3px solid var(--color-accent)}.sidebar:before{position:static;margin-bottom:.5rem;border-right:none;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.5rem;width:100%;text-align:center}.sidebar-item{width:100%;max-width:300px;padding:.8rem}.sidebar-item.active:after{display:none}.sidebar-item.active{border-bottom:4px solid white;border-radius:30px 30px 0 0}}@media(min-width:769px)and (max-width:1024px){.sidebar{height:80px}.sidebar:before{font-size:1.1rem;left:1rem}.sidebar-item{padding:.5rem 1.2rem;min-width:80px;font-size:.9rem}}@media(prefers-color-scheme:dark){.sidebar{background:linear-gradient(135deg,#8b0000,#6d0000)}.sidebar-item.active{background:#ff8c00}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar{animation:slideDown .4s ease-out}body{padding-top:70px}@media(max-width:768px){body{padding-top:0}}.sidebar-item .badge{position:absolute;top:-5px;right:-5px;background:var(--color-accent);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:20px;border:2px solid white}@media(max-width:480px){.sidebar-item{max-width:100%;font-size:.85rem;padding:.6rem}.sidebar:before{font-size:1rem}}.ordiniView-container{animation:fadeIn var(--transition-normal);padding-bottom:var(--spacing-xl)}.ordiniView-container h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-dark)}.ordiniView-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.ordiniView-column{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);min-height:70vh;max-height:70vh;overflow-y:auto}.ordiniView-column h2{text-align:center;margin-bottom:var(--spacing-md);color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:var(--spacing-xs)}.ordiniView-card{background:var(--bg-primary);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-left:4px solid var(--primary)}.ordiniView-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.ordiniView-card p{margin-bottom:var(--spacing-xs)}.ordiniView-card h4{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs);color:var(--primary-dark)}.ordiniView-card select{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);background:var(--bg-secondary);cursor:pointer;transition:border var(--transition-fast)}.ordiniView-card select:hover{border-color:var(--primary)}.ordiniView-column[data-stato=in_preparazione]{border-color:var(--warning)}.ordiniView-column[data-stato=pronto]{border-color:var(--accent)}.ordiniView-column[data-stato=consegnato]{border-color:var(--success)}.ordiniView-column[data-stato=annullato]{border-color:var(--danger)}@media(max-width:768px){.ordiniView-board{grid-template-columns:1fr}.ordiniView-column{min-height:auto}}.ridersView-container{animation:fadeIn var(--transition-normal);padding-bottom:var(--spacing-xl)}.ridersView-container h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-dark)}.ridersView-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.ridersView-card{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.ridersView-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.ridersView-card h3{margin-bottom:var(--spacing-sm);color:var(--primary-dark);font-weight:700}.ridersView-card p{margin-bottom:var(--spacing-xs)}.rider-stats{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;color:#fff;text-transform:uppercase}.badge.disponibile{background:var(--success)}.badge.in-consegna{background:var(--warning)}.badge.offline{background:var(--danger)}.ridersView-card[data-stato=disponibile]{border-color:var(--success)}.ridersView-card[data-stato="in consegna"]{border-color:var(--warning)}.ridersView-card[data-stato=offline]{border-color:var(--danger)}@media(max-width:768px){.ridersView-grid{grid-template-columns:1fr}}.clienti-view{animation:fadeIn var(--transition-normal);padding-bottom:var(--spacing-xl)}.clienti-view h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-dark);font-weight:700}.cliente-form-container{max-width:600px;margin:0 auto;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);animation:fadeIn var(--transition-normal)}.cliente-form-container h2{text-align:center;margin-bottom:var(--spacing-md);color:var(--primary);font-weight:700}.cliente-form-container input,.cliente-form-container textarea{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--font-size-md);transition:border var(--transition-fast),box-shadow var(--transition-fast)}.cliente-form-container input:focus,.cliente-form-container textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b33}.cliente-form-container button{width:100%;padding:var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast)}.cliente-form-container button:hover{background:#1e8f4e}.cliente-form-container .error{color:var(--danger);font-weight:700;margin-bottom:var(--spacing-sm)}.clienti-ricerca input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:border var(--transition-fast),box-shadow var(--transition-fast)}.clienti-ricerca input:hover{border-color:var(--primary-light)}.clienti-ricerca input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b33}.clienti-ricerca input::placeholder{color:var(--text-secondary);opacity:.8}@media(max-width:768px){.clienti-ricerca{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.clienti-ricerca input{padding:var(--spacing-sm)}}.clienti-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.cliente-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.cliente-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ranking{position:absolute;top:-12px;left:-12px;background:var(--secondary);color:var(--bg-secondary);padding:6px 14px;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.cliente-card:nth-child(1) .ranking{background:gold;color:var(--text-primary)}.cliente-card:nth-child(2) .ranking{background:silver;color:var(--text-primary)}.cliente-card:nth-child(3) .ranking{background:#cd7f32;color:var(--text-primary)}.cliente-card h3{margin-bottom:var(--spacing-sm);color:var(--primary-dark);font-weight:700}.cliente-card hr{margin:var(--spacing-sm) 0;border:none;border-top:1px solid var(--border-color)}.totale-speso{font-size:var(--font-size-lg);font-weight:700;color:var(--primary)}@media(max-width:768px){.clienti-grid{grid-template-columns:1fr}.ranking{font-size:var(--font-size-md);padding:4px 10px}.ricerca-clienti{top:var(--spacing-md)}}