@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--surface-color:#1e293bb3;--surface-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--primary:var(--accent-color);--primary-light:#60a5fa;--success:var(--success-color);--danger:var(--danger-color);--warning:var(--warning-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}p{color:var(--text-secondary)}.app-container{flex-direction:column;gap:2rem;max-width:100%;margin:0 auto;padding:2rem;display:flex}.header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.header h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0}select option,select.form-control option,.badge-select option{color:#f8fafc!important;background-color:#1e293b!important}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.5rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{box-shadow:0 12px 40px #00000080}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:1.5rem;margin-bottom:2rem;display:grid}.bento-item{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;padding:1.5rem;display:flex}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-3{grid-column:span 3}@media (width<=1024px){.bento-item{grid-column:span 12!important}}.progress-container{background:#0000004d;border-radius:999px;width:100%;height:12px;margin-top:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#34d399,#10b981);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.urgent-list{flex-direction:column;gap:.75rem;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.urgent-item{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.urgent-item:hover{background:#ffffff0f}.kpi-card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:1px solid #ffffff14!important}.kpi-card-interactive:hover{transform:translateY(-4px)}.kpi-card-interactive:active{transform:translateY(-1px)scale(.99)}.kpi-click-hint{width:26px;height:26px;color:var(--text-secondary);opacity:.35;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:.9rem;right:.9rem}.kpi-card-interactive:hover .kpi-click-hint{opacity:1;background:#ffffff1f;transform:scale(1.12)}.kpi-card-danger:hover{background:linear-gradient(135deg,#ef44441f 0%,#1e293bd9 100%)!important;border-color:#ef4444bf!important;box-shadow:0 12px 28px -6px #00000080,0 0 20px #ef444440,inset 0 0 14px #ef444414!important}.kpi-card-danger:hover .kpi-click-hint{color:#fca5a5;background:#ef444438;box-shadow:0 0 10px #ef44444d}.kpi-card-success:hover{background:linear-gradient(135deg,#10b9811f 0%,#1e293bd9 100%)!important;border-color:#10b981bf!important;box-shadow:0 12px 28px -6px #00000080,0 0 20px #10b98140,inset 0 0 14px #10b98114!important}.kpi-card-success:hover .kpi-click-hint{color:#86efac;background:#10b98138;box-shadow:0 0 10px #10b9814d}.kpi-card-purple:hover{background:linear-gradient(135deg,#a855f71f 0%,#1e293bd9 100%)!important;border-color:#a855f7bf!important;box-shadow:0 12px 28px -6px #00000080,0 0 20px #a855f740,inset 0 0 14px #a855f714!important}.kpi-card-purple:hover .kpi-click-hint{color:#d8b4fe;background:#a855f738;box-shadow:0 0 10px #a855f74d}.kpi-card-primary:hover{background:linear-gradient(135deg,#3b82f61f 0%,#1e293bd9 100%)!important;border-color:#3b82f6bf!important;box-shadow:0 12px 28px -6px #00000080,0 0 20px #3b82f640,inset 0 0 14px #3b82f614!important}.kpi-card-primary:hover .kpi-click-hint{color:#93c5fd;background:#3b82f638;box-shadow:0 0 10px #3b82f64d}.top-fornitore-card-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:.45rem;padding:.65rem .85rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.top-fornitore-card-item:hover{background:linear-gradient(90deg,#ef44441f 0%,#1e293bd9 100%);border-color:#ef4444a6;transform:translate(4px);box-shadow:0 4px 16px #ef444433,inset 0 0 8px #ef44440f}.top-fornitore-card-item:hover .top-fornitore-name{color:#fff!important}.top-fornitore-card-item:hover .top-fornitore-arrow{transform:translate(2px);opacity:1!important}.stat-card{flex-direction:column;justify-content:space-between;gap:.75rem;display:flex}.stat-content{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.3}.stat-value{white-space:nowrap;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.kpi-card-interactive:hover .stat-icon{transform:scale(1.08)}.stat-icon.primary{color:#60a5fa;background:#60a5fa1a}.stat-icon.success{color:#34d399;background:#34d3991a}.stat-icon.danger{color:#f87171;background:#f871711a}.stat-icon.warning{color:#fbbf24;background:#fbbf241a}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 0 15px #ffffff40,0 0 30px #ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed;color:#fff9!important;box-shadow:none!important;background:#ffffff1a!important;transform:none!important}.btn:active:not(:disabled),.btn-icon:active:not(:disabled){transform:scale(.95)!important}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 0 15px #ffffff4d,0 4px 20px #3b82f666}.btn-outline{color:var(--text-primary);border:1px solid var(--surface-border);background:0 0}.btn-outline:hover{background:#ffffff0d;box-shadow:0 0 15px #ffffff40,0 0 30px #ffffff1a}.btn-icon{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.btn-icon:hover{border-color:var(--surface-border);background:#ffffff1a;box-shadow:0 0 15px #ffffff40,0 0 30px #ffffff1a}.btn-icon.success:hover{color:var(--success-color);border-color:var(--success-color)}.btn-icon.danger:hover{color:var(--danger-color);border-color:var(--danger-color)}.btn-icon.warning:hover{color:var(--warning-color);border-color:var(--warning-color)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#0003;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control.error{border-color:var(--danger-color)}.error-text{color:var(--danger-color);margin-top:.25rem;font-size:.75rem;display:block}.form-control:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.filter-input{border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#0000004d;padding:.4rem .5rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.filter-input:focus{border-color:var(--accent-color);outline:none}.table-container{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#0003;overflow-x:auto}.table-container.pinned{overscroll-behavior:contain;max-height:calc(100vh - 280px);overflow:auto}.table-container.pinned thead{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000080}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--surface-border);padding:1rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0006;font-size:.875rem;font-weight:600}th:hover{background:#0009}tr{transition:background-color .2s}tr:hover{background:#ffffff0d}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-neutral{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-right{text-align:right}.text-center{text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--surface-border);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media print{.no-print{display:none!important}}.particle-btn{transition:all .3s;position:relative;overflow:hidden}.particle-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #60a5fa80}.particle-btn:before{content:"";opacity:0;background:radial-gradient(circle,#fffc 0%,#fff0 70%);border-radius:50%;width:0;height:0;transition:width .4s,height .4s,opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-btn:active:before{opacity:1;width:200px;height:200px;transition:all}.click-particle{pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards explode;position:fixed}@keyframes explode{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.toolbar-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;gap:.45rem;padding:.48rem .95rem;font-size:.84rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.toolbar-action-btn:hover{transform:translateY(-2px)}.toolbar-action-btn:active{transform:translateY(0)scale(.98)}.toolbar-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:1px solid #93c5fd59;box-shadow:0 4px 14px #2563eb4d;color:#fff!important}.toolbar-btn-primary:hover{border-color:#93c5fdb3!important;box-shadow:0 0 22px #3b82f6a6,0 4px 16px #2563eb73!important}.toolbar-btn-profile{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #a7f3d059;box-shadow:0 4px 14px #10b9814d;color:#fff!important}.toolbar-btn-profile:hover{border-color:#a7f3d0cc!important;box-shadow:0 0 24px #10b981b3,0 4px 18px #05966980!important}.toolbar-btn-indigo{background:#6366f11f;border:1px solid #6366f152;color:#c7d2fe!important}.toolbar-btn-indigo:hover{color:#fff!important;background:#6366f140!important;border-color:#a5b4fc99!important;box-shadow:0 0 18px #6366f180!important}.toolbar-btn-emerald{background:#10b9811f;border:1px solid #10b98152;color:#86efac!important}.toolbar-btn-emerald:hover{color:#fff!important;background:#10b98140!important;border-color:#86efac99!important;box-shadow:0 0 18px #10b98180!important}.toolbar-btn-danger{background:#ef44441f;border:1px solid #ef444452;color:#fca5a5!important}.toolbar-btn-danger:hover{color:#fff!important;background:#ef444440!important;border-color:#fca5a599!important;box-shadow:0 0 18px #ef444480!important}.toolbar-btn-info-active{background:#38bdf829;border:1px solid #38bdf873;box-shadow:0 0 12px #38bdf833;color:#38bdf8!important}.toolbar-btn-info-active:hover{color:#fff!important;background:#38bdf842!important;border-color:#38bdf8b3!important;box-shadow:0 0 16px #38bdf866!important}.toolbar-btn-info-inactive{opacity:.85;background:#ffffff0a;border:1px solid #ffffff26;color:#94a3b8!important}.toolbar-btn-info-inactive:hover{opacity:1;color:#f1f5f9!important;background:#ffffff17!important;border-color:#ffffff4d!important}@keyframes quantumFloat{0%,to{transform:translateY(3px)rotate(0)}50%{transform:translateY(0)rotate(1deg)}}@keyframes quantumAuraPulse{0%,to{border-color:#38bdf8b3;box-shadow:0 0 10px #38bdf880,0 0 22px #6366f159,inset 0 0 10px #38bdf840}50%{border-color:#7dd3fc;box-shadow:0 0 20px #38bdf8d9,0 0 38px #a855f799,inset 0 0 16px #7dd3fc73}}@keyframes hudOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hudOrbitCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes quantumVortex3D{0%{filter:drop-shadow(0 0 5px #00f2fee6);transform:rotateX(28deg)rotateY(0)rotate(0)scale(1)}25%{filter:drop-shadow(-3px 0 8px #818cf8f2);transform:rotateX(16deg)rotateY(90deg)rotate(120deg)scale(.9)}50%{filter:drop-shadow(0 0 7px #ec4899f2);transform:rotateX(-28deg)rotateY(180deg)rotate(240deg)scale(1.08)}75%{filter:drop-shadow(3px 0 8px #00f2fe);transform:rotateX(-16deg)rotateY(270deg)rotate(300deg)scale(.92)}to{filter:drop-shadow(0 0 5px #00f2fee6);transform:rotateX(28deg)rotateY(360deg)rotate(360deg)scale(1)}}.globe-glowing-button{cursor:pointer;perspective:900px;width:52px;height:38px;transform-style:preserve-3d;-webkit-backdrop-filter:blur(8px);background:radial-gradient(120% 120% at 30% 20%,#0ea5e94d 0%,#1e1b4bb3 50%,#0a0f1ef2 100%);border:1.5px solid #38bdf8cc;border-radius:12px;justify-content:center;align-items:center;margin-top:7px;margin-left:6px;text-decoration:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:3.2s ease-in-out infinite quantumFloat,2.4s ease-in-out infinite quantumAuraPulse;display:inline-flex;position:relative;overflow:visible;color:#fff!important}.globe-glowing-button:hover{border-color:#fff!important;transform:translateY(1px)scale(1.12)!important;box-shadow:0 0 28px #38bdf8,0 0 55px #a855f7bf,inset 0 0 16px #ffffffb3!important}.quantum-hud-ring{pointer-events:none;border:1px dashed #38bdf873;border-radius:14px;transition:all .3s;animation:14s linear infinite hudOrbitSpin;position:absolute;inset:-3px}.globe-glowing-button:hover .quantum-hud-ring{border:1.5px solid #ffffffe6;animation-duration:4s;box-shadow:0 0 14px #38bdf8cc}.quantum-3d-stage{width:30px;height:30px;transform-style:preserve-3d;justify-content:center;align-items:center;animation:3.6s cubic-bezier(.45,.05,.55,.95) infinite quantumVortex3D;display:flex;position:relative}.globe-glowing-button:hover .quantum-3d-stage{animation-duration:.95s;filter:drop-shadow(0 0 10px #00f2fe)drop-shadow(0 0 18px #a855f7f2)!important}.quantum-arrows-svg{transform-style:preserve-3d;display:block;overflow:visible}.quantum-lens-flare{pointer-events:none;opacity:.7;background:linear-gradient(90deg,#fffc,#fff0);border-radius:50%;width:14px;height:5px;transition:opacity .3s;position:absolute;top:3px;left:6px;transform:rotate(-30deg)}.globe-glowing-button:hover .quantum-lens-flare{opacity:1;width:18px}