.layout{background:var(--bg-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.layout:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%236366f1' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100vh;left:0;opacity:.3;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.header{align-items:center;background:var(--header-bg);border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.25rem 2rem;position:sticky;top:0;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:var(--z-index-header-light,900)}body.dark-mode .header{z-index:var(--z-index-header-dark,100)}body.light-mode .header{z-index:var(--z-index-header-light,900)}.header:after{background:linear-gradient(90deg,#0000,#6366f133 20%,#6366f166 50%,#6366f133 80%,#0000);bottom:-1px;content:"";height:1px;left:0;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}.header:hover:after{opacity:1}.header-left{align-items:center;display:flex}.menu-toggle{align-items:center;background:var(--bg-secondary);border:none;border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:none;height:48px;justify-content:center;margin-right:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);width:48px}.menu-toggle:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-toggle .menu-icon{background-color:var(--text-primary);border-radius:2px;height:2px;position:relative;transition:background-color .3s cubic-bezier(.68,-.6,.32,1.6);width:22px}.menu-toggle .menu-icon:after,.menu-toggle .menu-icon:before{background-color:var(--text-primary);border-radius:2px;content:"";height:2px;position:absolute;transition:transform .3s cubic-bezier(.68,-.6,.32,1.6),width .3s ease,left .3s ease;width:22px}.menu-toggle .menu-icon:before{left:0;top:-8px;width:16px}.menu-toggle .menu-icon:after{bottom:-8px;left:0;width:16px}.menu-toggle.open .menu-icon{background-color:initial}.menu-toggle.open .menu-icon:before{transform:rotate(45deg) translate(5px,5px);width:22px}.menu-toggle.open .menu-icon:after{transform:rotate(-45deg) translate(5px,-5px);width:22px}.logo{align-items:center;color:inherit;display:flex;position:relative;transition:all .3s ease;z-index:100}.logo,.logo:hover{text-decoration:none}.logo:hover{transform:translateY(-2px)}.logo img{animation:subtle-float 5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(245,240,255,.8));height:80px;margin-right:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);width:210px}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}body.logo-animation-disabled .logo img{animation:none}.logo:hover img{filter:drop-shadow(0 0 15px rgba(245,240,255,1));transform:scale(1.05) rotate(-2deg)}.logo h1{-webkit-text-fill-color:#0000;animation:gradient-shift 8s ease infinite;background:linear-gradient(135deg,var(--primary) 0,#9d50ff 50%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--primary);font-size:48px;font-weight:900;letter-spacing:-1px;position:relative}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo h1:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,#9d50ff 50%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(8px);left:0;opacity:.3;position:absolute;top:0;z-index:-1}.header-right{align-items:center;display:flex}.header-right>*{margin:0 8px}.header-right>:last-child{margin-right:0}.pomodoro-button,.settings-toggle-button,.theme-toggle-button{align-items:center;background:#1e293b66;border:1px solid #6366f126;border-radius:50%;box-shadow:0 2px 8px #00000014;color:var(--text-light);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.pomodoro-button:before,.settings-toggle-button:before,.theme-toggle-button:before{background:linear-gradient(135deg,#6366f10d,#9d50ff0d);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pomodoro-button:hover,.settings-toggle-button:hover,.theme-toggle-button:hover{background:#1e293b80;box-shadow:0 4px 12px #0000001f,0 0 0 1px #6366f133;color:var(--text);transform:translateY(-2px)}.pomodoro-button:hover:before,.settings-toggle-button:hover:before,.theme-toggle-button:hover:before{opacity:1}.pomodoro-button.pomodoro-active{border-color:#4e9fff4d;color:#4e9fff}.pomodoro-button.pomodoro-paused{border-color:#e573734d;color:#e57373}.pomodoro-button.pomodoro-complete{border-color:#4caf504d;color:#4caf50}.pomodoro-container{align-items:center;display:flex;position:relative}.light-mode .pomodoro-button,.light-mode .settings-toggle-button,.light-mode .theme-toggle-button{background:#f9fafbcc;border:1px solid #3b82f626;box-shadow:0 1px 3px #0000000d;color:var(--light-text-secondary)}.light-mode .pomodoro-button:hover,.light-mode .settings-toggle-button:hover,.light-mode .theme-toggle-button:hover{background:#f3f4f6cc;box-shadow:0 2px 6px #00000014,0 0 0 1px #3b82f626;color:var(--light-text-primary)}.light-mode .pomodoro-button.pomodoro-active{border-color:#2563eb4d;color:#2563eb}.light-mode .pomodoro-button.pomodoro-paused{border-color:#ef44444d;color:#ef4444}.light-mode .pomodoro-button.pomodoro-complete{border-color:#10b9814d;color:#10b981}.user-button,.user-profile{position:relative}.user-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #6366f126;border-radius:16px;box-shadow:0 4px 12px #00000014,0 0 0 1px #ffffff08;color:var(--text);cursor:pointer;display:flex;overflow:hidden;padding:.45rem .9rem .45rem .45rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.user-button:before{background:linear-gradient(135deg,#6366f10d,#9d50ff0d);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.user-button:hover{background:#1e293b80;border-color:#6366f14d;box-shadow:0 8px 20px #0000001f,0 0 0 1px #ffffff14,0 0 0 4px #6366f11f;transform:translateY(-2px)}.user-button:hover:before{opacity:1}.user-avatar{align-items:center;background:conic-gradient(from 225deg at 50% 50%,var(--primary) 0,#7c3aed 25%,#9d50ff 50%,#7c3aed 75%,var(--primary) 100%);border-radius:12px;box-shadow:inset 0 0 0 2px #ffffff26;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;margin-right:.75rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:1}.user-button:hover .user-avatar{border-radius:13px;box-shadow:inset 0 0 0 2px #ffffff40,0 8px 16px -2px #6366f180;transform:scale(1.08) rotate(-3deg)}.user-avatar:before{background:radial-gradient(circle at 30% 30%,#fff6 0,#fff0 60%);content:"";height:150%;left:-25%;opacity:.6;position:absolute;top:-25%;width:150%;z-index:-1}.user-avatar:after{background:linear-gradient(135deg,#fff6,#fff0 50%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s ease;z-index:1}.user-button:hover .user-avatar:after{animation:pulse 2s ease-in-out infinite;opacity:1}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.5}}.user-button .status-indicator{background:#10b981;border-radius:50%;bottom:0;box-shadow:0 0 0 2px #10b98133;height:10px;position:absolute;right:0;transition:all .3s ease;width:10px;z-index:2}.user-button:hover .status-indicator{box-shadow:0 0 0 4px #10b98140;transform:scale(1.2)}.user-name{background:linear-gradient(90deg,var(--text) 0,var(--text-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:.9rem;font-weight:500;margin-left:.25rem;margin-right:.5rem;overflow:hidden;position:relative;transition:all .3s ease}.user-button:hover .user-name{background:linear-gradient(90deg,#fff 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text}.user-menu{animation:menuAppear .3s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172afa;border:1px solid #6366f126;border-radius:18px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a,inset 0 0 0 1px #6366f133;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);transform-origin:top right;width:320px;z-index:100}@keyframes menuAppear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-info{align-items:center;background:linear-gradient(135deg,#1e293b99,#1e293bcc);border-bottom:1px solid #ffffff0d;display:flex;overflow:hidden;padding:1.5rem;position:relative}.user-info:before{background:radial-gradient(circle at right top,#6366f11a 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.user-avatar-large{align-items:center;background:conic-gradient(from 225deg at 50% 50%,var(--primary) 0,#7c3aed 25%,#9d50ff 50%,#7c3aed 75%,var(--primary) 100%);border:2px solid #fffc;border-radius:14px;box-shadow:inset 0 0 0 2px #fff3,0 8px 24px #6366f140;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:64px;justify-content:center;margin-right:1.25rem;overflow:hidden;position:relative;transform:rotate(-3deg);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:64px}.user-avatar-large:hover{box-shadow:inset 0 0 0 2px #ffffff4d,0 12px 28px #6366f159;transform:rotate(0deg) scale(1.05)}.user-avatar-large:before{background:radial-gradient(circle at 30% 30%,#fff6 0,#fff0 60%);content:"";height:150%;left:-25%;opacity:.6;position:absolute;top:-25%;width:150%;z-index:0}.user-avatar-large:after{background:linear-gradient(135deg,#fff6,#fff0 50%);border-radius:inherit;content:"";inset:0;opacity:.5;position:absolute;z-index:1}.user-details{flex:1 1}.user-display-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text) 0,var(--text-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.user-email{color:var(--text-light);font-size:.85rem;opacity:.8}.user-menu ul{background:linear-gradient(180deg,#0f172af2,#1e293bf2);list-style:none;margin:0;padding:.75rem 0}.user-menu li{position:relative;transition:all .2s ease}.user-menu li:last-child{border-top:1px solid #ffffff0d;margin-top:.5rem;padding-top:.5rem}.user-menu a,.user-menu button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin:.25rem .5rem;padding:.75rem 1.25rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:calc(100% - 1rem)}.user-menu .menu-icon{flex-shrink:0;font-size:1rem;opacity:.7;text-align:center;transition:opacity .2s ease;width:18px}.user-menu a:before,.user-menu button:before{background:linear-gradient(135deg,var(--primary) 0,#9d50ff 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.user-menu a:hover:before,.user-menu button:hover:before{opacity:1;transform:scaleY(.7)}.user-menu a:hover,.user-menu button:hover{background-color:#6366f114;color:var(--primary-light);padding-left:1.75rem}.user-menu button:last-child:hover{background-color:#ef444414;color:#ef4444}.user-menu button:last-child:before{background:linear-gradient(135deg,#ef4444,#b91c1c)}.main-container{display:flex;flex:1 1;position:relative}.sidebar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172ad9;border-right:1px solid #ffffff08;box-shadow:4px 0 20px #0000001a,1px 0 0 #ffffff0d;overflow:hidden;position:relative;transition:width .3s ease;width:260px;z-index:20}.sidebar.collapsed{width:50px}.sidebar:after{background:linear-gradient(180deg,#0000,#6366f133 20%,#6366f133 80%,#0000);content:"";height:100%;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease;width:1px}.sidebar.collapsed:after{opacity:0}.sidebar-header{border-bottom:1px solid #ffffff0d;display:flex;justify-content:flex-end;padding:1rem .75rem .5rem}.sidebar.collapsed .sidebar-header{border-bottom:none;justify-content:center;padding:1rem .25rem .5rem}.sidebar-collapse-btn{align-items:center;background:#1e293bcc;border:1px solid #6366f14d;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.6rem;position:relative;transition:none;width:36px}.sidebar-collapse-btn:focus{outline:none}.sidebar.collapsed .sidebar-collapse-btn{margin:0 auto;width:36px}.sidebar-collapse-btn:after,.sidebar.collapsed .sidebar-collapse-btn:after{display:none}.nav-links{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:1rem 0;transition:opacity .3s ease,visibility .3s ease;width:260px}.sidebar.collapsed .nav-links{opacity:0;pointer-events:none;visibility:hidden}.nav-links li{margin:0 .75rem;position:relative}.nav-links a{align-items:center;border-radius:12px;color:var(--text-light);display:flex;font-weight:500;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:none;white-space:nowrap;width:240px}.nav-links li.active a{background:#6366f126;box-shadow:0 4px 12px #0000000d,inset 0 0 0 1px #6366f133;color:var(--primary-light)}.nav-links li.active:before{background:linear-gradient(to bottom,var(--primary) 0,#9d50ff 100%);border-radius:0 3px 3px 0;bottom:8px;box-shadow:0 0 8px #6366f166;content:"";left:0;position:absolute;top:8px;width:3px}.nav-links i{align-items:center;background:#1e293b80;border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;font-size:1.25rem;height:42px;justify-content:center;margin-right:1rem;min-width:42px;overflow:visible;position:relative;transition:none;width:42px}.nav-links i:before{position:relative;z-index:2}.nav-links li.active i{background:linear-gradient(135deg,var(--primary) 0,#9d50ff 100%);box-shadow:0 4px 15px #6366f14d,inset 0 0 0 1px #ffffff1a;color:#fff}@keyframes tooltipFadeIn{to{opacity:1}}.icon-home:before{content:"🏠"}.icon-active:before{content:"📝"}.icon-completed:before{content:"✅"}.icon-clients:before{content:"👥"}.icon-invoicing:before{content:"📄"}.icon-analytics:before{content:"📊"}.icon-profile:before{content:"🪪"}.icon-help:before{content:"❓"}.content{background:radial-gradient(circle at 30% 10%,#6366f10a 0,#0000 50%),radial-gradient(circle at 80% 80%,#9d50ff0a 0,#0000 50%);box-sizing:border-box;flex:1 1;max-width:100vw;overflow-x:hidden;padding:2rem;position:relative}.content:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%236366f1' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172ad9;border-top:1px solid #ffffff0d;overflow:hidden;padding:1.5rem 2rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#6366f133 20%,#6366f166 50%,#6366f133 80%,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;top:0;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;position:relative}.footer a{color:var(--text-light);font-weight:500;margin:0 .75rem;padding-bottom:3px;position:relative;text-decoration:none;transition:all .3s ease}.footer a:after{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:10px;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s cubic-bezier(.16,1,.3,1);width:0}.footer a:hover{color:var(--primary-light)}.footer a:hover:after{width:100%}.footer p{color:var(--text-light);font-size:.875rem;margin:0;opacity:.8}@media (max-width:1200px){.content{padding:1.5rem}}@media (max-width:768px){.header{padding:.75rem 1rem;position:fixed;top:0;width:100%;z-index:1000}.menu-toggle{height:40px;margin-right:12px;width:40px;z-index:1001}.menu-toggle,.menu-toggle:hover{background:#0000;box-shadow:none}.menu-toggle:hover{transform:none}.menu-toggle .menu-icon{height:2px;width:24px}.menu-toggle .menu-icon:after,.menu-toggle .menu-icon:before{width:24px}.menu-toggle .menu-icon:before{top:-7px;width:18px}.menu-toggle .menu-icon:after{bottom:-7px;width:18px}.menu-toggle.open .menu-icon:after,.menu-toggle.open .menu-icon:before{width:24px}.menu-toggle.open .menu-icon:before{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open .menu-icon:after{transform:rotate(-45deg) translate(5px,-5px)}.sidebar{box-shadow:var(--shadow-lg);height:calc(100vh - 60px);left:-280px;position:fixed;top:60px;transition:left .3s ease-in-out,box-shadow .3s ease-in-out!important;width:250px;z-index:999}.sidebar.open{box-shadow:0 8px 20px #00000040!important;display:block!important;left:0!important;opacity:1!important;visibility:visible!important;width:280px!important}.sidebar-header{display:none}.sidebar.open .nav-link-text{display:inline-block!important}.sidebar.open .nav-links a{justify-content:flex-start!important;padding:.875rem 1.25rem!important;width:240px!important}.sidebar.open .nav-links i{font-size:1.15rem!important;height:40px!important;margin-right:1rem!important;min-width:40px!important;width:40px!important}.sidebar:not(.open){left:-280px!important}.sidebar:not(.open) .nav-link-text{display:none!important}.logo h1{font-size:20px}.logo img{height:46px;margin-right:6px;width:99px}.content{margin-left:0;padding-top:70px;width:100%}.user-name{display:none}.user-menu{right:-10px;width:280px}.footer-content{flex-direction:column;gap:.5rem;text-align:center}body.light-mode .header{background-color:var(--light-header-bg,var(--bg-card-light,#fff))!important}}@media (max-width:480px){.header{padding:.5rem .75rem}.user-avatar{height:32px;margin-right:0;width:32px}.nav-links a{padding:.75rem 1rem}.user-menu{right:-15px;width:250px}.user-avatar-large{height:60px;margin-right:10px;width:60px}.user-display-name{font-size:1rem}.pomodoro-button,.settings-toggle-button,.theme-toggle-button{height:32px;width:32px}.header-right>*{margin:0 4px}}@media (max-width:360px){.logo h1{font-size:24px}.menu-toggle{height:36px;margin-right:.5rem;width:36px}.user-menu{width:220px}.header-right>*{margin:0 2px}}.light-mode .layout{background:var(--light-bg-primary)}.light-mode .layout:before{opacity:.1}.light-mode .header{background:var(--light-header-bg);border-bottom:1px solid var(--light-border-secondary);box-shadow:0 1px 3px #0000000d}.light-mode .header:after{background:linear-gradient(90deg,#0000,#3b82f64d 20%,#3b82f680 50%,#3b82f64d 80%,#0000)}.light-mode .menu-toggle{background:var(--light-bg-secondary);box-shadow:0 1px 2px #0000000d}.light-mode .menu-toggle:hover{background:var(--light-bg-hover);box-shadow:0 2px 4px #0000001a}.light-mode .menu-toggle .menu-icon,.light-mode .menu-toggle .menu-icon:after,.light-mode .menu-toggle .menu-icon:before{background-color:var(--light-text-primary)}.light-mode .logo h1,.light-mode .logo h1:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#3b82f6);-webkit-background-clip:text;background-clip:text}.light-mode .user-button{background:#f9fafbcc;border:1px solid #3b82f633;box-shadow:0 1px 3px #0000000d,0 0 0 1px #00000005;color:var(--light-text)}.light-mode .user-button:hover{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 2px 4px #0000000d,0 0 0 1px #3b82f61a}.light-mode .user-avatar{background:conic-gradient(from 225deg at 50% 50%,#3b82f6 0,#6366f1 25%,#8b5cf6 50%,#6366f1 75%,#3b82f6 100%);box-shadow:inset 0 0 0 2px #fffc,0 2px 4px #0000001a}.light-mode .user-name{color:var(--light-text-primary)}.light-mode .user-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d}.light-mode .user-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.light-mode .user-display-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-weight:600}.light-mode .user-email{color:#6b7280}.light-mode .user-menu a,.light-mode .user-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin:.25rem .5rem;padding:.75rem 1.25rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:calc(100% - 1rem)}.light-mode .user-menu a:before,.light-mode .user-menu button:before{bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.light-mode .user-menu a:hover:before,.light-mode .user-menu button:hover:before{opacity:1;transform:scaleY(.7)}.light-mode .user-menu a:hover,.light-mode .user-menu button:hover{padding-left:1.75rem}.light-mode .user-menu button:last-child{color:#ef4444;font-weight:600}.light-mode .user-menu button:last-child:hover{background-color:#ef444414;color:#dc2626}.light-mode .user-menu button:last-child:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.light-mode .user-menu ul{background:linear-gradient(180deg,#fffffff2,#f9fafbf2)}.light-mode .user-menu li{transition:all .2s ease}.light-mode .user-menu li:last-child{border-top:1px solid #0000000d}.light-mode .user-menu a,.light-mode .user-menu button{color:var(--light-text-primary,#1f2937)}.user-menu a:hover .menu-icon,.user-menu button:hover .menu-icon{opacity:1}.light-mode .user-menu a:before,.light-mode .user-menu button:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.light-mode .user-menu a:hover,.light-mode .user-menu button:hover{background-color:#3b82f614;color:#3b82f6}.light-mode .user-avatar-large{background:conic-gradient(from 225deg at 50% 50%,#3b82f6 0,#6366f1 25%,#8b5cf6 50%,#6366f1 75%,#3b82f6 100%);border:2px solid #ffffffe6;box-shadow:inset 0 0 0 2px #3b82f633,0 4px 12px #3b82f626}.light-mode .user-avatar-large:hover{box-shadow:inset 0 0 0 2px #3b82f64d,0 8px 16px #3b82f633}.light-mode .user-info:before{background:radial-gradient(circle at right top,#3b82f614 0,#0000 70%)}.light-mode .sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #00000014;box-shadow:2px 0 12px #00000014}.light-mode .sidebar-collapse-btn{background:#f8fafce6;border:1px solid #6366f133;color:var(--text-light)}.light-mode .sidebar-header{border-bottom:1px solid #0000000d}.light-mode .sidebar:after{background:linear-gradient(180deg,#0000,#6366f126 20%,#6366f126 80%,#0000)}.light-mode .nav-links a{color:var(--light-text-secondary,#64748b)}.light-mode .nav-links li.active a{background:#3b82f61a;box-shadow:0 2px 8px #0000000d,inset 0 0 0 1px #3b82f633;color:#3b82f6}.light-mode .nav-links li.active:before{background:linear-gradient(180deg,#3b82f6 0,#8b5cf6);box-shadow:0 0 8px #3b82f64d}.light-mode .nav-links i{background:#f3f4f6cc}.light-mode .nav-links li.active i{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f633,inset 0 0 0 1px #ffffffe6}.light-mode .content{background:radial-gradient(circle at 30% 10%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed08 0,#0000 50%)}.light-mode .footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffd9;border-top:1px solid #0000000d}.light-mode .footer:before{background:linear-gradient(90deg,#0000,#3b82f633 20%,#3b82f64d 50%,#3b82f633 80%,#0000)}.light-mode .footer a{color:var(--light-text-secondary,#64748b)}.light-mode .footer a:hover{color:#3b82f6}.light-mode .footer p{color:var(--light-text-secondary,#64748b)}.settings-menu{animation:menuAppear .3s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #6366f11a;border-radius:16px;box-shadow:0 8px 30px #0000004d,0 0 0 1px #ffffff1a;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);transform-origin:top right;width:280px;z-index:100}.settings-menu-header{border-bottom:1px solid #ffffff0d;color:var(--text);font-size:1rem;font-weight:600;padding:1rem 1.25rem}.settings-menu ul{list-style:none;margin:0;padding:.75rem 0}.settings-menu li{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1.25rem;transition:background-color .2s ease}.settings-menu li:hover{background-color:#6366f114}.settings-menu li label{color:var(--text-light);cursor:pointer;font-size:.9rem}.settings-toggle{display:inline-block;height:22px;position:relative;width:40px}.settings-toggle input{height:0;opacity:0;width:0}.settings-slider{background-color:#ffffff26;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.settings-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.4s;width:16px}input:checked+.settings-slider{background-color:var(--primary)}input:checked+.settings-slider:before{transform:translateX(18px)}.light-mode .settings-menu{background:#fffffffa;border:1px solid #00000014;box-shadow:0 8px 30px #0000001a,0 0 0 1px #0000000d}.light-mode .settings-menu-header{border-bottom:1px solid #00000014;color:var(--light-text-primary)}.light-mode .settings-menu li:hover{background-color:#3b82f614}.light-mode .settings-menu li label{color:var(--light-text-primary)}.light-mode .settings-slider{background-color:#ccc}.light-mode input:checked+.settings-slider{background-color:var(--light-primary,#3b82f6)}.light-mode .settings-slider:before{background-color:#fff;border:1px solid #ddd;bottom:2px;left:2px}.light-mode input:checked+.settings-slider:before{transform:translateX(18px)}.settings-toggle-container{margin:0 8px!important;position:relative}.pomodoro-container,.queryRadar,.settings-toggle-container,.theme-toggle-container{margin:0 8px!important}.user-profile{margin-left:8px!important;margin-right:0!important}.sidebar-close-mobile{display:none}body.accessibility-zoom-enabled{zoom:1.2;height:83.33%;transform:scale(1.2);transform-origin:top left;width:83.33%}@supports not (zoom:1.2){body.accessibility-zoom-enabled{zoom:unset;height:83.33%;transform:scale(1.2);transform-origin:top left;width:83.33%}}.global-notifications{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.global-notification{align-items:center;animation:slideInRight .3s ease-out;backdrop-filter:blur(8px);background:var(--bg-secondary,#1e293b);border:1px solid var(--border-primary,#334155);border-radius:8px;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;gap:12px;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s ease}.global-notification:hover{box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a);transform:translateY(-2px)}.notification-content{align-items:center;display:flex;flex:1 1;gap:10px}.notification-icon{flex-shrink:0;font-size:18px;font-weight:700}.notification-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.notification-close:hover{background:var(--bg-hover,#475569);color:var(--text-primary,#f1f5f9)}:root[data-theme=light] .global-notification,body:not(.dark-mode) .global-notification{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#1e293b}:root[data-theme=light] .global-notification:hover,body:not(.dark-mode) .global-notification:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:root[data-theme=light] .notification-close,body:not(.dark-mode) .notification-close{color:#64748b}:root[data-theme=light] .notification-close:hover,body:not(.dark-mode) .notification-close:hover{background:#f1f5f9;color:#1e293b}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.global-notifications{left:10px;right:10px;top:80px}.global-notification{min-width:unset;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}