@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");html{scroll-behavior:smooth;scroll-padding-top:120px}:root{color-scheme:light;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-color:#e2e8f0;--border-focus:rgba(0,112,243,.4);--primary:#0ea5e9;--primary-hover:#0284c7;--primary-glow:rgba(14,165,233,.15);--primary-bg-light:rgba(14,165,233,.1);--secondary:#6366f1;--secondary-hover:#4f46e5;--secondary-glow:rgba(99,102,241,.15);--secondary-bg-light:rgba(99,102,241,.1);--accent-emerald:#10b981;--accent-emerald-bg:rgba(16,185,129,.1);--accent-amber:#f59e0b;--accent-amber-bg:rgba(245,158,11,.1);--accent-rose:#ef4444;--accent-rose-bg:rgba(239,68,68,.1);--accent-emerald-text:#047857;--accent-amber-text:#b45309;--accent-rose-text:#b91c1c;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--card-shadow:none;--card-shadow-hover:0 4px 12px rgba(0,0,0,.05);--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Outfit",sans-serif;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--sidebar-hover-bg:rgba(0,0,0,.04);--sidebar-active-bg:rgba(14,165,233,.15);--sidebar-active-text:#0369a1;--input-bg:#fff;--pattern-color:rgba(15,23,42,.045)}.dark{color-scheme:dark;--bg-main:#0a0a0a;--bg-card:#171717;--bg-card-hover:#262626;--border-color:#262626;--border-focus:rgba(0,210,255,.4);--primary:#0ea5e9;--primary-hover:#0284c7;--primary-glow:rgba(0,210,255,.25);--primary-bg-light:rgba(0,210,255,.15);--secondary:#8b5cf6;--secondary-hover:#7c3aed;--secondary-glow:rgba(139,92,246,.25);--secondary-bg-light:rgba(139,92,246,.15);--accent-emerald:#10b981;--accent-emerald-bg:rgba(16,185,129,.15);--accent-amber:#f59e0b;--accent-amber-bg:rgba(245,158,11,.15);--accent-rose:#ef4444;--accent-rose-bg:rgba(239,68,68,.15);--accent-emerald-text:#34d399;--accent-amber-text:#fbbf24;--accent-rose-text:#f87171;--text-main:#fff;--text-muted:#d4d4d4;--text-dim:#9ca3af;--card-shadow:0 4px 6px -1px rgba(0,0,0,.5);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,.5);--sidebar-hover-bg:hsla(0,0%,100%,.06);--sidebar-active-bg:rgba(0,210,255,.15);--sidebar-active-text:#00d2ff;--input-bg:#121212;--pattern-color:hsla(0,0%,100%,.025)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);min-height:100vh;width:100%;overflow-x:hidden;line-height:1.5;transition:background-color var(--transition-fast),color var(--transition-fast)}.main-wrapper{background-image:radial-gradient(var(--pattern-color) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;min-height:100vh}.glass-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.glass-card-interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)!important;background:linear-gradient(135deg,var(--bg-card) 0,var(--sidebar-hover-bg) 100%)!important;border-color:var(--primary)!important}.glass-panel{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main)!important}.reveal{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.from-left{transform:translateX(-40px)}.reveal.from-right{transform:translateX(40px)}.reveal.from-bottom{transform:translateY(40px)}.reveal.from-top{transform:translateY(-40px)}.reveal.scale-up{transform:scale(.92)}.reveal.rotate-in{transform:rotate(-4deg) scale(.95)}.reveal.visible{opacity:1!important;transform:none!important}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.delay-700{transition-delay:.7s}.delay-800{transition-delay:.8s}.delay-900{transition-delay:.9s}.delay-1000{transition-delay:1s}.delay-1100{transition-delay:1.1s}.delay-1200{transition-delay:1.2s}.delay-1300{transition-delay:1.3s}.delay-1400{transition-delay:1.4s}.delay-1500{transition-delay:1.5s}a[href]:hover{opacity:.8;transition:opacity var(--transition-fast)}.sidebar-item:hover{background-color:var(--sidebar-hover-bg)!important}.sidebar-item:hover span,.sidebar-item:hover svg{color:var(--text-main)!important}.row-clickable{cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary{background:var(--primary)!important;color:#fff!important;font-weight:600;padding:.65rem 1.4rem;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all var(--transition-fast);box-shadow:0 2px 4px var(--primary-glow);text-decoration:none!important}.btn-primary:hover{background:var(--primary-hover)!important;transform:translateY(-1px);box-shadow:0 4px 8px var(--primary-glow)}.btn-secondary{background:var(--bg-card)!important;color:var(--text-main)!important;font-weight:600;padding:.65rem 1.4rem;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all var(--transition-fast);text-decoration:none!important}.dark .btn-secondary{border-color:hsla(0,0%,100%,.15)!important}.btn-secondary.btn-storno{color:var(--accent-rose)!important;border-color:var(--accent-rose)!important}.btn-secondary.btn-storno:hover{background:rgba(239,68,68,.15)!important;border-color:#ef4444!important;color:#ef4444!important;box-shadow:0 0 12px rgba(239,68,68,.25)!important}.dark .btn-secondary.btn-storno{border-color:rgba(239,68,68,.45)!important}.btn-secondary.btn-cyan{color:#0ea5e9!important;border-color:#0ea5e9!important}.dark .btn-secondary.btn-cyan{border-color:rgba(14,165,233,.45)!important}.btn-secondary:hover{background:var(--bg-card-hover)!important;border-color:var(--primary)!important}.input-field{width:100%;padding:.75rem 1rem;background:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md);color:var(--text-main)!important;font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input.input-field,select.input-field{height:46px;padding:0 1rem}select,select.input-field{cursor:pointer}option{background:var(--bg-card);color:var(--text-main)}@keyframes cdSlideIn{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}.cd-panel-enter{animation:cdSlideIn .15s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top center}.cd-trigger:hover:not([style*=not-allowed]){border-color:var(--primary)!important}.cd-item:hover{background:var(--sidebar-hover-bg)!important}.input-field:focus{border-color:var(--primary)!important;box-shadow:0 0 12px var(--primary-glow)}.input-label{display:block;font-size:.825rem;font-weight:600;color:var(--text-muted)!important;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--input-bg);margin:0;font:inherit;width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-radius:6px;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.05)}input[type=radio]{border-radius:50%!important}input[type=checkbox]:before{content:"";width:.65rem;height:.65rem;transform:scale(0);transition:transform .15s ease-in-out;box-shadow:inset 1em 1em var(--primary);transform-origin:center;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}input[type=radio]:before{content:"";width:.55rem;height:.55rem;border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out;background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary-bg-light);border-color:var(--primary)!important;box-shadow:0 0 12px var(--primary-glow)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--primary)!important}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.badge-primary{background:var(--primary-bg-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important}.badge-secondary{background:var(--secondary-bg-light)!important;color:var(--secondary)!important;border:1px solid var(--secondary-glow)!important}.badge-emerald{background:var(--accent-emerald-bg)!important;color:var(--accent-emerald-text)!important;border:1px solid rgba(16,185,129,.4)!important}.badge-amber{background:var(--accent-amber-bg)!important;color:var(--accent-amber-text)!important;border:1px solid rgba(245,158,11,.4)!important}.badge-rose{background:var(--accent-rose-bg)!important;color:var(--accent-rose-text)!important;border:1px solid rgba(239,68,68,.4)!important}.table-container{width:100%;overflow:auto;max-height:calc(100vh - 280px);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card)}.glass-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.glass-table th{background:var(--bg-main);color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:none;letter-spacing:.05em}.glass-table td,.glass-table th{padding:1rem;border-bottom:1px solid var(--border-color)}.glass-table td{color:var(--text-main)}.text-right{text-align:right!important}.whitespace-nowrap{white-space:nowrap!important}.search-item:hover{background:var(--sidebar-hover-bg)!important;color:var(--primary)!important}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-pill-potvrdeno{background:rgba(16,185,129,.08)!important;color:#10b981!important;border-color:rgba(16,185,129,.2)!important;box-shadow:0 0 10px rgba(16,185,129,.15)!important}.status-pill-potvrdeno:hover{background:rgba(16,185,129,.12)!important;box-shadow:0 0 15px rgba(16,185,129,.25)!important}.status-pill-nacrt{background:rgba(245,158,11,.08)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.2)!important;box-shadow:0 0 10px rgba(245,158,11,.15)!important}.status-pill-nacrt:hover{background:rgba(245,158,11,.12)!important;box-shadow:0 0 15px rgba(245,158,11,.25)!important}.status-pill-stornirano{background:rgba(239,68,68,.08)!important;color:#ef4444!important;border-color:rgba(239,68,68,.2)!important;box-shadow:0 0 10px rgba(239,68,68,.15)!important}.status-pill-stornirano:hover{background:rgba(239,68,68,.12)!important;box-shadow:0 0 15px rgba(239,68,68,.25)!important}.status-pill-eracun-poslano{background:rgba(6,182,212,.08)!important;color:#06b6d4!important;border-color:rgba(6,182,212,.2)!important;box-shadow:0 0 10px rgba(6,182,212,.15)!important}.status-pill-eracun-poslano:hover{background:rgba(6,182,212,.12)!important;box-shadow:0 0 15px rgba(6,182,212,.25)!important}.status-pill-eracun-greska{background:rgba(239,68,68,.08)!important;color:#ef4444!important;border-color:rgba(239,68,68,.2)!important;box-shadow:0 0 10px rgba(239,68,68,.15)!important}.status-pill-eracun-greska:hover{background:rgba(239,68,68,.12)!important;box-shadow:0 0 15px rgba(239,68,68,.25)!important}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.2}}.skeleton-animation{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.tabs-container{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:0}.tab-button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;top:1px}.tab-button:hover{color:var(--text-main);background:var(--sidebar-hover-bg)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);background:rgba(14,165,233,.05);text-shadow:0 0 8px var(--primary-glow)}.tab-content{animation:tabFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.glass-table{font-size:.8rem}.glass-table td,.glass-table th{padding:.5rem .6rem}}@media (max-width:768px){.layout-sidebar{width:60px!important;min-width:60px!important;padding:1rem .25rem!important}.layout-sidebar .sidebar-item{padding:.5rem 0!important;justify-content:center!important}.layout-main{padding:1rem!important;gap:1rem!important;min-width:0!important;overflow-x:hidden!important}.navbar-search{display:none}.desktop-only{display:none!important}.tabs-container{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.tab-button{white-space:nowrap;padding:.5rem .75rem!important;font-size:.75rem!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.glass-card{border-radius:12px!important}.btn-primary,.btn-secondary{padding:.5rem .75rem!important;font-size:.8rem!important}.modal-overlay>div{width:95vw!important;max-width:unset!important;margin:.5rem auto!important;max-height:95vh!important;overflow-y:auto!important}.input-field{font-size:16px!important}.glass-table .hide-mobile{display:none!important}}.mobile-menu-btn{display:none}@media (max-width:480px){h1{font-size:1.1rem!important}h2{font-size:1rem!important}.glass-table td,.glass-table th{padding:.35rem .4rem;font-size:.72rem}.navbar-brand span{display:none}}@media print{.btn-primary,.btn-secondary,.navbar,.print-hide,.tabs-container,aside.glass-card{display:none!important}main{width:100%!important;padding:0!important}.glass-card{box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important}.glass-table td,.glass-table th{color:#000!important;border-color:#ccc!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem .5rem;border-radius:16px;background:var(--sidebar-hover-bg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-main);font-size:.8rem;font-weight:600;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-btn:hover{transform:translateY(-5px);background:var(--bg-card);border-color:var(--primary);box-shadow:0 10px 20px rgba(0,0,0,.2),0 0 15px rgba(var(--primary-rgb),.15)}.icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.quick-action-btn:hover .icon-wrapper{transform:scale(1.1)}.bg-primary-light{background:rgba(var(--primary-rgb),.15)}.bg-emerald-light{background:var(--accent-emerald-bg)}.bg-amber-light{background:var(--accent-amber-bg)}.bg-cyan-light{background:rgba(6,182,212,.15)}.bg-rose-light{background:var(--accent-rose-bg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:8px}.dark ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}::-webkit-scrollbar-thumb{background:rgba(14,165,233,.2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgba(14,165,233,.5)}.glass-table th{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg-card);box-shadow:0 1px 0 var(--border-color)}.glass-table tbody tr{transition:all .2s ease}.glass-table tbody tr:hover{background:var(--sidebar-hover-bg)!important}.cd-datepicker-wrapper{width:100%;display:block}.cd-datepicker-wrapper input{width:100%;padding-right:2.5rem}.react-datepicker-popper{z-index:99999!important}.react-datepicker{background-color:var(--bg-card)!important;border-radius:var(--radius-md,12px)!important;font-family:inherit!important;box-shadow:0 8px 32px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.12)!important;overflow:hidden}.react-datepicker__header{background-color:var(--bg-main)!important;padding-top:1rem!important}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:var(--text-main)!important;font-weight:600!important}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--text-main)!important;width:2rem!important;line-height:2rem!important}.react-datepicker__day:hover{background-color:var(--sidebar-hover-bg)!important;border-radius:6px!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:var(--primary)!important;color:#fff!important;border-radius:6px!important}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--primary-bg-light)!important;color:var(--primary)!important;border-radius:6px!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;pointer-events:none}.react-datepicker__triangle{display:none!important}.inventory-input{background-color:var(--sidebar-hover-bg)!important;border-color:transparent!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);transition:all var(--transition-fast)}.inventory-input:focus{background-color:var(--input-bg)!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}@keyframes accordionReveal{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.accordion-content-enter{animation:accordionReveal .85s cubic-bezier(.16,1,.3,1) .12s both;will-change:opacity,transform,filter}.sidebar-item{position:relative;z-index:10}.sidebar-item:hover{z-index:500!important}[data-tooltip]:after,[data-tooltip]:before{position:absolute;opacity:0;pointer-events:none;transition:all .22s cubic-bezier(.16,1,.3,1);z-index:500}[data-tooltip]:after{left:100%;top:50%;transform:translateY(-50%) translateX(4px) scale(.92);background:rgba(15,23,42,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f8fafc;font-size:.78rem;letter-spacing:.01em;padding:.45rem .85rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 10px 25px -5px rgba(0,0,0,.5),0 0 12px rgba(14,165,233,.25)}[data-tooltip]:before{left:100%;top:50%;transform:translateY(-50%) translateX(-1px);border-color:transparent hsla(0,0%,100%,.18) transparent transparent;border-width:5px 6px 5px 0}[data-tooltip]:hover:after{transform:translateY(-50%) translateX(12px) scale(1)}[data-tooltip]:hover:before{transform:translateY(-50%) translateX(6px)}[data-tooltip=""]:after,[data-tooltip=""]:before{display:none!important}.badge-gradient-cyan,.badge-gradient-purple{padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.25rem}.badge-gradient-purple{background:linear-gradient(90deg,rgba(168,85,247,.15),rgba(147,51,234,.05));border:1px solid rgba(168,85,247,.4);color:#7e22ce;box-shadow:0 2px 4px rgba(168,85,247,.1)}.badge-gradient-cyan{background:linear-gradient(90deg,rgba(6,182,212,.15),rgba(8,145,178,.05));border:1px solid rgba(6,182,212,.4);color:#0e7490;box-shadow:0 2px 4px rgba(6,182,212,.1)}.dark .badge-gradient-purple{background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(168,85,247,.05));border:1px solid rgba(168,85,247,.3);color:#d8b4fe;box-shadow:inset 0 0 10px rgba(168,85,247,.1)}.dark .badge-gradient-cyan{background:linear-gradient(90deg,rgba(6,182,212,.2),rgba(6,182,212,.05));border:1px solid rgba(6,182,212,.3);color:#67e8f9}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}.reveal.active,.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(14,165,233,.3);background:var(--bg-card-hover)}.feature-icon{width:50px;height:50px;background:rgba(14,165,233,.1);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-question{width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text-main);font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer}.faq-answer{color:var(--text-muted);transition:all .3s ease}.glass-mockup{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease;width:100%;max-width:500px}.glass-mockup:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.mockup-header{background:rgba(0,0,0,.2);padding:.75rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-body{display:flex;height:300px}.mockup-sidebar{width:80px;background:hsla(0,0%,100%,.02);border-right:1px solid hsla(0,0%,100%,.05)}.mockup-content{flex:1 1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mockup-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.mockup-card{height:60px;background:hsla(0,0%,100%,.05);border-radius:8px}.mockup-chart{flex:1 1;background:rgba(14,165,233,.1);border-radius:8px;border:1px dashed rgba(14,165,233,.3)}.badge-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));transform:skewX(-25deg);animation:shine 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes shine{0%{left:-100%}35%{left:200%}to{left:200%}}@media (max-width:768px){.section-navigator{display:none!important}}.hero-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:1}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem;text-align:center}.hero-grid>.reveal:first-child{display:flex;flex-direction:column;align-items:center}.hero-grid .badge-shine{margin:0 auto 1.5rem!important}.hero-grid p{margin:0 auto 2.5rem!important}.hero-mockup-wrapper{width:100%;max-width:90vw;margin:0 auto;position:relative;padding-top:1rem}.hero-mockup-wrapper .glass-mockup{transform:scale(.95);transform-origin:center top}}.layout-root{width:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}.layout-header{padding:1.25rem 2rem;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;margin-bottom:0!important;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.layout-body{display:flex;flex:1 1;width:100%;position:relative}.layout-sidebar{transition:all .3s ease;flex-shrink:0;display:flex;flex-direction:column;gap:.4rem;align-self:flex-start;position:-webkit-sticky!important;position:sticky!important;top:76px;z-index:50;overflow-y:auto;height:calc(100vh - 76px);max-height:calc(100vh - 76px)!important;scrollbar-width:thin;border-radius:0!important;border-left:none!important;border-top:none!important;border-bottom:none!important;margin:0!important}.layout-main{flex:1 1;display:flex;flex-direction:column;gap:2rem;padding:2rem 3rem;position:relative;z-index:1}.layout-main-centered{align-items:center;justify-content:center;min-height:calc(100vh - 76px)}@keyframes highlightRowFade{0%{background-color:rgba(34,197,94,.25)}to{background-color:transparent}}.highlight-row{animation:highlightRowFade 3.5s ease-out forwards;border-left:3px solid #22c55e!important}.layout-sidebar.collapsed{overflow:visible!important;z-index:50!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}[data-tooltip]{position:relative}[data-tooltip]:before{content:"";transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 5px 6px;border-color:transparent transparent var(--border-color) transparent;z-index:1001}[data-tooltip]:after,[data-tooltip]:before{position:absolute;top:100%;left:calc(50% + 22px);pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:6px}[data-tooltip]:after{content:attr(data-tooltip);transform:translateX(-50%) translateY(6px);background:var(--bg-main);color:var(--text-main);padding:.5rem .85rem;text-indent:7px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.35);border:1px solid var(--border-color);z-index:1000}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(5px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(11px)}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:var(--font-family)!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:0 10px 25px rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;padding:.5rem}.react-datepicker__header{background:transparent!important;border-bottom:1px solid var(--border-color)!important;padding-top:.5rem}.react-datepicker__current-month{color:var(--text-main)!important;font-family:var(--font-heading)!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:.25rem}.react-datepicker__day-name{color:var(--text-muted)!important;font-weight:500;text-transform:capitalize}.react-datepicker__day{color:var(--text-main)!important;border-radius:6px!important;transition:all .2s}.react-datepicker__day:hover{background:var(--sidebar-hover-bg)!important;color:var(--primary)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--primary)!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 8px var(--primary-glow)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-muted)!important}.react-datepicker__navigation:hover :before{border-color:var(--primary)!important}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:var(--bg-card)!important;color:var(--bg-card)!important;stroke:var(--border-color)!important}.cmdk-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease-out}.cmdk-dialog{width:100%;max-width:600px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}[cmdk-root]{display:flex;flex-direction:column;width:100%}[cmdk-input]{font-family:inherit;border:none;width:100%;font-size:1.1rem;padding:1.25rem 1.5rem;outline:none;background:transparent;color:var(--text-main);border-bottom:1px solid var(--border-color)}[cmdk-input]::placeholder{color:var(--text-muted)}[cmdk-list]{height:min(350px,calc(100vh - 400px));overflow:auto;overscroll-behavior:contain;padding:.5rem;scrollbar-width:thin}[cmdk-group-heading]{padding:.5rem 1rem .25rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}[cmdk-item]{content-visibility:auto;cursor:pointer;height:48px;border-radius:8px;font-size:.95rem;display:flex;align-items:center;gap:.75rem;padding:0 1rem;color:var(--text-main);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease}[cmdk-item][aria-selected=true]{background:var(--sidebar-hover-bg);color:var(--primary)}[cmdk-item] svg{width:18px;height:18px;color:var(--text-muted)}[cmdk-item][aria-selected=true] svg{color:var(--primary)}[cmdk-empty]{padding:2rem;text-align:center;font-size:.9rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}