:root{--navy:#0d2240;--blue:#1565c0;--cyan:#00b4d8;--green:#2e7d32;--amber:#f57c00;--red:#c62828;--gray:#546e7a;--light-gray:#eceff1;--bg:#f4f6f9;--white:#fff;--border:#cfd8dc;--transition:all .3s ease;--shadow-sm:0 1px 3px #0000001f;--shadow:0 2px 8px #00000026;--shadow-lg:0 4px 16px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:#212121;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}code,pre{font-family:DM Mono,monospace}.layout{background-color:var(--bg);height:100vh;display:flex}.layout-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.impersonation-banner{color:#fff;background:#7b1fa2;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.impersonation-exit{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #fff6;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .2s}.impersonation-exit:hover{background:#ffffff4d}.sidebar{background-color:var(--navy);width:280px;color:var(--white);transition:var(--transition);border-right:1px solid #0000001a;flex-direction:column;display:flex;overflow-y:auto}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 16px}.logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.sidebar.collapsed .logo span{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 8px;display:flex}.nav-item{color:#ffffffb3;cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{color:var(--white);background-color:#ffffff1a}.nav-item.active{background-color:var(--blue);color:var(--white);font-weight:600}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label{white-space:nowrap;flex:1}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar.collapsed .user-info{display:none}.logout-btn{color:#ffffffb3;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.logout-btn:hover{color:var(--white);background-color:#ffffff1a}.logout-btn span{flex-shrink:0}.sidebar.collapsed .logout-btn span{display:none}.topbar{background-color:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;height:70px;padding:16px 24px;display:flex}.topbar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title h1{color:var(--navy);margin:0;font-size:20px;font-weight:700}.negozio-badge{background-color:var(--cyan);color:var(--white);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.user-email{color:var(--gray);font-size:14px}.page-content{flex:1;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#37474f}@media (width<=768px){.sidebar{z-index:100;width:280px;height:100vh;transition:var(--transition);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.layout-content{width:100%}.page-content{padding:16px}}.shepherd-button{color:#ffffffbf;cursor:pointer;background:#3288e6;border:0;border-radius:3px;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s}.shepherd-button:not(:disabled):hover{color:#ffffffbf;background:#196fcc}.shepherd-button.shepherd-button-secondary{color:#000000bf;background:#f1f2f3}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{color:#000000bf;background:#d6d9db}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:flex-end;padding:0 .75rem .75rem;display:flex}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{color:#808080bf;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:2em;font-weight:400;transition:color .5s}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;flex:1 0 auto;margin:0;padding:0;font-size:1rem;font-weight:400;display:flex}.shepherd-header{border-top-left-radius:5px;border-top-right-radius:5px;justify-content:flex-end;align-items:center;padding:.75rem .75rem 0;line-height:2em;display:flex}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;padding:.75em;font-size:1rem;line-height:1.3em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{opacity:0;visibility:hidden;z-index:9999;background:#fff;border:none;border-radius:5px;outline:none;width:100%;max-width:400px;margin:0;padding:0;transition:opacity .3s,visibility .3s;box-shadow:0 1px 4px #0003}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{z-index:-1;width:16px;height:16px;position:absolute}.shepherd-arrow:before{content:"";background:#fff;transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{opacity:0;pointer-events:none;z-index:9997;width:100vw;height:0;transition:all .3s ease-out,height 0s .3s,opacity .3s;position:fixed;top:0;left:0;overflow:hidden}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;height:100vh;transition:all .3s ease-out,height,opacity .3s;transform:translateZ(0)}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.shepherd-step-ordineapp{border-radius:10px;max-width:380px;font-family:inherit;box-shadow:0 10px 30px #0d224040}.shepherd-step-ordineapp .shepherd-header{background:var(--navy,#0d2240);border-radius:10px 10px 0 0;padding:14px 18px}.shepherd-step-ordineapp .shepherd-title{color:#fff;font-size:16px;font-weight:700}.shepherd-step-ordineapp .shepherd-cancel-icon{color:#fff9;font-size:20px}.shepherd-step-ordineapp .shepherd-cancel-icon:hover{color:#fff}.shepherd-step-ordineapp .shepherd-text{color:#2d3748;padding:18px;font-size:14px;line-height:1.55}.shepherd-step-ordineapp .shepherd-text p{margin:6px 0}.shepherd-step-ordineapp .shepherd-text strong{color:var(--navy,#0d2240)}.shepherd-step-ordineapp .shepherd-footer{border-top:1px solid #eceff1;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.shepherd-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.shepherd-btn-primary{background:var(--blue,#1565c0);color:#fff;border-color:var(--blue,#1565c0)}.shepherd-btn-primary:hover{background:var(--navy,#0d2240);border-color:var(--navy,#0d2240)}.shepherd-btn-secondary{color:var(--navy,#0d2240);border-color:var(--border,#cfd8dc);background:#fff}.shepherd-btn-secondary:hover{background:#f5f7fa}.shepherd-btn-text{color:var(--gray,#546e7a);background:0 0;border:none}.shepherd-btn-text:hover{color:var(--navy,#0d2240);background:#f5f7fa}.shepherd-modal-overlay-container{z-index:1500!important}.shepherd-element{z-index:1600!important}.training-btn{color:#c75a00;cursor:pointer;background:#f57c001a;border:1px solid #f57c0059;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.training-btn:hover{background:var(--amber,#f57c00);color:#fff;border-color:var(--amber,#f57c00)}@media (width<=640px){.training-btn-text{display:none}}.training-overlay{z-index:1100;background:#0d224073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.training-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:86vh;display:flex;box-shadow:0 12px 40px #00000040}.training-modal-header{background:var(--navy,#0d2240);color:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.training-modal-header h2{margin:0 0 4px;font-size:18px}.training-modal-header p{color:#ffffffbf;margin:0;font-size:13px}.training-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;width:32px;height:32px;font-size:16px}.training-close:hover{background:#ffffff40}.training-list{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.training-empty{color:var(--gray,#546e7a);text-align:center;padding:32px}.training-card{border:1px solid var(--border,#cfd8dc);text-align:left;cursor:pointer;background:#fff;border-radius:8px;padding:14px 18px;font-family:inherit;transition:border-color .15s,transform .1s,box-shadow .15s}.training-card:hover{border-color:var(--blue,#1565c0);transform:translateY(-1px);box-shadow:0 4px 12px #1565c01a}.training-card-title{color:var(--navy,#0d2240);margin-bottom:4px;font-size:15px;font-weight:700}.training-card-desc{color:var(--gray,#546e7a);margin-bottom:6px;font-size:13px}.training-card-meta{color:var(--gray,#546e7a);font-size:11px}.training-card-meta code{background:#eceff1;border-radius:3px;padding:1px 6px;font-family:DM Mono,monospace}.training-modal-footer{border-top:1px solid var(--border,#cfd8dc);color:var(--gray,#546e7a);background:#f5f7fa;border-radius:0 0 10px 10px;padding:12px 20px;font-size:12px}.help-fab{background:var(--blue,#1565c0);color:#fff;cursor:pointer;z-index:998;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003}.help-fab:hover{background:var(--navy,#0d2240);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.help-fab--open,.help-fab--open:hover{background:var(--red,#c62828)}.help-overlay{z-index:999;background:#0d224059;animation:.2s helpFadeIn;position:fixed;inset:0}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-panel{z-index:1000;background:#fff;flex-direction:column;width:460px;max-width:95vw;height:100vh;animation:.25s helpSlideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000026}@keyframes helpSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.help-panel-header{background:var(--navy,#0d2240);color:#fff;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.help-panel-header h2{margin:0 0 4px;font-size:18px}.help-panel-header p{color:#ffffffbf;margin:0;font-size:13px}.help-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;width:32px;height:32px;font-size:16px}.help-close:hover{background:#ffffff40}.help-search{border-bottom:1px solid var(--border,#cfd8dc);background:#f5f7fa;padding:14px 20px;position:relative}.help-search input{border:1px solid var(--border,#cfd8dc);border-radius:6px;width:100%;padding:10px 36px 10px 14px;font-family:inherit;font-size:14px}.help-search input:focus{border-color:var(--blue,#1565c0);outline:1px solid #1565c040}.help-clear{color:var(--gray,#546e7a);cursor:pointer;background:0 0;border:none;border-radius:50%;width:26px;height:26px;font-size:20px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.help-clear:hover{background:#0000000f}.help-results{flex:1;padding:8px 0;overflow-y:auto}.help-empty{text-align:center;color:var(--gray,#546e7a);padding:32px 24px}.help-empty p{margin:8px 0}.help-categoria{padding:12px 0 4px}.help-categoria h3{text-transform:uppercase;letter-spacing:.6px;color:var(--gray,#546e7a);margin:0 0 4px;padding:4px 24px;font-size:11px;font-weight:700}.help-voce{border-bottom:1px solid #f0f2f5}.help-voce summary{cursor:pointer;color:var(--navy,#0d2240);padding:12px 40px 12px 24px;font-size:14px;font-weight:500;list-style:none;transition:background .1s;position:relative}.help-voce summary::-webkit-details-marker{display:none}.help-voce summary:after{content:"+";color:var(--gray,#546e7a);font-size:18px;font-weight:400;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.help-voce[open] summary:after{content:"−"}.help-voce summary:hover{background:#f5f7fa}.help-voce[open] summary{color:var(--blue,#1565c0);background:#1565c00f;font-weight:600}.help-voce-body{color:#2d3748;background:#fafbfc;padding:4px 24px 16px;font-size:13px;line-height:1.5}.help-voce-body p{margin:6px 0}.help-voce-body p:first-child{margin-top:12px}.help-link-btn{background:var(--blue,#1565c0);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.help-link-btn:hover{background:var(--navy,#0d2240)}.help-panel-footer{border-top:1px solid var(--border,#cfd8dc);color:var(--gray,#546e7a);background:#f5f7fa;padding:12px 20px;font-size:12px}.help-panel-footer a{color:var(--blue,#1565c0)}@media (width<=600px){.help-fab{width:48px;height:48px;font-size:20px;bottom:16px;right:16px}.help-panel{width:100vw}}
