:root{--color-primary:#0072c6;--color-primary-dark:#005699;--color-secondary:#28a745;--color-text:#333;--color-text-light:#fff;--color-background:#f8f9fa;--color-background-hover:#e9ecef;--color-border:#ced4da;--color-action:var(--color-primary);--color-action-hover:var(--color-primary-dark);--color-warning:#ffc107;--font-family-base:"Rawline","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mantine-primary-color:#228be6;--mantine-secondary-color:#20c997;--mantine-warning-color:#fd7e14;--mantine-danger-color:#ff4757;--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-weight-normal:400;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--border-radius-sm:4px;--border-radius-md:4px;--border-radius-lg:8px;--border-width:1px;--shadow-sm:0 1px 2px rgba(0,0,0,.075);--shadow-md:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 8px rgba(0,0,0,.15);--transition-fast:0.2s ease-in-out;--transition-normal:0.3s ease;--enable-smooth-scroll:1;--enable-animations:1}body{color:var(--color-text);font-family:var(--font-family-base);line-height:1.5}.layout-card{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:600px;padding:var(--spacing-lg)}.layout-card,.layout-sidebar{background-color:#fff;height:95vh}.layout-sidebar{border-right:var(--border-width) solid var(--color-border);margin:var(--spacing-xl);overflow-y:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.layout-row{margin-bottom:var(--spacing-lg)}.text-title{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.text-title,.text-value{font-weight:var(--font-weight-bold)}.text-value{color:var(--color-secondary);font-size:var(--font-size-xxl)}.icon-default{color:var(--color-primary);font-size:var(--font-size-xl);margin-right:var(--spacing-sm)}.icon-inline{display:inline-block;vertical-align:middle}.card-title{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.card-title,.card-value{font-weight:var(--font-weight-bold)}.card-value{color:var(--color-secondary);font-size:var(--font-size-xxl)}.export{align-items:center;background-color:var(--color-action);border:none;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.export,.export:hover{color:var(--color-text-light)}.export:hover{background-color:var(--color-action-hover);box-shadow:var(--shadow-md)}.export:focus{outline:2px solid var(--color-primary-dark);outline-offset:2px}.dbc-dropdown{background-color:#fff;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:none;font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dbc-dropdown .Select-control{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.dbc-dropdown .Select-control,.dbc-dropdown .Select-control:focus,.dbc-dropdown .is-open>.Select-control{background-color:transparent;border:none;box-shadow:none}.dbc-dropdown.is-focused,.dbc-dropdown.is-open{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,114,198,.25)}.dbc-dropdown .Select-menu-outer{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);margin-top:var(--spacing-xs)}.dbc-dropdown .Select-value-label{color:var(--color-text)}.dbc-dropdown .Select-option{background-color:var(--color-background);color:var(--color-text);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.dbc-dropdown .Select-option.is-focused,.dbc-dropdown .Select-option:hover{background-color:var(--color-primary);color:var(--color-text-light)}.dbc-dropdown .Select-option.is-selected{background-color:var(--color-primary-dark);color:var(--color-text-light);font-weight:var(--font-weight-bold)}.sidebar-link{align-items:center;border:var(--border-width) solid transparent;border-radius:var(--border-radius-md);color:#000;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:transform var(--animation-duration) var(--animation-easing),box-shadow var(--animation-duration) var(--animation-easing),background-color var(--animation-duration) var(--animation-easing),border-color var(--animation-duration) var(--animation-easing)}.sidebar-link:hover{background-color:var(--color-background-hover);border-color:var(--color-background-hover);box-shadow:none;color:var(--color-primary)}.sidebar-link.active,.sidebar-link.active:focus,.sidebar-link.active:visited{background-color:var(--color-primary)!important;border-color:var(--color-primary-dark)!important;box-shadow:var(--shadow-sm);color:var(--color-text-light)!important;font-weight:var(--font-weight-bold);outline:none}.sidebar-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.main-container{font-family:var(--font-family-base)}.nav-item{border-radius:8px!important;margin:var(--spacing-xs) 0!important}.nav-item .mantine-Paper-root{min-height:auto!important;padding:var(--spacing-sm) var(--spacing-md)!important}.nav-item .dash-iconify{font-size:18px!important;height:16px!important;width:18px!important}.nav-item .mantine-Text-root{color:#565353!important;font-size:var(--font-size-sm)!important;line-height:1.3!important}.nav-item .mantine-Group-root{gap:var(--spacing-sm)!important}.nav-item:hover{background-color:rgba(204,219,233,.05)!important;transform:translateX(4px)}.nav-item:hover .mantine-Paper-root{border-left:3px solid #228be6}.nav-item:hover .dash-iconify{transition:all .3s ease-out}.nav-item:hover .dash-iconify,.notification-exit{opacity:1;transform:translateX(0)}.notification-exit-active{opacity:0;transform:translateX(100%);transition:all .3s ease-in}.mantine-AppShell-navbar{border-right:1px solid #fff!important;box-shadow:2px 0 8px rgba(0,0,0,.05)!important}.mantine-AppShell-main{background-color:#f8f9fa!important}.mantine-Select-dropdown{box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.mantine-MultiSelect-values{gap:3px!important;max-height:80px!important;overflow-y:auto!important;padding:4px!important}.mantine-MultiSelect-value{background-color:rgba(34,139,230,.1)!important;border:1px solid rgba(34,139,230,.2)!important;border-radius:4px!important;font-size:10px!important;height:22px!important;line-height:18px!important;max-width:120px!important;overflow:hidden!important;padding:2px 6px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mantine-MultiSelect-values[data-many-selected=true]{max-height:60px!important}.mantine-MultiSelect-values[data-many-selected=true] .mantine-MultiSelect-value{font-size:9px!important;height:18px!important;line-height:16px!important;max-width:90px!important;padding:1px 4px!important}.mantine-MultiSelect-input{max-height:120px!important;min-height:40px!important}#cofinanciamento-municipio-dropdown .mantine-MultiSelect-values,#monitoramento-municipio-dropdown .mantine-MultiSelect-values{max-height:70px!important;overflow-y:auto!important;scrollbar-width:thin!important}.mantine-MultiSelect-values::-webkit-scrollbar{width:4px!important}.mantine-MultiSelect-values::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:2px!important}.mantine-MultiSelect-values::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:2px!important}.mantine-MultiSelect-values::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes subtle-glow{0%,to{box-shadow:0 4px 12px rgba(34,139,230,.3)}50%{box-shadow:0 4px 16px rgba(34,139,230,.6)}}:root{--animation-duration:0.2s;--animation-easing:cubic-bezier(0.25,0.8,0.25,1);--hover-lift:-3px;--hover-scale:1.02;--shadow-hover:0 8px 25px rgba(0,0,0,.15);--shadow-focus:0 0 0 3px rgba(34,139,230,.2)}.card{background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06);overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:left;transition:transform var(--animation-duration) var(--animation-easing),box-shadow var(--animation-duration) var(--animation-easing),border-color var(--animation-duration) var(--animation-easing)}.card:before{background:linear-gradient(90deg,#228be6,#20c997);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--animation-duration) var(--animation-easing)}.card:hover{border-color:rgba(34,139,230,.2);box-shadow:var(--shadow-hover);transform:translateY(var(--hover-lift)) scale(var(--hover-scale))}.card:hover:before{transform:scaleX(1)}.modern-button{background:linear-gradient(135deg,#228be6,#1c7ed6);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(34,139,230,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all var(--animation-duration) var(--animation-easing)}.modern-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modern-button:hover{box-shadow:0 6px 20px rgba(34,139,230,.4);transform:translateY(-2px)}.modern-button:hover:before{left:100%}.modern-button:active{transform:translateY(0)}.mantine-Paper-root{border:1px solid rgba(0,0,0,.06)!important;border-radius:12px!important;transition:all var(--animation-duration) var(--animation-easing)!important}.mantine-Paper-root:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)!important;transform:translateY(-2px)!important}.glass-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;transition:all var(--animation-duration) var(--animation-easing)}.glass-card:hover{background:hsla(0,0%,100%,.95);box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateY(-3px)}.mantine-Select-dropdown{animation:dropdownSlideIn .2s ease-out!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mantine-Select-item{border-radius:6px!important;margin:2px 4px!important;transition:all .15s ease!important}.mantine-Select-item:hover{background-color:rgba(34,139,230,.1)!important;transform:translateX(4px)!important}.nav-item{border-radius:10px!important;overflow:hidden!important;position:relative!important;transition:all var(--animation-duration) var(--animation-easing)!important}.nav-item:before{background:linear-gradient(180deg,#228be6,#20c997);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--animation-duration) var(--animation-easing);width:3px}.nav-item:hover{background-color:rgba(34,139,230,.05)!important;box-shadow:0 4px 12px rgba(34,139,230,.15)!important;transform:translateX(6px)!important}.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover .mantine-Paper-root{background-color:rgba(34,139,230,.08)!important}.mantine-Modal-content{animation:modalSlideIn .3s ease-out!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:16px!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mantine-Modal-overlay{backdrop-filter:blur(4px)!important;background-color:rgba(0,0,0,.4)!important}.modern-table{border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.05);overflow:hidden}.modern-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modern-table tbody tr{transition:all .15s ease}.modern-table tbody tr:hover{background-color:rgba(34,139,230,.04);transform:scale(1.005)}.mantine-Input-input{border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;transition:all var(--animation-duration) ease!important}.mantine-Input-input:focus{border-color:#228be6!important;box-shadow:var(--shadow-focus)!important;transform:translateY(-1px)!important}.mantine-Progress-bar{animation:progressGlow 2s ease-in-out infinite alternate!important;background:linear-gradient(90deg,#228be6,#20c997)!important}@keyframes progressGlow{0%{box-shadow:0 0 5px rgba(34,139,230,.5)}to{box-shadow:0 0 20px rgba(34,139,230,.8)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#228be6,#20c997);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1c7ed6,#18a05e);box-shadow:0 0 10px rgba(34,139,230,.5)}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dash-iconify{transition:all var(--animation-duration) var(--animation-easing)!important}.nav-item:hover .dash-iconify{filter:drop-shadow(0 2px 4px rgba(34,139,230,.3))!important;transform:scale(1.1) rotate(5deg)!important}.hover-lift{transition:transform var(--animation-duration) var(--animation-easing)}.hover-lift:hover{transform:translateY(-3px)}.hover-scale{transition:transform var(--animation-duration) var(--animation-easing)}.hover-scale:hover{transform:scale(1.05)}.smooth-border{border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:all var(--animation-duration) var(--animation-easing)}.smooth-border:hover{border-color:rgba(34,139,230,.3);box-shadow:0 4px 12px rgba(34,139,230,.15)}@media (max-width:768px){.card{margin:var(--spacing-sm);padding:var(--spacing-md)}.nav-item:hover{transform:translateX(3px)!important}.modern-button{justify-content:center;width:100%}}:root{--welcome-primary-gradient:linear-gradient(45deg,#228be6,#20c997);--welcome-secondary-gradient:linear-gradient(135deg,rgba(34,139,230,.1),rgba(32,201,151,.1));--welcome-modal-size:95vw;--welcome-modal-height:95vh;--welcome-border-radius:12px;--welcome-transition:all 0.3s ease}.welcome-modal{animation:modal-entrance .4s ease-out}.welcome-modal .mantine-Modal-content{border-radius:var(--welcome-border-radius);box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex!important;flex-direction:column!important;height:var(--welcome-modal-height)!important;margin:0!important;max-height:none!important;max-width:none!important;overflow:hidden;width:var(--welcome-modal-size)!important}.welcome-modal .mantine-Modal-header{background:var(--welcome-secondary-gradient);border-bottom:1px solid rgba(34,139,230,.1)}.welcome-modal .mantine-Modal-body{display:flex!important;flex:1!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;padding:0!important}.welcome-modal .mantine-Modal-root{z-index:9999}@keyframes modal-entrance{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(34,139,230,.5);transform:scale(1)}50%{box-shadow:0 0 20px rgba(34,139,230,.8),0 0 30px rgba(32,201,151,.6);transform:scale(1.05)}}@keyframes float-button{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-modal .mantine-Tabs-root{display:flex!important;flex-direction:column!important;height:100%!important}.welcome-modal .mantine-Tabs-list{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(34,139,230,.1);border-radius:var(--welcome-border-radius);flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px}.welcome-modal .mantine-Tabs-tab{border:none;border-radius:8px;transition:var(--welcome-transition)}.welcome-modal .mantine-Tabs-tab:hover{background:rgba(34,139,230,.1);transform:translateY(-2px)}.welcome-modal .mantine-Tabs-tab[data-active=true]{background:var(--welcome-primary-gradient);box-shadow:0 4px 12px rgba(34,139,230,.3);color:#fff}.welcome-modal .mantine-Tabs-tab[data-active=true] .mantine-Text-root{color:#fff!important}.welcome-modal .mantine-Tabs-panel{flex:1!important;overflow-y:auto!important;padding:24px!important}.welcome-modal .mantine-Progress-root{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.welcome-modal .mantine-Progress-bar{background:var(--welcome-primary-gradient);transition:width .5s ease-in-out}.welcome-modal .mantine-ActionIcon-root:hover{background:rgba(239,68,68,.1);color:#ef4444;transform:rotate(90deg)}.welcome-modal .mantine-Button-root{transition:var(--welcome-transition)}.welcome-modal .mantine-Button-root:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.welcome-nav-item{overflow:hidden;position:relative}.welcome-nav-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.welcome-nav-item:hover:before{left:100%}.welcome-nav-item:hover{background:linear-gradient(90deg,rgba(34,139,230,.2),rgba(32,201,151,.2))!important;border-left:3px solid #228be6!important;transform:translateX(5px)}.welcome-nav-item .mantine-ThemeIcon-root{animation:pulse-glow 2s ease-in-out infinite}.welcome-content-loading{opacity:.6;pointer-events:none;transition:opacity .3s ease}.welcome-content-loaded{animation:fade-in-up .4s ease-out;opacity:1;pointer-events:auto}.welcome-modal .mantine-Tabs-tab:focus-visible{outline:2px solid #228be6;outline-offset:2px}.welcome-modal .mantine-ActionIcon-root:focus-visible,.welcome-modal .mantine-Button-root:focus-visible{outline:2px solid #228be6;outline-offset:2px}@media (max-width:1200px){:root{--welcome-modal-size:98vw}.welcome-modal .mantine-Tabs-list{gap:2px;padding:6px}.welcome-modal .mantine-Tabs-tab{flex:1;justify-content:center;min-width:100px}}@media (max-width:768px){:root{--welcome-modal-size:100vw;--welcome-modal-height:100vh}.welcome-modal .mantine-Modal-content{border-radius:0;height:100vh}.welcome-modal .mantine-Tabs-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.welcome-modal .mantine-Tabs-list::-webkit-scrollbar{display:none}.welcome-modal .mantine-Tabs-tab{min-width:120px;white-space:nowrap}.welcome-modal .mantine-Modal-header .mantine-Group-root{align-items:center;flex-direction:column;gap:12px}.welcome-modal .mantine-Progress-root{width:200px}}@media (max-width:480px){.welcome-modal .mantine-Modal-header .mantine-Title-root{font-size:1.5rem}.welcome-modal .mantine-Tabs-tab{min-width:100px;padding:8px 12px}.welcome-modal .mantine-Tabs-tab .mantine-Text-root:last-child{display:none}}.zoom-90{zoom:.9!important}.zoom-100{zoom:1!important}.zoom-110{zoom:1.1!important}.zoom-125{zoom:1.25!important}.zoom-150{zoom:1.5!important}.zoom-transform-90{height:111.11%!important;transform:scale(.9)!important;transform-origin:top left!important;width:111.11%!important}.zoom-transform-150{height:66.67%!important;transform:scale(1.5)!important;transform-origin:top left!important;width:66.67%!important}.will-animate{will-change:transform}.will-animate-end{will-change:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.glass-card{backdrop-filter:none!important;background:hsla(0,0%,100%,.98)!important}}.custom-scrollbar{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:8px}.hover-lift:hover{transform:translate3d(0,-3px,0)}.pulse-animation{animation:pulse-glow 2s ease-in-out 3}.tutorial-modal .mantine-Modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-lg)!important}.tutorial-modal .mantine-Modal-header{background:var(--welcome-secondary-gradient,var(--color-background))!important;border-bottom:1px solid var(--color-border)!important}.tutorial-cta{position:relative;transition:all .3s ease}.tutorial-cta:hover{box-shadow:0 8px 25px rgba(124,58,237,.15);transform:translateY(-2px)}.tutorial-cta:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tutorial-cta:hover:before{left:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes highlight-pulse-0{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.1)}}@keyframes highlight-pulse-1{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,.1)}}@keyframes highlight-pulse-2{0%,to{box-shadow:0 0 0 0 rgba(124,58,237,.4)}50%{box-shadow:0 0 0 8px rgba(124,58,237,.1)}}@keyframes highlight-pulse-3{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.4)}50%{box-shadow:0 0 0 8px rgba(245,158,11,.1)}}@keyframes highlight-pulse-4{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,.1)}}@keyframes highlight-pulse-5{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.4)}50%{box-shadow:0 0 0 8px rgba(99,102,241,.1)}}.screenshot-container{border-radius:var(--border-radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden;position:relative}.screenshot-container img{transition:transform .3s ease}.screenshot-container:hover img{transform:scale(1.02)}.highlight-overlay{cursor:pointer;transition:all .3s ease}.highlight-overlay:hover{transform:scale(1.05);z-index:10}.tutorial-dots-container .mantine-ActionIcon-root{transition:all .2s ease}.tutorial-dots-container .mantine-ActionIcon-root:hover{transform:scale(1.1)}.tutorial-step-content{animation:fadeInUp .5s ease-out}@keyframes tutorial-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card{background:var(--color-background);border:1px solid transparent;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .3s ease}.feature-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-4px)}.tutorial-header{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-bottom:2px solid var(--color-border);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:var(--spacing-lg)}.tutorial-footer{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-top:1px solid var(--color-border);padding:var(--spacing-md)}.tutorial-progress-indicator{background:var(--color-background);border-radius:var(--border-radius-sm);height:6px;overflow:hidden;position:relative}.tutorial-progress-indicator:after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .5s ease}.tutorial-tooltip{background:rgba(0,0,0,.9);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-light);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative}.tutorial-tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tutorial-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.tutorial-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tutorial-completion{overflow:hidden;position:relative}.tutorial-completion:before{animation:confetti 3s ease-in-out infinite;content:"🎉";font-size:2rem;opacity:.7;position:absolute}@keyframes confetti{0%,to{opacity:0;transform:translateY(-10px) rotate(0deg)}50%{opacity:1;transform:translateY(0) rotate(180deg)}}@keyframes pulse-tutorial{0%,to{box-shadow:0 0 0 0 rgba(124,58,237,.4);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(124,58,237,.1);transform:scale(1.05)}}.tutorial-nav-item{transition:all .3s ease}.tutorial-nav-item:hover{box-shadow:0 4px 12px rgba(124,58,237,.2);transform:translateY(-2px)}.welcome-nav-item{transition:all .3s ease}.welcome-nav-item:hover{box-shadow:0 4px 12px rgba(34,139,230,.2);transform:translateY(-2px)}.tutorial-screenshot-container{border-radius:var(--border-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.tutorial-screenshot-container:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-2px)}.tutorial-screenshot{display:block;height:auto;transition:opacity .3s ease;width:100%}.tutorial-screenshot-loading{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tutorial-image-full-high{background-image:url(../tutorial/screenshots/image.webp);height:auto;max-width:100%;width:1920px}.tutorial-image-full-medium{background-image:url(../tutorial/screenshots/image_med.webp);height:auto;max-width:100%;width:1920px}.tutorial-image-modal-high{background-image:url(../tutorial/screenshots/image_modal.webp);height:auto;max-width:100%;width:1200px}.tutorial-image-modal-medium{background-image:url(../tutorial/screenshots/image_modal_med.webp);height:auto;max-width:100%;width:1200px}.tutorial-image-thumbnail{background-image:url(../tutorial/screenshots/thumbnails/image_thumb.webp);height:auto;max-width:100%;width:400px}@media (max-width:768px){.tutorial-cta{text-align:center}.tutorial-cta .mantine-Group-root{flex-direction:column;gap:1rem}.highlight-overlay{display:none}.tutorial-modal .mantine-Modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh}.feature-card,.tutorial-footer,.tutorial-header{padding:var(--spacing-sm)}.feature-card{margin-bottom:var(--spacing-sm)}.glass-card,.mantine-Modal-overlay,.mantine-Select-dropdown,.tutorial-modal .mantine-Modal-overlay,.welcome-modal .mantine-Modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:hsla(0,0%,100%,.98)!important}.card,.mantine-Paper-root,.modern-button,.nav-item,.tutorial-screenshot-container{box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.card:hover,.mantine-Paper-root:hover,.nav-item:hover{transform:translateY(-1px)!important}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){.nav-item:before,.tutorial-cta:before,.welcome-nav-item .mantine-ThemeIcon-root{animation:none!important}}.card:before,.modern-button,.nav-item:before{background:var(--color-primary)!important;background-image:none!important}}