.gradient-bg-subtle{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0 60%,#f8fafc);color:#1e293b;transition:background .3s,color .3s}.dark .gradient-bg-subtle{background:linear-gradient(135deg,#0f172a,#020617 60%,#0f172a);color:#f1f5f9}.main-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}.dashboard-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:320px 1fr 320px}}.sidebar-grid{display:flex;flex-direction:column;gap:1.5rem}.widget-container{background:#fffc;border-radius:1rem;box-shadow:0 4px 24px #1e293b14;border:1px solid #e2e8f0;padding:1.5rem;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative;overflow:hidden}.dark .widget-container{background:#1e293bcc;border-color:#334155}.widget-container:hover{box-shadow:0 8px 32px #3b82f61f;border-color:#60a5fa;transform:scale(1.02)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:600;color:#334155}.dark .widget-header{color:#e2e8f0}.widget-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600}.status-online{width:.75rem;height:.75rem;background:#10b981;border-radius:9999px;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content-grid{display:flex;flex-direction:column;gap:2rem}.card-modern{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #1e293b0f;padding:1.5rem;transition:box-shadow .2s}.dark .card-modern{background:#0f172a}.card-hover:hover{box-shadow:0 8px 32px #3b82f629;transform:scale(1.05)}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeInAnimation .4s cubic-bezier(.4,0,.2,1) forwards}.btn-ghost{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;transition:color .2s,background .2s}.btn-ghost:hover{color:#1e293b;background:#f1f5f9}.dark .btn-ghost:hover{color:#f1f5f9;background:#334155}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#64748b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#64748bb3}@media (max-width: 1023px){.dashboard-grid{grid-template-columns:1fr}.sidebar-grid{flex-direction:row;flex-wrap:wrap;gap:1rem}}.interactive-scale:hover{transform:scale(1.05);transition:transform .15s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px #60a5fa,0 0 0 4px #fff}.calendar-day-cell{padding:.5rem .25rem!important;transition:background .2s;cursor:pointer}.calendar-day-cell:hover{background:#e0e7ef!important}.dark .calendar-day-cell:hover{background:#1e293b!important}.calendar-event{border-radius:.5rem!important;box-shadow:0 2px 8px #3b82f61a!important;transition:box-shadow .2s,background .2s;background:#3b82f6!important;color:#fff!important}.calendar-event:hover{box-shadow:0 4px 16px #3b82f62e!important;background:#2563eb!important}.calendar-day-header{padding:.5rem 0!important;font-weight:600!important;font-size:1rem!important;background:transparent!important}.calendar-slot-label{color:#64748b!important;font-size:.85rem!important}.fc-daygrid-day,.fc-timegrid-slot{padding:.5rem .25rem!important;transition:background .2s;cursor:pointer}.fc-daygrid-day:hover,.fc-timegrid-slot:hover{background:#e0e7ef!important}.dark .fc-daygrid-day:hover,.dark .fc-timegrid-slot:hover{background:#1e293b!important}.fc-event,.fc-daygrid-event{border-radius:.5rem!important;box-shadow:0 2px 8px #3b82f61a!important;background:#3b82f6!important;color:#fff!important;transition:box-shadow .2s,background .2s}.fc-event:hover,.fc-daygrid-event:hover{box-shadow:0 4px 16px #3b82f62e!important;background:#2563eb!important}.fc-col-header-cell{padding:.5rem 0!important;font-weight:600!important;font-size:1rem!important;background:transparent!important}.fc-timegrid-slot-label{color:#64748b!important;font-size:.85rem!important}/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[120px\]{min-width:120px}.flex-grow{flex-grow:1}.scale-101{--tw-scale-x:101%;--tw-scale-y:101%;--tw-scale-z:101%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--glass-bg:#ffffff40;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f26875e;--glass-hover:#ffffff59;--glass-active:#ffffff73;--hover-lift:translateY(-4px);--hover-lift-subtle:translateY(-2px);--active-press:translateY(0px);--focus-ring:0 0 0 3px #3b82f64d;--focus-ring-offset:0 0 0 2px #fff;--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-sharp:cubic-bezier(.4,0,1,1);--ease-elastic:cubic-bezier(.68,-.6,.32,1.6);--ease-back:cubic-bezier(.175,.885,.32,1.275);--shadow-soft:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;--shadow-medium:0 4px 25px -5px #0000001a,0 10px 20px -5px #0000000a;--shadow-strong:0 20px 40px -10px #00000026;--shadow-glow:0 0 20px #3b82f64d;--shadow-colored:0 10px 25px -5px #3b82f633;--sidebar-width:320px;--sidebar-width-md:280px;--sidebar-width-sm:240px;--sidebar-width-collapsed:80px;--header-height:80px;--header-height-mobile:64px;--content-max-width:1400px;--content-padding:clamp(1rem,4vw,2rem);--animation-instant:.1s;--animation-fast:.2s;--animation-normal:.3s;--animation-slow:.5s;--animation-very-slow:.8s;--scroll-padding:1rem;--scroll-margin:2rem}.dark{--glass-bg:#0f172a99;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--glass-hover:#0f172ab3;--glass-active:#0f172acc;--focus-ring:0 0 0 3px #3b82f666;--focus-ring-offset:0 0 0 2px #0f172a;--shadow-glow:0 0 20px #3b82f666}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--scroll-padding);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{backface-visibility:hidden;perspective:1000px;margin:0;line-height:1.6;transform:translateZ(0)}.gradient-bg-subtle{min-height:100vh;transition:background var(--animation-slow)var(--ease-smooth);background:radial-gradient(circle at 20% 80%,#7877c64d,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d,#0000 50%),linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative;overflow-x:hidden}.dark .gradient-bg-subtle{background:radial-gradient(circle at 20% 80%,#3b82f626,#0000 50%),radial-gradient(circle at 80% 20%,#9333ea26,#0000 50%),radial-gradient(circle at 40% 40%,#10b98126,#0000 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)}.gradient-bg-subtle:before{content:"";pointer-events:none;opacity:.6;will-change:transform;background-image:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-size:24px 24px;animation:20s ease-in-out infinite float;position:fixed;top:0;right:0;bottom:0;left:0}.dark .gradient-bg-subtle:before{opacity:.4;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0)}.main-container{max-width:var(--content-max-width);padding:var(--content-padding);z-index:1;transition:padding var(--animation-normal)var(--ease-smooth);margin:0 auto;position:relative}.dashboard-grid{transition:all var(--animation-normal)var(--ease-smooth);grid-template-columns:1fr;grid-template-areas:"header""sidebar""main";gap:clamp(1rem,3vw,2rem);display:grid}@media (min-width:640px){.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"header header""sidebar main"}}@media (min-width:768px){.dashboard-grid{gap:clamp(1.5rem,4vw,2.5rem)}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:var(--sidebar-width-md)1fr;grid-template-areas:"sidebar main"}}@media (min-width:1280px){.dashboard-grid{grid-template-columns:var(--sidebar-width)1fr}}@media (min-width:1536px){.dashboard-grid{gap:3rem}}.sidebar-grid{grid-area:sidebar;grid-auto-rows:min-content;gap:clamp(1rem,2vw,1.5rem);height:fit-content;display:grid;position:relative}@media (max-width:1023px){.sidebar-grid{scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:70vh;overflow-y:auto}.sidebar-grid::-webkit-scrollbar{width:6px}.sidebar-grid::-webkit-scrollbar-track{background:0 0}.sidebar-grid::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:6px}}.main-content-grid{grid-area:main;align-content:start;gap:clamp(1rem,3vw,2rem);display:grid}.header-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-soft);z-index:50;transition:all var(--animation-normal)var(--ease-smooth);min-height:var(--header-height-mobile);grid-area:header;justify-content:space-between;align-items:center;padding:clamp(1rem,2vw,1.5rem);display:flex;position:sticky;top:0}@media (min-width:1024px){.header-modern{grid-area:unset;min-height:var(--header-height)}}.header-title{color:#0000;letter-spacing:-.025em;transition:all var(--animation-fast)var(--ease-smooth);background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.25rem,4vw,2rem);font-weight:800}.header-title:hover{filter:brightness(1.1);transform:scale(1.02)}.widget-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);transition:all var(--animation-normal)var(--ease-smooth);will-change:transform,box-shadow;border-radius:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,3vw,1.5rem);position:relative;overflow:hidden;transform:translateZ(0)}.widget-container:before{content:"";width:100%;height:100%;transition:left .6s var(--ease-smooth);pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.widget-container:hover{transform:var(--hover-lift-subtle);box-shadow:var(--shadow-medium);background:var(--glass-hover);border-color:#ffffff40}.widget-container:hover:before{left:100%}.widget-container:active{transform:var(--active-press);background:var(--glass-active)}.widget-container:focus-within{box-shadow:var(--focus-ring-offset),var(--focus-ring),var(--shadow-medium);border-color:#3b82f6}.widget-header{transition:border-color var(--animation-fast)var(--ease-smooth);border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;margin-bottom:clamp(.75rem,2vw,1rem);padding-bottom:.75rem;display:flex}.widget-container:hover .widget-header{border-bottom-color:#94a3b84d}.widget-title{color:#334155;transition:all var(--animation-fast)var(--ease-smooth);align-items:center;gap:.75rem;font-size:clamp(.875rem,2vw,1.125rem);font-weight:600;display:flex}.dark .widget-title{color:#cbd5e1}.widget-title:hover{transform:translate(2px)}.status-online,.status-busy,.status-offline{width:.625rem;height:.625rem;transition:transform var(--animation-fast)var(--ease-bounce);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-status;position:relative}.status-online:hover,.status-busy:hover,.status-offline:hover{transform:scale(1.2)}.status-online{background-color:#10b981;box-shadow:0 0 #10b981b3}.status-busy{background-color:#f59e0b;box-shadow:0 0 #f59e0bb3}.status-offline{background-color:#ef4444;box-shadow:0 0 #ef4444b3}@keyframes pulse-status{0%{box-shadow:0 0}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.card-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);transition:all var(--animation-normal)var(--ease-smooth);will-change:transform,box-shadow;border-radius:clamp(1rem,3vw,1.5rem);padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.card-hover:hover{transform:var(--hover-lift);box-shadow:var(--shadow-strong);background:var(--glass-hover)}.card-hover:active{transform:scale(.98)}.input-modern{-webkit-backdrop-filter:blur(10px);width:100%;transition:all var(--animation-fast)var(--ease-smooth);color:#334155;background:#fffc;border:1px solid #94a3b84d;border-radius:clamp(.5rem,2vw,.75rem);min-height:44px;padding:clamp(.75rem,2vw,1rem);font-size:clamp(.875rem,2vw,1rem)}.input-modern::placeholder{color:#94a3b8}.input-modern:focus{box-shadow:var(--focus-ring);background:#fffffff2;border-color:#3b82f6;outline:none;transform:scale(1.01)}.dark .input-modern{color:#cbd5e1;background:#0f172acc;border-color:#94a3b833}button,.btn-modern,.btn-edit,.btn-delete,.btn-save,.btn-cancel,.btn-ghost{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;margin-top:10px;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #1e293b0f}.btn-edit{color:#fff;background:#f59e0b;margin-top:10px;margin-right:10px}.btn-edit:hover,.btn-edit:focus{background:#d97706;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 16px #f59e0b2e}.btn-delete{color:#fff;background:#ef4444;margin-top:10px;margin-right:10px}.btn-delete:hover,.btn-delete:focus{background:#b91c1c;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 16px #ef44442e}.btn-save{color:#fff;background:#10b981}.btn-save:hover,.btn-save:focus{background:#059669;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 16px #10b9812e}.btn-cancel{color:#fff;background:#64748b}.btn-cancel:hover,.btn-cancel:focus{background:#334155;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 16px #64748b2e}.btn-ghost{color:#64748b;box-shadow:none;background:0 0;border:1.5px solid #cbd5e1;padding:.5rem 1.25rem}.btn-ghost:hover,.btn-ghost:focus{color:#1e293b;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)scale(1.04)}.dark .btn-ghost{color:#cbd5e1;background:0 0;border-color:#334155}.dark .btn-ghost:hover,.dark .btn-ghost:focus{color:#fff;background:#334155;border-color:#64748b}button:active,.btn-modern:active,.btn-edit:active,.btn-delete:active,.btn-save:active,.btn-cancel:active,.btn-ghost:active{transform:scale(.98);box-shadow:0 1px 4px #1e293b1a}button svg,.btn-ghost svg{vertical-align:middle;margin-right:.5em}.btn-add-task{color:#fff;z-index:1;background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:9999px;outline:none;align-items:center;gap:.5em;margin-top:10px;padding:.65rem 1.5rem;font-size:1.05rem;font-weight:700;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 16px #3b82f61a}.btn-add-task:hover,.btn-add-task:focus{background:linear-gradient(90deg,#2563eb,#8b5cf6);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 32px #6366f12e,0 0 0 4px #3b82f61a}.btn-add-task:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f61a}.dark-mode-toggle{cursor:pointer;transition:all var(--animation-normal)var(--ease-bounce);background:#94a3b81a;border:1px solid #94a3b833;border-radius:clamp(.75rem,2vw,1rem);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:clamp(.75rem,2vw,1rem);display:flex;position:relative;overflow:hidden}.dark-mode-toggle:hover{box-shadow:var(--shadow-soft);background:#94a3b833;transform:scale(1.1)rotate(5deg)}.dark-mode-toggle:active{transform:scale(.95)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(-5px)rotate(-1deg)}}.fadeIn{animation:fadeInAdvanced var(--animation-slow)var(--ease-smooth)forwards}@keyframes fadeInAdvanced{0%{opacity:0;filter:blur(5px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.slideIn{animation:slideInAdvanced var(--animation-normal)var(--ease-bounce)forwards}@keyframes slideInAdvanced{0%{opacity:0;transform:translate(-100%)scale(.9)}50%{opacity:.5}to{opacity:1;transform:translate(0)scale(1)}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#94a3b880 transparent}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb{transition:background var(--animation-fast)ease;background:linear-gradient(135deg,#94a3b880,#64748b80);border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748bb3,#475569b3)}.focus-visible-outline:focus-visible{outline-offset:2px;box-shadow:var(--focus-ring-offset),var(--focus-ring);outline:2px solid #0000}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}.dark .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%) 0 0/200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@container (max-width:300px){.widget-container{padding:1rem}.widget-title{font-size:.875rem}}@container (min-width:400px){.widget-container{padding:1.5rem}}@media (prefers-contrast:high){.widget-container,.card-modern{border-width:2px;border-color:currentColor}.btn-modern,.status-online,.status-busy,.status-offline{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.widget-container:hover,.card-hover:hover,.btn-modern:hover{transform:none}.gradient-bg-subtle:before{animation:none}}@media print{.header-modern,.btn-modern,.btn-ghost,.dark-mode-toggle{display:none}.widget-container,.card-modern{break-inside:avoid;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #000!important}.main-container{max-width:none;padding:0}.dashboard-grid{display:block}}img,video,svg{max-width:100%;height:auto}@media (hover:none) and (pointer:coarse){.btn-modern,.btn-ghost,.dark-mode-toggle{min-width:48px;min-height:48px}.widget-container{padding:1.25rem}}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;will-change:transform;transform:translateZ(0)}@media (min-width:1920px){.dashboard-grid{grid-template-columns:360px 1fr;gap:3.5rem}.sidebar-grid{gap:2rem}}.interactive-scale:hover{transform:scale(1.02)}.interactive-lift:hover{transform:var(--hover-lift-subtle)}.interactive-glow:hover{box-shadow:var(--shadow-glow)}.interactive-slide:hover{transform:translate(4px)}.state-error{background:#ef44440d;border-color:#ef4444}.state-success{background:#10b9810d;border-color:#10b981}.state-warning{background:#f59e0b0d;border-color:#f59e0b}.leetcode-btn-glow{transition:box-shadow .18s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #fbbf2414,0 0 #fbbf242e}.leetcode-btn-glow:hover,.leetcode-btn-glow:focus{transform:translateY(-2px)scale(1.04);box-shadow:0 4px 24px #fbbf242e,0 0 0 4px #fbbf241a}.leetcode-card-hover:hover{background:linear-gradient(135deg,#fff7ed,#fef3c7);box-shadow:0 8px 32px #fbbf241a,0 0 0 4px #fbbf2414}.dark .leetcode-card-hover:hover{background:linear-gradient(135deg,#78350f22,#f59e0b22)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}