@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");:root{--theme-primary-color:#339af0;--theme-border-radius:0.25rem;--theme-spacing-scale:1;--theme-compact:0;--sidebar-width:min(max(180px,15vw),250px);--header-height:60px;--transition-duration:0.3s;--transition-timing:cubic-bezier(0.4,0,0.2,1);--shadow-card:0 2px 8px rgba(0,0,0,.15);--shadow-dropdown:0 4px 16px rgba(0,0,0,.15);--shadow-modal:0 8px 32px rgba(0,0,0,.2)}:root[style*="--theme-compact: 1"]{--shadow-card:0 1px 3px rgba(0,0,0,.12)}body,html{margin:0;padding:0;height:100%;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.theme-card{border-radius:var(--theme-border-radius);box-shadow:var(--shadow-card);transition:all var(--transition-duration) var(--transition-timing)}.theme-card:hover{box-shadow:var(--shadow-dropdown);transform:translateY(-2px)}.theme-button{border-radius:var(--theme-border-radius);background-color:var(--theme-primary-color);transition:all var(--transition-duration) var(--transition-timing)}.theme-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.theme-spacing-xs{padding:calc(.5rem * var(--theme-spacing-scale))}.theme-spacing-sm{padding:calc(.75rem * var(--theme-spacing-scale))}.theme-spacing-md{padding:calc(1rem * var(--theme-spacing-scale))}.theme-spacing-lg{padding:calc(1.5rem * var(--theme-spacing-scale))}.theme-spacing-xl{padding:calc(2rem * var(--theme-spacing-scale))}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--mantine-color-gray-4) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--mantine-color-gray-4);border-radius:var(--theme-border-radius)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--mantine-color-gray-5)}*{transition:background-color var(--transition-duration) var(--transition-timing),border-color var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing)}.theme-changing *{transition:none!important}.theme-focus:focus-visible{outline:2px solid var(--theme-primary-color);outline-offset:2px;border-radius:var(--theme-border-radius)}.gradient-primary{background:linear-gradient(135deg,var(--theme-primary-color) 0,color-mix(in srgb,var(--theme-primary-color) 80%,#000 20%) 100%)}[data-mantine-color-scheme=light] .gradient-sidebar{background:linear-gradient(180deg,var(--theme-primary-color) 0,color-mix(in srgb,var(--theme-primary-color) 70%,#000 30%) 100%)}[data-mantine-color-scheme=dark] .gradient-sidebar{background:linear-gradient(180deg,var(--mantine-color-dark-6) 0,var(--mantine-color-dark-8) 100%)}.gradient-header{background:linear-gradient(90deg,var(--theme-primary-color) 0,color-mix(in srgb,var(--theme-primary-color) 80%,#000 20%) 100%)}@media (max-width:768px){.theme-spacing-lg,.theme-spacing-xl{padding:calc(1rem * var(--theme-spacing-scale))}}@media print{.no-print{display:none!important}*{transition:none!important;animation:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.theme-card{border:2px solid var(--mantine-color-gray-7)}.theme-button{border:2px solid}}.surface-card{border-radius:var(--theme-border-radius);transition:all var(--transition-duration) var(--transition-timing);background-color:var(--mantine-color-body)}:root.theme-flat .surface-card{box-shadow:none;border:none;background-color:var(--mantine-color-body)}:root.theme-elevated .surface-card{box-shadow:var(--shadow-card);border:none;background-color:var(--mantine-color-body)}:root.theme-bordered .surface-card{box-shadow:none;border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] :root.theme-bordered .surface-card{border:1px solid var(--mantine-color-dark-4)}:root.theme-bordered .surface-card{background-color:var(--mantine-color-body)}:root.theme-glassmorphism .surface-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;overflow:hidden}[data-mantine-color-scheme=light] :root.theme-glassmorphism .surface-card{background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,59%,.35);box-shadow:0 4px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 hsla(0,0%,100%,.1)}[data-mantine-color-scheme=dark] :root.theme-glassmorphism .surface-card{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,39%,.1);box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 hsla(0,0%,100%,.05)}.surface-flat{box-shadow:none}.surface-elevated,.surface-flat{border:none;background-color:var(--mantine-color-body)}.surface-elevated{box-shadow:var(--shadow-card)}.surface-bordered{box-shadow:none;border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .surface-bordered{border:1px solid var(--mantine-color-dark-4)}.surface-bordered{background-color:var(--mantine-color-body)}.surface-glassmorphism{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;overflow:hidden}[data-mantine-color-scheme=light] .surface-glassmorphism{background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,59%,.35);box-shadow:0 4px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 hsla(0,0%,100%,.1)}[data-mantine-color-scheme=dark] .surface-glassmorphism{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,39%,.1);box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 hsla(0,0%,100%,.05)}:root.theme-glassmorphism .surface-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}[data-mantine-color-scheme=light] :root.theme-glassmorphism .surface-card:before{opacity:.8}[data-mantine-color-scheme=dark] :root.theme-glassmorphism .surface-card:before,[data-mantine-color-scheme=light] :root.theme-glassmorphism .surface-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary-color) 20%,transparent) 0,color-mix(in srgb,var(--theme-primary-color) 8%,transparent) 100%)}[data-mantine-color-scheme=dark] :root.theme-glassmorphism .surface-card:before{opacity:.5}.surface-glassmorphism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}[data-mantine-color-scheme=light] .surface-glassmorphism:before{opacity:.8}[data-mantine-color-scheme=dark] .surface-glassmorphism:before,[data-mantine-color-scheme=light] .surface-glassmorphism:before{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary-color) 20%,transparent) 0,color-mix(in srgb,var(--theme-primary-color) 8%,transparent) 100%)}[data-mantine-color-scheme=dark] .surface-glassmorphism:before{opacity:.5}.surface-hover:hover{transform:translateY(-2px);cursor:pointer}:root.theme-flat .surface-hover:hover{box-shadow:var(--shadow-card)}:root.theme-elevated .surface-hover:hover{box-shadow:var(--shadow-dropdown)}:root.theme-bordered .surface-hover:hover{border-color:var(--theme-primary-color);box-shadow:0 0 0 1px var(--theme-primary-color)}.surface-flat.surface-hover:hover{box-shadow:var(--shadow-card)}.surface-elevated.surface-hover:hover{box-shadow:var(--shadow-dropdown)}.surface-bordered.surface-hover:hover{border-color:var(--theme-primary-color);box-shadow:0 0 0 1px var(--theme-primary-color)}[data-mantine-color-scheme=light] :root.theme-glassmorphism .surface-hover:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] :root.theme-glassmorphism .surface-hover:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.05));border-color:hsla(0,0%,100%,.25);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 hsla(0,0%,100%,.08)}:root.theme-glassmorphism .surface-hover:hover:before{opacity:.5}[data-mantine-color-scheme=light] .surface-glassmorphism.surface-hover:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] .surface-glassmorphism.surface-hover:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.05));border-color:hsla(0,0%,100%,.25);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 hsla(0,0%,100%,.08)}.surface-glassmorphism.surface-hover:hover:before{opacity:.5}:root[style*="--theme-compact: 1"] .surface-card{padding:calc(.75rem * var(--theme-spacing-scale))}:root[style*="--theme-compact: 1"].theme-glassmorphism .surface-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.surface-compact{padding:calc(.75rem * var(--theme-spacing-scale));backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.surface-compact.surface-elevated{box-shadow:var(--shadow-card)}.surface-glassmorphism.surface-compact{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (prefers-contrast:high){.surface-elevated,.surface-flat{border:2px solid var(--mantine-color-gray-7)}.surface-bordered{border-width:2px}.surface-glassmorphism{background:hsla(0,0%,100%,.8);border:2px solid var(--mantine-color-gray-7);backdrop-filter:none;-webkit-backdrop-filter:none}}.gradient-glassmorphism-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-mantine-color-scheme=light] .gradient-glassmorphism-sidebar{background:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-right:1px solid hsla(0,0%,100%,.2)}[data-mantine-color-scheme=dark] .gradient-glassmorphism-sidebar{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border-right:1px solid hsla(0,0%,100%,.1)}.gradient-glassmorphism-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-mantine-color-scheme=light] .gradient-glassmorphism-header{background:linear-gradient(90deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1));border-bottom:1px solid hsla(0,0%,100%,.2)}[data-mantine-color-scheme=dark] .gradient-glassmorphism-header{background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.2));border-bottom:1px solid hsla(0,0%,100%,.1)}.page-header-surface{border:none!important;padding:0!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.task-card-modern{border-radius:12px;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08);background:var(--mantine-color-body);border:1px solid var(--mantine-color-gray-2)}.task-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12);border-color:var(--mantine-primary-color-3)}.task-card-modern:active{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}[data-mantine-color-scheme=dark] .task-card-modern{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-mantine-color-scheme=dark] .task-card-modern:hover{box-shadow:0 12px 24px rgba(0,0,0,.5);border-color:var(--mantine-primary-color-6)}.button-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.button-smooth:hover:not(:disabled){transform:scale(1.02)}.button-smooth:active:not(:disabled){transform:scale(.98)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in-element{animation:fadeInUp .5s ease-out}.slide-in-element{animation:slideInLeft .5s ease-out}.scale-in-element{animation:scaleInBounce .3s ease-out}.stagger-card{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.stagger-card:first-child{animation-delay:.05s}.stagger-card:nth-child(2){animation-delay:.1s}.stagger-card:nth-child(3){animation-delay:.15s}.stagger-card:nth-child(4){animation-delay:.2s}.stagger-card:nth-child(5){animation-delay:.25s}.stagger-card:nth-child(6){animation-delay:.3s}.stagger-card:nth-child(7){animation-delay:.35s}.stagger-card:nth-child(8){animation-delay:.4s}.stagger-card:nth-child(9){animation-delay:.45s}.stagger-card:nth-child(10){animation-delay:.5s}.stagger-card:nth-child(11){animation-delay:.55s}.stagger-card:nth-child(12){animation-delay:.6s}.filter-panel-modern{background-color:var(--mantine-color-gray-0);border-radius:12px;border:1px solid var(--mantine-color-gray-3);padding:1.5rem;animation:slideInLeft .3s ease-out}[data-mantine-color-scheme=dark] .filter-panel-modern{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.empty-state-modern{animation:fadeInUp .5s ease-out;text-align:center;padding:3rem 1.5rem}.loading-pulse{animation:pulseGlow 2s ease-in-out infinite}.badge-animated{transition:all .2s ease}.badge-animated:hover{transform:scale(1.05)}.shadow-smooth-sm{box-shadow:0 2px 4px rgba(0,0,0,.06);transition:box-shadow .2s ease}.shadow-smooth-md{box-shadow:0 4px 8px rgba(0,0,0,.08);transition:box-shadow .2s ease}.shadow-smooth-lg{box-shadow:0 8px 16px rgba(0,0,0,.1);transition:box-shadow .2s ease}.shadow-smooth-xl{box-shadow:0 12px 24px rgba(0,0,0,.12);transition:box-shadow .2s ease}.hover-elevate:hover{box-shadow:0 12px 24px rgba(0,0,0,.15)}.mantine-Button-root{border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mantine-Card-root{border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mantine-Modal-content{border-radius:12px;animation:scaleInBounce .2s ease-out}.mantine-Paper-root{border-radius:8px}.mantine-Badge-root{transition:all .2s ease}.mantine-Notification-root{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideInLeft .3s ease-out}.mantine-Menu-dropdown{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:scaleInBounce .2s ease-out}.mantine-Tooltip-tooltip{border-radius:6px;font-size:.875rem;animation:fadeInUp .2s ease-out}.mantine-Input-input:focus{border-color:var(--mantine-primary-color-filled);box-shadow:0 0 0 2px rgba(var(--mantine-primary-color-filled-rgb),.1);transition:all .2s ease}.countdown-modern{display:flex;gap:.5rem;align-items:center;font-variant-numeric:tabular-nums;font-weight:600}.status-badge-modern{font-weight:600;letter-spacing:.3px;padding:.375rem .75rem;border-radius:6px}.action-icon-modern,.status-badge-modern{transition:all .2s ease}.action-icon-modern:hover{transform:scale(1.1);background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .action-icon-modern:hover{background-color:var(--mantine-color-dark-5)}.text-gradient-modern{background:linear-gradient(135deg,var(--mantine-primary-color-filled) 0,var(--mantine-primary-color-6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.shimmer-loading{background:linear-gradient(90deg,var(--mantine-color-gray-2) 0,var(--mantine-color-gray-1) 50%,var(--mantine-color-gray-2) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite}[data-mantine-color-scheme=dark] .shimmer-loading{background:linear-gradient(90deg,var(--mantine-color-dark-6) 0,var(--mantine-color-dark-5) 50%,var(--mantine-color-dark-6) 100%);background-size:1000px 100%}.cards-grid-modern{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.cards-grid-modern{grid-template-columns:1fr;gap:1rem}}@media (min-width:769px) and (max-width:1200px){.cards-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.cards-grid-modern{grid-template-columns:repeat(3,1fr)}}:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:2px;border-radius:4px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--mantine-color-gray-1);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--mantine-color-gray-4);border-radius:5px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-track{background:var(--mantine-color-dark-7)}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-thumb{background:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--mantine-color-dark-3)}.page-transition-modern{animation:fadeInUp .3s ease-out}.divider-modern{height:1px;background:linear-gradient(90deg,transparent 0,var(--mantine-color-gray-3) 50%,transparent 100%);margin:1rem 0}[data-mantine-color-scheme=dark] .divider-modern{background:linear-gradient(90deg,transparent 0,var(--mantine-color-dark-4) 50%,transparent 100%)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--mantine-primary-color-filled-rgb),.3)}.skeleton-modern{background:linear-gradient(90deg,var(--mantine-color-gray-2) 25%,var(--mantine-color-gray-1) 50%,var(--mantine-color-gray-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-mantine-color-scheme=dark] .skeleton-modern{background:linear-gradient(90deg,var(--mantine-color-dark-6) 25%,var(--mantine-color-dark-5) 50%,var(--mantine-color-dark-6) 75%);background-size:200% 100%}