.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172a,#1e293b 50%,#334155);border-right:1px solid #ffffff1a;box-shadow:0 0 50px #0000004d;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);width:280px;z-index:1000}.sidebar.collapsed{width:80px}@media (max-width:768px){.sidebar{border-radius:0 20px 20px 0;box-shadow:20px 0 60px #00000080;height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:left .4s cubic-bezier(.25,.8,.25,1);width:320px!important;z-index:1001}.sidebar.mobile-open{left:0}.sidebar.animating{transition:left .4s cubic-bezier(.25,.8,.25,1)}.sidebar.mobile-open .logout-btn span,.sidebar.mobile-open .nav-title,.sidebar.mobile-open .profile-info,.sidebar.mobile-open .sidebar-link .badge,.sidebar.mobile-open .sidebar-link .label,.sidebar.mobile-open .sidebar-logo .label{display:block!important;opacity:1!important;transform:translateX(0)!important;width:auto!important}.sidebar.mobile-open .profile-link,.sidebar.mobile-open .sidebar-link{justify-content:flex-start!important;padding:16px 20px!important}.sidebar.mobile-open .logout-btn{display:flex!important}.sidebar.mobile-open .sidebar-logo{justify-content:center!important;margin-bottom:48px;text-align:center}.sidebar.mobile-open .sidebar-logo .logo-container{margin-bottom:12px}@media (max-width:768px){.sidebar.mobile-open .sidebar-logo{align-items:center!important;flex-direction:column!important;gap:12px!important;padding:32px 24px 24px!important}.sidebar.mobile-open .sidebar-logo .logo-container{align-items:center;display:flex;justify-content:center;margin:0 auto 8px;transform:scale(1.1)}.sidebar.mobile-open .sidebar-logo .label{font-size:32px!important;letter-spacing:3px!important;text-align:center}}}.sidebar-overlay{animation:slideInOverlay .4s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000000b3,#0006);cursor:pointer;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:1000}.sidebar-overlay.animating{animation:slideOutOverlay .4s cubic-bezier(.25,.8,.25,1)}@keyframes slideInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}@keyframes slideOutOverlay{0%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.mobile-sidebar-toggle{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;cursor:pointer;display:none;height:56px;justify-content:center;left:20px;padding:0;position:fixed;top:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px;z-index:9999}.mobile-sidebar-toggle:hover{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.mobile-sidebar-toggle:active{transform:translateY(0)}.mobile-sidebar-toggle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f64d}.hamburger-container{align-items:center;display:flex;flex-direction:column;gap:4px;height:18px;justify-content:center;width:24px}.hamburger{background:#61dafb;border-radius:2px;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.25,.8,.25,1);width:24px}.hamburger.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.mobile-sidebar-toggle{display:flex!important}}@media (max-width:1024px) and (min-width:769px){.mobile-sidebar-toggle{display:flex!important;height:48px;left:16px;top:16px;width:48px}}.sidebar-header{display:flex;flex:1 1;flex-direction:column;padding:32px 0 24px}.sidebar-logo{gap:16px;justify-content:flex-start;margin-bottom:40px;padding:0 24px;transition:all .3s ease}.logo-container,.sidebar-logo{align-items:center;display:flex}.logo-container{background:linear-gradient(135deg,#61dafb,#21d4fd,#00d4aa);border-radius:16px;box-shadow:0 8px 32px #61dafb66;height:52px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:52px}.logo-container:before{background:linear-gradient(45deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.logo-container:hover:before{transform:translateX(100%)}.logo-container:hover{box-shadow:0 12px 40px #61dafb99;transform:scale(1.1) rotate(5deg)}.sidebar-logo img{border-radius:8px;height:32px;width:32px;z-index:1}.sidebar-logo .label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#61dafb,#21d4fd,#00d4aa);-webkit-background-clip:text;background-clip:text;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:28px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 4px #0000001a;transition:all .3s ease}.sidebar.collapsed .sidebar-logo .label{opacity:0;transform:translateX(-10px);width:0}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-collapse{margin-bottom:32px;padding:0 24px}.collapse-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.collapse-btn:hover{background:#fff3;border-color:#61dafb4d;color:#61dafb;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 16px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-section{margin-bottom:40px}.nav-title{color:#64748b;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.nav-title:after{background:linear-gradient(135deg,#61dafb,#21d4fd);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:24px}.sidebar.collapsed .nav-title{opacity:0;transform:translateX(-10px)}.sidebar.collapsed .sidebar-link{border-radius:12px;justify-content:center;margin:6px 8px;padding:16px 12px}.sidebar.collapsed .sidebar-link .icon{margin:0;width:auto}.sidebar.collapsed .sidebar-link .icon svg{height:24px;width:24px}.sidebar.collapsed .profile-link{justify-content:center;padding:16px 12px}.sidebar.collapsed .logout-btn{display:none}.sidebar-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;color:#cbd5e1;display:flex;font-size:15px;font-weight:500;gap:16px;margin:6px 0;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.sidebar-link:before{background:linear-gradient(135deg,#61dafb1a,#21d4fd1a);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.sidebar-link:hover:before{width:100%}.sidebar-link:hover{background:#ffffff1a;box-shadow:0 4px 20px #0000001a;color:#fff;transform:translateX(8px)}.sidebar-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);box-shadow:0 8px 32px #3b82f666;color:#fff;font-weight:600;transform:translateX(4px)}.sidebar-link.active:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);width:100%}.sidebar-link .icon{align-items:center;display:flex;flex-shrink:0;font-size:22px;justify-content:center;text-align:center;transition:transform .3s ease;width:28px;z-index:1}.sidebar-link .icon svg{height:20px;transition:all .3s ease;width:20px}.sidebar-link:hover .icon{transform:scale(1.1)}.sidebar-link:hover .icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1.1)}.sidebar-link.active .icon svg{filter:drop-shadow(0 2px 8px rgba(255,255,255,.2))}.sidebar-link .label{flex:1 1;transition:all .3s ease;z-index:1}.sidebar-link .badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:4px 8px;text-align:center;transition:all .3s ease;z-index:1}.sidebar.collapsed .sidebar-link .badge{opacity:0;transform:scale(0);width:0}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-top:1px solid #ffffff1a;padding:24px 16px 32px}.profile-link{align-items:center;border-radius:16px;color:#cbd5e1;display:flex;font-size:15px;gap:16px;margin-bottom:16px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.profile-link:before{background:linear-gradient(135deg,#61dafb1a,#21d4fd1a);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.profile-link:hover:before{width:100%}.profile-link:hover{background:#ffffff1a;box-shadow:0 8px 32px #0003;color:#fff;transform:translateY(-2px)}.profile-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 32px #3b82f666;color:#fff}.profile-avatar{align-items:center;background:linear-gradient(135deg,#61dafb,#21d4fd,#00d4aa);border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #61dafb66;color:#1e293b;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:44px;justify-content:center;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:44px}.profile-avatar:hover{box-shadow:0 12px 40px #61dafb99;transform:scale(1.1)}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex:1 1;flex-direction:column;transition:all .3s ease}.sidebar.collapsed .profile-info{opacity:0;transform:translateX(-10px);width:0}.profile-name{font-size:15px;font-weight:600;line-height:1.2;margin-bottom:2px}.profile-role{color:#94a3b8;font-size:12px;font-weight:400;opacity:.8}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:16px;color:#fca5a5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.logout-btn:before{background:linear-gradient(135deg,#ef444433,#dc262633);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.logout-btn:hover:before{width:100%}.logout-btn:hover{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444480;box-shadow:0 8px 32px #ef44444d;color:#ef4444;transform:translateY(-2px)}.logout-btn svg{height:16px;width:16px;z-index:1}.logout-btn span{z-index:1}@media (max-width:1200px){.sidebar{width:260px}}@media (max-width:1024px){.sidebar{width:240px}}@media (max-width:900px) and (min-width:769px){.sidebar:not(.mobile-open){width:80px!important}.sidebar:not(.mobile-open) .label,.sidebar:not(.mobile-open) .logout-btn span,.sidebar:not(.mobile-open) .nav-title,.sidebar:not(.mobile-open) .profile-info,.sidebar:not(.mobile-open) .sidebar-link .badge{opacity:0;transform:translateX(-10px);width:0}.sidebar:not(.mobile-open) .sidebar-collapse{display:none}.sidebar:not(.mobile-open) .sidebar-link{justify-content:center;margin:6px 8px;padding:16px 12px}.sidebar:not(.mobile-open) .sidebar-link .icon{width:auto}.sidebar:not(.mobile-open) .sidebar-link .icon svg{height:24px;width:24px}.sidebar:not(.mobile-open) .sidebar-logo{justify-content:center}.sidebar:not(.mobile-open) .profile-link{justify-content:center;padding:16px 12px}.sidebar:not(.mobile-open) .logout-btn{display:none}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar-link{animation:slideInLeft .4s ease forwards}.sidebar-link:first-child{animation-delay:.1s}.sidebar-link:nth-child(2){animation-delay:.15s}.sidebar-link:nth-child(3){animation-delay:.2s}.sidebar-link:nth-child(4){animation-delay:.25s}.sidebar-link:nth-child(5){animation-delay:.3s}.sidebar-link:nth-child(6){animation-delay:.35s}.nav-section{animation:slideInUp .5s ease forwards}.nav-section:first-child{animation-delay:.1s}.nav-section:nth-child(2){animation-delay:.2s}.nav-section:nth-child(3){animation-delay:.3s}.collapse-btn:focus,.logout-btn:focus,.mobile-sidebar-toggle:focus,.profile-link:focus,.sidebar-link:focus{box-shadow:0 0 0 6px #818cf833;outline:3px solid #818cf8;outline-offset:2px}@media (prefers-contrast:high){.sidebar{background:#000;border-right:3px solid}.profile-link.active,.sidebar-link.active{background:#333;border:2px solid #fff}.mobile-sidebar-toggle{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.collapse-btn,.hamburger,.logo-container,.logout-btn,.mobile-sidebar-toggle,.profile-link,.sidebar,.sidebar-link,.sidebar-overlay{animation:none;transition:none}.logo-container:before{display:none}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(145deg,#0a0f1c,#1a1f2e 50%,#2a2f3e);box-shadow:0 0 60px #00000080}}@media print{.mobile-sidebar-toggle,.sidebar,.sidebar-overlay{display:none!important}}@media (max-width:768px) and (orientation:landscape){.sidebar{width:300px!important}.mobile-sidebar-toggle{height:44px;left:12px;top:12px;width:44px}}@media (hover:none) and (pointer:coarse){.logout-btn,.profile-link,.sidebar-link{min-height:48px;padding:16px 20px}.mobile-sidebar-toggle{min-height:56px;min-width:56px}}.dash-page{background:var(--bg-primary);min-height:100vh;overflow:hidden;padding:32px 24px;position:relative}.dash-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.dash-blob--1{background:radial-gradient(circle,#4f46e514,#0000 70%);height:420px;right:-80px;top:-60px;width:420px}.dash-blob--2{background:radial-gradient(circle,#10b9810f,#0000 70%);bottom:5%;height:360px;left:-40px;width:360px}.dash-inner{margin:0 auto;max-width:1360px;position:relative;z-index:1}.dash-error-toast{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ef4444f2;border-radius:var(--radius-xl);box-shadow:0 10px 30px #ef44444d;color:#fff;font-size:14px;font-weight:500;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}.dash-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-green) 100%);border-radius:20px;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:68px;justify-content:center;letter-spacing:1px;transition:transform .3s ease;width:68px}.dash-avatar:hover{transform:scale(1.06)}.dash-hero{animation:fadeInUp .6s ease-out;gap:24px;margin-bottom:36px;padding:36px 40px}.dash-hero,.dash-hero__title{align-items:center;display:flex}.dash-hero__title{color:var(--text-primary);font-size:clamp(22px,4vw,32px);font-weight:800;gap:12px;margin:0 0 4px}.dash-hero__sub{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.dash-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:36px}.dash-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);border-top:3px solid;cursor:default;padding:24px 20px;text-align:center;transition:all var(--transition-base)}.dash-stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dash-stat__value{align-items:center;display:flex;font-size:38px;font-weight:800;gap:10px;justify-content:center;margin-bottom:6px}.dash-stat__label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dash-tasks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:36px}.dash-section{padding:28px}.dash-section__title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.dash-section-error{background:#ef44440f;border:1px solid #ef444426;border-radius:var(--radius-lg);color:var(--accent-red);font-weight:500;padding:20px;text-align:center}.dash-task-item{animation:fadeInUp .35s ease-out both;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid;border-radius:var(--radius-lg);padding:16px 20px;transition:all var(--transition-base)}.dash-task-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-task-item__name{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.dash-task-item__meta{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.dash-task-item__extra{align-items:center;display:flex;gap:8px}.dash-notif{animation:fadeInUp .35s ease-out both;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;transition:all var(--transition-base)}.dash-notif:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1024px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-insights-row{grid-template-columns:1fr}}@media (max-width:768px){.dash-page{padding:20px 14px}.dash-hero{flex-direction:column;padding:28px 24px;text-align:center}.dash-hero__title{flex-wrap:wrap;font-size:22px;justify-content:center}.dash-stats-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.dash-stat__value{font-size:28px}.dash-tasks-grid{gap:18px;grid-template-columns:1fr}.dash-section{padding:20px 16px}.dash-quick-links{grid-template-columns:1fr}}@media (max-width:480px){.dash-stats-grid{gap:10px;grid-template-columns:1fr 1fr}.dash-stat{padding:18px 12px}.dash-stat__value{font-size:24px}}.dash-insights-row{grid-gap:16px;animation:fadeInUp .6s ease-out;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.dash-insight-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid;border-radius:var(--radius-xl);display:flex;gap:14px;padding:20px 22px;transition:all .25s}.dash-insight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.dash-insight-icon{flex-shrink:0;font-size:32px}.dash-insight-value{color:var(--text-primary);font-size:18px;font-weight:800}.dash-insight-sub{color:var(--text-muted);font-size:12px;font-weight:500;margin-top:2px}.dash-quick-links{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:28px}.dash-quick-link{align-items:center;border:1px solid;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:14px;padding:18px 22px;text-decoration:none;transition:all .25s}.dash-quick-link:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05);transform:translateY(-3px)}.dash-quick-link__icon{flex-shrink:0;font-size:28px}.dash-quick-link__text{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:700}.dash-quick-link__arrow{color:var(--text-muted);font-size:20px}.react-calendar{background:#0000!important;box-shadow:none!important;font-family:inherit;padding:0!important}.react-calendar__navigation{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:14px 10px 8px 18px}.react-calendar__navigation button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:18px;font-weight:800;min-height:36px;min-width:36px;transition:all var(--transition-base)}.react-calendar__navigation button:enabled:hover{background:#4f46e514;color:var(--primary-dark)}.react-calendar__month-view__weekdays{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;padding-bottom:4px;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em .4em;text-align:center}.react-calendar__tile{background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-weight:700;margin:1px 2px;outline:none;padding:8px 0;transition:all var(--transition-base)}.react-calendar__tile:enabled:hover,.react-calendar__tile:focus{background:#4f46e514;color:var(--primary);transform:scale(1.05)}.react-calendar__tile--now{background:#4f46e51f!important;border:2px solid var(--primary);font-weight:800}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:var(--primary)!important;border-radius:var(--radius-md);box-shadow:0 4px 12px #4f46e54d;color:#fff!important;font-weight:800}.react-calendar__tile--range{background:#4f46e51a!important;border-radius:var(--radius-md);color:var(--primary)}.react-calendar__tile--rangeEnd,.react-calendar__tile--rangeStart{background:var(--primary)!important;border-radius:var(--radius-md);color:#fff!important}.react-calendar__month-view__days__day--weekend{color:var(--accent-red)!important}.react-calendar__tile:active{background:#4f46e526!important;color:var(--primary)}.react-calendar__navigation button:focus{box-shadow:0 0 0 2px #4f46e54d;outline:none}.login-container{display:flex;min-height:100vh;overflow:hidden}.login-split-layout{display:flex;height:100vh;width:100%}.login-hero{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-purple) 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.hero-image{object-fit:cover;object-position:center}.hero-image,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{align-items:center;background:linear-gradient(135deg,#4f46e580,#8b5cf666);display:flex;justify-content:center;padding:3rem;z-index:1}.hero-content{color:#fff;max-width:500px;text-align:center}.hero-brand{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;text-shadow:0 2px 12px #0003}.hero-tagline{font-size:1.125rem;font-weight:400;line-height:1.7;opacity:.9}.login-panel{align-items:center;background:var(--bg-primary);display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2rem}.login-panel-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:380px;padding:2rem;width:100%}.welcome-header{margin-bottom:1.5rem;text-align:center}.plane-icon{animation:float 3s ease-in-out infinite;color:var(--primary);display:inline-flex;margin-bottom:.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.plane-icon svg{height:28px;width:28px}.welcome-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.welcome-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:400}.error-message{background:#fef2f2;border-left:4px solid var(--accent-red);border-radius:var(--radius-md);color:#b91c1c;font-size:.8125rem;font-weight:500;padding:.6rem .875rem}.error-message,.login-form{margin-bottom:1rem}.form-group{margin-bottom:.875rem}.form-group label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.375rem;text-transform:uppercase}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);left:.875rem;pointer-events:none;position:absolute}.input-icon svg{height:18px;width:18px}.input-with-icon input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;outline:none;padding:.7rem .875rem .7rem 2.5rem;transition:all var(--transition-base);width:100%}.input-with-icon input::placeholder{color:var(--text-muted)}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.forgot-password-row{margin-bottom:1rem;text-align:right}.forgot-link{color:var(--text-muted);font-size:.8125rem;text-decoration:none;transition:color var(--transition-base)}.forgot-link:hover{color:var(--primary)}.login-btn{background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:.75rem;transition:all var(--transition-base);width:100%}.login-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.divider{margin:1.25rem 0;position:relative;text-align:center}.divider:after,.divider:before{background:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:45%}.divider:before{left:0}.divider:after{right:0}.divider span{background:var(--bg-secondary);color:var(--text-muted);font-size:.8125rem;font-weight:500;padding:0 .875rem}.social-login-buttons{gap:.75rem;margin-bottom:1.25rem}.social-btn,.social-login-buttons{display:flex;justify-content:center}.social-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;height:44px;transition:all var(--transition-base);width:44px}.social-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-btn svg{height:20px;width:20px}.register-prompt{color:var(--text-secondary);font-size:.8125rem;text-align:center}.register-link{color:var(--primary);font-weight:700;text-decoration:none;transition:color var(--transition-base)}.register-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:1024px){.login-split-layout{flex-direction:column}.login-hero{max-height:220px;min-height:220px}.hero-brand{font-size:2.5rem}.hero-tagline{font-size:.9375rem}.login-panel-content{max-width:100%}}@media (max-width:768px){.login-hero{max-height:180px;min-height:180px}.hero-brand{font-size:2rem;margin-bottom:.75rem}.hero-tagline{font-size:.8125rem}.login-panel{padding:1.5rem}.welcome-title{font-size:1.375rem}}@media (max-width:480px){.login-hero{max-height:140px;min-height:140px}.hero-overlay{padding:1.5rem}.hero-brand{font-size:1.5rem;margin-bottom:.5rem}.hero-tagline{font-size:.75rem}.login-panel{padding:1rem}.login-panel-content{padding:1.25rem}.welcome-title{font-size:1.25rem}.login-btn{font-size:.8125rem;padding:.7rem}.social-btn{height:38px;width:38px}}.register-page{background:var(--bg-primary);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.register-wrapper{flex:1 1;flex-wrap:wrap;gap:40px;padding:24px}.register-left,.register-wrapper{align-items:center;display:flex;justify-content:center}.register-left{flex:1 1;flex-direction:column;max-width:480px;min-width:280px;padding:32px}.brand-header{align-items:center;align-self:flex-start;display:flex;gap:12px;margin-bottom:24px}.brand-header img{border-radius:var(--radius-md);height:40px;width:40px}.brand-name{color:var(--primary);font-size:28px;font-weight:800;letter-spacing:-.5px}.register-left h2{color:var(--text-primary);font-weight:700;margin-top:20px;text-align:center}.register-left p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:10px auto 0;max-width:340px;text-align:center}.register-form-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:420px;min-width:300px;padding:36px 32px}.register-form-container h2{color:var(--text-primary);font-size:1.75rem;font-weight:800;margin-bottom:8px;text-align:center}.register-form-container p{color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:20px;text-align:center}.register-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;margin-bottom:14px;outline:none;padding:12px 14px;transition:all var(--transition-base);width:100%}.register-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.register-form button{background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;padding:12px 0;transition:all var(--transition-base);width:100%}.register-form button:hover{background:var(--primary-dark);box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.login-redirect{color:var(--text-muted);font-size:14px;margin-top:20px;text-align:center}.login-redirect a{color:var(--primary);font-weight:700;text-decoration:none}.login-redirect a:hover{text-decoration:underline}.register-footer{color:var(--text-muted);font-size:14px;padding:20px 0 16px;text-align:center}.register-footer div:first-child{font-weight:600;margin-bottom:4px}.register-footer a{color:var(--primary);text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:768px){.register-wrapper{flex-direction:column;gap:24px;padding:16px}.register-form-container,.register-left{max-width:100%}.register-left svg{height:auto;max-width:200px}}@media (max-width:480px){.register-form-container{padding:24px 20px}.register-form-container h2{font-size:1.5rem}}.an-page{background:var(--bg-primary);min-height:100vh;overflow:hidden;padding:32px 24px;position:relative}.an-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.an-blob--1{background:radial-gradient(circle,#4f46e514,#0000 70%);height:420px;left:-80px;top:-60px;width:420px}.an-blob--2{background:radial-gradient(circle,#10b9810f,#0000 70%);bottom:5%;height:360px;right:-40px;width:360px}.an-inner{margin:0 auto;max-width:1360px;position:relative;z-index:1}.an-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.an-title{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(24px,4vw,32px);font-weight:800;gap:12px;margin:0 0 4px}.an-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500;margin:0}.an-period-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:6px;padding:4px}.an-period-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.an-period-btn.active{background:var(--primary);box-shadow:0 2px 8px #4f46e54d;color:#fff}.an-period-btn:hover:not(.active){background:var(--bg-primary);color:var(--text-primary)}.an-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:32px}.an-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);border-top:3px solid;cursor:default;padding:20px 16px;text-align:center;transition:all .25s}.an-stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.an-stat__icon{margin-bottom:8px}.an-stat__value{font-size:32px;font-weight:800;margin-bottom:4px}.an-stat__label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.an-stat__sub{color:var(--text-muted);font-size:11px;margin-top:4px}.an-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;transition:all .25s}.an-card:hover{box-shadow:var(--shadow-lg)}.an-card__title{color:var(--text-primary);font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.an-card--ring,.an-card__title{align-items:center;display:flex}.an-card--ring{flex-direction:column;justify-content:center}.an-ring-container{height:180px;position:relative;width:180px}.an-ring-svg{height:100%;transform:rotate(-90deg);width:100%}.an-ring-progress{transition:stroke-dasharray .8s ease-out}.an-ring-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.an-ring-value{color:var(--accent-green);font-size:36px;font-weight:800}.an-ring-label{color:var(--text-secondary);font-size:13px;font-weight:600}.an-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.an-charts-row--2{grid-template-columns:2fr 1fr}.an-card--wide{grid-column:span 1}.an-tags{display:flex;flex-wrap:wrap;gap:8px}.an-tag{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.an-empty{font-size:18px;font-weight:500;padding:80px 20px}.an-empty,.an-empty-sm{color:var(--text-muted);text-align:center}.an-empty-sm{font-size:14px;padding:40px 20px}@media (max-width:1200px){.an-stats-grid{grid-template-columns:repeat(3,1fr)}.an-charts-row{grid-template-columns:1fr 1fr}.an-charts-row--2{grid-template-columns:1fr}}@media (max-width:768px){.an-page{padding:20px 14px}.an-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.an-stat__value{font-size:24px}.an-charts-row,.an-charts-row--2{grid-template-columns:1fr}.an-header{flex-direction:column}}@media (max-width:480px){.an-stats-grid{grid-template-columns:1fr 1fr}.an-stat{padding:14px 10px}}.lb-page{background:var(--bg-primary);min-height:100vh;overflow:hidden;padding:32px 24px;position:relative}.lb-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.lb-blob--1{background:radial-gradient(circle,#f59e0b14,#0000 70%);height:420px;right:-80px;top:-60px;width:420px}.lb-blob--2{background:radial-gradient(circle,#8b5cf60f,#0000 70%);bottom:5%;height:360px;left:-40px;width:360px}.lb-inner{margin:0 auto;max-width:1100px;position:relative;z-index:1}.lb-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.lb-title{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(24px,4vw,32px);font-weight:800;gap:12px;margin:0 0 4px}.lb-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500;margin:0}.lb-my-rank{align-items:center;animation:fadeInUp .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:32px;padding:28px 36px}.lb-my-rank__label{color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.lb-my-rank__number{color:var(--primary);font-size:48px;font-weight:900;line-height:1.1}.lb-my-rank__score{color:var(--accent-green);display:block;font-size:28px;font-weight:800}.lb-my-rank__of{color:var(--text-muted);font-size:13px}.lb-podium{align-items:flex-end;display:flex;gap:16px;justify-content:center;margin-bottom:36px}.lb-podium__item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-width:160px;padding:24px 20px 20px;transition:all .3s}.lb-podium__item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.lb-podium--first{border-top:4px solid gold;order:2;padding-top:32px}.lb-podium--second{border-top:4px solid silver;order:1}.lb-podium--third{border-top:4px solid #cd7f32;order:3}.lb-podium__medal{font-size:32px;margin-bottom:8px}.lb-podium__name{color:var(--text-primary);font-size:15px;font-weight:700;margin-top:10px}.lb-podium__score{color:var(--primary);font-size:22px;font-weight:800}.lb-podium__stat{color:var(--text-muted);font-size:11px;margin-top:4px}.lb-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-purple) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:800;justify-content:center;letter-spacing:.5px}.lb-table-wrapper{overflow-x:auto}.lb-table{background:#0000;border-collapse:initial;border-spacing:0 6px;width:100%}.lb-table th{border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.lb-table td{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:14px;padding:14px 16px}.lb-table tr td:first-child{border-left:1px solid var(--border-color);border-radius:var(--radius-md) 0 0 var(--radius-md)}.lb-table tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right:1px solid var(--border-color)}.lb-table tbody tr{transition:all .2s}.lb-table tbody tr:hover td{background:var(--bg-primary)}.lb-row-me td{background:#4f46e50f!important;border-color:#4f46e533!important}.lb-row-friend td{background:#10b9810a!important}.lb-user-cell{gap:10px}.lb-user-cell,.lb-user-name{align-items:center;display:flex}.lb-user-name{font-weight:600;gap:6px}.lb-badge-you{background:var(--primary)}.lb-badge-friend,.lb-badge-you{border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.lb-badge-friend{background:var(--accent-green)}.lb-rank{color:var(--text-secondary);font-size:16px;font-weight:700}.lb-medal{font-size:24px}.lb-rate-bar{background:var(--bg-primary);border-radius:11px;height:22px;min-width:80px;overflow:hidden;position:relative}.lb-rate-fill{border-radius:11px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-out}.lb-rate-bar span{color:var(--text-primary);display:block;font-size:11px;font-weight:700;line-height:22px;position:relative;text-align:center;z-index:1}.lb-streak{font-weight:600}.lb-compare-btn,.lb-compare-btn-sm{background:#0000;border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.lb-compare-btn-sm:hover,.lb-compare-btn:hover{background:var(--primary);color:#fff}.lb-compare-btn-sm:disabled,.lb-compare-btn:disabled{cursor:not-allowed;opacity:.5}.lb-compare-btn{margin-top:10px}.lb-modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.lb-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:100%}.lb-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:28px;line-height:1;position:absolute;right:16px;top:12px}.lb-modal-close:hover,.lb-modal-title{color:var(--text-primary)}.lb-modal-title{font-size:22px;font-weight:800;margin:0 0 24px;text-align:center}.lb-vs{gap:24px;justify-content:center;margin-bottom:28px}.lb-vs,.lb-vs-person{align-items:center;display:flex}.lb-vs-person{flex-direction:column;gap:6px}.lb-vs-name{color:var(--text-primary);font-size:16px;font-weight:700}.lb-vs-score{font-size:14px;font-weight:600}.lb-vs-badge{align-items:center;display:flex;flex-direction:column;gap:4px}.lb-vs-emoji{font-size:36px}.lb-vs-result{color:var(--text-secondary);font-size:13px;font-weight:700}.lb-compare-chart{margin-bottom:20px}.lb-compare-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:16px}.lb-compare-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:12px 8px}.lb-compare-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lb-compare-val{color:var(--text-secondary);font-size:18px;font-weight:800}.lb-win{color:var(--accent-green)!important}.lb-comparing-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.lb-comparing-text{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;padding:20px 32px}.lb-empty{color:var(--text-muted);font-size:18px;font-weight:500;padding:80px 20px;text-align:center}@media (max-width:768px){.lb-page{padding:20px 14px}.lb-podium{align-items:stretch;flex-direction:column}.lb-podium__item{order:0!important}.lb-my-rank{flex-direction:column;gap:12px;padding:24px;text-align:center}.lb-compare-grid{grid-template-columns:repeat(3,1fr)}.lb-vs{flex-direction:column;gap:16px}.lb-modal{padding:24px 16px}.lb-header{flex-direction:column}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.app-layout{background:var(--bg-primary);display:flex;min-height:100vh}.app-main{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;transition:margin-left var(--transition-base)}@media (min-width:769px){.app-main{margin-left:0}}@media (max-width:768px){.app-layout{flex-direction:column}.app-main{margin-left:0;width:100%}}:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--primary-bg:#eef2ff;--accent-green:#10b981;--accent-green-light:#d1fae5;--accent-orange:#f59e0b;--accent-orange-light:#fef3c7;--accent-red:#ef4444;--accent-red-light:#fee2e2;--accent-purple:#8b5cf6;--accent-purple-light:#ede9fe;--accent-cyan:#06b6d4;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #4f46e526;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.25,0.46,0.45,0.94);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;--page-padding:32px;--card-padding:24px;--sidebar-width:260px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body,html{height:100%}body{background:#f8fafc;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:15px;line-height:1.6;margin:0;padding:0}#root{height:100%}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:#475569;color:var(--text-secondary);margin:0 0 1em}button,input,select,textarea{background:#fff;background:var(--bg-secondary);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:.938rem;outline:none;padding:10px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--text-muted)}textarea{min-height:80px;resize:vertical}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}button,select{cursor:pointer}button{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);display:inline-flex;font-size:.938rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}button:hover{background:#3730a3;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}label{color:#475569;color:var(--text-secondary);display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:4px}a{color:#4f46e5;color:var(--primary);font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a,a:hover{text-decoration:none}a:hover{color:#3730a3;color:var(--primary-dark)}.page-container{animation:pageEnter .4s ease-out;margin:0 auto;max-width:1200px;min-height:calc(100vh - 20px);padding:32px;padding:var(--page-padding)}.page-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin:0}.page-header-icon{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.card{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:24px;padding:var(--card-padding);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card-glass,.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);padding:24px;padding:var(--card-padding)}.grid-2{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-gap:24px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.flex-row{align-items:center}.flex-row,.flex-wrap{display:flex;gap:12px}.flex-wrap{flex-wrap:wrap}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text}.btn-primary{background:#4f46e5;background:var(--primary);border:none;color:#fff;font-weight:600}.btn-primary:hover{background:#3730a3;background:var(--primary-dark)}.btn-success{background:#10b981;background:var(--accent-green);border:none;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;background:var(--accent-red);border:none;color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);color:#475569;color:var(--text-secondary)}.btn-outline:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#94a3b8;border-color:var(--text-muted);color:#0f172a;color:var(--text-primary)}.btn-ghost{background:#0000;border:none;color:#4f46e5;color:var(--primary);padding:8px 12px}.btn-ghost:hover{background:#eef2ff;background:var(--primary-bg)}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:.813rem;padding:6px 14px}.badge,.btn-pill{border-radius:9999px;border-radius:var(--radius-full)}.badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.4;padding:3px 10px}.badge-primary{background:#eef2ff;background:var(--primary-bg);color:#4f46e5;color:var(--primary)}.badge-success{background:#d1fae5;background:var(--accent-green-light);color:#10b981;color:var(--accent-green)}.badge-warning{background:#fef3c7;background:var(--accent-orange-light);color:#d97706}.badge-danger{background:#fee2e2;background:var(--accent-red-light);color:#ef4444;color:var(--accent-red)}.badge-purple{background:#ede9fe;background:var(--accent-purple-light);color:#8b5cf6;color:var(--accent-purple)}.empty-state{color:#94a3b8;color:var(--text-muted);font-size:.938rem;font-weight:500;padding:40px 20px;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.4}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.react-calendar{background:#fff!important;background:var(--bg-secondary)!important;border:none!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-sans)!important;max-width:100%;padding:16px!important;width:100%!important}.react-calendar__navigation{margin-bottom:8px!important}.react-calendar__navigation button{background:#0000!important;border:none!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;color:#0f172a!important;color:var(--text-primary)!important;font-size:1rem!important;font-weight:600!important;min-width:40px!important;padding:8px!important}.react-calendar__navigation button:hover{background:#f1f5f9!important;background:var(--bg-tertiary)!important}.react-calendar__month-view__weekdays{color:#94a3b8!important;color:var(--text-muted)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important}.react-calendar__month-view__weekdays abbr{text-decoration:none!important}.react-calendar__tile{border-radius:8px!important;border-radius:var(--radius-sm)!important;font-weight:500!important;padding:10px 6px!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-fast)!important}.react-calendar__tile:hover{background:#eef2ff!important;background:var(--primary-bg)!important}.react-calendar__tile--active{background:#4f46e5!important;background:var(--primary)!important;color:#fff!important;font-weight:600!important}.react-calendar__tile--now{background:#eef2ff!important;background:var(--primary-bg)!important;color:#4f46e5!important;color:var(--primary)!important;font-weight:700!important}@media (max-width:1024px){:root{--page-padding:24px;--card-padding:20px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--page-padding:16px;--card-padding:16px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.page-container{min-height:auto;padding:16px}.page-header{margin-bottom:20px;padding-bottom:16px}.page-header h2{font-size:1.35rem}.grid-2,.grid-3,.grid-4{gap:16px;grid-template-columns:1fr}main{padding:0!important}}@media (max-width:480px){:root{--page-padding:12px;--card-padding:14px}.page-header{align-items:flex-start;flex-direction:column;gap:8px}button{font-size:.875rem;padding:10px 16px}}
/*# sourceMappingURL=main.4386f10b.css.map*/