@charset "UTF-8";@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--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-ease:initial}}}@layer theme{:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-800:oklch(47.3% .137 46.201);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-900:oklch(42.1% .095 57.708);--color-lime-400:oklch(84.1% .238 128.85);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-50:var(--color-gray-50);--color-gray-100:var(--color-gray-100);--color-gray-200:var(--color-gray-200);--color-gray-300:var(--color-gray-300);--color-gray-400:var(--color-gray-400);--color-gray-500:var(--color-gray-500);--color-gray-600:var(--color-gray-600);--color-gray-700:var(--color-gray-700);--color-gray-800:var(--color-gray-800);--color-gray-900:var(--color-gray-900);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-600:var(--color-secondary-600);--color-secondary-700:var(--color-secondary-700);--color-success-50:var(--color-success-50);--color-success-100:var(--color-success-100);--color-success-500:var(--color-success-500);--color-success-600:var(--color-success-600);--color-success-700:var(--color-success-700);--color-warning-50:var(--color-warning-50);--color-warning-100:var(--color-warning-100);--color-warning-500:var(--color-warning-500);--color-warning-600:var(--color-warning-600);--color-error-50:var(--color-error-50);--color-error-100:var(--color-error-100);--color-error-500:var(--color-error-500);--color-error-600:var(--color-error-600);--color-error-700:var(--color-error-700);--color-info-50:var(--color-info-50);--color-info-100:var(--color-info-100);--color-info-500:var(--color-info-500);--color-info-600:var(--color-info-600);--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-tooltip:600;--radius-full:9999px}}@layer base{*,: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{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,audio,object{vertical-align:middle;display:block}img{max-width:100%;height:auto}button,input,select,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}::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}::-webkit-calendar-picker-indicator{line-height:1}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-2{margin:calc(var(--spacing) * 2)}.m-4{margin:calc(var(--spacing) * 4)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.w-px{width:1px}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.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}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:#0000}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-600{background-color:var(--color-yellow-600)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-800{color:var(--color-amber-800)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-inherit{color:inherit}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.ring-2{--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)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.filter{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,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:bg-\[var\(--color-primary-900\)\]{background-color:var(--color-primary-900)}.dark\:bg-\[var\(--color-primary-950\)\]{background-color:var(--color-primary-950)}.dark\:bg-\[var\(--color-secondary-900\)\]{background-color:var(--color-secondary-900)}.dark\:bg-\[var\(--color-success-900\)\]{background-color:var(--color-success-900)}.dark\:bg-\[var\(--color-warning-900\)\]{background-color:var(--color-warning-900)}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800,.dark\:bg-gray-800\/50{background-color:var(--color-gray-800)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900) 20%,transparent)}}.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900) 30%,transparent)}}.dark\:bg-orange-900\/20{background-color:#7e2a0c33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/20{background-color:color-mix(in oklab,var(--color-orange-900) 20%,transparent)}}.dark\:bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900) 30%,transparent)}}.dark\:bg-purple-900\/20{background-color:#59168b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/20{background-color:color-mix(in oklab,var(--color-purple-900) 20%,transparent)}}.dark\:bg-purple-900\/30{background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/30{background-color:color-mix(in oklab,var(--color-purple-900) 30%,transparent)}}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.dark\:bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900) 20%,transparent)}}.dark\:bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900) 30%,transparent)}}.dark\:text-\[var\(--color-primary-300\)\]{color:var(--color-primary-300)}.dark\:text-\[var\(--color-primary-400\)\]{color:var(--color-primary-400)}.dark\:text-\[var\(--color-secondary-300\)\]{color:var(--color-secondary-300)}.dark\:text-\[var\(--color-secondary-400\)\]{color:var(--color-secondary-400)}.dark\:text-\[var\(--color-success-300\)\]{color:var(--color-success-300)}.dark\:text-\[var\(--color-warning-300\)\]{color:var(--color-warning-300)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-500{color:var(--color-gray-500)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-purple-400{color:var(--color-purple-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-yellow-400{color:var(--color-yellow-400)}.dark\:ring-gray-600{--tw-ring-color:var(--color-gray-600)}@media(hover:hover){.dark\:hover\:bg-gray-700\/40:hover{background-color:var(--color-gray-700)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/40:hover{background-color:color-mix(in oklab,var(--color-gray-700) 40%,transparent)}}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.dark\:hover\:text-blue-400:hover{color:var(--color-blue-400)}}}}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-400:#a78bfa;--color-secondary-500:#8b5cf6;--color-secondary-600:#7c3aed;--color-secondary-700:#6d28d9;--color-checkbox:var(--color-auth-purple);--color-checkbox-hover:var(--color-auth-purple-dark);--color-checkbox-focus:#8b5cf640;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-action-edit:var(--color-primary-500);--color-action-delete:var(--color-error-500);--color-action-save:var(--color-success-500);--color-action-cancel:var(--color-gray-500);--color-action-warning:var(--color-warning-500);--color-auth-purple:#8b5cf6;--color-auth-purple-dark:#7c3aed;--gradient-primary:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);--gradient-purple:linear-gradient(135deg, var(--color-auth-purple) 0%, var(--color-auth-purple-dark) 100%);--gradient-light:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-200) 100%);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-white:#fff;--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-disabled:var(--color-gray-100);--bg-hover:var(--color-gray-50);--surface-card:#fff;--surface-input:#fff;--border-primary:var(--color-gray-200);--border-secondary:var(--color-gray-300);--border-hover:var(--color-gray-400);--border-focus:var(--color-primary-500);--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--form-gap-xs:var(--spacing-1);--form-gap-sm:var(--spacing-2);--form-gap-md:var(--spacing-3);--form-gap-lg:var(--spacing-5);--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Monaco", "Menlo", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:4rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-none:0;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-primary:0 4px 15px #3b82f666;--shadow-primary-lg:0 8px 25px #3b82f680;--shadow-success:0 4px 15px #10b98166;--shadow-warning:0 4px 15px #f59e0b66;--shadow-error:0 4px 15px #ef444466;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-fast:var(--duration-150) var(--ease-in-out);--transition-base:var(--duration-200) var(--ease-in-out);--transition-slow:var(--duration-300) var(--ease-in-out);--transition-all:all var(--duration-200) var(--ease-in-out);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-fixed:var(--z-sticky);--z-modal-backdrop:var(--z-overlay);--z-popover:var(--z-dropdown);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--header-height:80px;--header-bg:var(--bg-primary);--header-border:var(--border-primary);--sidebar-width:280px;--sidebar-collapsed-width:80px;--container-max-width:1280px;--container-padding:var(--spacing-8);--color-background:var(--bg-secondary);--color-background-hover:var(--bg-hover);--color-surface:var(--bg-primary);--color-border:var(--border-primary);--color-border-hover:var(--border-hover);--color-text:var(--text-primary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-primary:var(--color-primary-500);--color-success:var(--color-success-500);--color-error:var(--color-error-500);--color-error-bg:var(--color-error-50);--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md)}.dark{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-disabled:var(--color-gray-700);--bg-hover:var(--color-gray-700);--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-disabled:var(--color-gray-500);--border-primary:var(--color-gray-600);--border-secondary:var(--color-gray-700);--border-hover:var(--color-gray-500);--surface-card:var(--color-gray-800);--surface-input:var(--color-gray-700);--shadow-sm:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--color-background:var(--bg-secondary);--color-background-hover:var(--bg-hover);--color-surface:var(--bg-primary);--color-border:var(--border-primary);--color-border-hover:var(--border-hover);--color-text:var(--text-primary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-error-bg:#451a1a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{width:100%;min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin:0}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}p{line-height:var(--leading-normal);margin:0}a{color:var(--color-primary-600);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700);text-decoration:underline}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@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-ease{syntax:"*";inherits:false}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);user-select:none;box-sizing:border-box}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);gap:var(--spacing-1)}.btn-md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);gap:var(--spacing-2)}.btn-primary{background:var(--color-primary-500);color:var(--text-white);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary:active:not(:disabled){background:var(--color-primary-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:var(--border-primary);transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-outline:active:not(:disabled){background:var(--bg-secondary)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--color-primary-600)}.btn-ghost:active:not(:disabled){background:var(--bg-secondary)}.btn-success{background:var(--color-success-500);color:var(--text-white);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-600);transform:translateY(-2px);box-shadow:var(--shadow-success)}.btn-success:active:not(:disabled){background:var(--color-success-700);transform:translateY(0)}.btn-danger{background:var(--color-error-500);color:var(--text-white);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-error-600);transform:translateY(-2px);box-shadow:var(--shadow-error)}.btn-danger:active:not(:disabled){background:var(--color-error-700);transform:translateY(0)}.btn-icon{padding:var(--spacing-2);aspect-ratio:1;border-radius:var(--radius-md)}.btn-icon.btn-sm{padding:var(--spacing-1)}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:var(--transition-all);box-sizing:border-box}.card:hover{box-shadow:var(--shadow-md)}.card-bordered{border:2px solid var(--border-primary);box-shadow:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-primary)}.card-header h2,.card-header h3,.card-header h4{margin:0;color:var(--text-primary);font-weight:var(--font-semibold)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary)}.card-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--spacing-4);background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.form-group label.required:after{content:" *";color:var(--color-error-500)}.form-hint{display:block;margin-top:var(--spacing-1);font-size:var(--text-xs);color:var(--text-secondary)}.form-error{display:block;margin-top:var(--spacing-1);font-size:var(--text-xs);color:var(--color-error-600);font-weight:var(--font-medium)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:var(--transition-all);box-sizing:border-box}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-secondary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-normal)}.form-select{cursor:pointer;padding-right:var(--spacing-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;background-size:12px;appearance:none}.form-select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-group.error .form-input,.form-group.error .form-textarea,.form-group.error .form-select{border-color:var(--color-error-500)}.form-group.error .form-input:focus,.form-group.error .form-textarea:focus,.form-group.error .form-select:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-100)}.form-group.success .form-input,.form-group.success .form-textarea,.form-group.success .form-select{border-color:var(--color-success-500)}.form-group.success .form-input:focus,.form-group.success .form-textarea:focus,.form-group.success .form-select:focus{border-color:var(--color-success-500);box-shadow:0 0 0 3px var(--color-success-100)}.form-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.page-container{width:100%;max-width:100vw;min-height:calc(100vh - var(--header-height));padding:var(--spacing-8);box-sizing:border-box;overflow-x:hidden}.page-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-primary)}.section{margin-bottom:var(--spacing-12)}.section:last-child{margin-bottom:0}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--spacing-4)}.panel{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.header{display:grid;grid-template-columns:minmax(auto,200px) 1fr minmax(auto,520px);align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-4);background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--shadow-sm);width:100%;max-width:100vw;box-sizing:border-box;overflow:visible;position:relative;z-index:1000}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);z-index:1001}.mobile-menu-button:hover{background:var(--bg-hover);border-color:var(--color-primary-500);color:var(--color-primary-600)}@media(max-width:1800px){.header{gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-3)}}@media(max-width:1700px){.header{grid-template-columns:minmax(150px,180px) 1fr minmax(380px,480px)}}@media(max-width:1600px){.header{grid-template-columns:minmax(140px,170px) 1fr minmax(340px,440px);gap:var(--spacing-1)}}@media(max-width:1500px){.header{grid-template-columns:minmax(130px,160px) 1fr minmax(320px,420px)}}@media(max-width:1400px){.header{grid-template-columns:minmax(150px,180px) 1fr minmax(360px,460px);gap:var(--spacing-2)}}@media(max-width:1200px){.header{grid-template-columns:minmax(120px,160px) 1fr minmax(320px,420px);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}}@media(max-width:1024px){.header{grid-template-columns:minmax(100px,140px) 1fr minmax(280px,380px);gap:var(--spacing-2)}}@media(max-width:900px){.header{grid-template-columns:auto 1fr auto;gap:var(--spacing-2)}}.header-brand{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.brand-icon{color:var(--color-primary-500);flex-shrink:0}.header-brand h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.header-brand h1{font-size:var(--text-xl)}}@media(max-width:900px){.header-brand h1{display:none}}.header-nav{grid-column:2;grid-row:1;display:flex;align-items:center;gap:2px;flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-1) 0;max-width:100%;justify-content:flex-start}@media(max-width:1700px){.header-nav{gap:1px}}@media(max-width:1400px){.header-nav{gap:0}}.nav-link{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-all);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:0;font-size:var(--text-xs);min-width:0}@media(max-width:1800px){.nav-link{padding:var(--spacing-1) var(--spacing-2)}.nav-link span{font-size:.8rem}}@media(max-width:1700px){.nav-link{padding:var(--spacing-1) calc(var(--spacing-2) * .85)}}@media(max-width:1600px){.nav-link{padding:var(--spacing-1) calc(var(--spacing-2) * .75)}.nav-link span{font-size:.75rem}}@media(max-width:1500px){.nav-link{padding:var(--spacing-1) calc(var(--spacing-1) * 1.5)}}@media(max-width:1400px){.nav-link{padding:var(--spacing-1) var(--spacing-2);gap:var(--spacing-1)}.nav-link span{font-size:.75rem;white-space:nowrap}}@media(max-width:1000px){.nav-link span{display:none}.nav-link{padding:var(--spacing-1);min-width:36px;justify-content:center}}.nav-link:hover{color:var(--color-primary-600);background-color:var(--bg-hover)}.nav-link.active{color:var(--color-primary-600);background-color:var(--color-primary-50)}.nav-link span{font-size:var(--text-sm)}.header-user{position:relative;justify-self:end;min-width:0;grid-column:3;grid-row:1;display:flex;align-items:center;gap:var(--spacing-3)}.header-user-menu{position:relative}.header-org-switcher .org-switcher-button{min-width:220px;max-width:280px}.header-org-switcher .org-info{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-org-switcher .org-name,.header-org-switcher .org-plan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1800px){.header-org-switcher .org-switcher-button{min-width:200px}}@media(max-width:1700px){.header-org-switcher .org-switcher-button{min-width:180px}}@media(max-width:1600px){.header-org-switcher .org-switcher-button{min-width:160px}}@media(max-width:1500px){.header-org-switcher .org-switcher-button{min-width:140px}}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);max-width:100%;overflow:hidden;white-space:nowrap}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--color-primary-500)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.user-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.user-avatar-initials{display:flex;align-items:center;justify-content:center;line-height:1;font-weight:var(--font-semibold);font-size:.85rem;text-transform:uppercase}.user-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}@media(max-width:1400px){.user-name{max-width:100px}}@media(max-width:1200px){.user-name{max-width:80px}}@media(max-width:1024px){.user-name{max-width:60px}.user-menu-trigger{padding:var(--spacing-2)}}.user-menu-dropdown{position:absolute;top:100%;right:0;width:240px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);margin-top:var(--spacing-2);overflow:hidden;animation:slideDown var(--duration-200) var(--ease-out)}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-secondary)}.user-menu-avatar,.user-menu-avatar-placeholder{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0}.user-menu-avatar{object-fit:cover}.user-menu-avatar-placeholder{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.user-menu-header .user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}.user-info .user-name-full{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-base)}.user-info .user-email{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-1)}.user-menu-divider{height:1px;background:var(--border-primary)}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-base);color:var(--text-primary);font-size:var(--text-sm)}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item.logout{color:var(--color-error-600)}.user-menu-item.logout:hover{background:var(--color-error-50)}@media(max-width:768px){.header{grid-template-columns:auto 1fr auto auto;grid-template-rows:auto;gap:var(--spacing-3);padding:var(--spacing-4)}.header-brand{justify-self:start;grid-column:1;grid-row:1}.mobile-menu-button{display:flex;grid-column:2;grid-row:1;justify-self:end}.header-nav{display:none}.header-nav.mobile-open{position:fixed;inset:0;background:#00000080;z-index:999;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:80px}.header-nav.mobile-open>div{background:var(--bg-primary);width:100%;max-width:300px;border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.header-nav.mobile-open .nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-all);font-weight:var(--font-medium);white-space:nowrap;font-size:var(--text-base);border:1px solid transparent}.header-nav.mobile-open .nav-link span{display:block;font-size:var(--text-base)}.header-nav.mobile-open .nav-link:hover{color:var(--color-primary-600);background-color:var(--bg-hover);border-color:var(--color-primary-200)}.header-nav.mobile-open .nav-link.active{color:var(--color-primary-600);background-color:var(--color-primary-50);border-color:var(--color-primary-300)}.header-user{justify-self:end;grid-column:4;grid-row:1;gap:var(--spacing-1)}.user-menu-trigger{padding:var(--spacing-2)}.header-org-switcher .org-switcher-button{min-width:120px;max-width:180px}}.header-notifications{position:relative;display:flex;align-items:center}.notifications-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.notifications-trigger:hover{background:var(--bg-hover);border-color:var(--color-primary-500);color:var(--color-primary-600)}.notifications-trigger.has-notifications{color:var(--color-primary-600)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-error-500);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--header-bg);box-shadow:0 2px 4px #0003}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:600px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;overflow:hidden;display:flex;flex-direction:column}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.notifications-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.notification-count{font-size:var(--text-sm);color:var(--text-secondary)}.notifications-list{overflow-y:auto;max-height:540px}.notifications-loading,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-3);color:var(--text-secondary)}.notifications-loading .spinner{animation:spin 1s linear infinite}.notifications-empty svg{opacity:.3}.notifications-empty p{margin:0;color:var(--text-secondary)}.notification-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border-primary);transition:var(--transition-fast)}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-md)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.notification-details{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.notification-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.notification-separator{color:var(--text-tertiary)}.notification-message{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin:var(--spacing-2) 0;padding:var(--spacing-2);background:var(--bg-secondary);border-left:3px solid var(--color-primary-400);border-radius:var(--radius-sm)}.notification-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.notification-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.notification-btn:disabled{opacity:.5;cursor:not-allowed}.notification-btn.accept{background:var(--color-success-500);color:#fff;border-color:var(--color-success-600)}.notification-btn.accept:hover:not(:disabled){background:var(--color-success-600);transform:translateY(-1px)}.notification-btn.reject{background:var(--bg-primary);color:var(--color-danger-600);border-color:var(--color-danger-300)}.notification-btn.reject:hover:not(:disabled){background:var(--color-danger-50);border-color:var(--color-danger-400);transform:translateY(-1px)}.notification-btn .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.notifications-dropdown{width:calc(100vw - 32px);right:-16px}}.organization-switcher,.dashboard-project-switcher{position:relative;width:100%;z-index:1000}.organization-switcher .org-switcher-toggle,.dashboard-project-switcher .org-switcher-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-family:inherit}.organization-switcher .org-switcher-toggle:hover,.dashboard-project-switcher .org-switcher-toggle:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);background:var(--bg-hover)}.organization-switcher .org-switcher-toggle:focus-visible,.dashboard-project-switcher .org-switcher-toggle:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-10)}.organization-switcher .org-info,.dashboard-project-switcher .org-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.organization-switcher .org-icon,.dashboard-project-switcher .org-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);background:var(--primary-color-10);color:var(--primary-color);flex-shrink:0}.organization-switcher .org-details,.dashboard-project-switcher .org-details{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.organization-switcher .org-name,.dashboard-project-switcher .org-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.organization-switcher .org-role,.dashboard-project-switcher .org-role{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.organization-switcher .org-switcher-toggle svg:last-child,.dashboard-project-switcher .org-switcher-toggle svg:last-child{color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.organization-switcher .org-switcher-toggle svg:last-child.rotate,.dashboard-project-switcher .org-switcher-toggle svg:last-child.rotate{transform:rotate(180deg)}.organization-switcher .org-dropdown,.dashboard-project-switcher .org-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:320px;max-width:400px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a;z-index:10000;overflow:hidden;animation:dropdownSlideDown .2s ease-out}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.organization-switcher .org-dropdown-header,.dashboard-project-switcher .org-dropdown-header{padding:var(--spacing-4);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.organization-switcher .org-dropdown-header h4,.dashboard-project-switcher .org-dropdown-header h4{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.clear-selection-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.clear-selection-btn:hover{background:var(--primary-color-10);color:var(--primary-color-hover)}.organization-switcher .org-list,.dashboard-project-switcher .org-list{max-height:300px;overflow-y:auto;padding:var(--spacing-1) 0}.organization-switcher .org-item,.dashboard-project-switcher .org-item{display:flex;align-items:center;width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left;position:relative}.organization-switcher .org-item:hover,.dashboard-project-switcher .org-item:hover{background:var(--bg-hover)}.organization-switcher .org-item.active,.dashboard-project-switcher .org-item.active{background:var(--primary-color-5);color:var(--primary-color)}.organization-switcher .org-item.archived,.dashboard-project-switcher .org-item.archived{opacity:.6}.organization-switcher .org-item.archived:hover,.dashboard-project-switcher .org-item.archived:hover{opacity:.8}.project-color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-primary);flex-shrink:0}.check-icon{color:var(--primary-color);margin-left:auto;flex-shrink:0}.organization-switcher .org-error,.dashboard-project-switcher .org-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);color:var(--error-color);background:var(--error-bg);border-bottom:1px solid var(--border-primary);font-size:var(--text-sm)}.organization-switcher .empty-org-list,.dashboard-project-switcher .empty-org-list{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);color:var(--text-secondary);text-align:center}.organization-switcher .empty-org-list p,.dashboard-project-switcher .empty-org-list p{margin:0;font-size:var(--text-base);font-weight:var(--font-medium)}.organization-switcher .empty-org-list small,.dashboard-project-switcher .empty-org-list small{font-size:var(--text-sm);opacity:.7}.organization-switcher .org-dropdown-footer,.dashboard-project-switcher .org-dropdown-footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid #e2e8f0;background:#f8fafc;text-align:center}.organization-switcher .org-count,.dashboard-project-switcher .org-count{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.slide-panel-overlay{position:fixed;inset:0;background:#0000004d;z-index:10000;display:flex;justify-content:flex-end}.slide-panel{height:100%;background:var(--bg-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}to{transform:translate(0)}.slide-panel-small{width:400px;max-width:100vw}.slide-panel-medium{width:600px;max-width:100vw}.slide-panel-large{width:720px;max-width:100vw}.slide-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:var(--spacing-4)}.slide-panel-header-left{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.slide-panel-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.slide-panel-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.slide-panel-close-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-md);flex-shrink:0}.slide-panel-close-btn:hover{background:var(--bg-secondary)}.slide-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-6)}.slide-panel-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.slide-panel-form-group{margin-bottom:var(--spacing-5)}.slide-panel-form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-2)}.slide-panel-form-group input[type=text],.slide-panel-form-group input[type=email],.slide-panel-form-group input[type=date],.slide-panel-form-group input[type=number],.slide-panel-form-group textarea,.slide-panel-form-group select{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);font-family:inherit}.slide-panel-form-group textarea{resize:vertical;min-height:100px}.slide-panel-form-group input:focus,.slide-panel-form-group textarea:focus,.slide-panel-form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.slide-panel-form-group small{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.slide-panel-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:all .15s}.slide-panel-btn-primary{background:var(--gradient-primary);color:#fff}.slide-panel-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary)}.slide-panel-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.slide-panel-btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.slide-panel-btn-danger{background:var(--color-error-100);color:var(--color-error-600);border:1px solid var(--color-error-100)}.slide-panel-btn-danger:hover:not(:disabled){background:var(--color-error-100);border-color:var(--color-error-500)}.slide-panel-btn:disabled{opacity:.5;cursor:not-allowed}to{transform:translateY(0);opacity:1}.close-button{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-all)}.current-activity{background:var(--bg-tertiary);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-500)}.current-activity p{margin:var(--spacing-4) 0 var(--spacing-2) 0;color:var(--text-secondary);font-size:.9rem}.activity-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.95rem}.project-name{font-weight:var(--font-semibold);color:var(--primary-color)}.task-name,.description{color:var(--text-secondary)}to{opacity:1;transform:translateY(0) scale(1)}@media(max-width:768px){.activity-details{flex-direction:column;gap:.25rem}}@media(prefers-color-scheme:dark){.current-activity{background:#37415180}}.close-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sprint-board{display:flex;flex-direction:column;gap:var(--spacing-3);height:100%}.sprint-board-loading{display:flex;justify-content:center;padding:var(--spacing-16) 0;color:var(--text-secondary)}.board-stats-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.board-stats-left{display:flex;align-items:center;gap:var(--spacing-3)}.board-stats-right{display:flex;align-items:center;gap:var(--spacing-2)}.board-stats-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.board-stats-pill--active{background:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.board-member-avatars{display:flex;align-items:center;margin-left:var(--spacing-2)}.board-member-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:10px;font-weight:700;border:2px solid var(--bg-primary);margin-left:-6px;cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden;padding:0}.board-member-avatar:first-child{margin-left:0}.board-member-avatar:hover{transform:scale(1.15);z-index:2}.board-member-avatar.selected{box-shadow:0 0 0 2px var(--color-primary-500);z-index:3}.board-member-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.board-member-overflow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);color:var(--text-tertiary);font-size:10px;font-weight:600;border:2px solid var(--bg-primary);margin-left:-6px}.board-new-task-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border-radius:var(--radius-md);border:none;background:var(--gradient-primary);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:box-shadow .15s}.board-new-task-btn:hover{box-shadow:var(--shadow-primary)}.board-filter-toolbar{display:flex;align-items:center;gap:var(--spacing-3)}.board-filter-left{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.board-search{position:relative;display:flex;align-items:center}.board-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.board-search-input{padding:6px 10px 6px 30px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--text-sm);color:var(--text-primary);width:200px;transition:border-color .15s}.board-search-input:focus{outline:none;border-color:var(--color-primary-500)}.board-search-input::placeholder{color:var(--text-tertiary)}.sprint-selector{padding:6px var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--text-sm);color:var(--text-primary);min-width:160px}.sprint-selector:focus{outline:none;border-color:var(--color-primary-500)}.board-filter-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s}.board-filter-btn:hover{border-color:var(--color-primary-300)}.board-filter-btn.active{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-600, var(--color-primary-500))}.board-filter-dots{display:inline-flex;gap:3px}.pf-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.board-filter-dropdown-wrapper{position:relative}.board-filter-dropdown{position:absolute;top:100%;left:0;z-index:20;min-width:170px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;margin-top:4px}.board-filter-dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);padding:6px var(--spacing-3);font-size:var(--text-sm);cursor:pointer;color:var(--text-primary);transition:background .1s}.board-filter-dropdown-item:hover{background:var(--bg-secondary)}.board-filter-dropdown-item.selected{background:var(--color-primary-50);font-weight:600;color:var(--color-primary-600, var(--color-primary-500))}.board-clear-filters{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-md);background:transparent;font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer}.board-clear-filters:hover{color:var(--color-error, #ef4444)}.kanban-container{display:flex;gap:var(--spacing-4);overflow-x:auto;flex:1;padding-bottom:var(--spacing-4);align-items:flex-start}.kanban-column{min-width:280px;max-width:320px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 300px)}.kanban-column.at-limit{border-color:var(--color-warning-500, #eab308)}.kanban-column.over-limit{border-color:var(--color-error, #ef4444);background:#fef2f2}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-primary)}.kanban-column-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.column-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-column-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--bg-primary);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);padding:0 var(--spacing-1)}.kanban-column-actions{display:flex;align-items:center;gap:var(--spacing-2)}.kanban-wip{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.kanban-wip.at{color:var(--color-warning-500, #eab308)}.kanban-wip.exceeded{color:var(--color-error, #ef4444);font-weight:700}.kanban-column-add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px dashed var(--border-primary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s;padding:0}.kanban-column-add-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:var(--color-primary-50)}.kanban-column-body{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);overflow-y:auto;flex:1;min-height:100px}.kanban-column-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.kanban-card-overlay{transform:rotate(3deg)}.kanban-card-overlay .kanban-card{box-shadow:var(--shadow-lg);background:var(--color-primary-50);border-color:var(--color-primary-300)}.sprint-panel{max-width:800px}.sprint-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.sprint-panel-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.create-sprint-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all .2s}.create-sprint-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.sprint-loading{text-align:center;color:var(--text-secondary);padding:var(--spacing-8)}.sprint-section{margin-bottom:var(--spacing-6)}.sprint-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}.sprint-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-3)}.sprint-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.sprint-card-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.sprint-status-badge{padding:2px var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.sprint-status-planning{background:#e5e7eb;color:#374151}.sprint-status-active{background:#dbeafe;color:#1d4ed8}.sprint-status-completed{background:#dcfce7;color:#15803d}.sprint-status-cancelled{background:#fef2f2;color:#dc2626}.sprint-card-goal{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);line-height:1.5}.sprint-card-dates{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-3)}.sprint-progress{margin-bottom:var(--spacing-2)}.sprint-progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-1)}.sprint-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease}.sprint-progress-text{font-size:var(--text-xs);color:var(--text-tertiary)}.sprint-card-points{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.sprint-card-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-primary)}.sprint-start-btn,.sprint-complete-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .15s}.sprint-start-btn{background:var(--color-primary-50);color:var(--color-primary-600)}.sprint-start-btn:hover{background:var(--color-primary-100)}.sprint-complete-btn{background:#dcfce7;color:#15803d}.sprint-complete-btn:hover{background:#bbf7d0}.sprint-blocked-hint{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.sprint-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-12) 0;color:var(--text-secondary)}.sprint-empty svg{color:var(--color-primary-300);margin-bottom:var(--spacing-4)}.sprint-empty h3{color:var(--text-primary);margin-bottom:var(--spacing-2)}.complete-sprint-summary{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:var(--text-sm);color:var(--text-secondary)}.summary-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.incomplete-warning{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fef3c7;border-radius:var(--radius-md);color:#92400e;font-size:var(--text-sm);font-weight:500}.kanban-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-left:3px solid;border-radius:var(--radius-md);padding:var(--spacing-3);cursor:grab;transition:box-shadow .15s,opacity .15s,background .3s;touch-action:none}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card.dragging{box-shadow:var(--shadow-lg);cursor:grabbing}.kanban-card--timer-active{background:#22c55e0f;border-color:#22c55e40;animation:cardTimerPulse 3s ease-in-out infinite}@keyframes cardTimerPulse{0%,to{background-color:#22c55e0f}50%{background-color:#22c55e21}}.kanban-card--overdue{background:#f9731612;border-color:#f973164d}.kanban-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.kanban-card-header-left{display:flex;align-items:center;gap:var(--spacing-2)}.kanban-card-type{font-size:var(--text-sm)}.kanban-card-id{font-family:monospace;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.kanban-card-timer-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:timerDotPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes timerDotPulse{0%,to{opacity:1;box-shadow:0 0 6px #22c55e99}50%{opacity:.5;box-shadow:0 0 10px #22c55ecc}}.kanban-card-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-2)}.kanban-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--spacing-2)}.kanban-card-tag{display:inline-block;padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:500;background:var(--color-primary-50);color:var(--color-primary-600, var(--color-primary-500));white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.kanban-card-tag--more{background:var(--bg-secondary);color:var(--text-tertiary)}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center}.kanban-card-meta{display:flex;align-items:center;gap:var(--spacing-2)}.kanban-card-points{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary-600);font-size:10px;font-weight:700}.kanban-card-indicator{display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--text-tertiary)}.kanban-assignee-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:10px;font-weight:700}.kanban-assignee-avatar--empty{background:var(--bg-tertiary, #e5e7eb);color:var(--text-tertiary);opacity:.6}.kanban-card-priority-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.board-settings{max-width:700px}.board-settings-loading,.board-settings-denied{text-align:center;color:var(--text-secondary);padding:var(--spacing-8)}.settings-section{margin-bottom:var(--spacing-8)}.settings-section h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4)}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.add-column-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:1px dashed var(--border-primary);border-radius:var(--radius-md);background:transparent;cursor:pointer;font-size:var(--text-sm);color:var(--color-primary-500);font-weight:500}.add-column-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.column-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.column-list-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary);margin:0 0 var(--spacing-2) 0}.column-settings-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.column-settings-row.column-dragging{box-shadow:0 4px 12px #00000026;border-color:var(--color-primary-300)}.column-drag-handle{color:var(--text-tertiary);cursor:grab;flex-shrink:0;touch-action:none}.column-drag-handle:active{cursor:grabbing}.column-settings-fields{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.column-name-input{flex:1;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.column-name-input:focus{outline:none;border-color:var(--color-primary-500)}.column-category-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);min-width:110px}.column-wip-input{width:60px;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);text-align:center}.column-color-input{width:32px;height:28px;padding:0;border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;background:none}.column-delete-btn{border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:var(--spacing-1);border-radius:var(--radius-sm);flex-shrink:0}.column-delete-btn:hover{color:var(--color-error, #ef4444);background:var(--color-error-50, #fef2f2)}.add-column-form{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);margin-top:var(--spacing-3)}.scm-toggle-group{display:flex;flex-direction:column;padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-primary)}.scm-toggle-group:last-of-type{border-bottom:none}.scm-toggle-label{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);cursor:pointer}.scm-toggle-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.scm-toggle-text .field-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary)}.scm-toggle-input{flex-shrink:0;width:2.5rem;height:1.25rem;cursor:pointer;accent-color:var(--color-primary-500, #6366f1)}.scm-sub-field{padding-left:var(--spacing-4);margin-top:var(--spacing-2)}.field-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary);display:block;margin-top:var(--spacing-1)}.add-column-fields{display:flex;gap:var(--spacing-2)}.add-column-fields input,.add-column-fields select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.add-column-fields input:first-child{flex:1}.add-column-fields input[type=number]{width:90px}.add-column-actions{display:flex;gap:var(--spacing-2)}.status-column-mapping-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-column-mapping-row{display:flex;align-items:center;gap:var(--spacing-3)}.status-label{min-width:90px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.project-hierarchy{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.hierarchy-loading{display:flex;justify-content:center;padding:var(--spacing-8) 0;color:var(--text-secondary);font-size:var(--text-base)}.hierarchy-consolidated-node{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100, #dbeafe));border:1px solid var(--color-primary-200, #bfdbfe);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s;margin-bottom:var(--spacing-2)}.hierarchy-consolidated-node:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary-400, #60a5fa)}.hierarchy-consolidated-icon{color:var(--color-primary-600, #2563eb);flex-shrink:0}.hierarchy-consolidated-info{display:flex;flex-direction:column;flex:1;min-width:0}.hierarchy-consolidated-title{font-size:var(--text-base);font-weight:600;color:var(--color-primary-700, #1d4ed8)}.hierarchy-consolidated-desc{font-size:var(--text-xs);color:var(--color-primary-500, #3b82f6);margin-top:2px}.hierarchy-consolidated-arrow{color:var(--color-primary-400, #60a5fa);flex-shrink:0}.hierarchy-sortable-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-1)}.hierarchy-drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2) 2px;color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity .15s;flex-shrink:0;margin-top:var(--spacing-2)}.hierarchy-sortable-wrapper:hover .hierarchy-drag-handle{opacity:1}.hierarchy-drag-handle:active{cursor:grabbing}.hierarchy-project-node{flex:1;min-width:0}.hierarchy-project-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s;user-select:none}.hierarchy-project-header:hover{background:var(--bg-secondary)}.hierarchy-toggle{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--text-tertiary)}.hierarchy-toggle-spacer{display:inline-block;width:16px}.hierarchy-folder-icon{color:var(--color-warning, #f59e0b);flex-shrink:0}.hierarchy-project-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-badge{font-size:11px;padding:1px var(--spacing-2);border-radius:var(--radius-full, 9999px);white-space:nowrap;flex-shrink:0}.hierarchy-badge.sub-projects{background:var(--color-warning-50, #fffbeb);color:var(--color-warning-700, #b45309);border:1px solid var(--color-warning-200, #fde68a)}.hierarchy-badge.boards{background:var(--color-primary-50);color:var(--color-primary-700, #1d4ed8);border:1px solid var(--color-primary-200, #bfdbfe)}.hierarchy-children{margin-left:calc(var(--spacing-4) + 20px);padding-left:var(--spacing-3);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-1)}.hierarchy-board-node{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s}.hierarchy-board-node:hover{background:var(--color-primary-50)}.hierarchy-board-info{display:flex;align-items:center;gap:var(--spacing-2);flex:1;min-width:0}.hierarchy-board-icon{color:var(--color-primary-500);flex-shrink:0}.hierarchy-board-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-board-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:11px;color:var(--text-tertiary);flex-shrink:0}.hierarchy-board-meta svg{margin-right:2px}.hierarchy-board-actions{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity .15s}.hierarchy-board-node:hover .hierarchy-board-actions{opacity:1}.hierarchy-action-btn{width:26px;height:26px;border:none;background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s}.hierarchy-action-btn:hover{background:var(--color-primary-100, #dbeafe);color:var(--color-primary-600, #2563eb)}.hierarchy-action-btn.delete:hover{background:var(--color-error-50, #fef2f2);color:var(--color-error, #ef4444)}.gantt-chart{display:flex;flex-direction:column;height:100%;overflow:hidden}.gantt-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0}.gantt-toolbar-group{display:flex;align-items:center;gap:var(--spacing-2)}.gantt-toolbar-label{font-size:.8125rem;font-weight:500;color:var(--color-gray-600)}.gantt-toggle-group{display:flex;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden}.gantt-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;background:#fff;border:none;border-right:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:pointer;transition:background .15s,color .15s}.gantt-toggle-btn:last-child{border-right:none}.gantt-toggle-btn:hover{background:var(--color-gray-100)}.gantt-toggle-btn.active{background:var(--color-primary-500);color:#fff}.gantt-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;color:var(--color-gray-600);cursor:pointer;transition:background .15s}.gantt-icon-btn:hover{background:var(--color-gray-100)}.gantt-container{display:flex;flex:1;overflow:hidden;position:relative}.gantt-container.resizing{cursor:col-resize;user-select:none}.gantt-label-panel{display:flex;flex-direction:column;border-right:1px solid var(--color-gray-200);flex-shrink:0;background:#fff;z-index:2}.gantt-label-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-3);height:48px;font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0}.gantt-label-body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.gantt-label-body::-webkit-scrollbar{display:none}.gantt-label-group-row{display:flex;align-items:center;gap:6px;padding:0 var(--spacing-3);background:var(--color-gray-100);font-size:.8125rem;font-weight:600;color:var(--color-gray-700);cursor:pointer;border-bottom:1px solid var(--color-gray-200)}.gantt-label-group-row:hover{background:var(--color-gray-150, var(--color-gray-200))}.gantt-group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-group-count{font-size:.6875rem;font-weight:500;color:var(--color-gray-400);background:var(--color-gray-200);border-radius:10px;padding:1px 6px}.gantt-label-row{display:flex;align-items:center;gap:6px;padding:0 var(--spacing-3);font-size:.8125rem;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .1s}.gantt-label-row:hover{background:var(--color-primary-50)}.gantt-item-type{font-size:.75rem;flex-shrink:0}.gantt-item-id{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);flex-shrink:0;min-width:50px}.gantt-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-800)}.gantt-item-assignee{font-size:.6875rem;color:var(--color-gray-400);flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-resize-handle{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;z-index:3;transition:background .15s}.gantt-resize-handle:hover,.gantt-container.resizing .gantt-resize-handle{background:var(--color-primary-300)}.gantt-timeline-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.gantt-timeline-header{overflow:hidden;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0;height:48px}.gantt-header-row{display:flex;height:100%}.gantt-header-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--color-gray-200);flex-shrink:0;gap:1px}.gantt-header-cell.weekend{background:var(--color-gray-100)}.gantt-header-cell.today{background:var(--color-primary-50)}.gantt-header-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-700)}.gantt-header-sub{font-size:.625rem;color:var(--color-gray-400)}.gantt-timeline-body{flex:1;overflow:auto}.gantt-timeline-grid{position:relative;min-height:100%}.gantt-sprint-region{position:absolute;top:0;background:var(--color-primary-50);opacity:.3;border-left:1px dashed var(--color-primary-300);border-right:1px dashed var(--color-primary-300);pointer-events:none;z-index:0}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--color-error-500);z-index:3;pointer-events:none}.gantt-today-line:before{content:"Today";position:absolute;top:-20px;left:-16px;font-size:.5625rem;font-weight:600;color:var(--color-error-500);white-space:nowrap}.gantt-timeline-group-row{position:absolute;left:0;right:0;background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.gantt-timeline-row{position:absolute;left:0;right:0;border-bottom:1px solid var(--color-gray-50)}.gantt-timeline-row:hover{background:#3b82f60a}.gantt-bar{position:absolute;top:6px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;padding:0 6px;transition:opacity .15s,box-shadow .15s;z-index:1;box-shadow:0 1px 2px #0000001a}.gantt-bar:hover{opacity:.85;box-shadow:0 2px 6px #0003;z-index:2}.gantt-bar-label{font-size:.625rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.2)}.gantt-no-dates-indicator{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:.6875rem;color:var(--color-gray-400);font-style:italic}.pm-chart{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.pm-chart-title{font-size:.9375rem;font-weight:600;color:var(--color-gray-800);margin:0 0 var(--spacing-3) 0}.pm-chart-loading,.pm-chart-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-gray-400);font-size:.875rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.pm-chart-pie-container{display:flex;justify-content:center}.pm-reports-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.pm-reports-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.pm-reports-header h2{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin:0}.pm-reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.pm-reports-grid .pm-chart-full{grid-column:1 / -1}@media(max-width:768px){.pm-reports-grid{grid-template-columns:1fr}}.pm-workload-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pm-workload-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--color-gray-600);border-bottom:2px solid var(--color-gray-200);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.pm-workload-table td{padding:8px 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.pm-workload-table tr:hover td{background:var(--color-gray-50)}.pm-workload-bar{height:6px;border-radius:3px;background:var(--color-gray-200);overflow:hidden;min-width:80px}.pm-workload-bar-fill{height:100%;border-radius:3px;background:var(--color-primary-500);transition:width .3s}.pm-cycle-stats{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.pm-cycle-stat{text-align:center}.pm-cycle-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary-600)}.pm-cycle-stat-label{font-size:.6875rem;color:var(--color-gray-500);text-transform:uppercase}.summary-chart{padding:var(--spacing-8)}.chart-header{margin-bottom:var(--spacing-8);text-align:center}.chart-header h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.chart-header p{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.chart-container{height:400px;position:relative;margin-bottom:var(--spacing-8)}.chart-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);background:var(--bg-tertiary);padding:var(--spacing-6);border-radius:var(--radius-xl);margin-top:var(--spacing-8)}.insight-item{display:flex;flex-direction:column;gap:var(--spacing-1);text-align:center}.insight-item strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.insight-item span{color:var(--color-primary-500);font-size:var(--text-lg);font-weight:var(--font-bold)}@media(max-width:768px){.summary-chart{padding:var(--spacing-4)}.chart-container{height:300px}.chart-insights{grid-template-columns:1fr;gap:var(--spacing-4)}}.productivity-chart{padding:var(--spacing-8)}.productivity-header{margin-bottom:var(--spacing-8);text-align:center}.productivity-header h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.productivity-header p{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.insight-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);border:1px solid var(--border-secondary);transition:var(--transition-all)}.insight-card:hover{background:var(--bg-secondary);transform:translateY(-1px)}.insight-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary-500);flex-shrink:0}.insight-content{flex:1;min-width:0}.insight-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-1)}.insight-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium);line-height:1}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.chart-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.chart-section h4{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.chart-container{height:300px;position:relative}.productivity-tips{background:var(--color-warning-50);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-warning-200)}.productivity-tips h4{margin:0 0 var(--spacing-4) 0;color:var(--color-warning-800);font-size:var(--text-base);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--spacing-2)}.tips-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.tip{display:flex;align-items:flex-start;gap:var(--spacing-2);color:var(--color-warning-800);font-size:var(--text-sm);line-height:1.4}.tip svg{margin-top:.125rem;flex-shrink:0}@media(max-width:768px){.productivity-chart{padding:var(--spacing-4)}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.insight-card{flex-direction:column;text-align:center;gap:.5rem}.insight-icon{width:2rem;height:2rem}.insight-value{font-size:1rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-container{height:250px}.chart-section{padding:1rem}}.billable-report{padding:var(--spacing-8)}.billable-header{margin-bottom:var(--spacing-8)}.billable-header h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.billable-header p{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.billable-stats{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.summary-value{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-1);position:relative;z-index:1}.summary-label{font-size:var(--text-sm);opacity:.9;font-weight:var(--font-medium);position:relative;z-index:1}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--border-secondary)}.breakdown-header h4{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.project-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.project-name{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.project-earnings-table{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8)}.project-earnings-table h4{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.project-earnings-table .table-container{overflow-x:auto}.project-earnings-table table{width:100%;border-collapse:collapse}.project-earnings-table thead th{text-align:left;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);border-bottom:2px solid var(--border-secondary)}.project-earnings-table tbody td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-tertiary);vertical-align:middle}.project-earnings-table tbody tr:last-child td{border-bottom:none}.project-earnings-table tbody tr:hover{background:var(--bg-tertiary)}.billable-report .billing-tips{background:linear-gradient(135deg,rgba(var(--color-warning-500-rgb, 245, 158, 11),.1),rgba(var(--color-warning-400-rgb, 251, 191, 36),.05));border-radius:var(--radius-xl);padding:var(--spacing-6);border-left:4px solid var(--color-warning-500);display:flex;flex-direction:column}.billable-report .billing-tips h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);display:block;width:100%}.billable-report .billing-tips ul{margin:0;padding-left:var(--spacing-6);list-style-type:disc;width:100%}.billable-report .billing-tips li{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-2)}.billable-report .billing-tips li:last-child{margin-bottom:0}@media(max-width:768px){.billable-report{padding:1rem}.summary-value{font-size:1.5rem}.breakdown-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-earnings-table{padding:var(--spacing-4)}.project-earnings-table table{font-size:var(--text-xs)}.project-earnings-table thead th,.project-earnings-table tbody td{padding:var(--spacing-2) var(--spacing-3)}}.project-breakdown{padding:2rem}.breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.breakdown-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-semibold)}.breakdown-summary{display:flex;gap:2rem;align-items:center}.summary-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-medium)}.breakdown-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.chart-section{display:flex;flex-direction:column}.chart-container{height:400px;position:relative;flex:1}.stats-section{display:flex;flex-direction:column}.stats-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:var(--font-semibold)}.project-stats-list{display:flex;flex-direction:column;gap:1.5rem}.project-stat-item{background:var(--bg-secondary);border-radius:.75rem;padding:1rem;border:1px solid var(--bg-secondary);transition:all .2s ease}.project-stat-item:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.project-info{display:flex;align-items:center;gap:.75rem;flex:1}.project-color-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.project-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:.875rem}.project-hours{font-weight:var(--font-bold);color:var(--color-primary-500);font-size:1rem}.project-metrics{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.metric{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem}.task-breakdown{margin:.75rem 0}.task-breakdown h5{margin:0 0 .5rem;color:var(--text-primary);font-size:.75rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.task-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.75rem}.task-name{color:var(--text-primary)}.task-hours{color:var(--text-secondary);font-weight:var(--font-medium)}.task-item.more{color:var(--color-gray-400);font-style:italic}.progress-bar{width:100%;height:.25rem;background:var(--border-primary);border-radius:.125rem;overflow:hidden;margin-top:.75rem}.progress-fill{height:100%;border-radius:.125rem;transition:width .3s ease}@media(max-width:768px){.project-breakdown{padding:1rem}.breakdown-header{flex-direction:column;gap:1rem}.breakdown-summary{flex-direction:column;align-items:flex-start;gap:.5rem}.breakdown-content{grid-template-columns:1fr}.chart-container{height:300px}.project-metrics{flex-direction:column;gap:.5rem}}.report-filters{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.filter-section{display:flex;flex-direction:column;gap:1rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-semibold);color:var(--text-primary);font-size:.875rem}.preset-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.preset-button{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:.5rem;background:#fff;color:var(--text-primary);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.preset-button.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.custom-date-section{display:flex;gap:1rem;align-items:center;margin-top:2.25rem}.date-input{padding:.5rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;min-width:140px;transition:border-color .2s ease}.dropdown-filter{min-width:200px}@media(max-width:768px){.report-filters{flex-direction:column;align-items:flex-start;gap:1rem}.filter-section{width:100%}.dropdown-filter{min-width:100%}.preset-buttons{width:100%}.preset-button{flex:1;text-align:center}.custom-date-section{flex-direction:column;align-items:flex-start;width:100%}.date-input-group{width:100%}.date-input{flex:1;min-width:0}}.filter-multiselect{min-width:200px;max-width:280px}@media(max-width:768px){.filter-multiselect{width:100%;min-width:0;max-width:100%}}.toast-container{position:fixed;top:var(--spacing-6);right:var(--spacing-6);z-index:3000;display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}.toast{pointer-events:auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);max-width:480px;min-width:320px;opacity:0;transform:translate(120%) scale(.92);transition:all .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden;display:flex;align-items:center}.toast-visible{opacity:1;transform:translate(0) scale(1);animation:slideInBounce .5s ease-out}@keyframes slideInBounce{0%{opacity:0;transform:translate(120%) scale(.92)}50%{opacity:.8;transform:translate(-8px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.toast-exit{opacity:0;transform:translate(120%) scale(.92);transition:all .25s cubic-bezier(.55,.085,.68,.53)}.toast-content{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);position:relative;flex:1;min-width:0}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-secondary);position:relative}.toast-text{flex:1;min-width:0}.toast-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1);line-height:1.4}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;word-wrap:break-word;flex:1;min-width:0}.toast-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;align-self:center}.toast-close svg{display:block}.toast-close:hover{background:var(--bg-secondary);color:var(--text-secondary);transform:scale(1.1)}.toast-actions{display:flex;align-items:center;gap:var(--spacing-2);padding-right:var(--spacing-4);flex-shrink:0}.toast-action-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-medium);transition:all .2s ease;white-space:nowrap}.toast-action-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.toast-close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;line-height:1;width:24px;height:24px}.toast-close-btn:hover{background:var(--bg-secondary);color:var(--text-secondary);transform:scale(1.1)}@media(max-width:768px){.toast-container{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4)}.toast{max-width:none;min-width:auto}.toast-content{padding:var(--spacing-4) var(--spacing-5)}.toast-actions{padding-right:var(--spacing-3)}.toast-title{font-size:var(--text-sm)}.toast-message{font-size:var(--text-xs)}.toast-action-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs)}}@media(prefers-color-scheme:dark){.toast{background:var(--bg-primary);box-shadow:var(--shadow-2xl)}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.empty-state-icon{color:var(--text-secondary, #666);margin-bottom:1rem;opacity:.6}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 .5rem}.empty-state-description{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1.5rem;max-width:400px}.empty-state-action{display:flex;gap:.5rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #e0e0e0) 25%,var(--skeleton-shine, #f0f0f0) 50%,var(--skeleton-base, #e0e0e0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.connection-indicator{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary, #666);padding:.25rem .5rem}.connection-dot{width:8px;height:8px;border-radius:50%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, var(--border-primary))}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.header-title h1{font-size:2rem;font-weight:var(--font-semibold);color:var(--text-primary, #111827);margin:0 0 .5rem}.header-subtitle{color:var(--text-secondary, var(--text-secondary));font-size:.95rem;margin:0;line-height:1.4}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:var(--font-medium);border-radius:.375rem;border:1px solid transparent;transition:all .15s ease-in-out;cursor:pointer;white-space:nowrap}.header-actions .primary-button,.header-actions .add-button,.header-actions .add-entry-button{background-color:var(--primary-color, var(--color-primary-500));color:#fff;border-color:var(--primary-color, var(--color-primary-500))}.header-actions .primary-button:hover,.header-actions .add-button:hover,.header-actions .add-entry-button:hover{background-color:var(--primary-hover, var(--color-primary-600));border-color:var(--primary-hover, var(--color-primary-600))}.header-actions .export-button{background-color:#fff;color:var(--text-primary, var(--text-primary));border-color:var(--border-color, var(--border-primary))}.header-actions .export-button:hover{background-color:var(--bg-hover, var(--bg-secondary));border-color:var(--border-hover, var(--color-gray-400))}.header-actions button:disabled{opacity:.5;cursor:not-allowed}.header-actions button:disabled:hover{background-color:var(--bg-disabled, var(--bg-secondary));border-color:var(--border-color, var(--border-primary))}.header-extra{margin-top:1rem}@media(max-width:768px){.header-content{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start;flex-wrap:wrap}.header-title h1{font-size:1.75rem}}@media(max-width:480px){.page-header{margin-bottom:1.5rem}.header-title h1{font-size:1.5rem}.header-actions button{padding:.5rem .75rem;font-size:.8rem}}.presence-indicator{display:inline-flex;align-items:center;gap:6px}.presence-indicator.presence-overlay{position:absolute;top:-1px;right:-1px;gap:0}.presence-dot{display:inline-block;border-radius:50%;flex-shrink:0;border:2px solid #fff}.presence-online{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.presence-idle{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b66}.presence-offline{background-color:#9ca3af}.presence-last-seen,.presence-status-text{font-size:.75rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.auto-tracker-error-boundary{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--spacing-8);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-xl)}.error-content{text-align:center;max-width:500px}.error-content h3{color:var(--color-error-600);margin-bottom:var(--spacing-4);font-size:var(--text-2xl)}.error-content p{color:var(--color-error-800);margin-bottom:var(--spacing-6);font-size:var(--text-lg)}.error-details{margin:var(--spacing-6) 0;text-align:left;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-4)}.error-details summary{cursor:pointer;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.error-details pre{font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:var(--spacing-2) 0}.retry-button{background:var(--color-error-600);color:var(--text-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--text-base);transition:var(--transition-base)}.retry-button:hover{background:var(--color-error-700)}.timer-container{position:relative;width:100%;max-width:100vw;min-height:calc(100vh - 200px);padding:var(--spacing-8);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden}.timer-settings-overlay{display:flex;justify-content:flex-end;margin-top:var(--spacing-4)}.timer-mode-toggle{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-1);box-shadow:var(--shadow-sm)}.timer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:60vh}.mode-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);color:var(--text-secondary);transition:var(--transition-all)}.mode-toggle.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mode-toggle:hover:not(.active){color:var(--text-primary)}.timer-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-12);box-shadow:var(--shadow-xl);max-width:800px;width:100%;text-align:center;border:1px solid var(--border-primary)}.timer-display{margin-bottom:var(--spacing-8)}.time-text{font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--text-primary);font-family:Monaco,Menlo,monospace;margin-bottom:var(--spacing-4)}.timer-info{text-align:center}.project-info{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.project-name{color:var(--color-primary-500)}.task-name{color:var(--text-secondary)}.description{font-size:var(--text-base);color:var(--text-secondary);font-style:italic}.timer-form{margin-bottom:var(--spacing-8)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.project-select,.task-select{padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-base)}.project-select:focus,.task-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.project-select:disabled,.task-select:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.description-input{width:100%}.description-field{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-base)}.description-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.timer-controls{display:flex;justify-content:center;gap:var(--spacing-4)}.running-controls{display:flex;gap:var(--spacing-4)}.timer-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.start-button{background:var(--color-success-500);color:var(--text-white)}.start-button:hover:not(:disabled){background:var(--color-success-600)}.start-button:disabled{background:var(--border-primary);cursor:not-allowed}.pause-button{background:var(--color-warning-500);color:var(--text-white)}.pause-button:hover{background:var(--color-warning-600)}.stop-button{background:var(--color-error-500);color:var(--text-white)}.stop-button:hover{background:var(--color-error-600)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state p{margin-bottom:1rem;font-size:1.125rem}.create-project-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.5rem;font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s ease;text-decoration:none}.create-project-button:hover{background:var(--color-primary-600)}@media(max-width:768px){.timer-container{padding:1rem}.timer-settings-overlay{top:1rem;right:1rem}.timer-card{padding:2rem}.time-text{font-size:2.5rem}.form-row{grid-template-columns:1fr}.running-controls{flex-direction:column;align-items:center}.timer-button{padding:.75rem 1.5rem;font-size:1rem}}.pomodoro-timer{padding:2rem;background:var(--bg-primary);color:var(--text-primary);border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:400px;margin:0 auto;text-align:center}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.pomodoro-header h2{margin:0;color:var(--text-primary)}.settings-btn{background:none;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.settings-btn:hover{background:var(--hover-color);border-color:var(--primary-color)}.pomodoro-display{margin-bottom:2rem}.mode-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.mode-icon{color:var(--primary-color)}.mode-label{font-size:1.2rem;font-weight:var(--font-semibold);color:var(--text-primary)}.timer-circle{position:relative;display:inline-block;margin-bottom:1.5rem}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{opacity:.2}.progress-ring-progress{transition:stroke-dashoffset .3s ease;stroke-linecap:round}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.time-display{font-size:2.5rem;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.session-counter{display:flex;flex-direction:column;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.pomodoro-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pomodoro-controls .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:var(--font-medium);transition:all .2s;border:none;cursor:pointer}.pomodoro-controls .btn-secondary{background:var(--warning-color);color:#fff}.pomodoro-controls .btn-secondary:hover{background:var(--color-warning-600)}.pomodoro-controls .btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.pomodoro-controls .btn-outline:hover{background:var(--hover-color);border-color:var(--primary-color)}.pomodoro-settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pomodoro-settings{background:var(--bg-primary);color:var(--text-primary);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:var(--hover-color)}.settings-form{text-align:left}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:var(--font-medium)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.settings-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.pomodoro-timer{padding:1.5rem;margin:1rem}.timer-circle{transform:scale(.8)}.time-display{font-size:2rem}.pomodoro-controls{flex-direction:column;align-items:center}.pomodoro-controls .btn{width:100%;max-width:200px}.pomodoro-settings{margin:1rem}}@media(prefers-color-scheme:dark){.pomodoro-timer,.pomodoro-settings{background:var(--bg-secondary, var(--text-primary))}}.mode-indicator{animation:modeChange .5s ease-in-out}@keyframes modeChange{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pomodoro-timer.running .progress-ring-progress{animation:timer-pulse-fade 2s ease-in-out infinite}@keyframes timer-pulse-fade{0%,to{opacity:1}50%{opacity:.7}}.timer-input{width:100%;background:var(--color-surface);padding:var(--spacing-5) var(--spacing-8);border-bottom:1px solid var(--color-border)}.timer-input.timer-running{background:var(--color-surface)}.timer-input-container{display:flex;align-items:center;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:0;transition:all .2s;max-width:1400px;margin:0 auto;min-height:48px}.timer-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.timer-input-field{flex:1;min-width:0;display:flex;align-items:center;border-right:1px solid var(--color-border)}.description-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:14px;font-weight:400;border:none;background:transparent;color:var(--color-text);outline:none;height:48px;line-height:1.5}.description-input::placeholder{color:var(--color-text-tertiary);font-weight:400;opacity:1}.description-input:disabled{background:transparent;cursor:text;opacity:1}.timer-controls{display:flex;align-items:center;gap:0;height:100%}.control-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:0 var(--spacing-3);height:100%;background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;min-width:48px}.control-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-primary)}.control-btn.active{background:transparent;color:var(--color-primary);font-weight:500}.control-btn .project-color-dot{flex-shrink:0}.control-btn svg{flex-shrink:0}.project-btn{display:flex;align-items:center;gap:var(--spacing-1);height:auto;background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap;font-size:13px;margin-left:var(--spacing-3);padding:0;border:none;border-right:1px solid var(--color-border);padding-right:var(--spacing-3)}.project-btn.project-empty{color:var(--color-primary)}.project-btn.project-empty:hover{color:var(--color-primary-600)}.project-btn.project-empty svg{color:var(--color-primary);stroke-width:2.5}.project-btn.project-empty:hover svg{color:var(--color-primary-600)}.project-btn.project-selected{color:var(--color-text)}.project-btn.project-selected:hover{opacity:.8}.project-btn .project-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-btn .project-name{font-weight:var(--font-medium);color:var(--color-text);max-width:150px;overflow:hidden;text-overflow:ellipsis}.project-btn .project-placeholder{font-weight:var(--font-normal)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn svg{display:block}.control-btn .tag-count{position:absolute;top:8px;right:8px;background:var(--color-primary-500);color:#fff;font-size:10px;font-weight:var(--font-bold);min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.timer-action{display:flex;align-items:center;gap:0;height:100%;min-height:48px}.timer-display{display:flex;align-items:center;justify-content:center;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:16px;font-weight:400;color:var(--color-text);min-width:85px;text-align:center;letter-spacing:.5px;font-variant-numeric:tabular-nums;user-select:none;padding:0 16px;margin:0;border-right:1px solid var(--color-border);height:100%}.timer-running .timer-display{color:var(--color-primary)}.timer-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:12px 28px;height:46px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s;white-space:nowrap;text-transform:uppercase;margin:2px 6px;min-width:90px;box-shadow:0 2px 4px #3b82f633}.timer-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d}.timer-btn:active:not(:disabled){transform:scale(.98)}.timer-btn.stop{background:#ef4444;box-shadow:0 2px 4px #ef444433}.timer-btn.stop:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d}.timer-btn:disabled{opacity:.6;cursor:not-allowed}.timer-btn svg{width:10px;height:10px}.menu-btn{border-left:none;border-right:none;padding:0 14px;min-width:48px}.timer-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:1000;padding:4px 0}.timer-menu-dropdown .menu-item{width:100%;padding:10px 16px;background:transparent;border:none;text-align:left;font-size:14px;color:var(--color-text);cursor:pointer;transition:background .15s;display:block}.timer-menu-dropdown .menu-item:hover{background:var(--color-background)}.menu-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text)}@media(max-width:1024px){.timer-input-container{flex-wrap:wrap;height:auto}.timer-input-field{flex-basis:100%;border-right:none;border-bottom:1px solid var(--color-border);height:48px}.timer-controls{flex:1}}@media(max-width:768px){.timer-input{padding:16px}.timer-controls{flex-wrap:wrap}.timer-display{font-size:16px;min-width:70px}.timer-btn{padding:0 16px;font-size:10px}}.time-input-wrapper{position:relative;display:inline-block}.time-input{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;font-weight:500;padding:4px 8px;min-width:60px;background:var(--color-background);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-text);outline:none;box-shadow:0 0 0 3px var(--color-primary-bg, rgba(67, 97, 238, .1));transition:all .2s}.time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg, rgba(67, 97, 238, .2))}.time-input.error{border-color:var(--color-error, #f44336);box-shadow:0 0 0 3px var(--color-error-bg, rgba(244, 67, 54, .1))}.time-input-error{position:absolute;top:100%;left:0;margin-top:4px;padding:4px 8px;background:var(--color-error, #f44336);color:#fff;font-size:11px;border-radius:var(--border-radius-sm);white-space:nowrap;z-index:10}.time-input-error:before{content:"";position:absolute;bottom:100%;left:8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--color-error, #f44336)}.time-entry-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--color-border);transition:background .15s;min-height:52px;flex-wrap:nowrap;z-index:1}.time-entry-item:hover,.time-entry-item:focus-within{background:var(--color-background);z-index:100}.entry-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:row;align-items:center;gap:3px;flex-wrap:nowrap}.entry-user-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:9px;flex-shrink:0;box-shadow:0 1px 2px #0000001a;position:relative}.entry-description{flex:1 1 auto;font-size:14px;color:var(--color-text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;min-width:100px}.description-text{cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background .15s}.description-text:hover{background:var(--color-background)}.description-input{width:100%;padding:4px 8px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-background);outline:none;box-shadow:0 0 0 2px #6366f11a}.description-input::placeholder{color:var(--color-text-tertiary)}.no-description{color:var(--color-text-tertiary);font-style:italic;font-weight:400}.entry-metadata{display:flex;align-items:center;gap:6px;flex-shrink:0;justify-content:flex-start;flex-wrap:nowrap}.project-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:600;text-transform:capitalize;line-height:1.2;max-width:110px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;text-align:center}.project-badge.clickable{cursor:pointer;transition:opacity .15s,transform .1s}.project-badge.clickable:hover{opacity:.9;transform:translateY(-1px)}.project-badge.clickable:active{transform:translateY(0)}.project-badge.no-project{background:var(--color-gray-200);color:var(--color-text-secondary);border:1px dashed var(--color-gray-400)}.project-editing{position:relative;z-index:10}.task-badge{display:inline-flex;align-items:center;justify-content:flex-start;padding:3px 8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-secondary);font-weight:500;line-height:1.2;max-width:90px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-container{position:relative;display:inline-block}.tags-editing{position:absolute;top:0;left:0;z-index:1000;min-width:280px}.tags{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-secondary);max-width:140px;min-width:0;overflow:hidden;cursor:pointer;transition:background .15s,border-color .15s}.tags:hover{background:var(--color-background-subtle);border-color:var(--color-border-hover)}.tags.na{color:var(--color-text-tertiary);font-style:italic}.tags-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-editing{position:relative;z-index:100}.billable-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:18px;height:18px;padding:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-success-700);font-size:10px;font-weight:700}.billable-badge.is-empty{visibility:hidden}.billable-icon{line-height:1}.entry-times{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap}.time-field-wrapper{position:relative;display:flex;align-items:center;gap:4px;min-height:32px;flex-shrink:0}.time-field{position:relative;display:flex;align-items:center}.calendar-icon-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0;width:24px;height:24px}.calendar-icon-btn:hover{background:var(--bg-secondary);color:var(--color-primary-500)}.calendar-icon-btn:active{background:var(--bg-tertiary)}.time-display{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--color-text);background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 8px;cursor:pointer;transition:all .15s;min-width:75px;width:75px;text-align:center;white-space:nowrap;display:inline-block}.time-display:hover{background:var(--color-background);border-color:var(--color-border)}.time-display.running{color:var(--color-primary);font-weight:600;width:auto;min-width:75px}.time-separator{color:var(--color-text-tertiary);font-size:13px;font-weight:500;flex-shrink:0;user-select:none}.entry-duration{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-text);min-width:80px;text-align:right;letter-spacing:-.01em;flex-shrink:0}.entry-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s}.action-btn svg{width:20px;height:20px}.action-btn:hover{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}.continue-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.stop-btn{color:var(--color-error-600)}.stop-btn:hover{background:var(--color-error-50);border-color:var(--color-error-600);color:var(--color-error-600)}.menu-wrapper{position:relative;z-index:100}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--color-text);font-size:13px;text-align:left;cursor:pointer;transition:background .2s}.menu-item:hover{background:var(--color-background-hover)}.menu-item:first-child{color:var(--color-error-600)}@media(max-width:1024px){.time-entry-item{flex-wrap:wrap}.entry-content{flex-basis:100%;flex-wrap:wrap}.entry-metadata{flex-wrap:wrap;margin-left:0;max-width:100%}.entry-times,.entry-duration,.entry-actions{flex-shrink:0}}@media(max-width:768px){.time-entry-item{padding:12px 16px;gap:12px}.entry-duration{min-width:70px;font-size:14px}.time-display{font-size:12px;padding:3px 6px}}.time-entry-list{display:flex;flex-direction:column;gap:0;padding:var(--spacing-8);max-width:1200px;margin:0 auto}.entry-group{background:var(--color-surface);border-radius:6px;overflow:visible;border:1px solid var(--color-border);margin-bottom:12px}.group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);background:var(--color-background);border-bottom:1px solid var(--color-border)}.group-date{margin:0;font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.group-total{display:flex;align-items:center;gap:var(--spacing-2)}.total-label{font-size:13px;color:var(--color-text-tertiary);font-weight:400}.total-duration{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.entries{display:flex;flex-direction:column}.grand-total{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 20px;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border);margin-top:12px}.grand-total-label{font-size:14px;font-weight:600;color:var(--color-text)}.grand-total-duration{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}@media(max-width:768px){.group-header{padding:12px 16px}.group-date{font-size:14px}.total-label{font-size:12px}.total-duration{font-size:13px}.grand-total{padding:16px}.grand-total-label{font-size:14px}.grand-total-duration{font-size:18px}}.datetime-picker-wrapper{position:absolute;top:100%;left:0;z-index:1000;margin-top:4px}.datetime-picker{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;min-width:300px;color:var(--text-primary)}.datetime-picker-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.datetime-picker-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.datetime-input{padding:8px 12px;border:1px solid var(--border-primary);border-radius:4px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s}.datetime-input:hover{border-color:var(--border-hover)}.datetime-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a}.datetime-picker-error{color:var(--color-error-600);font-size:12px;margin-bottom:12px}.datetime-picker-actions{display:flex;justify-content:flex-end;gap:8px}.datetime-picker-actions button{padding:6px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-cancel{background:transparent;color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-secondary)}.btn-save{background:var(--color-primary-500);color:#fff}.btn-save:hover{background:var(--color-primary-600)}.btn-save:active{background:var(--color-primary-700)}input[type=time]:lang(en-GB){format:"24hour"}.time-inputs{display:flex;align-items:center;gap:4px}.time-part-input{width:60px;text-align:center;padding:8px 4px}.time-part-input::-webkit-outer-spin-button,.time-part-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-part-input[type=number]{-moz-appearance:textfield;appearance:textfield}.time-inputs .time-separator{color:#666;font-weight:500;user-select:none}.time-entry-item{border-bottom:1px solid var(--border-secondary);transition:var(--transition-base);display:flex;align-items:center;gap:24px;padding:16px 20px;background-color:var(--bg-primary);min-height:64px}.time-entry-item:hover{background-color:var(--bg-tertiary)}.time-entry-item:last-child{border-bottom:none}.time-entry-item .entry-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:12px;flex-shrink:0;box-shadow:0 2px 4px #0000001f;position:relative}.entry-main{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.entry-project{display:flex;align-items:center;width:200px;flex-shrink:0;min-width:140px}.project-info{min-width:0;flex:1}.project-name{font-weight:var(--font-semibold);color:var(--text-primary);display:block;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-name{display:none}.entry-details{min-width:0;flex:1;display:flex;align-items:center;gap:24px}.entry-description{color:var(--text-primary);font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.entry-meta{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--text-secondary);flex-shrink:0}.entry-time,.entry-earnings,.entry-tags{display:flex;align-items:center;gap:5px;white-space:nowrap}.entry-time svg,.entry-earnings svg,.entry-tags svg{opacity:.7;flex-shrink:0}.entry-duration{font-family:Monaco,Menlo,monospace;font-weight:var(--font-semibold);color:var(--text-primary);text-align:right;display:flex;align-items:center;gap:6px;flex-shrink:0;justify-content:flex-end;font-size:14px;letter-spacing:.3px;min-width:100px}.billable-indicator{color:var(--color-success-500);font-size:12px;font-weight:var(--font-medium)}.entry-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-shrink:0}.continue-button,.edit-button,.delete-button,.save-button,.cancel-button,.duplicate-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.continue-button{background:var(--color-success-500);color:#fff}.continue-button:hover{background:var(--color-success-600);transform:scale(1.05)}.edit-button{background:var(--color-warning-500);color:#fff}.edit-button:hover{background:var(--color-warning-600);transform:scale(1.05)}.duplicate-button{background:var(--color-gray-500);color:#fff}.duplicate-button:hover{background:var(--color-gray-600);transform:scale(1.05)}.delete-button{background:var(--color-error-500);color:#fff}.delete-button:hover{background:var(--color-error-600);transform:scale(1.05)}.save-button{background:var(--color-primary-500);color:#fff;width:auto;height:2.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:var(--font-semibold)}.save-button:hover{background:var(--color-primary-600)}.cancel-button{background:var(--text-secondary);color:#fff;width:auto;height:2.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:var(--font-semibold)}.cancel-button:hover{background:var(--color-gray-600)}.edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-description{padding:.625rem .75rem;border:1px solid var(--border-primary);border-radius:.375rem;font-size:.875rem;width:100%;height:2.5rem}.edit-controls{display:flex;align-items:center;gap:1rem;font-size:.875rem;flex-wrap:wrap}.time-field-wrapper{display:flex;align-items:center;gap:.375rem}.time-field-label{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-medium)}.time-field{position:relative}.time-display-button{padding:.625rem .75rem;border:1px solid var(--border-primary);border-radius:.375rem;font-size:.875rem;font-family:Monaco,Menlo,Courier New,monospace;min-width:5.5rem;height:2.5rem;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.time-display-button:hover{background:var(--bg-secondary);border-color:var(--color-primary-500)}.time-display-button:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a}.calendar-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-primary);border-radius:.375rem;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.calendar-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--color-primary-500)}.calendar-icon-btn:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a}.time-separator{color:var(--text-secondary);font-weight:var(--font-medium);margin:0 .25rem}.time-inputs{display:flex;align-items:center;gap:.25rem}.billable-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;height:2.5rem}.billable-toggle input[type=checkbox]{accent-color:var(--color-checkbox);width:1.125rem;height:1.125rem;cursor:pointer}.project-selection{position:relative;display:flex;flex-direction:column;gap:.5rem;z-index:100}.project-selection label{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-secondary)}.project-select-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;height:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:var(--transition-base)}.project-select-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.project-select-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.tag-selection{position:relative;display:flex;flex-direction:column;gap:.5rem;z-index:99}.tag-selection label{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-secondary)}.tag-select-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;height:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:var(--transition-base)}.tag-select-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.tag-select-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:1200px){.entry-project{width:180px;min-width:120px}.entry-meta{gap:16px}}@media(max-width:1024px){.time-entry-item{gap:16px;padding:12px 16px}.entry-main{gap:16px}.entry-project{width:150px}.entry-details{gap:16px}.entry-duration{min-width:90px;font-size:13px}.entry-actions{gap:6px}}@media(max-width:768px){.time-entry-item{flex-wrap:wrap;gap:12px;padding:14px 16px;min-height:auto}.time-entry-item .entry-user-avatar{width:32px;height:32px;font-size:11px}.entry-main{flex-wrap:wrap;gap:12px;width:100%}.entry-project{width:auto;flex:1;min-width:auto}.entry-details{width:100%;flex-wrap:wrap;gap:12px}.entry-description{width:100%}.entry-duration{justify-content:flex-start;min-width:auto}.entry-actions{width:100%;justify-content:flex-start;gap:8px}.entry-meta{flex-wrap:wrap}}.time-entry-list{padding:0}.empty-timesheet{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-timesheet h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.empty-timesheet p{margin:0;font-size:1rem}.date-group{border-bottom:1px solid var(--bg-secondary)}.date-group:last-child{border-bottom:none}.date-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem .5rem;background:var(--bg-secondary)}.date-header h3{margin:0;font-size:1rem;font-weight:var(--font-semibold);color:var(--text-primary)}.date-total{font-weight:var(--font-semibold);color:var(--color-primary-500);font-size:.875rem}.entries-for-date{padding:0}.date-range-picker{display:flex;gap:1rem;align-items:center}.date-input-group{display:flex;align-items:center;gap:.5rem}.date-input-group label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:.875rem;white-space:nowrap}.date-input{padding:.5rem;border:1px solid var(--border-primary);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:140px;transition:border-color .2s ease}@media(max-width:768px){.date-range-picker{flex-direction:column;align-items:flex-start;width:100%}.date-input-group{width:100%}.date-input{flex:1;min-width:0}}.close-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:#fff3cd;border-radius:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.close-button:hover{background:var(--border-primary);color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group .project-select-wrapper,.form-group .project-select-dropdown,.form-group .project-select-wrapper select,.form-group .project-select-dropdown button{width:100%;max-width:100%}.form-group label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:.875rem}.form-input,.task-select{padding:.75rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease;background:var(--bg-primary);color:var(--text-primary);width:100%}.form-input:focus,.task-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.task-select:disabled{background:var(--bg-secondary);cursor:not-allowed}.error{color:var(--color-error-500);font-size:.75rem;font-weight:var(--font-medium)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.form-actions .cancel-button{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:.5rem;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease}.form-actions .cancel-button:hover{background:var(--border-primary)}.form-actions .cancel-button:disabled{opacity:.5;cursor:not-allowed}.form-actions .save-button{padding:.75rem 1.5rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.5rem;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px}.form-actions .save-button:hover:not(:disabled){background:var(--color-primary-600)}.form-actions .save-button:active:not(:disabled){background:var(--color-primary-700);transform:scale(.98)}.form-actions .save-button:disabled{background:var(--color-primary-500);color:#fff;opacity:.7;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.time-field-wrapper{display:flex;align-items:center;gap:.5rem}.time-field{position:relative;flex:1}.time-display-button{width:100%;padding:.75rem;background:#fff;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.time-display-button:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.calendar-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#fff;border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.calendar-icon-btn:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-500)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.workitem-detail-overlay{position:fixed;inset:0;background:#0000004d;z-index:10000;display:flex;justify-content:flex-end}.workitem-detail-panel{width:720px;max-width:100vw;height:100%;background:var(--bg-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow-y:auto}.workitem-detail-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-primary);flex-shrink:0}.workitem-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.workitem-id-badge{font-family:monospace;font-weight:700;font-size:var(--text-sm);color:var(--color-primary-500);background:var(--color-primary-50);padding:2px var(--spacing-2);border-radius:var(--radius-sm)}.workitem-detail-header-right{display:flex;align-items:center;gap:var(--spacing-2)}.workitem-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--spacing-2)}.workitem-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.chip--new{background:#e0e7ff;color:#3730a3}.chip--active{background:#dbeafe;color:#1d4ed8}.chip--resolved{background:#d1fae5;color:#065f46}.chip--closed{background:#f3f4f6;color:#6b7280}.chip--removed,.chip--critical{background:#fee2e2;color:#991b1b}.chip--high{background:#ffedd5;color:#9a3412}.chip--medium{background:#fef9c3;color:#854d0e}.chip--low{background:#dbeafe;color:#1e40af}.chip--none{background:#f3f4f6;color:#6b7280}.workitem-header-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:500;background:var(--color-primary-50);color:var(--color-primary-600, var(--color-primary-500))}.save-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500}.save-btn:hover{box-shadow:var(--shadow-primary)}.close-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-md)}.close-btn:hover{background:var(--bg-secondary)}.workitem-title-section{padding:var(--spacing-4) var(--spacing-6);flex-shrink:0}.workitem-title-input{width:100%;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-2);background:transparent;transition:border-color .15s}.workitem-title-input:hover,.workitem-title-input:focus{border-color:var(--border-primary);outline:none}.workitem-title-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.workitem-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.workitem-tabs{display:flex;gap:var(--spacing-1);padding:0 var(--spacing-6);border-bottom:1px solid var(--border-primary);flex-shrink:0}.workitem-tab{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s}.workitem-tab:hover{color:var(--text-primary)}.workitem-tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.workitem-detail-content{flex:1;overflow-y:auto;padding:var(--spacing-6)}.workitem-details-grid{display:grid;grid-template-columns:1fr 260px;gap:var(--spacing-6)}.workitem-description-section label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-2)}.workitem-description-input{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);resize:vertical;font-family:inherit}.workitem-description-input:focus{outline:none;border-color:var(--color-primary-500)}.workitem-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.workitem-tags{margin-top:var(--spacing-4)}.workitem-tags label{display:flex;align-items:center;gap:var(--spacing-1)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.tag-chip{padding:2px var(--spacing-2);background:var(--color-primary-50);color:var(--color-primary-500);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.workitem-tags .tag-picker-trigger{display:flex;align-items:center;width:100%;min-height:34px;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;text-align:left;margin-top:var(--spacing-2)}.workitem-tags .tag-picker-trigger:hover{border-color:var(--color-primary-300)}.workitem-tags .tag-placeholder{color:var(--text-tertiary);font-size:var(--text-sm)}.workitem-tags .selected-tags-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.workitem-tags .tag-chip-mini{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid}.no-tags{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.workitem-fields-sidebar{display:flex;flex-direction:column;gap:var(--spacing-3)}.field-row{display:flex;flex-direction:column;gap:var(--spacing-1)}.field-row label{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.field-row select,.field-row input[type=text],.field-row input[type=number],.field-row input[type=date]{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.field-row select:focus,.field-row input:focus{outline:none;border-color:var(--color-primary-500)}.field-row span{font-size:var(--text-sm);color:var(--text-primary)}.parent-link{font-family:monospace;color:var(--color-primary-500);font-weight:500}.field-meta{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary);gap:var(--spacing-1)}.field-meta span{font-size:var(--text-xs);color:var(--text-tertiary)}.workitem-comments{display:flex;flex-direction:column;gap:var(--spacing-4)}.comment-input-section{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:flex-end}.comment-input{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;background:var(--bg-primary);color:var(--text-primary)}.comment-input:focus{outline:none;border-color:var(--color-primary-500)}.comment-submit-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.no-comments,.no-children{text-align:center;color:var(--text-tertiary);padding:var(--spacing-8);font-size:var(--text-sm)}.comment-item{padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.comment-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.comment-author{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.comment-date{font-size:var(--text-xs);color:var(--text-tertiary)}.edited-tag{font-style:italic;margin-left:var(--spacing-1)}.comment-delete{margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:2px}.comment-delete:hover{color:var(--color-error, #ef4444)}.comment-actions{display:flex;gap:4px;margin-left:auto}.comment-edit{border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:2px}.comment-edit:hover{color:var(--color-primary-500, #6366f1)}.comment-edit-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.comment-edit-actions{display:flex;gap:var(--spacing-2)}.comment-cancel-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.comment-cancel-btn:hover{background:var(--bg-secondary)}.comment-body{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.comment-body.markdown-body p{margin:0 0 .5em}.comment-body.markdown-body p:last-child{margin-bottom:0}.comment-body.markdown-body code{background:var(--bg-secondary);padding:1px 4px;border-radius:3px;font-size:.9em}.comment-body.markdown-body pre{background:var(--bg-secondary);padding:var(--spacing-2);border-radius:6px;overflow-x:auto;margin:.5em 0}.comment-body.markdown-body pre code{background:transparent;padding:0}.comment-body.markdown-body ul,.comment-body.markdown-body ol{padding-left:1.5em;margin:.25em 0}.comment-body.markdown-body a{color:var(--color-primary-500);text-decoration:underline}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-section-label{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:var(--text-sm);color:var(--text-primary)}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary-100, #dbeafe);color:var(--color-primary-600, var(--color-primary-500));font-weight:600;flex-shrink:0;overflow:hidden}.avatar-sm{width:28px;height:28px;font-size:.65rem}.avatar-xs{width:22px;height:22px;font-size:.55rem}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{line-height:1}.assignee-display,.assignee-chip{display:flex;align-items:center;gap:var(--spacing-2)}.assignee-name{font-size:var(--text-sm);color:var(--text-primary)}.unassigned-label{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.assignee-add-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px dashed var(--border-primary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.assignee-add-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:var(--color-primary-50)}.assignee-picker{position:absolute;top:100%;right:0;z-index:20;min-width:200px;max-height:240px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;margin-top:4px}.assignee-picker-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);cursor:pointer;transition:background .1s}.assignee-picker-item:hover{background:var(--bg-secondary)}.custom-fields-section{margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--border-primary)}.custom-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.custom-fields-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.custom-field-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);padding:2px var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.custom-field-add-btn:hover{background:var(--color-primary-50);color:var(--color-primary-600, var(--color-primary-500));border-color:var(--color-primary-300, var(--color-primary-500))}.custom-fields-empty{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.custom-field-row{display:flex;align-items:flex-start;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.custom-field-inputs{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.custom-field-name-input{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);padding:3px var(--spacing-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;width:100%}.custom-field-name-input:focus{border-color:var(--color-primary-300, var(--color-primary-500));background:var(--bg-primary);outline:none}.custom-field-type-select{font-size:var(--text-xs);padding:2px var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;width:100%}.custom-field-value-input,.custom-field-richtext{font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);width:100%;resize:vertical}.custom-field-value-input:focus,.custom-field-richtext:focus{border-color:var(--color-primary-400, var(--color-primary-500));outline:none}.custom-field-boolean{width:16px;height:16px;cursor:pointer;margin-top:var(--spacing-1)}.custom-field-remove-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;margin-top:2px;transition:background .15s,color .15s}.custom-field-remove-btn:hover{background:var(--color-danger-50, #fee2e2);color:var(--color-danger-600, #dc2626)}.custom-fields-save-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-primary-300, var(--color-primary-500));background:var(--color-primary-50);color:var(--color-primary-600, var(--color-primary-500));cursor:pointer;margin-top:var(--spacing-1);transition:background .15s;width:100%;justify-content:center}.custom-fields-save-btn:hover{background:var(--color-primary-100, #dbeafe)}.assignee-picker-item.selected{background:var(--color-primary-50);font-weight:600}.type-selector{margin-bottom:var(--spacing-4)}.type-selector>label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-2)}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.type-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:all .15s}.type-option:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.type-option.selected{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:0 0 0 2px var(--color-primary-100)}.type-option-icon{font-size:var(--text-lg)}.type-option-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.type-option.selected .type-option-label{color:var(--color-primary-600)}.expand-form-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) 0;border:none;background:transparent;cursor:pointer;font-size:var(--text-sm);color:var(--color-primary-500);font-weight:500}.expand-form-btn:hover{text-decoration:underline}.tag-picker-trigger{display:flex;align-items:center;width:100%;min-height:38px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;text-align:left}.tag-picker-trigger:hover{border-color:var(--color-primary-300)}.tag-placeholder{color:var(--text-tertiary);font-size:var(--text-sm)}.selected-tags-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag-chip-mini{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid}.workitem-timer{display:flex;flex-direction:column;align-items:center;text-align:center}.timer-ring-container{position:relative;display:flex;align-items:center;justify-content:center;margin:var(--spacing-2) 0;width:120px;height:120px}.timer-ring{display:block}.timer-ring-bg{stroke:var(--border-primary, #e5e7eb);opacity:.3}.timer-ring-progress{stroke:var(--color-primary-500, #6366f1);transition:stroke-dashoffset 1s linear}.timer-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.timer-elapsed{font-family:Courier New,monospace;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.timer-label{font-size:.7rem;color:var(--color-primary-500, #6366f1);text-transform:uppercase;letter-spacing:.05em;animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.timer-controls{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.timer-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:6px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.timer-btn:disabled{opacity:.4;cursor:not-allowed}.timer-btn-start{background:var(--color-primary-500, #6366f1);color:#fff}.timer-btn-start:hover:not(:disabled){filter:brightness(1.1)}.timer-btn-stop{background:var(--color-danger, #ef4444);color:#fff}.timer-btn-stop:hover:not(:disabled){filter:brightness(1.1)}.workitem-timelog{border-top:1px solid var(--border-color);padding-top:var(--spacing-3)}.timelog-total{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-2)}.timelog-total strong{color:var(--text-primary)}.timelog-loading,.timelog-empty{font-size:.8rem;color:var(--text-tertiary, var(--text-secondary));padding:var(--spacing-2) 0}.timelog-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.timelog-row{display:flex;align-items:center;gap:var(--spacing-2)}.timelog-name{flex:1;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timelog-duration{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.activity-timeline{padding:.5rem 0}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.activity-header h4{margin:0;font-size:.95rem;color:var(--text-primary, #e0e0e0)}.filter-toggle{background:none;border:1px solid var(--border-color, #3a3a3a);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--text-secondary, #a0a0a0);display:flex;align-items:center;gap:4px;transition:all .15s}.filter-toggle:hover,.filter-toggle.active{background:var(--bg-hover, #2a2a2a);color:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6)}.activity-filter{margin-bottom:.75rem}.activity-filter select{width:100%;padding:6px 8px;background:var(--bg-secondary, #1e1e1e);color:var(--text-primary, #e0e0e0);border:1px solid var(--border-color, #3a3a3a);border-radius:4px;font-size:.85rem}.activity-loading,.activity-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary, #a0a0a0);font-size:.85rem}.timeline-entries{position:relative}.timeline-group{margin-bottom:1rem}.timeline-date{font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:2.25rem}.timeline-entry{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;position:relative}.timeline-entry:before{content:"";position:absolute;left:13px;top:30px;bottom:-8px;width:1px;background:var(--border-color, #3a3a3a)}.timeline-group:last-child .timeline-entry:last-child:before{display:none}.timeline-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-secondary, #1e1e1e);border:2px solid var(--border-color, #3a3a3a);color:var(--text-secondary, #a0a0a0);z-index:1}.timeline-icon[data-type="0"]{border-color:#22c55e;color:#22c55e}.timeline-icon[data-type="2"]{border-color:#3b82f6;color:#3b82f6}.timeline-icon[data-type="3"]{border-color:#8b5cf6;color:#8b5cf6}.timeline-icon[data-type="4"]{border-color:#f59e0b;color:#f59e0b}.timeline-icon[data-type="13"]{border-color:#ef4444;color:#ef4444}.timeline-content{flex:1;min-width:0}.timeline-message{font-size:.85rem;color:var(--text-primary, #e0e0e0);line-height:1.5}.timeline-message strong{color:var(--accent-color, #3b82f6)}.timeline-message em{color:var(--text-secondary, #a0a0a0);font-style:normal;font-weight:500}.timeline-message .old-value{text-decoration:line-through;color:#ef4444;font-size:.82rem}.timeline-message .new-value{color:#22c55e;font-weight:500;font-size:.82rem}.timeline-message .status-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.78rem;font-weight:500}.timeline-message .status-badge.old{background:#ef444426;color:#ef4444}.timeline-message .status-badge.new{background:#22c55e26;color:#22c55e}.timeline-time{font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin-top:2px}.load-more-btn{display:block;width:100%;padding:8px;margin-top:.75rem;background:var(--bg-secondary, #1e1e1e);color:var(--accent-color, #3b82f6);border:1px solid var(--border-color, #3a3a3a);border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .15s}.load-more-btn:hover:not(:disabled){background:var(--bg-hover, #2a2a2a)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-section{display:flex;flex-direction:column;gap:12px}.attachment-loading{padding:16px;color:var(--text-secondary);font-style:italic}.attachment-drop-zone{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--border-color, #d0d5dd);border-radius:8px;color:var(--text-secondary, #667085);cursor:pointer;transition:all .2s ease}.attachment-drop-zone:hover{border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1);background:var(--hover-bg, rgba(99, 102, 241, .04))}.attachment-drop-zone.drag-over{border-color:var(--primary-color, #6366f1);background:var(--hover-bg, rgba(99, 102, 241, .08))}.attachment-drop-zone.uploading{opacity:.6;pointer-events:none}.attachment-file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.no-attachments{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-secondary, #667085);font-style:italic}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:var(--surface-color, #f9fafb);transition:background .15s ease}.attachment-item:hover{background:var(--hover-bg, #f3f4f6)}.attachment-icon{flex-shrink:0;color:var(--text-secondary, #667085)}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:13px;font-weight:500;color:var(--text-primary, #1d2939);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta{font-size:11px;color:var(--text-secondary, #667085)}.attachment-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.attachment-download,.attachment-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--text-secondary, #667085);cursor:pointer;text-decoration:none;transition:all .15s ease}.attachment-download:hover{background:var(--hover-bg, #e5e7eb);color:var(--primary-color, #6366f1)}.attachment-delete:hover{background:#ef44441a;color:#ef4444}.attachment-preview{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-primary, #e5e7eb)}.attachment-preview-img{width:100%;height:100%;object-fit:cover}.children-section{display:flex;flex-direction:column;gap:12px}.children-loading{padding:16px;color:var(--text-secondary);font-style:italic}.no-children{display:flex;align-items:center;gap:8px;padding:24px;color:var(--text-tertiary);justify-content:center}.children-add-section{margin-bottom:8px}.children-add-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px dashed var(--border-primary, #e5e7eb);background:transparent;color:var(--color-primary-500, #6366f1);font-size:.8rem;cursor:pointer}.children-add-trigger:hover{background:var(--bg-secondary, #f9fafb)}.children-add-form{display:flex;flex-direction:column;gap:8px}.children-mode-tabs{display:flex;gap:4px}.children-mode-tab{padding:4px 12px;border:1px solid var(--border-primary, #e5e7eb);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.children-mode-tab.active{background:var(--color-primary-50, #eef2ff);color:var(--color-primary-600, #4f46e5);border-color:var(--color-primary-200, #c7d2fe)}.children-create-row{display:flex;gap:8px}.children-input{flex:1;padding:6px 10px;border:1px solid var(--border-primary, #e5e7eb);border-radius:6px;font-size:.8rem;background:var(--bg-primary, #fff);color:var(--text-primary)}.children-add-btn{padding:6px 14px;border:none;border-radius:6px;background:var(--color-primary-500, #6366f1);color:#fff;font-size:.8rem;cursor:pointer}.children-add-btn:disabled{opacity:.4;cursor:not-allowed}.children-cancel-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;align-self:flex-start}.children-cancel-btn:hover{color:var(--text-primary)}.children-search-wrapper{position:relative}.children-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.children-search-input{padding-left:28px;width:100%}.children-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #fff);border:1px solid var(--border-primary, #e5e7eb);border-radius:6px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000001a;margin-top:2px}.children-search-loading{padding:8px 12px;color:var(--text-tertiary);font-size:.8rem;font-style:italic}.children-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.8rem}.children-search-item:hover{background:var(--bg-secondary, #f9fafb)}.children-search-item-type{font-size:.85rem}.children-search-item-id{font-family:monospace;color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.children-search-item-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.children-list{display:flex;flex-direction:column;gap:4px}.children-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-primary, #e5e7eb);border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .1s}.children-item:hover{background:var(--bg-secondary, #f9fafb)}.children-item-type{font-size:.85rem}.children-item-id{font-family:monospace;color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.children-item-title{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.children-item-status{font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.children-item-priority{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap}.dependency-section{display:flex;flex-direction:column;gap:12px}.dep-loading{padding:16px;color:var(--text-secondary);font-style:italic}.dep-violations{display:flex;flex-direction:column;gap:6px}.dep-violation-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#b45309;font-size:13px}.dep-add-section{margin-bottom:4px}.dep-add-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px dashed var(--border-color, #d0d5dd);border-radius:6px;background:transparent;color:var(--text-secondary, #667085);cursor:pointer;font-size:13px;transition:all .15s ease}.dep-add-trigger:hover{border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.dep-add-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dep-input{flex:1;min-width:180px;padding:6px 10px;border:1px solid var(--border-color, #d0d5dd);border-radius:4px;font-size:13px}.dep-select{padding:6px 10px;border:1px solid var(--border-color, #d0d5dd);border-radius:4px;font-size:13px}.dep-add-btn{padding:6px 14px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.dep-cancel-btn{padding:6px 14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color, #d0d5dd);border-radius:4px;cursor:pointer;font-size:13px}.no-deps{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-secondary, #667085);font-style:italic}.dep-group{display:flex;flex-direction:column;gap:4px}.dep-group-title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #667085);margin:0 0 4px;letter-spacing:.5px}.dep-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;background:var(--surface-color, #f9fafb);transition:background .15s ease}.dep-item:hover{background:var(--hover-bg, #f3f4f6)}.dep-link-icon{flex-shrink:0;color:var(--text-secondary, #667085)}.dep-item-id{font-size:12px;font-weight:600;color:var(--primary-color, #6366f1);flex-shrink:0}.dep-item-title{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dep-item-status{font-size:11px;padding:2px 6px;border-radius:3px;background:var(--hover-bg, #e5e7eb);color:var(--text-secondary, #667085);flex-shrink:0}.dep-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;border:none;background:transparent;color:var(--text-secondary, #667085);cursor:pointer;flex-shrink:0}.dep-remove-btn:hover{background:#ef44441a;color:#ef4444}.dep-search-wrapper{position:relative;flex:1}.dep-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.dep-search-wrapper .dep-input{padding-left:28px;width:100%}.dep-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #fff);border:1px solid var(--border-primary, #e5e7eb);border-radius:6px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000001a;margin-top:2px}.dep-search-loading{padding:8px 12px;color:var(--text-tertiary);font-size:.8rem;font-style:italic}.dep-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.8rem}.dep-search-item:hover{background:var(--bg-secondary, #f9fafb)}.dep-search-item-id{font-family:monospace;color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.dep-search-item-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-comments-section{display:flex;flex-direction:column;gap:.75rem}.pr-comments-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pr-comments-heading{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.pr-comments-count{font-weight:400;color:var(--text-secondary);font-size:.875rem}.pr-comments-refresh{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:color .15s}.pr-comments-refresh:hover:not(:disabled){color:var(--text-primary)}.pr-comments-refresh:disabled{opacity:.5;cursor:not-allowed}.pr-comments-refresh:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.pr-comments-error{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--error-text, #dc2626);background:var(--error-bg, #fee2e2);padding:.5rem .75rem;border-radius:5px}.pr-comments-loading,.pr-comments-empty{font-size:.875rem;color:var(--text-secondary);margin:0;padding:.5rem 0}.pr-comments-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.pr-comment-item{padding:.75rem;background:var(--surface-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;display:flex;flex-direction:column;gap:.4rem}.pr-comment-file{font-size:.8125rem}.pr-comment-file code{background:var(--code-bg, #f3f4f6);padding:.125rem .35rem;border-radius:3px;font-size:.8125rem;color:var(--text-primary)}.pr-comment-meta{display:flex;align-items:center;gap:.625rem;font-size:.8125rem}.pr-comment-author{font-weight:600;color:var(--text-primary)}.pr-comment-date{color:var(--text-secondary)}.pr-comment-body{margin:0;font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.pr-comment-diff-hunk{margin:0;padding:.5rem .75rem;background:var(--code-bg, #f3f4f6);border-radius:5px;font-size:.75rem;overflow-x:auto;white-space:pre;color:var(--text-primary);max-height:8rem}.pr-diff-section{display:flex;flex-direction:column;gap:.75rem}.pr-diff-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pr-diff-heading{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);flex-wrap:wrap}.pr-diff-summary{font-weight:400;font-size:.8125rem;color:var(--text-secondary)}.pr-diff-additions{color:var(--success-text, #16a34a);font-weight:600}.pr-diff-deletions{color:var(--error-text, #dc2626);font-weight:600}.pr-diff-refresh{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.pr-diff-refresh:hover:not(:disabled){color:var(--text-primary)}.pr-diff-refresh:disabled{opacity:.5;cursor:not-allowed}.pr-diff-refresh:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.pr-diff-error{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--error-text, #dc2626);background:var(--error-bg, #fee2e2);padding:.5rem .75rem;border-radius:5px}.pr-diff-loading,.pr-diff-empty{font-size:.875rem;color:var(--text-secondary);margin:0;padding:.5rem 0}.pr-diff-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.pr-diff-file-item{border:1px solid var(--border-color, #e5e7eb);border-radius:7px;overflow:hidden}.pr-diff-file-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:var(--surface-secondary, #f9fafb);border:none;cursor:pointer;text-align:left;gap:.5rem;font-size:.875rem;color:var(--text-primary);transition:background .15s}.pr-diff-file-header:hover{background:var(--surface-hover, #f3f4f6)}.pr-diff-file-header:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:-2px}.pr-diff-file-path{font-family:monospace;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.pr-diff-file-stats{display:flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.8125rem}.pr-diff-icon-add{color:var(--success-text, #16a34a)}.pr-diff-icon-del{color:var(--error-text, #dc2626)}.pr-diff-patch{margin:0;padding:.5rem .75rem;font-size:.75rem;font-family:monospace;overflow-x:auto;background:var(--code-bg, #1e1e1e);color:var(--code-text, #d4d4d4);white-space:pre;max-height:20rem;display:block}.pr-diff-line-add{display:block;background:#22c55e26;color:#22c55e}.pr-diff-line-del{display:block;background:#ef444426;color:#f87171}.pr-diff-line-ctx{display:block;color:var(--code-text, #d4d4d4)}.references-section{display:flex;flex-direction:column;gap:12px;padding:4px 0}.references-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.references-count{font-size:13px;color:var(--text-secondary, #667085)}.ref-add-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px dashed var(--border-color, #d0d5dd);border-radius:6px;background:transparent;color:var(--text-secondary, #667085);cursor:pointer;font-size:13px;transition:all .15s ease}.ref-add-trigger:hover{border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.ref-form,.ref-inline-edit{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface-color, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px}.ref-form-row{display:flex;flex-direction:column;gap:4px}.ref-form-label{font-size:12px;font-weight:500;color:var(--text-secondary, #667085)}.ref-input{width:100%;box-sizing:border-box;padding:6px 10px;border:1px solid var(--border-color, #d0d5dd);border-radius:4px;font-size:13px;color:var(--text-primary, #101828);background:var(--bg-color, #fff);transition:border-color .15s}.ref-input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.ref-select{width:100%;box-sizing:border-box;padding:6px 10px;border:1px solid var(--border-color, #d0d5dd);border-radius:4px;font-size:13px;color:var(--text-primary, #101828);background:var(--bg-color, #fff);cursor:pointer}.ref-form-actions{display:flex;gap:8px;justify-content:flex-end}.ref-inline-edit{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}.ref-inline-edit .ref-input,.ref-inline-edit .ref-select{flex:1;min-width:120px;width:auto}.ref-btn{padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.ref-btn-primary{background:var(--primary-color, #6366f1);color:#fff}.ref-btn-primary:hover:not(:disabled){background:#4f46e5}.ref-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ref-btn-secondary{background:transparent;color:var(--text-secondary, #667085);border-color:var(--border-color, #d0d5dd)}.ref-btn-secondary:hover{border-color:var(--text-secondary, #667085)}.ref-btn-danger{background:#dc2626;color:#fff}.ref-btn-danger:hover:not(:disabled){background:#b91c1c}.ref-btn-danger:disabled{opacity:.5;cursor:not-allowed}.ref-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #667085);cursor:pointer;transition:all .15s ease}.ref-icon-btn:hover{background:var(--surface-color, #f3f4f6);color:var(--text-primary, #101828)}.ref-icon-btn-save{color:var(--success-color, #16a34a)}.ref-icon-btn-save:hover{background:#16a34a1a;color:#15803d}.ref-icon-btn-cancel:hover,.ref-icon-btn-remove:hover{background:#ef44441a;color:#dc2626}.references-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.reference-item{border:1px solid var(--border-color, #e5e7eb);border-radius:6px;overflow:hidden}.ref-item-body{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-wrap:wrap}.ref-type-badge{flex-shrink:0;padding:2px 8px;border-radius:4px;border:1px solid transparent;font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.ref-name-link{display:flex;align-items:center;gap:4px;color:var(--primary-color, #6366f1);text-decoration:none;font-size:13px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-name-link:hover{text-decoration:underline}.ref-name-link:focus-visible{outline:2px solid var(--primary-color, #6366f1);outline-offset:2px;border-radius:2px}.ref-name-path{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--text-primary, #1f2937);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-relative-path{font-size:12px;font-weight:400;color:var(--text-secondary, #667085);margin-left:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.ref-notes{font-size:12px;color:var(--text-secondary, #667085);font-style:italic;flex-basis:100%;padding-left:4px}.ref-item-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.ref-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center;color:var(--text-secondary, #667085)}.ref-empty p{margin:0;font-size:13px}@media(max-width:640px){.reference-item .ref-item-body{flex-wrap:wrap}.ref-type-badge{font-size:10px}.ref-item-actions{flex-basis:100%;justify-content:flex-end;margin-left:0}}.source-control-section{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0}.scm-subsection{display:flex;flex-direction:column;gap:.75rem}.scm-subsection-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.scm-subsection-title{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.scm-link-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.scm-link-btn:hover:not(:disabled){background:var(--primary);color:#fff}.scm-link-btn:disabled{opacity:.45;cursor:not-allowed}.scm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.scm-item{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;background:var(--card-bg, var(--surface-secondary));border:1px solid var(--border);border-radius:var(--radius-sm, 4px);font-size:.8125rem}.scm-item-icon{flex-shrink:0;color:var(--text-secondary);margin-top:2px}.scm-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.scm-item-primary{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.scm-commit-sha{font-family:var(--font-mono, monospace);font-size:.8125rem;font-weight:600;color:var(--text-primary)}.scm-commit-message{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30ch}.scm-pr-id{font-weight:600;color:var(--text-primary)}.scm-pr-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30ch}.scm-item-meta{display:flex;gap:.25rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-secondary)}.scm-repo-name{font-weight:500;color:var(--text-secondary)}.scm-item-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.scm-external-link{display:inline-flex;align-items:center;padding:.25rem;color:var(--text-secondary);border-radius:var(--radius-xs, 3px);transition:color .15s}.scm-external-link:hover{color:var(--primary)}.scm-unlink-btn{display:inline-flex;align-items:center;padding:.25rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-xs, 3px);cursor:pointer;transition:color .15s,background .15s}.scm-unlink-btn:hover{color:var(--danger, #ef4444);background:var(--danger-light, rgba(239, 68, 68, .08))}.scm-pr-state{display:inline-flex;align-items:center;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;border-radius:999px}.scm-pipeline-status{display:inline-flex;align-items:center;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;border-radius:999px}.scm-pipeline-status--pending{background:#6b72801f;color:var(--text-secondary)}.scm-pipeline-status--running{background:#3b82f61f;color:#2563eb}.scm-pipeline-status--succeeded{background:#22c55e1f;color:#16a34a}.scm-pipeline-status--failed{background:#ef44441a;color:#dc2626}.scm-pipeline-status--cancelled{background:#f59e0b1f;color:#b45309}.scm-pipeline-env{font-size:.6875rem;color:var(--text-secondary);background:var(--bg-secondary, rgba(0, 0, 0, .05));padding:.1rem .35rem;border-radius:4px}@media(prefers-color-scheme:dark){.scm-pipeline-status--running{background:#3b82f62e;color:#60a5fa}.scm-pipeline-status--succeeded{background:#22c55e2e;color:#4ade80}.scm-pipeline-status--failed{background:#ef44442e;color:#f87171}.scm-pipeline-status--cancelled{background:#f59e0b2e;color:#fbbf24}}.scm-empty{margin:0;font-size:.8125rem;color:var(--text-secondary);font-style:italic}.scm-form{display:flex;flex-direction:column;gap:1rem}.scm-flyout-footer{display:flex;justify-content:flex-end;gap:.5rem}.suggested-owners-bar{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--surface-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:7px}.suggested-owners-label{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;font-weight:500}.suggested-owners-list{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;flex-wrap:wrap}.suggested-owner-chip{display:flex;align-items:center;gap:.35rem;padding:.2rem .625rem .2rem .25rem;background:var(--surface-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:9999px;font-size:.8125rem;color:var(--text-primary);cursor:default;transition:border-color .15s}.suggested-owner-chip:hover{border-color:var(--accent-color, #3b82f6)}.suggested-owner-avatar{width:1.25rem;height:1.25rem;border-radius:50%;object-fit:cover;flex-shrink:0}.suggested-owner-initials{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent-color, #3b82f6);color:#fff;font-size:.625rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.suggested-owner-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-owners-error{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--text-secondary)}.specs-section{display:flex;flex-direction:column;gap:12px;padding:16px 0}.specs-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.specs-count{font-size:13px;color:var(--text-secondary)}.spec-add-trigger{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:13px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.spec-add-trigger:hover{background:var(--bg-hover);border-color:var(--accent-color)}.specs-list{display:flex;flex-direction:column;gap:8px}.spec-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary);transition:border-color .15s,box-shadow .15s}.spec-card:hover{border-color:var(--border-hover)}.spec-card--dragging{box-shadow:0 4px 16px #00000026;border-color:var(--accent-color);z-index:10}.spec-card-header{display:flex;align-items:center;gap:6px;padding:10px 12px;min-height:44px}.spec-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:var(--text-tertiary);cursor:grab;border-radius:3px;flex-shrink:0;touch-action:none;transition:color .15s}.spec-drag-handle:hover{color:var(--text-secondary)}.spec-drag-handle:active{cursor:grabbing}.spec-expand-btn{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px;font-weight:500}.spec-expand-btn:hover{color:var(--accent-color)}.spec-expand-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:3px}.spec-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.spec-kind-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap;flex-shrink:0}.spec-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.spec-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;color:var(--text-tertiary);border-radius:5px;cursor:pointer;transition:background .15s,color .15s}.spec-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.spec-icon-btn-remove:hover{background:var(--danger-bg, #fee2e2);color:var(--danger-color, #dc2626)}.spec-card-content{padding:0 16px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.spec-markdown{font-size:13px;line-height:1.7;color:var(--text-primary);padding-top:12px;overflow-x:auto}.spec-markdown h1,.spec-markdown h2,.spec-markdown h3,.spec-markdown h4,.spec-markdown h5{margin-top:16px;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.spec-markdown p{margin-bottom:10px}.spec-markdown code{background:var(--code-bg, #f1f5f9);padding:1px 5px;border-radius:4px;font-size:12px;font-family:var(--font-mono, monospace)}.spec-markdown pre{background:var(--code-bg, #f1f5f9);padding:12px;border-radius:6px;overflow-x:auto;font-size:12px;margin-bottom:12px}.spec-markdown pre code{background:none;padding:0}.spec-markdown ul,.spec-markdown ol{padding-left:24px;margin-bottom:10px}.spec-markdown table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:12px}.spec-markdown th,.spec-markdown td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.spec-markdown th{background:var(--bg-tertiary, var(--bg-secondary));font-weight:600}.spec-no-content{font-size:13px;color:var(--text-tertiary);padding-top:12px;font-style:italic}.spec-form,.spec-edit-form{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.spec-form-row{display:flex;flex-direction:column;gap:5px}.spec-form-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.spec-input,.spec-select{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;width:100%;transition:border-color .15s}.spec-input:focus,.spec-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha, rgba(99, 102, 241, .15))}.spec-textarea{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;width:100%;resize:vertical;font-family:var(--font-mono, monospace);line-height:1.5;transition:border-color .15s}.spec-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha, rgba(99, 102, 241, .15))}.spec-textarea--tall{min-height:300px}.spec-content-wrapper{display:flex;flex-direction:column;gap:4px}.spec-char-counter{font-size:11px;color:var(--text-tertiary);text-align:right;user-select:none}.spec-char-counter--over{color:var(--danger-color, #dc2626);font-weight:600}.spec-form-actions{display:flex;gap:8px;justify-content:flex-end}.spec-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.spec-btn:disabled{opacity:.5;cursor:not-allowed}.spec-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.spec-btn-primary:not(:disabled):hover{filter:brightness(1.1)}.spec-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.spec-btn-secondary:not(:disabled):hover{background:var(--bg-hover)}.spec-btn-danger{background:var(--danger-color, #dc2626);color:#fff;border-color:var(--danger-color, #dc2626)}.spec-btn-danger:not(:disabled):hover{filter:brightness(1.1)}.spec-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 20px;color:var(--text-tertiary);text-align:center}.spec-empty p{font-size:13px;margin:0}@media(max-width:640px){.spec-form,.spec-edit-form{padding:12px}.spec-card-header{flex-wrap:wrap}.spec-expand-btn{font-size:12px}}.create-branch-form{display:flex;flex-direction:column;gap:1rem}.create-branch-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--error-bg, #fee2e2);color:var(--error-text, #991b1b);border-radius:6px;font-size:.875rem}.create-branch-loading,.create-branch-no-repos{font-size:.875rem;color:var(--text-secondary);margin:0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%);padding:var(--spacing-4)}.auth-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-8);width:100%;max-width:420px;position:relative;overflow:hidden}.auth-card.register{max-width:520px}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%)}.auth-header{text-align:center;margin-bottom:var(--spacing-6)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.logo-icon{width:32px;height:32px;color:var(--color-auth-purple)}.auth-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.auth-header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.auth-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--form-gap-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--form-gap-xs);margin-bottom:var(--form-gap-sm)}.auth-form .form-group{display:flex;flex-direction:column;gap:var(--form-gap-xs);margin-bottom:var(--form-gap-sm)}.form-group label{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.input-field{width:100%}.input-field input,.password-field input,.password-input input{width:100%;padding:var(--spacing-4) var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition-all);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;line-height:1.5}.input-field input:focus,.password-field input:focus,.password-input input:focus{outline:none;border-color:var(--color-auth-purple);box-shadow:0 0 0 3px #667eea26}.input-field input.error,.password-field input.error,.password-input input.error{border-color:var(--color-error-500);box-shadow:var(--shadow-error)}.input-field input:disabled,.password-field input:disabled,.password-input input:disabled{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.input-field input::placeholder,.password-field input::placeholder,.password-input input::placeholder{color:var(--text-muted);opacity:.7}.password-field,.password-input{position:relative}.password-field input,.password-input input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:var(--transition-colors);z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;line-height:1}.password-toggle:hover{color:var(--color-auth-purple)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-text,.error-message{color:var(--color-error-500);font-size:var(--text-sm);margin-top:var(--spacing-1);margin-left:0;padding:0;background:none;border:none;text-align:left}.password-requirements{margin:var(--spacing-1) 0 var(--spacing-2)}.password-requirements p{font-size:var(--text-sm);margin:var(--spacing-1) 0;line-height:1.4}.requirement-met{color:var(--color-success-500)}.requirement-unmet{color:var(--text-muted)}.error-banner{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-600);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.form-options{display:flex;justify-content:space-between;align-items:center;gap:var(--form-gap-xs);margin:0}.checkbox-label{display:flex;align-items:center;gap:0;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;user-select:none;line-height:1.5}.terms-agreement{margin:0;padding:0}.terms-text{flex:1;line-height:1.5}.checkbox-label input[type=checkbox]{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;margin:0 10px 0 0;padding:0;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-primary);transition:all .15s ease;position:relative;box-sizing:border-box;vertical-align:middle}.checkbox-label input[type=checkbox]:hover:not(:disabled){border-color:var(--color-auth-purple);background:#667eea08}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-auth-purple);border-color:var(--color-auth-purple)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #667eea26}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-1)}.radio-label{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;user-select:none;padding:var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .15s ease;background:var(--bg-primary);position:relative;min-height:70px}.radio-label:hover:not(:has(input[type=radio]:disabled)){border-color:var(--color-auth-purple);background:#667eea08}.radio-label input[type=radio]{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;margin:0;padding:0;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-primary);transition:all .15s ease;position:relative;box-sizing:border-box}.radio-label input[type=radio]:hover:not(:disabled){border-color:var(--color-auth-purple)}.radio-label input[type=radio]:checked{border-color:var(--color-auth-purple);background-color:var(--bg-primary)}.radio-label input[type=radio]:checked:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--color-auth-purple);position:absolute;top:3px;left:3px}.radio-label input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #667eea26}.radio-label input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.radio-label:has(input[type=radio]:checked){border-color:var(--color-auth-purple);background:#667eea0f}.radio-label-content{flex:1;display:flex;flex-direction:column;gap:4px}.radio-label-title{font-weight:600;color:var(--text-primary);font-size:15px;line-height:1.3}.radio-label-description{font-size:13px;color:var(--text-secondary);line-height:1.4;font-weight:400}.link-button{background:none;border:none;color:var(--color-auth-purple);font-size:var(--text-sm);cursor:pointer;text-decoration:none;padding:0;transition:var(--transition-colors)}.link-button:hover{color:var(--color-primary-600);text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.5}.link{color:var(--color-auth-purple);text-decoration:none}.link:hover{text-decoration:underline}.auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);transition:var(--transition-all);cursor:pointer;border:none;margin-top:var(--form-gap-xs);width:100%}.auth-button.primary{background:linear-gradient(135deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%);color:var(--text-white);box-shadow:0 4px 12px #667eea4d}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-footer{text-align:center;margin-top:var(--form-gap-sm);padding-top:var(--form-gap-xs);border-top:1px solid var(--border-secondary)}.auth-footer p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}@media(max-width:640px){.auth-container{padding:var(--spacing-2)}.auth-card{padding:var(--spacing-6);margin:var(--spacing-2)}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.auth-header h1{font-size:var(--text-2xl)}.auth-header h2{font-size:var(--text-xl)}}.org-switcher{position:relative;z-index:1000}.org-switcher-button{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s;min-width:200px}.org-switcher-button:hover{border-color:var(--color-auth-purple);box-shadow:0 2px 4px #0000001a}.org-info{flex:1;text-align:left}.org-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:.9rem}.org-plan{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.org-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1001;margin-top:4px;max-height:400px;overflow-y:auto}.org-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:background-color .2s;border:none;width:100%;text-align:left;background:none}.org-dropdown-item:hover{background-color:var(--bg-secondary)}.org-dropdown-item.active{background-color:var(--color-primary-50);color:var(--color-primary-700)}.org-dropdown-divider{height:1px;background-color:var(--border-primary);margin:var(--spacing-1) 0}.create-org-button{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-3) var(--spacing-4);color:var(--color-auth-purple);font-weight:var(--font-medium);border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:background-color .2s}.create-org-button:hover{background-color:var(--bg-secondary)}.otp-input-group{display:flex;justify-content:center;gap:8px;margin:24px 0}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:none}.otp-input:focus{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e526}.otp-input-error{border-color:var(--color-error, #dc2626)}.otp-input-error:focus{box-shadow:0 0 0 3px #dc262626}.otp-actions{text-align:center;margin-top:16px}.otp-resend-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.otp-cooldown{color:var(--text-tertiary);font-size:var(--text-sm)}.auth-link-button{background:none;border:none;color:var(--color-primary, #4f46e5);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:0;display:inline-flex;align-items:center;gap:4px}.auth-link-button:hover{text-decoration:underline}.auth-link-button:disabled{opacity:.5;cursor:not-allowed}.calendar-event-content{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;overflow:hidden;flex-wrap:nowrap}.event-title{font-weight:var(--font-semibold);font-size:.7rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.event-duration,.event-billable{display:flex;align-items:center;gap:2px;font-size:.6rem;opacity:.95;white-space:nowrap}.event-duration svg,.event-billable svg{flex-shrink:0}.event-billable{color:var(--color-success-500);font-weight:var(--font-medium)}@media(max-width:768px){.event-duration,.event-billable{font-size:.55rem}.event-title{font-size:.65rem}}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;margin-bottom:var(--spacing-4);border-bottom:2px solid var(--border-secondary)}.toolbar-navigation{display:flex;align-items:center;gap:var(--spacing-2)}.nav-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-all)}.nav-button:hover{background:var(--border-secondary);border-color:var(--border-primary)}.nav-button:active{transform:scale(.95)}.today-button{padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary-500);color:var(--text-white);border:1px solid var(--color-primary-500);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.today-button:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.today-button:active{transform:scale(.95)}.toolbar-label{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center;flex:1;margin:0 var(--spacing-4)}.toolbar-views{display:flex;gap:var(--spacing-1);background:var(--bg-secondary);padding:var(--spacing-1);border-radius:var(--radius-lg)}.view-button{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);text-transform:capitalize}.view-button:hover{background:var(--border-secondary);color:var(--text-primary)}.view-button.active{background:var(--color-primary-500);color:var(--text-white);box-shadow:var(--shadow-sm)}.view-button:active{transform:scale(.95)}@media(max-width:768px){.calendar-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.toolbar-navigation{justify-content:center}.toolbar-label{text-align:center;margin:0;font-size:1.125rem}.toolbar-views{align-self:stretch}.view-button{flex:1;text-align:center}}@media(max-width:480px){.calendar-toolbar{padding:var(--spacing-3) 0}.toolbar-navigation{gap:.25rem}.nav-button{width:2rem;height:2rem}.today-button{padding:var(--spacing-1) var(--spacing-3);font-size:.875rem}.toolbar-label{font-size:1rem}.view-button{padding:var(--spacing-1) var(--spacing-2);font-size:.875rem}}.event-tooltip{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:var(--z-tooltip);min-width:280px;max-width:400px;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-90%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-secondary);gap:var(--spacing-2)}.tooltip-header h4{margin:0;padding:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.5rem;display:flex;align-items:center;height:1.5rem}.event-tooltip .close-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;padding:0;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);flex-shrink:0;margin-top:4px}.event-tooltip .close-button:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.tooltip-content{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.tooltip-item{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--text-sm);line-height:1.4}.tooltip-item svg{color:var(--text-secondary);margin-top:.125rem;flex-shrink:0}.tooltip-item span{color:var(--text-primary)}.tooltip-item strong{color:var(--text-primary);font-weight:var(--font-semibold)}.billable{color:var(--color-success-500);font-weight:var(--font-medium)}.non-billable{color:var(--text-secondary)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag{background:var(--color-primary-50);color:var(--color-primary-800);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:var(--font-medium)}@media(max-width:768px){.event-tooltip{position:fixed;left:1rem;right:1rem;top:50%;transform:translateY(-50%);max-width:none;animation:tooltipSlideUp .3s ease-out}@keyframes tooltipSlideUp{0%{opacity:0;transform:translateY(-30%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tooltip-content{max-height:60vh;overflow-y:auto}}.cs-panel{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.cs-tabs{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-2)}.cs-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:none;background:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.cs-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.cs-tab-active{background:var(--color-primary-100);color:var(--color-primary-600)}.cs-tab-content{flex:1;overflow-y:auto}.cs-connect-buttons{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.cs-connect-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.cs-connect-btn:hover{border-color:var(--color-primary-400);background:var(--color-primary-100)}.cs-connect-google:hover{border-color:#4285f4}.cs-connect-outlook:hover{border-color:#0078d4}.cs-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-secondary);font-size:var(--text-sm)}.cs-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--text-secondary);text-align:center}.cs-empty p{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.cs-empty span{font-size:var(--text-sm)}.cs-connection-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.cs-connection-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);overflow:hidden}.cs-connection-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all)}.cs-connection-header:hover{background:var(--bg-secondary)}.cs-connection-info{display:flex;align-items:center;gap:var(--spacing-3)}.cs-provider-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.cs-sync-mode-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:var(--radius-md);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.cs-sync-mode-live{background:#dcfce7;color:#16a34a}.cs-sync-mode-hybrid{background:#fef3c7;color:#d97706}.cs-icon-btn-active{color:#16a34a}.cs-icon-btn-active:hover{background:#dcfce7;color:#16a34a}.cs-connection-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.cs-connection-meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}.cs-sync-error{color:#ef4444;display:inline-flex;align-items:center;gap:var(--spacing-1)}.cs-connection-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cs-icon-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.cs-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.cs-icon-btn:disabled{opacity:.5;cursor:not-allowed}.cs-icon-btn-danger:hover{background:#fef2f2;color:#ef4444}.cs-spinning{animation:cs-spin 1s linear infinite}@keyframes cs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-calendars{border-top:1px solid var(--border-light);padding:var(--spacing-3) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);background:var(--bg-secondary)}.cs-calendars-empty{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;padding:var(--spacing-3)}.cs-calendar-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.cs-calendar-item:hover{background:var(--bg-primary)}.cs-calendar-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cs-calendar-name{font-size:var(--text-sm);color:var(--text-primary)}.cs-calendar-readonly{font-size:var(--text-xs);color:var(--text-secondary);margin-left:auto}.cs-events{display:flex;flex-direction:column;gap:var(--spacing-3)}.cs-event-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);background:var(--bg-primary);transition:var(--transition-all)}.cs-event-card:hover{box-shadow:var(--shadow-sm)}.cs-event-deleted{opacity:.6;border-style:dashed}.cs-event-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-2)}.cs-event-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.cs-event-badge{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--font-medium);padding:1px var(--spacing-2);border-radius:var(--radius-md)}.cs-badge-linked{background:#ecfdf5;color:#059669}.cs-badge-deleted{background:#fef2f2;color:#dc2626}.cs-badge-allday{font-size:var(--text-xs);color:var(--text-secondary);padding:1px var(--spacing-2);background:var(--bg-secondary);border-radius:var(--radius-md)}.cs-event-calendar{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.cs-calendar-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cs-event-time{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.cs-event-location{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.cs-event-rule{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-primary-600);margin-bottom:var(--spacing-2)}.cs-event-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-primary-400);border-radius:var(--radius-md);background:none;color:var(--color-primary-600);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.cs-event-action-btn:hover{background:var(--color-primary-100)}.cs-bulk-bar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);flex-wrap:wrap}.cs-bulk-select-all{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border:none;background:none;color:var(--color-neutral-700);font-size:var(--text-sm);cursor:pointer;white-space:nowrap}.cs-bulk-select-all:hover{color:var(--color-primary-600)}.cs-bulk-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}.cs-bulk-project-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--text-xs);background:var(--color-white);max-width:180px}.cs-bulk-create-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:none;border-radius:var(--radius-md);background:var(--color-primary-600);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:var(--transition-all)}.cs-bulk-create-btn:hover{background:var(--color-primary-700)}.cs-bulk-classify-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:none;border-radius:var(--radius-md);background:var(--color-warning-100, #fef3c7);color:var(--color-warning-700, #b45309);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:var(--transition-all)}.cs-bulk-classify-btn:hover{background:var(--color-warning-200, #fde68a)}.cs-bulk-classify-btn:disabled{opacity:.6;cursor:not-allowed}.cs-event-suggestion{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-warning-50, #fffbeb);border:1px solid var(--color-warning-200, #fde68a);border-radius:var(--radius-md);font-size:var(--text-xs);margin-bottom:var(--spacing-2);color:var(--color-warning-700, #b45309)}.cs-suggestion-label{font-weight:var(--font-medium)}.cs-suggestion-confidence{color:var(--color-neutral-500);margin-left:var(--spacing-1)}.cs-suggestion-accept,.cs-suggestion-dismiss{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0;margin-left:var(--spacing-1);transition:var(--transition-all)}.cs-suggestion-accept{background:var(--color-success-100, #dcfce7);color:var(--color-success-600, #16a34a)}.cs-suggestion-accept:hover{background:var(--color-success-200, #bbf7d0)}.cs-suggestion-dismiss{background:var(--color-neutral-100);color:var(--color-neutral-500)}.cs-suggestion-dismiss:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.cs-event-checkbox{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-neutral-400);cursor:pointer;padding:0;flex-shrink:0}.cs-event-checkbox:hover{color:var(--color-primary-500)}.cs-event-linked .cs-event-title{color:var(--color-neutral-500)}.cs-rules{display:flex;flex-direction:column;gap:var(--spacing-4)}.cs-rules-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}.cs-rules-info-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.cs-add-rule-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-md);background:var(--color-primary-500, #3b82f6);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease}.cs-add-rule-btn:hover{background:var(--color-primary-600, #2563eb)}.cs-rule-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.cs-rule-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);background:var(--bg-primary);transition:var(--transition-all)}.cs-rule-card:hover{box-shadow:var(--shadow-sm)}.cs-rule-inactive{opacity:.6}.cs-rule-header{display:flex;align-items:center;justify-content:space-between}.cs-rule-info{display:flex;align-items:center;gap:var(--spacing-2)}.cs-rule-priority{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--bg-secondary);padding:1px var(--spacing-2);border-radius:var(--radius-md)}.cs-rule-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.cs-rule-match-type{font-size:var(--text-xs);padding:1px var(--spacing-2);border-radius:var(--radius-md)}.cs-rule-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cs-rule-details{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap}.cs-rule-target{font-size:var(--text-xs);color:var(--text-secondary)}.cs-rule-auto{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--color-primary-600)}.cs-rule-billable{font-size:var(--text-xs);color:#059669;font-weight:var(--font-medium)}.cs-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.cs-toggle input{opacity:0;width:0;height:0}.cs-toggle-slider{position:absolute;inset:0;background:var(--bg-tertiary);border-radius:10px;transition:var(--transition-all)}.cs-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:var(--transition-all)}.cs-toggle input:checked+.cs-toggle-slider{background:var(--color-primary-500, #6366f1)}.cs-toggle input:checked+.cs-toggle-slider:before{transform:translate(16px)}.cs-connection-expanded{padding:12px 16px;border-top:1px solid var(--color-border-200, #e2e8f0);display:flex;flex-direction:column;gap:16px}.cs-section-title{font-size:13px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0 0 8px;display:flex;align-items:center;gap:6px}.cs-writeback-config{padding:12px;background:var(--color-bg-50, #f8fafc);border-radius:8px;border:1px solid var(--color-border-200, #e2e8f0)}.cs-writeback-desc{font-size:12px;color:var(--color-text-muted, #64748b);margin:0 0 12px}.cs-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--color-text-primary, #1e293b);cursor:pointer}.cs-writeback-details{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-200, #e2e8f0)}.cs-form-group{display:flex;flex-direction:column;gap:4px}.cs-form-label{font-size:12px;font-weight:500;color:var(--color-text-secondary, #475569)}.cs-form-select,.cs-form-input{padding:6px 10px;border:1px solid var(--color-border-200, #e2e8f0);border-radius:6px;font-size:13px;background:var(--color-bg-white, #fff);color:var(--color-text-primary, #1e293b)}.cs-form-select:focus,.cs-form-input:focus{outline:none;border-color:var(--color-primary-500, #6366f1);box-shadow:0 0 0 2px var(--color-primary-100, #e0e7ff)}.cs-form-hint{font-size:11px;color:var(--color-text-muted, #94a3b8)}.cs-connect-ics:hover{border-color:#f59e0b}.cs-provider-ics{background:#fef3c7;color:#d97706}.cs-ics-form{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary)}.cs-ics-form-row{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-3);align-items:end}.cs-form-color{width:40px;height:36px;padding:2px;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-primary)}.cs-ics-section{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.cs-ics-section .cs-section-title{display:flex;align-items:center;gap:var(--spacing-2)}.cs-ics-card{border-left:3px solid #f59e0b}.cs-reports{display:flex;flex-direction:column;gap:var(--spacing-4)}.cs-report-controls{display:flex;flex-direction:column;gap:var(--spacing-3)}.cs-report-view-tabs{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.cs-report-view-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.cs-report-view-btn:hover{background:var(--bg-secondary)}.cs-report-view-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.cs-report-actions{display:flex;gap:var(--spacing-2)}.cs-utilization-gauge{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-4) 0}.cs-gauge-circle{position:relative;width:120px;height:120px}.cs-gauge-circle svg{width:100%;height:100%}.cs-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.cs-gauge-label{margin-top:var(--spacing-2);font-size:.85rem;color:var(--text-secondary)}.cs-report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3)}.cs-stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.cs-stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.cs-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-1)}.cs-daily-breakdown{margin-top:var(--spacing-4)}.cs-daily-breakdown h4{margin-bottom:var(--spacing-2);font-size:.9rem;color:var(--text-primary)}.cs-daily-chart{display:flex;align-items:flex-end;gap:var(--spacing-2);height:120px;padding:var(--spacing-2) 0}.cs-daily-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.cs-daily-bars{flex:1;display:flex;gap:2px;align-items:flex-end;width:100%}.cs-daily-bar{flex:1;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.cs-bar-scheduled{background:var(--border-color)}.cs-bar-tracked{background:var(--accent-color)}.cs-daily-label{font-size:.65rem;color:var(--text-secondary);margin-top:var(--spacing-1);white-space:nowrap}.cs-chart-legend{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2);font-size:.75rem;color:var(--text-secondary)}.cs-legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:var(--spacing-1);vertical-align:middle}.cs-category-breakdown{margin-top:var(--spacing-4)}.cs-category-breakdown h4{margin-bottom:var(--spacing-2);font-size:.9rem;color:var(--text-primary)}.cs-category-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.cs-category-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.cs-category-info{display:flex;justify-content:space-between;font-size:.85rem}.cs-category-name{color:var(--text-primary);font-weight:500}.cs-category-hours{color:var(--text-secondary)}.cs-category-bar-track{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.cs-category-bar-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .3s}.cs-comparison-list{margin-top:var(--spacing-3)}.cs-comparison-list h4{margin-bottom:var(--spacing-2);font-size:.9rem}.cs-comparison-item{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-2)}.cs-comparison-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.cs-comparison-status{font-size:.7rem;padding:2px 6px;border-radius:3px;color:#fff;font-weight:600;text-transform:uppercase}.cs-comparison-title{font-size:.85rem;color:var(--text-primary);font-weight:500}.cs-comparison-details{display:flex;gap:var(--spacing-3);font-size:.8rem;color:var(--text-secondary)}.cs-gap-list{margin-top:var(--spacing-3)}.cs-gap-list h4{margin-bottom:var(--spacing-2);font-size:.9rem}.cs-gap-item{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-2)}.cs-gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}.cs-gap-type{font-size:.7rem;padding:2px 6px;border-radius:3px;font-weight:600}.cs-gap-duration{font-size:.85rem;font-weight:600;color:var(--text-primary)}.cs-gap-details{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.8rem;color:var(--text-secondary)}.cs-gap-time{font-size:.75rem}.cs-gap-event,.cs-gap-entry{display:flex;align-items:center;gap:var(--spacing-1)}.cs-more-indicator{text-align:center;padding:var(--spacing-2);font-size:.8rem;color:var(--text-secondary);font-style:italic}.sre-editor{display:flex;flex-direction:column;gap:var(--spacing-5, 1.25rem);padding:var(--spacing-4, 1rem) 0}.sre-section{display:flex;flex-direction:column;gap:var(--spacing-3, .75rem)}.sre-section-title{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-primary, #1f2937);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-1, .25rem);border-bottom:1px solid var(--border-light, #e5e7eb)}.sre-label{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-primary, #1f2937)}.sre-field{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem)}.sre-field-label{font-size:var(--text-xs, .75rem);font-weight:500;color:var(--text-secondary, #6b7280)}.sre-input{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);border:1px solid var(--border-primary, #d1d5db);border-radius:var(--radius-md, .375rem);font-size:var(--text-sm, .875rem);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .15s ease;width:100%;box-sizing:border-box}.sre-input:focus{outline:none;border-color:var(--color-primary-400, #60a5fa);box-shadow:0 0 0 2px #3b82f626}.sre-input-error{border-color:var(--color-danger, #ef4444)}.sre-input-narrow{max-width:120px}.sre-input-sm{padding:var(--spacing-1, .25rem) var(--spacing-2, .5rem);font-size:var(--text-xs, .75rem)}.sre-input-with-icon{position:relative;display:flex;align-items:center;gap:var(--spacing-2, .5rem)}.sre-input-with-icon svg{position:absolute;left:var(--spacing-2, .5rem);color:var(--text-tertiary, #9ca3af);pointer-events:none}.sre-input-with-icon .sre-input{padding-left:var(--spacing-7, 1.75rem)}.sre-select{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);border:1px solid var(--border-primary, #d1d5db);border-radius:var(--radius-md, .375rem);font-size:var(--text-sm, .875rem);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);cursor:pointer;width:100%;box-sizing:border-box}.sre-select:focus{outline:none;border-color:var(--color-primary-400, #60a5fa);box-shadow:0 0 0 2px #3b82f626}.sre-calendar-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .375rem);max-height:150px;overflow-y:auto}.sre-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2, .5rem);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1f2937);cursor:pointer}.sre-checkbox-label input[type=checkbox]{accent-color:var(--color-primary-500, #3b82f6)}.sre-cal-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sre-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #9ca3af);font-style:italic}.sre-hint-warning{display:flex;align-items:flex-start;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md, .375rem);color:#92400e;font-style:normal}.sre-hint-warning svg{flex-shrink:0;margin-top:1px;color:#f59e0b}.sre-error{font-size:var(--text-xs, .75rem);color:var(--color-danger, #ef4444)}.sre-regex-tester{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-md, .375rem);border:1px solid var(--border-light, #e5e7eb)}.sre-regex-status{font-size:var(--text-xs, .75rem)}.sre-regex-valid{display:inline-flex;align-items:center;gap:4px;color:var(--color-success, #10b981)}.sre-regex-invalid{display:inline-flex;align-items:center;gap:4px;color:var(--color-danger, #ef4444)}.sre-regex-test-row{display:flex;align-items:center;gap:var(--spacing-2, .5rem)}.sre-regex-test-row .sre-input{flex:1}.sre-regex-result{font-size:var(--text-xs, .75rem);font-weight:600;white-space:nowrap}.sre-regex-match{color:var(--color-success, #10b981)}.sre-regex-no-match{color:var(--text-tertiary, #9ca3af)}.sre-preview-btn{display:inline-flex;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);border:1px solid var(--border-primary, #d1d5db);border-radius:var(--radius-md, .375rem);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:var(--text-sm, .875rem);cursor:pointer;transition:all .15s ease}.sre-preview-btn:hover:not(:disabled){background:var(--bg-secondary, #f9fafb);border-color:var(--color-primary-400, #60a5fa)}.sre-preview-btn:disabled{opacity:.6;cursor:not-allowed}.sre-preview-loading{text-align:center;padding:var(--spacing-4, 1rem);font-size:var(--text-sm, .875rem);color:var(--text-tertiary, #9ca3af)}.sre-preview-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);text-align:center;color:var(--text-tertiary, #9ca3af)}.sre-preview-empty p{margin:0;font-size:var(--text-sm, .875rem);font-weight:500}.sre-preview-empty span{font-size:var(--text-xs, .75rem)}.sre-preview{border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .375rem);overflow:hidden}.sre-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-light, #e5e7eb)}.sre-preview-count{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--text-secondary, #6b7280)}.sre-preview-list{max-height:200px;overflow-y:auto}.sre-preview-item{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);border-bottom:1px solid var(--border-light, #e5e7eb)}.sre-preview-item:last-child{border-bottom:none}.sre-preview-title{font-size:var(--text-sm, .875rem);font-weight:500;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:var(--spacing-2, .5rem);flex-wrap:wrap}.sre-preview-override{font-size:var(--text-xs, .75rem);font-weight:400;color:#92400e;background:#f59e0b1a;padding:1px 6px;border-radius:999px}.sre-preview-time,.sre-preview-calendar{display:flex;align-items:center;gap:4px;font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #9ca3af);margin-top:2px}.sre-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3, .75rem);padding-top:var(--spacing-4, 1rem);border-top:1px solid var(--border-light, #e5e7eb)}.sre-btn{padding:var(--spacing-2, .5rem) var(--spacing-5, 1.25rem);border-radius:var(--radius-md, .375rem);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.sre-btn:disabled{opacity:.6;cursor:not-allowed}.sre-btn-cancel{background:var(--bg-primary, #ffffff);border-color:var(--border-primary, #d1d5db);color:var(--text-secondary, #6b7280)}.sre-btn-cancel:hover:not(:disabled){background:var(--bg-secondary, #f9fafb)}.sre-btn-save{background:var(--color-primary-500, #3b82f6);color:#fff}.sre-btn-save:hover:not(:disabled){background:var(--color-primary-600, #2563eb)}.project-select-dropdown{position:relative;width:100%}.project-select-wrapper{position:relative;display:block;width:100%;max-width:100%}.project-select-wrapper select{width:100%;max-width:100%;padding:.75rem 2.5rem .75rem .75rem;background:var(--bg-primary, white);border:1px solid var(--border-primary, #e5e7eb);border-radius:.5rem;font-size:.875rem;color:var(--color-text, #111827);cursor:pointer;transition:var(--transition-base, all .15s ease);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box}.project-select-wrapper select:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--border-secondary, #d1d5db)}.project-select-wrapper select:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.project-select-wrapper .select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary, #9ca3af);pointer-events:none}.project-select-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-primary, white);border:1px solid var(--border-primary, #e5e7eb);border-radius:var(--radius-md, .375rem);font-size:.875rem;color:var(--color-text, #111827);cursor:pointer;transition:var(--transition-base, all .15s ease)}.project-select-button:hover:not(.disabled){background:var(--bg-secondary, #f9fafb);border-color:var(--border-secondary, #d1d5db)}.project-select-button:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.project-select-button.disabled{opacity:.5;cursor:not-allowed}.project-select-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.project-name{font-weight:var(--font-medium, 500);color:var(--color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-placeholder{color:var(--color-text-secondary, #6b7280)}.project-select-arrow{color:var(--color-text-tertiary, #9ca3af);transition:transform .15s ease;flex-shrink:0}.project-select-arrow.open{transform:rotate(180deg)}.project-select-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary, #e5e7eb);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-md);z-index:1000;max-height:300px;display:flex;flex-direction:column}.project-search-header{padding:.75rem;border-bottom:1px solid var(--border-primary, #e5e7eb)}.project-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-primary, #e5e7eb);border-radius:var(--radius-sm, .25rem);font-size:.875rem;outline:none;color:var(--text-primary);background:var(--bg-primary)}.project-search-input:focus{border-color:var(--color-primary, #3b82f6)}.project-options-list{overflow-y:auto;max-height:250px}.project-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;transition:background-color .15s ease}.project-option:hover{background-color:var(--bg-secondary, #f9fafb)}.project-option.selected{background-color:var(--bg-primary-light, #eff6ff)}.project-option.no-project{border-bottom:1px solid var(--border-primary, #e5e7eb)}.project-option-content{display:flex;align-items:center;gap:.75rem;flex:1}.check-icon{color:var(--color-primary, #3b82f6);flex-shrink:0}.project-options-empty{padding:1.5rem;text-align:center;color:var(--color-text-secondary, #6b7280)}.project-options-empty p{margin:0 0 .25rem;font-size:.875rem;font-weight:var(--font-medium, 500);color:var(--color-text, #374151)}.project-options-empty span{font-size:.8125rem}.project-tag-manager{margin-top:20px;padding:28px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 16px #0000000f}.project-tag-manager .tag-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.project-tag-manager .tag-manager-title{display:flex;align-items:center;gap:14px}.project-tag-manager .tag-manager-title svg{width:24px;height:24px;color:var(--color-primary-500);background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:8px;border-radius:10px;box-shadow:0 2px 8px #3b82f626}.project-tag-manager .tag-manager-title h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.project-tag-manager .tag-count{padding:6px 16px;background:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:24px;font-size:13px;font-weight:600;color:var(--color-success-700);margin-left:8px}.project-tag-manager .add-tag-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f659;text-transform:none;letter-spacing:0}.project-tag-manager .add-tag-button svg{width:18px;height:18px;background:transparent;padding:0;box-shadow:none;color:#fff}.project-tag-manager .add-tag-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 24px #3b82f673;transform:translateY(-2px)}.project-tag-manager .add-tag-button:active{transform:translateY(0);box-shadow:0 4px 12px #3b82f64d}.project-tag-manager .error-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:var(--color-error-600);font-size:14px;font-weight:500}.project-tag-manager .error-close{margin-left:auto;padding:6px;background:#dc26261a;border:none;color:var(--color-error-600);cursor:pointer;border-radius:8px;transition:all .2s ease}.project-tag-manager .error-close:hover{background:#dc262633}.project-tag-manager .tag-form{margin-bottom:24px;padding:0;background:transparent;border:none}.project-tag-manager .tag-form form{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000a}.project-tag-manager .tag-form .form-group{margin-bottom:20px}.project-tag-manager .tag-form label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.project-tag-manager .tag-form input[type=text]{width:100%;padding:14px 18px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;font-size:15px;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.project-tag-manager .tag-form input[type=text]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61f}.project-tag-manager .tag-form .color-picker,.project-tag-manager .color-picker{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;width:auto;max-width:100%}.project-tag-manager .tag-form .color-option,.project-tag-manager .color-option{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;border:3px solid rgba(255,255,255,.95);border-radius:10px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:0 2px 6px #0000001f;position:relative;flex-shrink:0;flex-grow:0}.project-tag-manager .tag-form .color-option:hover,.project-tag-manager .color-option:hover{transform:scale(1.12);box-shadow:0 4px 12px #0003}.project-tag-manager .tag-form .color-option.selected,.project-tag-manager .color-option.selected{border-color:var(--text-primary);transform:scale(1.12);box-shadow:0 4px 12px #00000040}.project-tag-manager .tag-form .color-option.selected:after,.project-tag-manager .color-option.selected:after{content:"✓";color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)!important}.project-tag-manager .tag-form .form-actions{display:flex;flex-direction:row;gap:14px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:2px solid var(--border-primary)}.project-tag-manager .tag-form .cancel-button{padding:14px 28px;background:var(--bg-primary);color:var(--text-secondary);border:2px solid var(--border-primary);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a}.project-tag-manager .tag-form .cancel-button:hover{background:var(--bg-secondary);border-color:var(--color-gray-300);color:var(--text-primary);box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.project-tag-manager .tag-form .submit-button{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98159}.project-tag-manager .tag-form .submit-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98173;transform:translateY(-2px)}.project-tag-manager .tag-form .submit-button:active{transform:translateY(0);box-shadow:0 4px 12px #10b9814d}.project-tag-manager .tag-list{display:flex;flex-direction:column;gap:10px}.project-tag-manager .tag-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.project-tag-manager .tag-item:hover{background:var(--bg-secondary);border-color:var(--color-gray-300);box-shadow:0 4px 12px #0000000f}.project-tag-manager .tag-info{display:flex;align-items:center;gap:14px}.project-tag-manager .tag-color-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0003;border:2px solid rgba(255,255,255,.8)}.project-tag-manager .tag-name{font-size:15px;font-weight:600;color:var(--text-primary)}.project-tag-manager .tag-actions{display:flex;gap:8px}.project-tag-manager .icon-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.project-tag-manager .icon-button:hover{background:var(--bg-tertiary);border-color:var(--color-gray-300);color:var(--text-primary);transform:translateY(-1px)}.project-tag-manager .icon-button.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.project-tag-manager .empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-primary)}.project-tag-manager .empty-state svg{color:var(--text-disabled);margin-bottom:16px;width:48px;height:48px}.project-tag-manager .empty-state p{margin:4px 0;color:var(--text-secondary);font-size:15px}.project-tag-manager .empty-state p:first-of-type{font-weight:600;color:var(--text-primary)}@media(max-width:640px){.project-tag-manager{padding:20px}.project-tag-manager .tag-manager-header{flex-direction:column;align-items:stretch;gap:16px}.project-tag-manager .tag-manager-title{justify-content:center}.project-tag-manager .add-tag-button{width:100%;justify-content:center}.project-tag-manager .color-picker{justify-content:center}.project-tag-manager .color-option{width:40px;height:40px;min-width:40px;min-height:40px}.project-tag-manager .tag-form .form-actions{flex-direction:column-reverse}.project-tag-manager .cancel-button,.project-tag-manager .submit-button{width:100%;justify-content:center;text-align:center}.project-tag-manager .tag-item{flex-direction:column;align-items:flex-start;gap:12px}.project-tag-manager .tag-actions{width:100%;justify-content:flex-end}}.task-select{padding:var(--spacing-2) var(--spacing-3);border:2px solid var(--border-primary);border-radius:6px;background:#fff;font-size:14px;color:var(--text-primary);width:100%;transition:border-color .2s ease}.task-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3498db1a}.task-select:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.create-new-option{color:var(--color-primary-500);font-weight:var(--font-medium)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;width:90%;max-width:500px;max-height:90vh;overflow:hidden}.task-create-form{display:flex;flex-direction:column}.modal-header{display:flex;justify-content:between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;font-size:18px;font-weight:var(--font-semibold);color:var(--text-primary);flex:1}.close-button{background:none;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:var(--font-medium);color:var(--text-primary);font-size:14px}.form-input{width:100%;padding:var(--spacing-3);border:2px solid var(--border-primary);border-radius:6px;font-size:14px;color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3498db1a}.form-input textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.cancel-button,.create-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.cancel-button{background:#fff;color:var(--text-secondary);border-color:var(--border-primary)}.cancel-button:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.create-button{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.create-button:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600)}.create-button:disabled{background:var(--border-primary);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}@media(max-width:768px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column}.cancel-button,.create-button{width:100%}}.scm-connections-settings{display:flex;flex-direction:column;gap:1.5rem}.scm-conn-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.scm-conn-header-text{display:flex;flex-direction:column;gap:.25rem}.scm-conn-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.scm-conn-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary)}.scm-conn-add-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.scm-conn-add-btn:hover{background:var(--accent-color-hover, #2563eb)}.scm-conn-add-btn:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.scm-conn-success{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--success-bg, #d1fae5);color:var(--success-text, #065f46);border-radius:6px;font-size:.875rem}.scm-conn-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--error-bg, #fee2e2);color:var(--error-text, #991b1b);border-radius:6px;font-size:.875rem}.scm-conn-error-dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem}.scm-conn-loading{color:var(--text-secondary);font-size:.875rem;text-align:center;padding:1.5rem 0}.scm-conn-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.875rem;border:1px dashed var(--border-color, #e5e7eb);border-radius:8px;text-align:center}.scm-conn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.scm-conn-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;flex-wrap:wrap}.scm-conn-item-info{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0}.scm-conn-provider{font-weight:600;font-size:.875rem;color:var(--text-primary)}.scm-conn-account{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scm-conn-status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px}.scm-conn-status--active{background:var(--success-bg, #d1fae5);color:var(--success-text, #065f46)}.scm-conn-status--inactive{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #92400e)}.scm-conn-item-meta{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:var(--text-secondary);min-width:0}.scm-conn-verified,.scm-conn-cred-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scm-conn-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.scm-conn-action-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--surface-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:5px;font-size:.8125rem;cursor:pointer;color:var(--text-primary);transition:border-color .15s,background .15s}.scm-conn-action-btn:hover:not(:disabled){border-color:var(--accent-color, #3b82f6);background:var(--accent-bg-subtle, #eff6ff)}.scm-conn-action-btn:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.scm-conn-action-btn:disabled{opacity:.5;cursor:not-allowed}.scm-conn-action-btn--danger:hover:not(:disabled){border-color:var(--error-text, #dc2626);background:var(--error-bg, #fee2e2);color:var(--error-text, #dc2626)}.scm-conn-pat-form{display:flex;flex-direction:column;gap:1rem}.scm-conn-oauth-info{display:flex;align-items:flex-start;gap:.4rem;font-size:.8125rem;color:var(--text-secondary);padding:.5rem 0}.spin{animation:spin .8s linear infinite}@media(max-width:600px){.scm-conn-item{flex-direction:column;align-items:flex-start}.scm-conn-item-actions{width:100%}.scm-conn-action-btn{flex:1;justify-content:center}}.idle-settings{position:relative;display:inline-block}.settings-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s}.settings-trigger.floating{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;justify-content:center;box-shadow:0 2px 8px #00000026;background:#fff;border:1px solid var(--border-primary)}.settings-trigger:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--text-primary)}.settings-trigger.floating:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.settings-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.settings-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--hover-color);color:var(--text-primary)}.settings-content{padding:1.5rem}.setting-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.setting-info{flex:1}.setting-info label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:.5rem}.setting-info p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.toggle-checkbox{width:3rem;height:1.5rem;appearance:none;background:var(--border-primary);border-radius:.75rem;position:relative;cursor:pointer;transition:all .3s ease}.toggle-checkbox:checked{background:var(--color-checkbox)}.toggle-checkbox:before{content:"";position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;top:.125rem;left:.125rem;transition:all .3s ease;box-shadow:0 1px 3px #0003}.toggle-checkbox:checked:before{left:1.625rem}.timeout-select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:.9rem;min-width:120px}.timeout-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.idle-info-panel{background:var(--color-primary-50);border:1px solid var(--color-primary-500);border-radius:8px;padding:1.5rem;margin-top:1rem}.idle-info-panel h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.idle-info-panel ul{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.idle-info-panel li{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.settings-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:var(--font-medium);cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--hover-color);color:var(--text-primary)}@media(max-width:768px){.settings-trigger.floating{width:2.25rem;height:2.25rem;top:1rem;right:1rem}.settings-modal{width:95%;margin:1rem}.setting-item{flex-direction:column;align-items:stretch;gap:1rem}.toggle-checkbox,.timeout-select{align-self:flex-start}.settings-actions{flex-direction:column}.btn{width:100%}}@media(prefers-color-scheme:dark){.settings-modal{background:var(--bg-secondary, var(--text-primary))}.setting-item{background:#3741514d}.idle-info-panel{background:#0ea5e91a;border-color:#0ea5e94d}.timeout-select{background:var(--bg-secondary, var(--text-primary));border-color:var(--border-color)}}.toggle-checkbox:focus{outline:2px solid var(--color-checkbox);outline-offset:2px}.settings-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auto-tracker-settings{max-width:900px;margin:0 auto;padding:2rem}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-primary)}.settings-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.setting-group{display:flex;flex-direction:column;gap:1rem}.toggle-setting{display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle-slider{position:relative;width:60px;height:30px;background:var(--border-primary);border-radius:15px;transition:background .3s ease}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-setting input[type=checkbox]{display:none}.toggle-setting input[type=checkbox]:checked+.toggle-slider{background:var(--color-checkbox)}.toggle-setting input[type=checkbox]:checked+.toggle-slider:after{transform:translate(30px)}.toggle-label{font-size:1.1rem;font-weight:var(--font-medium);color:var(--text-primary)}.tracking-status{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.tracking-toggle{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;font-size:1rem}.tracking-toggle.tracking{background:var(--color-error-500);color:#fff}.tracking-toggle.tracking:hover{background:var(--color-error-600)}.tracking-toggle.stopped{background:var(--color-success-500);color:#fff}.tracking-toggle.stopped:hover{background:var(--color-success-600)}.status-indicator{font-weight:var(--font-medium);color:var(--text-secondary)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.config-item{display:flex;flex-direction:column;gap:.5rem}.config-item label{font-weight:var(--font-medium);color:var(--text-primary);font-size:.9rem}.config-item input[type=number]{padding:.75rem;border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease}.config-item input[type=number]:focus{border-color:var(--color-primary-500)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-checkbox)}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rules-actions{display:flex;gap:.5rem}.btn.primary{background:var(--color-primary-500);color:#fff}.btn.primary:hover{background:var(--color-primary-600)}.rules-list{display:flex;flex-direction:column;gap:1rem}.empty-rules{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-primary)}.empty-rules p{margin:.5rem 0}.rule-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-primary);transition:all .2s ease}.rule-item:hover{border-color:var(--border-primary);background:var(--bg-secondary)}.rule-item.inactive{opacity:.6;background:var(--bg-secondary)}.rule-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.rule-header{display:flex;justify-content:space-between;align-items:flex-start}.rule-header h4{margin:0;color:var(--text-primary);font-size:1.1rem}.rule-badges{display:flex;gap:.5rem;flex-wrap:wrap}.rule-badges span{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:var(--font-semibold);text-transform:uppercase}.match-type{background:var(--color-primary-100);color:var(--color-primary-700)}.match-type.regex{background:var(--color-warning-100);color:var(--color-warning-800)}.match-type.exact{background:var(--color-success-100);color:var(--color-success-800)}.priority{background:var(--border-primary);color:var(--text-primary)}.inactive-badge{background:var(--color-error-100);color:var(--color-error-700)}.rule-pattern{font-family:Courier New,monospace;background:var(--text-primary);color:var(--bg-secondary);padding:.5rem .75rem;border-radius:6px;font-size:.9rem;word-break:break-all}.rule-assignment{display:flex;flex-direction:column;gap:.25rem;color:var(--text-secondary);font-size:.9rem}.rule-actions{display:flex;gap:.25rem;flex-shrink:0}.btn-icon{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon.toggle{background:var(--bg-secondary)}.btn-icon.toggle:hover{background:var(--border-primary)}.btn-icon.edit{background:var(--color-primary-100);color:var(--color-primary-700)}.btn-icon.edit:hover{background:var(--color-primary-200)}.btn-icon.delete{background:var(--color-error-100);color:var(--color-error-600)}.btn-icon.delete:hover{background:var(--color-error-200)}.rule-form-modal{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.rule-form-modal h3{color:var(--text-primary);margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary-500)}.form-group small{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem;display:block}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.form-actions .btn{min-width:120px}.form-actions .btn:disabled{opacity:.5;cursor:not-allowed}.limitations-notice{background:var(--color-warning-100);border:1px solid var(--color-warning-500);border-radius:8px;padding:1.5rem;color:var(--color-warning-800)}.limitations-notice h4{margin:0 0 1rem;color:var(--color-warning-800);display:flex;align-items:center;gap:.5rem}.limitations-notice ul{margin:0;padding-left:1.5rem}.limitations-notice li{margin-bottom:.5rem}@media(max-width:768px){.auto-tracker-settings{padding:1rem}.settings-section{padding:1.5rem}.config-grid{grid-template-columns:1fr}.rules-header{flex-direction:column;align-items:stretch;gap:1rem}.rule-item{flex-direction:column;gap:1rem}.rule-actions{justify-content:center}.rule-form-modal{margin:1rem;width:calc(100% - 2rem)}.form-actions{flex-direction:column}}.tracking-rules{max-width:1000px;margin:0 auto;padding:var(--spacing-8)}.rules-header{text-align:center;margin-bottom:var(--spacing-12)}.rules-header h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:.5rem}.rules-header p{color:var(--text-secondary);font-size:1.1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;padding:var(--spacing-8) var(--spacing-6);border-radius:12px;text-align:center;border:1px solid var(--border-primary);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-2)}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.breakdown-section{background:#fff;border-radius:12px;padding:var(--spacing-8);margin-bottom:var(--spacing-12);box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-primary)}.breakdown-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:.5rem}.breakdown-list{display:flex;flex-direction:column;gap:1rem}.breakdown-item{position:relative;padding:1rem;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.breakdown-info{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.website-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:.9rem}.breakdown-duration{color:var(--text-secondary);font-weight:var(--font-medium);font-size:.9rem}.breakdown-bar{position:absolute;top:0;left:0;height:100%;background:var(--color-primary-500);opacity:.1;z-index:1;transition:width .3s ease}.activities-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-primary)}.activities-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.empty-activities{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-primary)}.empty-activities p{margin:.5rem 0}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);transition:all .2s ease}.activity-item:hover{border-color:var(--border-primary);background:var(--bg-secondary)}.activity-info{flex:1;display:flex;flex-direction:column;gap:.75rem;margin-right:1rem}.activity-header{display:flex;justify-content:space-between;align-items:flex-start}.activity-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:1rem;line-height:1.4}.activity-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.activity-duration{font-weight:var(--font-semibold);color:var(--text-primary);font-size:.9rem}.confidence-indicator{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:var(--font-bold);color:#fff;min-width:45px;text-align:center}.activity-url{font-size:.85rem}.activity-url a{color:var(--color-primary-500);text-decoration:none;word-break:break-all}.activity-url a:hover{text-decoration:underline}.activity-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.activity-time{color:var(--text-secondary)}.matched-rule{color:var(--color-success-600);font-weight:var(--font-medium)}.assigned-project{color:var(--color-primary-500);font-weight:var(--font-medium)}.unassigned{color:var(--color-error-600);font-weight:var(--font-medium)}.activity-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.assign-project select{padding:.5rem;border:2px solid var(--border-primary);border-radius:6px;font-size:.85rem;background:#fff;min-width:150px}.assign-project select:focus{border-color:var(--color-primary-500);outline:none}.btn-action{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;min-width:90px}.btn-action.convert{background:var(--color-success-500);color:#fff}.btn-action.convert:hover:not(:disabled){background:var(--color-success-600)}.btn-action.convert:disabled{background:var(--border-primary);color:var(--color-gray-400);cursor:not-allowed}.btn-action.delete{background:var(--color-error-100);color:var(--color-error-600)}.btn-action.delete:hover{background:var(--color-error-200)}.activities-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem}.bulk-actions{display:flex;justify-content:center;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn.secondary:hover{background:var(--border-primary)}@media(max-width:768px){.tracking-rules{padding:1rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:1.5rem}.breakdown-section,.activities-section{padding:1.5rem}.activity-item{flex-direction:column;gap:1rem}.activity-info{margin-right:0}.activity-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.assign-project select{min-width:120px}.breakdown-info{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(max-width:480px){.stats-section{grid-template-columns:1fr}.activity-details{flex-direction:column;gap:.5rem}.activity-actions{flex-direction:column;align-items:stretch}.assign-project select{min-width:auto}}.billing-calculator{padding:var(--spacing-8);background:var(--bg-primary)}.billing-controls-section{margin-bottom:var(--spacing-8)}.controls-group{display:flex;flex-wrap:nowrap;gap:var(--spacing-4);align-items:center;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.date-range-controls{display:flex;align-items:center;gap:var(--spacing-3)}.controls-spacer{flex:1}.date-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast);height:38px}.date-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.date-separator{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.project-filter{display:flex;align-items:center;gap:var(--spacing-3)}.project-filter label{font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;white-space:nowrap;font-size:var(--text-sm)}.select-wrapper{position:relative}.project-select{padding:.5rem var(--spacing-3);padding-right:2.5rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);width:160px;min-width:160px;max-width:160px;flex:0 0 160px;transition:var(--transition-fast);height:45px;line-height:normal;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-sizing:border-box;vertical-align:middle}.billing-calculator .select-wrapper{position:relative;width:160px;flex:0 0 160px}.project-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.generate-invoice-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-sm);transition:all .2s ease;height:38px}.generate-invoice-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.generate-invoice-btn:active:not(:disabled){transform:translateY(0)}.generate-invoice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--bg-disabled);color:var(--text-disabled)}.billing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-12);grid-auto-rows:1fr}.stat-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-4);transition:var(--transition-all);min-width:0;min-height:130px}.stat-icon{padding:var(--spacing-3);border-radius:var(--radius-xl);background:var(--gradient-primary);color:var(--text-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px}.stat-icon.clock-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.dollar-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.trending-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.settings-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1;min-width:0;overflow:hidden}.stat-content .stat-value{font-size:clamp(1.25rem,1.5vw,1.75rem);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);word-break:break-word;overflow-wrap:break-word;line-height:1.3;max-width:100%}.stat-content .stat-label{font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-content .stat-sub{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-breakdown{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-6);border:1px solid var(--border-primary)}.billing-breakdown h3{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-6) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-lg)}.breakdown-table{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-primary);background:var(--bg-primary)}.breakdown-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.breakdown-table th,.breakdown-table td{padding:var(--spacing-4) var(--spacing-5);text-align:left;border-bottom:1px solid var(--border-primary)}.breakdown-table thead{background:var(--bg-tertiary)}.breakdown-table th{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.breakdown-table td{color:var(--text-secondary)}.breakdown-table tbody tr{transition:var(--transition-fast)}.breakdown-table tbody tr:hover{background:var(--bg-tertiary)}.breakdown-table tbody tr:last-child td{border-bottom:none}.project-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}.project-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.project-rate{font-size:var(--text-xs);color:var(--text-tertiary)}.total-cell{font-weight:var(--font-bold);color:var(--text-primary)}.invoice-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-4)}.invoice-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.invoice-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border-primary)}.invoice-header h3{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.invoice-actions{display:flex;gap:var(--spacing-2)}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);border:none}.invoice-content{padding:var(--spacing-10);background:#fff}.invoice-info{margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-6);border-bottom:3px solid var(--color-primary-500)}.invoice-info h4{margin:0 0 var(--spacing-6) 0;color:var(--color-primary-600);font-size:2rem;font-weight:var(--font-bold);letter-spacing:-.02em}.invoice-info p{margin:var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-sm);line-height:1.6}.invoice-info p strong{display:inline-block;min-width:80px;color:var(--text-secondary);font-weight:var(--font-semibold)}.invoice-items table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-10);font-size:var(--text-sm);box-shadow:0 1px 3px #0000000d;border-radius:var(--radius-lg);overflow:hidden}.invoice-items th,.invoice-items td{padding:var(--spacing-4);text-align:left}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right}.invoice-items th{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border:none}.invoice-items td{border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.invoice-items tbody tr:last-child td{border-bottom:none}.invoice-items tbody tr:hover{background:var(--bg-tertiary)}.invoice-totals{margin-left:auto;max-width:350px;background:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000f}.total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.total-row span:last-child{font-weight:var(--font-semibold)}.total-row.final-total{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600);border-top:2px solid var(--border-primary);padding-top:var(--spacing-4);margin-top:var(--spacing-3)}.invoice-notes{margin-top:var(--spacing-10);padding:var(--spacing-6);background:var(--bg-tertiary);border-left:4px solid var(--color-primary-500);border-radius:var(--radius-md)}.invoice-notes h5{margin:0 0 var(--spacing-3) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.invoice-notes p{margin:0;color:var(--text-secondary);font-style:italic;font-size:var(--text-sm);line-height:1.6}.loading-state{text-align:center;padding:var(--spacing-16)}@media(max-width:1200px){.billing-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.billing-calculator{padding:var(--spacing-4)}.controls-group{flex-direction:column;align-items:stretch}.date-range-controls{min-width:auto}.project-select{width:100%}.generate-invoice-btn{width:100%;justify-content:center}.billing-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-6);min-height:120px}.stat-content .stat-value{font-size:clamp(1.125rem,2.5vw,1.5rem)}.breakdown-table{font-size:var(--text-xs)}.breakdown-table th,.breakdown-table td{padding:var(--spacing-3)}.invoice-modal{margin:var(--spacing-2);max-height:95vh}.invoice-content{padding:var(--spacing-6)}.invoice-info h4{font-size:1.5rem}.invoice-items table{font-size:.75rem}.invoice-items th,.invoice-items td{padding:var(--spacing-2)}.invoice-totals{max-width:100%;padding:var(--spacing-4)}.total-row.final-total{font-size:var(--text-xl)}.invoice-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.invoice-actions{flex-direction:column}.btn{width:100%;justify-content:center}}@media(max-width:480px){.billing-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-4);min-height:110px;gap:var(--spacing-4)}.stat-icon{padding:var(--spacing-3)}.stat-content .stat-value{font-size:clamp(1rem,3.5vw,1.25rem)}.stat-content .stat-label,.stat-content .stat-sub{font-size:var(--text-xs)}.invoice-content{padding:var(--spacing-4)}.invoice-info h4{font-size:1.25rem}.invoice-items table{font-size:.7rem}.invoice-items th,.invoice-items td{padding:var(--spacing-2)}.invoice-totals{padding:var(--spacing-3)}.total-row{font-size:.75rem}.total-row.final-total{font-size:var(--text-lg)}}@media print{@page{margin:.5cm}html,body{height:auto;margin:0;padding:0}header{display:none}.billing-page>.page-header,.billing-page>.billing-tabs{display:none}.billing-calculator>*:not(.invoice-modal-overlay){display:none}.invoice-modal-overlay{display:block;visibility:visible}.invoice-modal-overlay{position:static;background:transparent;padding:0;margin:0;display:block}.invoice-modal{max-width:100%;box-shadow:none;border-radius:0;margin:0;padding:0}.invoice-header{display:none}.invoice-content{padding:0;margin:0}.invoice-info{margin-bottom:20px;padding-bottom:15px;page-break-inside:avoid}.invoice-info h4{color:#3b82f6;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-info p{margin:5px 0}.invoice-items{margin-bottom:20px}.invoice-items table{page-break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb;margin-bottom:15px}.invoice-items thead{background:#3b82f6;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-items th,.invoice-items td{padding:10px}.invoice-items tbody tr:hover{background:transparent}.invoice-totals{page-break-inside:avoid;margin:15px 0;background:#f3f4f6;padding:15px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.total-row{padding:8px 0}.total-row.final-total{color:#3b82f6;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-notes{page-break-inside:avoid;margin-top:20px;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.billing-sk-card{pointer-events:none}.billing-sk-block{border-radius:6px;border:1px solid var(--border-primary, #e5e7eb);background:linear-gradient(90deg,var(--bg-secondary, #f3f4f6) 0%,var(--bg-tertiary, #e5e7eb) 50%,var(--bg-secondary, #f3f4f6) 100%);background-size:200% 100%;animation:billing-shimmer 1.1s ease-in-out infinite}.billing-sk-icon{width:48px;height:48px;border-radius:var(--radius-xl, 12px);flex-shrink:0}.billing-sk-value{width:80px;height:28px;margin-bottom:6px}.billing-sk-label{width:100px;height:14px;margin-bottom:4px}.billing-sk-sub{width:70px;height:12px}.billing-sk-section-title{width:160px;height:20px;margin-bottom:16px}.billing-sk-th{width:70px;height:12px;border:none}.billing-sk-name{width:120px;height:14px;margin-bottom:6px}.billing-sk-rate{width:70px;height:10px}.billing-sk-cell{width:60px;height:14px}@keyframes billing-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rate-manager{padding:var(--spacing-8);background:var(--bg-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-12) var(--spacing-4);text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--spacing-4);opacity:.4;color:var(--text-tertiary)}.empty-state h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-lg)}.empty-state p{margin:0;max-width:420px;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6)}.project-rate-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:var(--transition-all)}.project-rate-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-300)}.project-header{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-primary);min-height:80px}.project-color{width:1rem;height:1rem;border-radius:var(--radius-sm);margin-top:var(--spacing-1);flex-shrink:0;box-shadow:var(--shadow-sm)}.project-info{flex:1;min-width:0;display:flex;flex-direction:column}.project-info h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);word-break:break-word}.project-description{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.rate-info{margin-bottom:var(--spacing-4);flex-grow:0;flex-shrink:0}.rate-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding:var(--spacing-5);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.rate-label{color:var(--text-secondary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.rate-value{color:var(--color-primary-600);font-weight:var(--font-bold);font-size:var(--text-xl)}.rate-details{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--text-xs)}.rate-type,.overtime-rate,.tax-rate{padding:var(--spacing-1) var(--spacing-3);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:var(--font-medium);border:1px solid var(--border-primary)}.edit-rate-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:var(--transition-all);box-shadow:var(--shadow-primary);margin-top:auto}.edit-rate-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.edit-rate-btn:active{transform:translateY(0)}.rate-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-4)}.rate-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border-primary);flex-shrink:0}.modal-header h3{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.close-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content{padding:var(--spacing-8);flex:1}.form-section{margin-bottom:var(--spacing-8);border:none;padding-bottom:0}.form-section:last-child{margin-bottom:0;border-bottom:none}.form-section h4{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.rate-type-selector{display:grid;gap:var(--spacing-3)}.rate-type-option{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-all);background:var(--bg-secondary)}.rate-type-option:hover{border-color:var(--color-primary-500);background:var(--bg-tertiary);transform:translate(2px)}.rate-type-option input[type=radio]{margin:0;accent-color:var(--color-primary-600);width:1.2rem;height:1.2rem;cursor:pointer}.rate-type-option input[type=radio]:checked~.option-content{color:var(--color-primary-600)}.rate-type-option:has(input[type=radio]:checked){border-color:var(--color-primary-600);background:#3b82f60d}.option-content{flex:1}.option-label{font-weight:var(--font-semibold);margin-bottom:var(--spacing-1);font-size:var(--text-base)}.option-desc{font-size:var(--text-sm);color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);align-items:end}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.form-group input,.form-group select{padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-fast);width:100%;background:var(--bg-primary);color:var(--text-primary)}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;cursor:pointer}.select-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-6);margin-top:0;border:none}.btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all);border:none}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-outline:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}@media(max-width:768px){.rate-manager{padding:var(--spacing-4)}.projects-grid{grid-template-columns:1fr}.rate-modal{margin:var(--spacing-2);max-height:95vh}.modal-content{padding:var(--spacing-4)}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:var(--spacing-2)}.btn{width:100%;justify-content:center}.project-rate-card{padding:var(--spacing-4)}}.animate-spin{animation:spin 1s linear infinite}.kiosk-timer{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:var(--spacing-4)}.kiosk-timer-display{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-4)}.kiosk-timer .timer-circle{width:280px;height:280px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(20px);border:4px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px #0003;position:relative;overflow:hidden}.kiosk-timer .timer-circle:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-auth-purple),var(--color-auth-purple-dark),var(--color-auth-purple));border-radius:50%;z-index:-1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kiosk-timer .timer-time{font-size:3.5rem;font-weight:300;color:#fff;font-family:Courier New,monospace;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:.5rem}.kiosk-timer .timer-status{font-size:1.2rem;color:#ffffffe6;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:1px}.kiosk-timer .current-activity{background:#ffffff1a;border-radius:20px;padding:var(--spacing-6) var(--spacing-8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;min-width:400px;max-width:600px}.kiosk-timer .activity-project{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem;font-size:1.4rem;font-weight:var(--font-semibold);color:#fff}.kiosk-timer .project-color{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.kiosk-timer .activity-task,.kiosk-timer .activity-description{font-size:1.1rem;color:#fffc;margin:.5rem 0;font-style:italic}.kiosk-timer .timer-controls{display:flex;justify-content:center;gap:1.5rem}.kiosk-timer .timer-btn{padding:1.5rem 3rem;font-size:1.4rem;font-weight:var(--font-semibold);border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);min-width:180px;text-transform:uppercase;letter-spacing:1px}.kiosk-timer .start-btn{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff;box-shadow:0 8px 32px #4caf504d}.kiosk-timer .start-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700));transform:translateY(-4px);box-shadow:0 12px 40px #4caf5066}.kiosk-timer .start-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.kiosk-timer .pause-btn{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));color:#fff;box-shadow:0 8px 32px #ff98004d}.kiosk-timer .pause-btn:hover{background:linear-gradient(135deg,var(--color-warning-600),var(--color-warning-700));transform:translateY(-4px);box-shadow:0 12px 40px #ff980066}.kiosk-timer .stop-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 8px 32px #f443364d}.kiosk-timer .stop-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-4px);box-shadow:0 12px 40px #f4433666}.kiosk-timer .running-controls{display:flex;gap:1.5rem}.kiosk-selection-panel{width:100%;display:flex;flex-direction:column;gap:2rem;background:#ffffff0d;border-radius:25px;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.kiosk-timer .selection-group{display:flex;flex-direction:column;gap:1rem}.kiosk-timer .selection-label{font-size:1.3rem;font-weight:var(--font-semibold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.kiosk-timer .project-selection{width:100%}.kiosk-timer .project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.kiosk-timer .project-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;font-weight:var(--font-medium)}.kiosk-timer .project-card:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.kiosk-timer .project-card.selected{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 32px #0003}.kiosk-timer .project-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.kiosk-timer .add-project{border:2px dashed rgba(255,255,255,.4);background:#ffffff0d;justify-content:center}.kiosk-timer .add-project-icon{font-size:1.5rem}.kiosk-timer .no-projects{text-align:center;padding:3rem 2rem;color:#fff}.kiosk-timer .no-projects p{font-size:1.2rem;margin-bottom:1.5rem;color:#fffc}.kiosk-timer .create-first-project-btn{padding:1rem 2rem;font-size:1.1rem;background:#fff3;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.kiosk-timer .create-first-project-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.kiosk-timer .task-selection{width:100%}.kiosk-timer .task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.kiosk-timer .task-card{padding:1.2rem;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);color:#fff;font-size:1rem;text-align:center}.kiosk-timer .task-card:hover{background:#ffffff26;transform:translateY(-2px)}.kiosk-timer .task-card.selected{background:#fff3;border-color:#fff6}.kiosk-timer .no-tasks{text-align:center;padding:2rem;color:#ffffffb3;font-style:italic}.kiosk-timer .description-input{width:100%;padding:1.2rem 1.5rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:15px;background:#ffffff1a;color:#fff;backdrop-filter:blur(10px);outline:none;transition:all .3s ease;resize:vertical;font-family:inherit}.kiosk-timer .description-input:focus{border-color:#fff6;background:#ffffff26}.kiosk-timer .description-input::placeholder{color:#fff9}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.form-actions{display:flex;gap:1rem;justify-content:center}.form-btn{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px;font-weight:var(--font-semibold)}.form-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary)}.form-btn.cancel:hover{background:var(--color-gray-200)}.form-btn.create{background:linear-gradient(135deg,var(--color-auth-purple),var(--color-auth-purple-dark));color:#fff}.form-btn.create:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.form-btn.create:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}@media(max-width:768px){.kiosk-timer{padding:.5rem;gap:1.5rem}.kiosk-timer .timer-circle{width:220px;height:220px}.kiosk-timer .timer-time{font-size:2.5rem}.kiosk-timer .current-activity{min-width:auto;padding:1rem 1.5rem}.kiosk-timer .activity-project{font-size:1.2rem}.kiosk-timer .timer-btn{padding:1.2rem 2rem;font-size:1.2rem;min-width:140px}.kiosk-timer .running-controls{flex-direction:column;align-items:center}.kiosk-timer .project-grid,.kiosk-timer .task-grid{grid-template-columns:1fr}.kiosk-selection-panel{padding:1.5rem}}@media(min-width:1200px){.kiosk-timer .timer-circle{width:320px;height:320px}.kiosk-timer .timer-time{font-size:4rem}.kiosk-timer .timer-btn{padding:2rem 4rem;font-size:1.6rem;min-width:220px}.kiosk-timer .project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.kiosk-timer *{transition:transform .2s ease}.kiosk-timer button:active{transform:scale(.98)}.user-selector{width:100%;max-width:1200px}.user-search{margin-bottom:var(--spacing-8)}.search-container{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:var(--spacing-6) var(--spacing-8);font-size:var(--text-xl);border:none;border-radius:25px;background:#ffffffe6;color:var(--text-primary);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);outline:none;transition:var(--transition-all)}.search-input:focus{background:#fff;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.search-input::placeholder{color:var(--text-secondary)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);max-height:60vh;overflow-y:auto;padding:var(--spacing-4) 0}.user-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-8) var(--spacing-6);background:#ffffffe6;border:none;border-radius:20px;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);min-height:200px;justify-content:center}.user-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0003;background:#fff}.user-card:active{transform:translateY(-4px)}.user-avatar-large{font-size:4rem;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #0000001a}.user-info{text-align:center}.user-info h4{margin:0 0 .5rem;font-size:1.4rem;font-weight:var(--font-semibold);color:var(--text-primary)}.user-department{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:var(--font-normal)}.pin-indicator{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary);font-style:italic}.add-user-card{border:2px dashed rgba(255,255,255,.5);background:#ffffff1a}.add-user-card:hover{border-color:#fffc;background:#fff3}.add-icon{background:#fff3;color:#fff;border:2px dashed rgba(255,255,255,.5)}.pin-input-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center}.pin-user-info{margin-bottom:3rem}.pin-avatar{font-size:5rem;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.5)}.pin-user-info h3{color:#fff;font-size:2rem;margin-bottom:.5rem}.pin-user-info p{color:#fffc;font-size:1.2rem}.pin-input-container{margin-bottom:2rem}.pin-input{padding:var(--spacing-6) var(--spacing-8);font-size:1.8rem;border:none;border-radius:15px;background:#ffffffe6;text-align:center;letter-spacing:.5rem;width:250px;outline:none;box-shadow:0 8px 32px #0000001a}.pin-buttons{display:flex;gap:1rem;justify-content:center}.pin-btn{padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px}.cancel-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cancel-btn:hover{background:#ffffff4d}.submit-btn{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700))}.submit-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.new-user-form{max-width:500px;margin:0 auto;padding:3rem 2rem;background:#ffffffe6;border-radius:20px;box-shadow:0 16px 48px #0000001a;backdrop-filter:blur(10px)}.new-user-form h3{text-align:center;color:var(--text-primary);font-size:2rem;margin-bottom:2rem}.new-user-form .form-group{margin-bottom:1.5rem}.new-user-form .form-group label{display:block;margin-bottom:.5rem;font-weight:var(--font-semibold);color:var(--text-primary);font-size:1.1rem}.new-user-form .form-input{width:100%;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;outline:none;transition:all .2s ease}.new-user-form .form-input:focus{border-color:var(--color-auth-purple);box-shadow:0 0 0 3px #667eea1a}.form-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.form-btn{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px}.kiosk-page .no-users-message,.kiosk-page .empty-state{text-align:center;padding:3rem 2rem;color:#fff}.kiosk-page .no-users-message h3,.kiosk-page .empty-state h3{font-size:2rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.kiosk-page .no-users-message p,.kiosk-page .empty-state p{font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6}.add-user-btn{padding:1rem 2rem;font-size:1.2rem;background:#fff3;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.add-user-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.user-card{padding:1.5rem 1rem;min-height:180px}.user-avatar-large{width:80px;height:80px;font-size:3rem}.user-info h4{font-size:1.2rem}.search-input{padding:1rem 1.5rem;font-size:1rem}.pin-avatar{width:100px;height:100px;font-size:4rem}.pin-input{width:200px;font-size:1.5rem;padding:1rem 1.5rem}.new-user-form{margin:0 1rem;padding:2rem 1.5rem}}@media(min-width:1200px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-avatar-large{width:120px;height:120px;font-size:5rem}.user-info h4{font-size:1.6rem}.user-department{font-size:1.1rem}}.import-wizard-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.import-wizard{background:var(--bg-primary, #fff);border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.wizard-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;color:var(--text-primary, #111827)}.wizard-header .close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:.25rem;border-radius:4px}.wizard-header .close-btn:hover{background:var(--bg-secondary, #f3f4f6)}.wizard-progress{display:flex;padding:1rem 1.5rem;gap:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.progress-step{display:flex;align-items:center;gap:.5rem;flex:1;opacity:.4}.progress-step.active{opacity:1}.progress-step.done{opacity:.7}.step-number{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary, #e5e7eb);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280)}.progress-step.active .step-number{background:var(--accent-color, #3b82f6);color:#fff}.progress-step.done .step-number{background:#22c55e;color:#fff}.step-name{font-size:.8rem;color:var(--text-secondary, #6b7280)}.progress-step.active .step-name{color:var(--text-primary, #111827);font-weight:500}.wizard-body{flex:1;overflow-y:auto;padding:1.5rem}.wizard-step h3{margin:0 0 .25rem;color:var(--text-primary, #111827)}.step-description{color:var(--text-secondary, #6b7280);margin:0 0 1.5rem;font-size:.9rem}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.provider-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-primary, #fff);cursor:pointer;transition:all .2s;text-align:center}.provider-card:hover{border-color:var(--accent-color, #3b82f6);background:var(--bg-secondary, #f9fafb)}.provider-card.selected{border-color:var(--accent-color, #3b82f6);background:#3b82f60d;box-shadow:0 0 0 3px #3b82f626}.provider-icon{font-size:2rem}.provider-name{font-weight:600;color:var(--text-primary, #111827)}.provider-desc{font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4}.history-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--accent-color, #3b82f6);font-size:.85rem;padding:.5rem 0}.import-history{margin-top:1rem;overflow-x:auto}.import-history table{width:100%;border-collapse:collapse;font-size:.85rem}.import-history th,.import-history td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #e5e7eb)}.import-history th{font-weight:600;color:var(--text-secondary, #6b7280)}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.status-completed{background:#dcfce7;color:#166534}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-partiallycompleted{background:#fef3c7;color:#92400e}.status-badge.status-inprogress{background:#dbeafe;color:#1d4ed8}.failed-count{color:#dc2626;font-size:.8rem}.config-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-weight:500;font-size:.85rem;color:var(--text-primary, #111827)}.form-group input,.form-group select{padding:.6rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.9rem;background:var(--bg-primary, #fff);color:var(--text-primary, #111827)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-hint{font-size:.8rem;color:var(--text-secondary, #6b7280)}.form-hint a{color:var(--accent-color, #3b82f6);text-decoration:none}.form-hint a:hover{text-decoration:underline}.connection-success{display:flex;gap:.75rem;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.connection-success strong{display:block;margin-bottom:.25rem}.connection-success p{margin:0;font-size:.85rem}.item-types{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.type-badge{display:inline-block;padding:.15rem .5rem;background:var(--bg-secondary, #f3f4f6);border-radius:4px;font-size:.8rem}.connection-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.9rem}.config-actions{display:flex;gap:.75rem}.validate-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:1px solid var(--accent-color, #3b82f6);border-radius:6px;background:transparent;color:var(--accent-color, #3b82f6);cursor:pointer;font-size:.9rem}.validate-btn:hover:not(:disabled){background:#3b82f60d}.validate-btn:disabled{opacity:.5;cursor:not-allowed}.preview-summary{display:flex;gap:1.5rem;margin-bottom:1.5rem}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:var(--bg-secondary, #f3f4f6);border-radius:8px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827)}.stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280)}.preview-warnings{display:flex;gap:.75rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;color:#92400e;margin-bottom:1.5rem;font-size:.9rem}.preview-warnings p{margin:.25rem 0}.preview-table-container h4{margin:0 0 .75rem;color:var(--text-primary, #111827)}.preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.preview-table th,.preview-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #e5e7eb)}.preview-table th{font-weight:600;color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f9fafb)}.preview-title{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-mapping{font-size:.8rem;color:var(--text-secondary, #6b7280)}.importing-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.importing-step h3{margin-top:1rem}.import-progress-info{color:var(--text-secondary, #6b7280);font-size:.9rem}.complete-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.success-icon{color:#22c55e}.warning-icon{color:#f59e0b}.error-icon{color:#ef4444}.import-errors{width:100%;margin-top:1.5rem;text-align:left}.import-errors h4{margin:0 0 .5rem;color:#991b1b}.error-list{max-height:200px;overflow-y:auto;background:#fef2f2;border-radius:8px;padding:.75rem 1rem}.error-item{margin:.25rem 0;font-size:.85rem;color:#991b1b}.error-more{margin:.5rem 0 0;color:#6b7280;font-style:italic;font-size:.85rem}.wizard-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.wizard-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:none}.wizard-btn.primary{background:var(--accent-color, #3b82f6);color:#fff}.wizard-btn.primary:hover:not(:disabled){background:#2563eb}.wizard-btn.primary:disabled{opacity:.5;cursor:not-allowed}.wizard-btn.secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151)}.wizard-btn.secondary:hover{background:#e5e7eb}.spinning{animation:spin 1s linear infinite}@media(max-width:640px){.provider-grid{grid-template-columns:1fr}.wizard-progress{gap:.25rem}.step-name{display:none}}.multi-select-dropdown{position:relative;width:100%}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .15s ease;gap:8px}.multi-select-trigger:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--bg-secondary)}.multi-select-trigger:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.multi-select-trigger:disabled{opacity:.5;cursor:not-allowed}.multi-select-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-caret{flex-shrink:0;color:var(--text-tertiary);transition:transform .2s ease}.multi-select-caret.open{transform:rotate(180deg)}.multi-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:280px;overflow-y:auto;z-index:1000;padding:4px}.multi-select-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background-color .15s ease;gap:10px;user-select:none}.multi-select-option:hover{background:var(--bg-tertiary)}.multi-select-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:4px;background:var(--bg-primary);transition:all .15s ease;flex-shrink:0;color:#fff}.multi-select-option input[type=checkbox]:checked+.checkbox-custom{background:var(--color-primary-500);border-color:var(--color-primary-500)}.multi-select-option:hover .checkbox-custom{border-color:var(--color-primary-500)}.option-label{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-empty{padding:16px;text-align:center;color:var(--text-disabled);font-size:14px}.multi-select-menu::-webkit-scrollbar{width:8px}.multi-select-menu::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.multi-select-menu::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.multi-select-menu::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.project-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:300px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:var(--shadow-md);z-index:1000;display:flex;flex-direction:column;max-height:400px}.project-dropdown-header{padding:var(--spacing-2);border-bottom:1px solid var(--border-primary)}.project-search{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:4px;font-size:14px;outline:none;color:var(--text-primary);background:var(--bg-primary)}.project-search:focus{border-color:var(--color-primary-500)}.project-search::placeholder{color:var(--text-disabled)}.project-dropdown-list{overflow-y:auto;max-height:350px}.project-dropdown-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s}.project-dropdown-item:hover{background-color:var(--bg-secondary)}.project-dropdown-item.selected{background-color:var(--color-primary-50)}.project-dropdown-item.no-project{border-bottom:1px solid var(--border-primary)}.project-item-content{display:flex;align-items:center;gap:10px}.project-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.project-name{font-size:14px;color:var(--text-primary)}.check-icon{color:var(--color-primary-500);flex-shrink:0}.project-dropdown-empty{padding:24px;text-align:center;color:var(--text-tertiary)}.project-dropdown-empty p{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-primary)}.project-dropdown-empty span{font-size:13px;color:var(--text-disabled)}.tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;z-index:1000}.tag-dropdown-header{padding:var(--spacing-3);border-bottom:1px solid var(--border-primary)}.tag-search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;transition:border-color .2s}.tag-search-input:focus{border-color:var(--border-focus)}.tag-dropdown-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.clear-tags-btn{background:none;border:none;color:var(--color-primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--spacing-1) 0;transition:color .2s}.clear-tags-btn:hover{color:var(--color-primary-700)}.save-tags-btn{background:var(--color-primary-500);border:none;color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);transition:background-color .2s}.save-tags-btn:hover{background:var(--color-primary-600)}.tag-dropdown-list{max-height:400px;overflow-y:auto}.tag-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-primary)}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-item:hover{background-color:var(--bg-hover)}.tag-dropdown-item.selected{background-color:var(--color-primary-50)}.tag-checkbox{width:18px;height:18px;border:2px solid var(--border-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.tag-dropdown-item.selected .tag-checkbox{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.tag-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tag-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);flex:1}.tag-scope,.tag-scope-org{font-size:.75rem;color:var(--text-tertiary);font-weight:400;margin-left:.25rem}.tag-scope{color:var(--color-primary-600)}.tag-dropdown-empty{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.tag-dropdown-list::-webkit-scrollbar{width:6px}.tag-dropdown-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.tag-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.tag-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.team-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);width:100%;max-width:100vw;box-sizing:border-box}.user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-weight:var(--font-semibold);font-size:var(--text-base);flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-tabs{display:flex;gap:var(--spacing-1);background:var(--bg-secondary);padding:var(--spacing-1);border-radius:var(--radius-md)}.tab-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.team-content{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-primary)}.team-dashboard{padding:var(--spacing-8)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.stat-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--spacing-8);display:flex;align-items:center;gap:var(--spacing-6);transition:var(--transition-all)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stat-icon{padding:var(--spacing-4);border-radius:var(--radius-2xl);background:var(--gradient-primary);color:var(--text-white);display:flex;align-items:center;justify-content:center}.stat-content .stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.stat-content .stat-label{font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.stat-content .stat-sub{font-size:var(--text-sm);color:var(--text-tertiary)}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.dashboard-section{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-6);border:1px solid var(--border-primary)}.dashboard-section.full-width{grid-column:1 / -1}.dashboard-section h3{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-6) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.project-info{flex:1;min-width:0}.project-name{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.progress-bar{height:100%;background:var(--gradient-primary);transition:var(--transition-slow)}.recent-activities{display:flex;flex-direction:column;gap:var(--spacing-3)}.activity-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.activity-avatar{width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.activity-content{flex:1}.member-name{font-weight:var(--font-semibold);color:var(--text-primary)}.activity-text{color:var(--text-secondary)}.project-context{color:var(--color-primary-500);font-weight:var(--font-medium)}.activity-time{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.members-section{padding:var(--spacing-8)}.members-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);gap:var(--spacing-4)}.members-header-content{flex:1}.members-header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;margin-bottom:var(--spacing-1)}.project-context{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:var(--font-normal)}.project-context strong{color:var(--text-primary);font-weight:var(--font-semibold)}.members-actions{display:flex;align-items:center;gap:var(--spacing-3)}.refresh-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);font-size:var(--text-sm)}.refresh-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button .spinner{animation:spin 1s linear infinite}.add-member-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary)}.add-member-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.team-member-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden;transition:var(--transition-all)}.team-member-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.team-member-card.inactive{opacity:.7;border-color:var(--border-secondary)}.member-header{padding:var(--spacing-6);display:flex;gap:var(--spacing-4);border-bottom:1px solid var(--bg-secondary)}.member-avatar{position:relative;width:3.5rem;height:3.5rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-weight:var(--font-bold);font-size:1.4rem;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-2)}.inactive-badge{padding:var(--spacing-0-5) var(--spacing-2);background:var(--color-error-500);color:var(--text-white);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.member-role{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.member-actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.edit-button{padding:var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.edit-button:hover{background:var(--bg-secondary);color:var(--color-primary-600)}.status-indicator{width:var(--spacing-2);height:var(--spacing-2);border-radius:50%}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-8) 0 var(--spacing-8);margin-bottom:var(--spacing-8)}.modal-header h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.close-button{padding:var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-6)}.form-group label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-all);box-sizing:border-box;color:var(--text-primary);background:var(--bg-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.form-group input.error,.form-group select.error{border-color:var(--color-error-500)}.error-message{color:var(--color-error-600);font-size:var(--text-xs);margin-top:var(--spacing-1);display:block}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-normal);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0;accent-color:var(--color-checkbox)}.form-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary)}.cancel-button,.remove-button,.submit-button{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.cancel-button{background:var(--bg-secondary);color:var(--text-primary)}.cancel-button:hover{background:var(--bg-tertiary)}.remove-button{background:var(--color-error-50);color:var(--color-error-700)}.remove-button:hover{background:var(--color-error-100)}.submit-button{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.submit-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.create-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary)}.create-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.create-button:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary)}.activity-section{padding:var(--spacing-8)}.activity-section h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-8) 0}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-feed .activity-item{padding:var(--spacing-6);margin:0}.activity-description{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.settings-section{padding:var(--spacing-6);display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--bg-primary);border:none;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.settings-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-secondary);border-bottom:none}.settings-card-header svg{color:var(--color-primary-500)}.settings-card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.settings-card-content{padding:16px 20px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-tertiary)}.settings-row:last-child{border-bottom:none}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-primary);border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{background:var(--bg-secondary);color:var(--color-primary-500);box-shadow:0 2px 4px #00000014}.settings-card-header .form-select{padding:8px 32px 8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-primary);cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000000d}.settings-card-header .form-select:hover{background-color:var(--bg-secondary);box-shadow:0 2px 4px #00000014}.settings-card-header .form-select:focus{outline:none;background-color:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61a}.settings-card-header .btn-secondary{padding:8px 16px;font-weight:600;white-space:nowrap;border:none;box-shadow:0 1px 3px #0000000d}.settings-card-header .btn-secondary:hover{box-shadow:0 2px 4px #00000014}.settings-card-header .btn-secondary svg{flex-shrink:0}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;min-width:70px;justify-content:center}.role-badge.owner{background:#fee2e2;color:#dc2626}.role-badge.admin{background:#fef3c7;color:#b45309}.role-badge.member{background:#dbeafe;color:#1d4ed8}.role-desc{font-size:13px;color:#6b7280}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--spacing-4);opacity:.5}.empty-state p{margin:0;font-size:var(--text-base)}@media(max-width:768px){.team-page{padding:var(--spacing-4)}.team-page .page-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.header-content{justify-content:center}.dashboard-stats,.dashboard-content{grid-template-columns:1fr}.team-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px}.settings-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);gap:var(--spacing-4)}.project-switcher-container{flex-shrink:0;min-width:200px}.dashboard-project-switcher{width:100%}.dashboard-project-switcher .org-switcher-toggle{width:100%;min-height:60px;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-sm)}.dashboard-project-switcher .org-switcher-toggle:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.dashboard-header .team-info h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.dashboard-header .team-info p{font-size:var(--text-lg);color:var(--text-secondary)}.dashboard-actions{display:flex;gap:var(--spacing-3)}.add-member-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.add-member-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.recent-members{display:flex;flex-direction:column;gap:var(--spacing-3)}.member-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.member-avatar.large{width:3rem;height:3rem;font-size:var(--text-lg)}.member-role{font-size:var(--text-sm);color:var(--text-secondary)}.member-status{margin-left:auto}.status-active{color:var(--color-success-500)}.empty-members{padding:var(--spacing-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.empty-members p{margin:0;opacity:.8}.status-inactive{width:16px;height:16px;border-radius:50%;background:var(--color-gray-300)}.team-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.tm-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.tm-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000000f}.tm-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.tm-avatar{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0}.tm-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.tm-status.online{background:#10b981}.tm-status.offline{background:#9ca3af}.tm-info{flex:1;min-width:0}.tm-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-info p{font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-top:1px solid #f3f4f6}.tm-role{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;flex-shrink:0}.tm-role.admin{background:#fef3c7;color:#b45309}.tm-role.member{background:#dbeafe;color:#1d4ed8}.tm-role.owner{background:#fee2e2;color:#dc2626}.tm-role-select{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;flex-shrink:0;border:1px solid #d1d5db;background:#dbeafe;color:#1d4ed8;cursor:pointer;outline:none}.tm-role-select:hover{border-color:#93c5fd}.tm-role-select:disabled{opacity:.6;cursor:wait}.tm-stats{display:flex;align-items:center;gap:12px}.tm-stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;white-space:nowrap}.tm-stat svg{color:#9ca3af;width:14px;height:14px}.no-team-selected,.no-organization,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;color:var(--text-secondary)}.no-team-selected svg,.no-organization svg,.empty-state svg{color:var(--color-primary-300);margin-bottom:var(--spacing-6)}.no-team-selected h3,.no-organization h3,.empty-state h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.no-team-selected p,.no-organization p,.empty-state p{font-size:var(--text-lg);max-width:400px}.team-sk-card{pointer-events:none}.team-sk-block{border-radius:6px;border:1px solid var(--border-primary, #e5e7eb);background:linear-gradient(90deg,var(--bg-secondary, #f3f4f6) 0%,var(--bg-tertiary, #e5e7eb) 50%,var(--bg-secondary, #f3f4f6) 100%);background-size:200% 100%;animation:team-shimmer 1.1s ease-in-out infinite}.team-sk-icon{width:48px;height:48px;border-radius:var(--radius-2xl, 12px);flex-shrink:0}.team-sk-value{width:60px;height:28px;margin-bottom:6px}.team-sk-label{width:100px;height:14px;margin-bottom:4px}.team-sk-sub{width:70px;height:12px}.team-sk-section-title{width:140px;height:18px;margin-bottom:16px}.team-sk-member-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary, #fff);border-radius:var(--radius-xl, 10px);border:1px solid var(--border-primary, #e5e7eb);margin-bottom:8px}.team-sk-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.team-sk-name{width:120px;height:14px;margin-bottom:6px}.team-sk-email{width:170px;height:12px;margin-bottom:6px}.team-sk-badge{width:56px;height:22px;border-radius:12px}@keyframes team-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}.loading-container .animate-spin{animation:spin 1s linear infinite;color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.count{background:var(--color-primary-100);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:var(--spacing-2)}.sent-invitations-section{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.sent-invitations-section .section-title{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.loading-invitations{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--text-secondary)}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px}.invitation-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000000f}.invitation-card.status-pending{border-left:3px solid #f59e0b}.invitation-card.status-accepted{border-left:3px solid #10b981;opacity:.7}.invitation-card.status-rejected{border-left:3px solid #ef4444;opacity:.7}.invitation-header{display:flex;align-items:center;gap:12px;flex:1;margin:0}.invitation-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.invitation-card.status-pending .invitation-avatar{background:#f59e0b}.invitation-card.status-accepted .invitation-avatar{background:#10b981}.invitation-card.status-rejected .invitation-avatar{background:#ef4444}.invitation-details{flex:1;min-width:0}.invitation-details h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-project{font-size:13px;color:#6b7280;margin:0}.invitation-status{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.invitation-status.pending{background:var(--color-warning-100);color:var(--color-warning-700)}.invitation-status.accepted{background:var(--color-success-100);color:var(--color-success-700)}.invitation-status.rejected{background:var(--color-danger-100);color:var(--color-danger-700)}.invitation-info{padding-left:calc(3rem + var(--spacing-3))}.invitation-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center;margin-bottom:var(--spacing-2);font-size:var(--text-xs);color:var(--text-secondary)}.invitation-date,.invitation-expires{display:flex;align-items:center;gap:var(--spacing-1)}.invitation-message{margin:var(--spacing-2) 0 0 0;padding:var(--spacing-2);background:var(--bg-secondary);border-left:3px solid var(--color-primary-400);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.team-members-list{display:flex;flex-direction:column;gap:6px}.member-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.member-card:hover{border-color:#3b82f6;background:#fff;box-shadow:0 1px 4px #0000000d}.member-card .member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.member-card .member-details{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-card .member-details h4{font-size:14px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card .member-details p{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card .member-details .role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;margin:0}.member-card .member-status{flex-shrink:0}.member-card .status-active{display:inline-block;padding:3px 10px;background:#d1fae5;color:#065f46;border-radius:10px;font-size:11px;font-weight:600}.member-card .status-inactive{display:inline-block;padding:3px 10px;background:#fee2e2;color:#991b1b;border-radius:10px;font-size:11px;font-weight:600}.btn-icon{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#3b82f6}.btn-icon.btn-danger{color:#dc2626}.btn-icon.btn-danger:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.projects-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.add-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-xl);font-weight:var(--font-bold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary);transform:translateY(0)}.add-button:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.add-button:active{transform:translateY(0);box-shadow:var(--shadow-primary)}.empty-state{text-align:center;padding:var(--spacing-24) var(--spacing-12);background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500),var(--color-warning-500))}.empty-state h3{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.empty-state h3:before{content:"🎯";display:block;font-size:var(--text-6xl);margin-bottom:var(--spacing-4)}.empty-state p{color:var(--text-secondary);margin:0 0 var(--spacing-12) 0;font-size:var(--text-xl);line-height:var(--leading-relaxed)}.create-first-button{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-1) var(--spacing-4);justify-content:center;background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:calc(var(--text-xs) * 1.5);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary-lg);transform:translateY(0)}.create-first-button__content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-3);padding:8px 0}.create-first-button__icon{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;font-size:1.5em;line-height:1}.create-first-button__text{display:flex;align-items:center;line-height:1;padding-right:var(--spacing-2)}.create-first-button:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);transform:translateY(-3px);box-shadow:0 10px 30px #3b82f680}.create-first-button:active{transform:translateY(-1px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.proj-card-skeleton{pointer-events:none}.proj-card-skeleton .skeleton-block{border-radius:6px;border:1px solid var(--color-border, #e5e7eb);background:linear-gradient(90deg,var(--color-background, #f3f4f6) 0%,var(--color-background-hover, #e5e7eb) 50%,var(--color-background, #f3f4f6) 100%);background-size:200% 100%;animation:proj-shimmer 1.1s ease-in-out infinite}.proj-sk-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0}.proj-sk-name{width:120px;height:15px;margin-bottom:6px}.proj-sk-desc{width:180px;height:12px}.proj-sk-stat{width:64px;height:18px;border-radius:12px}.proj-sk-date{width:90px;height:14px}@keyframes proj-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.proj-card{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.proj-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000000f}.proj-header{display:flex;align-items:center;padding:14px 16px;gap:12px}.proj-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.proj-badge span{color:#fff;font-weight:600;font-size:14px}.proj-info{flex:1;min-width:0}.proj-name{font-size:15px;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.proj-desc{font-size:13px;color:#6b7280;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.proj-card:hover .proj-actions{opacity:1}.proj-btn{width:30px;height:30px;padding:0;border:none;border-radius:6px;cursor:pointer;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center}.proj-btn:hover{background:#dbeafe;color:#2563eb}.proj-btn.delete:hover{background:#fee2e2;color:#dc2626}.proj-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-top:1px solid #f3f4f6}.proj-stats{display:flex;align-items:center;gap:14px}.proj-stat{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280}.proj-stat svg{width:14px;height:14px}.proj-stat.active{color:#059669}.proj-stat.active svg{color:#10b981}.proj-stat.inactive{color:#dc2626}.proj-stat.inactive svg{color:#ef4444}.proj-stat.status-toggle:hover{background-color:#f3f4f6;transform:scale(1.05)}.proj-stat.status-toggle.active:hover{background-color:#ecfdf5}.proj-stat.status-toggle.inactive:hover{background-color:#fef2f2}.proj-date{display:inline-flex;align-items:center;gap:5px;color:#9ca3af;font-size:12px}.proj-date svg{width:13px;height:13px}.status-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:default;margin-bottom:0}.status-toggle-wrapper{display:flex;align-items:center;gap:12px}.status-toggle-text{font-size:14px;font-weight:600;min-width:60px;text-align:right}.status-toggle-text.active{color:#10b981}.status-toggle-text.inactive{color:#ef4444}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;margin:8px 0 0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:all .3s ease;border-radius:34px;border:2px solid #d1d5db}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#10b981;border-color:#059669}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.add-tag-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:100px;flex-shrink:0;box-shadow:0 2px 4px #3b82f633}.add-tag-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.add-tag-button:active:not(:disabled){transform:translateY(0)}.add-tag-button:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8;box-shadow:none}@keyframes tagFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.form-hint{margin-top:0;font-size:13px;color:#64748b;font-style:italic}@media(max-width:768px){.projects-page{padding:var(--spacing-4)}.page-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.projects-grid{grid-template-columns:1fr}.project-header{flex-direction:column;gap:var(--spacing-4)}.empty-state{padding:var(--spacing-16) var(--spacing-6)}.empty-state h3{font-size:var(--text-3xl)}.empty-state p{font-size:var(--text-lg)}}.calendar-page{padding:var(--spacing-8);width:100%;max-width:100vw;height:100vh;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box}.calendar-filters{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6);display:flex;flex-wrap:wrap;gap:var(--spacing-8);align-items:center;border:1px solid var(--border-primary)}.calendar-filters .project-filter{display:flex;align-items:center;gap:var(--spacing-4)}.calendar-filters .project-filter label{font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;white-space:nowrap}.calendar-filters .project-filter-select{min-width:200px;max-width:280px}.calendar-sync-btn{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-primary-400);border-radius:var(--radius-lg);background:var(--color-primary-100);color:var(--color-primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.calendar-sync-btn:hover{background:var(--color-primary-200, var(--color-primary-100));box-shadow:var(--shadow-sm)}.calendar-container{flex:1;background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);overflow:auto;border:1px solid var(--border-primary)}.rbc-calendar{height:100%}.rbc-header{background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-semibold);padding:var(--spacing-4) var(--spacing-2);border-bottom:2px solid var(--border-primary)}.rbc-month-view{border:1px solid var(--border-primary);border-radius:var(--radius-md)}.rbc-row{position:relative}.rbc-month-row{min-height:120px}.rbc-row-content{position:relative}.rbc-row-segment{padding:2px}.rbc-day-bg{flex:1 0 0%}.rbc-date-cell{padding:var(--spacing-2);text-align:right;min-height:28px}.rbc-date-cell button{color:var(--text-primary);font-weight:var(--font-medium);min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.rbc-today{background:var(--color-primary-50)}.calendar-today .rbc-date-cell button{background:var(--color-primary-500);color:var(--text-white);border-radius:50%;width:2rem;height:2rem}.rbc-off-range-bg{background:var(--bg-secondary)}.rbc-off-range .rbc-date-cell button{color:var(--border-secondary)}.rbc-event{border-radius:var(--radius-sm);border:none;font-size:.75rem;font-weight:var(--font-medium);padding:4px 8px;margin:2px;min-height:26px;line-height:1.3;display:block}.calendar-event{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-event-content{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rbc-event:focus-visible,.rbc-event:hover{outline:2px solid var(--color-primary-500);outline-offset:2px!important}.rbc-toolbar{margin-bottom:var(--spacing-4);padding:var(--spacing-4) 0;border-bottom:2px solid var(--bg-secondary)}.rbc-toolbar button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:var(--font-medium);transition:var(--transition-all)}.rbc-toolbar button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--text-white)}.rbc-toolbar-label{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 var(--spacing-4)}.rbc-time-view{border:1px solid var(--border-primary);border-radius:var(--radius-md)}.rbc-time-header{border-bottom:2px solid var(--border-primary)}.rbc-time-content{border-top:none}.rbc-timeslot-group{border-bottom:1px solid var(--bg-secondary)}.rbc-time-slot{border-top:1px solid var(--bg-secondary)}.rbc-current-time-indicator{background-color:var(--color-error-500);height:2px}.rbc-overlay{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:var(--spacing-4);max-height:450px;min-width:280px;overflow-y:auto;z-index:var(--z-popover, 1000);scrollbar-width:thin!important;scrollbar-color:var(--border-secondary) var(--bg-secondary)!important}.rbc-overlay::-webkit-scrollbar{width:6px}.rbc-overlay::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.rbc-overlay::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.rbc-overlay::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.rbc-overlay-header{border-bottom:2px solid var(--border-primary);padding:var(--spacing-3) var(--spacing-2);margin-bottom:var(--spacing-3);font-weight:var(--font-bold);font-size:var(--text-base);color:var(--text-primary);position:sticky;top:0;background:var(--bg-primary);z-index:1}.rbc-show-more{color:var(--color-primary-600);background:var(--color-primary-alpha-10);border:1px solid var(--color-primary-200);padding:4px 8px;margin:2px;font-size:.7rem;font-weight:var(--font-semibold);cursor:pointer;text-align:center;width:calc(100% - 4px);border-radius:var(--radius-sm);transition:var(--transition-fast);display:block;box-shadow:var(--shadow-sm);position:relative;z-index:2;min-height:26px;line-height:18px}.rbc-show-more:hover{background:var(--color-primary-500);color:var(--text-white);border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:var(--shadow-md)}.rbc-overlay .rbc-event{padding:var(--spacing-3);margin-bottom:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid rgba(255,255,255,.2)}.rbc-overlay .rbc-event:hover{transform:translate(4px);box-shadow:var(--shadow-md);opacity:.9}.rbc-overlay .rbc-event:last-child{margin-bottom:0}.rbc-overlay .calendar-event-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.rbc-overlay .event-title{font-size:.875rem;font-weight:var(--font-semibold);white-space:normal;line-height:1.4}.rbc-overlay .event-duration,.rbc-overlay .event-project,.rbc-overlay .event-billable{font-size:.75rem;opacity:.95}.event-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);min-width:200px}.event-tooltip h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-base)}.event-tooltip p{margin:var(--spacing-1) 0;color:var(--text-secondary);font-size:var(--text-sm)}.event-tooltip button{margin-top:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all)}.event-tooltip button:hover{background:var(--bg-tertiary)}.rbc-addons-dnd .rbc-addons-dnd-over{background-color:var(--color-primary-alpha-10);border:2px dashed var(--color-primary-500)}.rbc-addons-dnd .rbc-addons-dnd-drag-preview{opacity:.7;transform:rotate(3deg);box-shadow:var(--shadow-2xl)}.rbc-addons-dnd .rbc-event.rbc-addons-dnd-dragging{opacity:.3}.rbc-addons-dnd .rbc-event.rbc-addons-dnd-drag-source{cursor:move}.rbc-addons-dnd .rbc-event.rbc-addons-dnd-resize-ns-anchor,.rbc-addons-dnd .rbc-event.rbc-addons-dnd-resize-ew-anchor{cursor:col-resize}.rbc-addons-dnd .rbc-event:hover{cursor:grab}.rbc-addons-dnd .rbc-event:active{cursor:grabbing}.rbc-addons-dnd .rbc-addons-dnd-resize-anchor{background:var(--color-primary-500);border:1px solid var(--text-white);width:6px;height:6px;border-radius:50%}.rbc-addons-dnd .rbc-addons-dnd-resize-anchor:hover{background:var(--color-primary-600);transform:scale(1.2)}.rbc-day-slot.rbc-addons-dnd-drop-target{background-color:var(--color-primary-alpha-10);transition:var(--transition-base)}.rbc-event-content{pointer-events:none}.rbc-event.rbc-addons-dnd-dragging .rbc-event-content{opacity:.5}.calendar-sync-toggle-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.calendar-sync-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.calendar-sync-toggle-btn.active{background:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-600)}.cs-spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.calendar-synced-content{display:flex;align-items:center;gap:4px}.synced-event-indicator{font-size:8px;opacity:.7;flex-shrink:0}.event-duration-text{font-size:.65rem;opacity:.7;flex-shrink:0}.synced-event-removed{color:var(--color-error-500);font-size:10px;font-weight:var(--font-bold);flex-shrink:0}.synced-event-linked{color:var(--color-success-500, #22c55e);font-size:10px;font-weight:var(--font-bold);flex-shrink:0}.calendar-synced-deleted{opacity:.5}@media(max-width:768px){.calendar-page{padding:var(--spacing-4);overflow-x:auto}.calendar-container{padding:var(--spacing-4);min-width:600px}.rbc-toolbar{flex-direction:column;gap:var(--spacing-4)}.rbc-btn-group{display:flex;justify-content:center}.event-tooltip{position:fixed;left:var(--spacing-4);right:var(--spacing-4);top:50%;transform:translateY(-50%);max-width:none}.rbc-addons-dnd .rbc-event{touch-action:manipulation}.rbc-addons-dnd .rbc-addons-dnd-resize-anchor{width:10px;height:10px}.rbc-month-row{min-height:110px}.rbc-event{min-height:24px;font-size:.7rem;padding:3px 6px}.rbc-show-more{font-size:.65rem;padding:3px 6px;min-height:24px;line-height:16px}.rbc-overlay{max-height:70vh;min-width:240px;max-width:90vw}}.settings-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);width:100%;max-width:100vw;box-sizing:border-box}.reset-button,.save-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.reset-button{background:var(--bg-secondary);color:var(--text-primary)}.reset-button:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.save-button{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.save-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-8);height:calc(100vh - 200px)}.settings-sidebar{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden}.settings-nav{display:flex;flex-direction:column;padding:var(--spacing-4)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-xl);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);text-align:left;margin-bottom:var(--spacing-1)}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.settings-main{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow-y:auto;padding:var(--spacing-8)}.settings-content{max-width:600px}.settings-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--border-primary)}.settings-content h3:not(:first-child){margin-top:var(--spacing-8)}.settings-group{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.settings-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.settings-field label{font-weight:var(--font-medium);color:var(--text-primary)}.settings-field input,.settings-field select{padding:var(--spacing-3);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-all);background:var(--bg-primary);color:var(--text-primary)}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;cursor:pointer;width:100%}.select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-3);font-weight:var(--font-normal);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:var(--transition-all)}.checkbox-label:hover{background:var(--bg-secondary)}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-checkbox)}.color-picker{width:48px;height:40px;border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;appearance:none}.color-picker::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:var(--radius-md)}.color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}.privacy-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);margin:var(--spacing-6) 0}.privacy-info p{margin:0 0 var(--spacing-3) 0;color:var(--text-primary);line-height:var(--leading-relaxed)}.privacy-info p:last-child{margin-bottom:0}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-primary)}.info-item:last-child{border-bottom:none}.info-item span:first-child{font-weight:var(--font-medium);color:var(--text-primary)}.info-item span:last-child{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-sm);color:var(--text-secondary)}.success-notification{position:fixed;top:var(--spacing-8);right:var(--spacing-8);background:var(--color-success-500);color:var(--text-white);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-success-lg);font-weight:var(--font-medium);z-index:var(--z-modal);animation:slideIn var(--duration-300) var(--ease-out)}to{transform:translate(0);opacity:1}@media(max-width:768px){.settings-page{padding:var(--spacing-4)}.settings-page .page-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.header-actions{justify-content:center}.settings-container{grid-template-columns:1fr;height:auto}.settings-sidebar{order:2;margin-top:var(--spacing-4)}.settings-nav{flex-direction:row;overflow-x:auto;padding:var(--spacing-2)}.nav-item{white-space:nowrap;min-width:120px;justify-content:center}.settings-main{order:1}.settings-row{grid-template-columns:1fr}.success-notification{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4)}}@media(max-width:480px){.settings-page .page-header h1{font-size:var(--text-3xl)}.header-actions{flex-direction:column}.reset-button,.save-button{width:100%;justify-content:center}.settings-content{padding:0}}.invite-form{margin-bottom:var(--spacing-8)}.invite-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.invite-button:hover{background:var(--color-primary-600);transform:translateY(-1px)}.members-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.member-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-base)}.member-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.member-info{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.member-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xl)}.member-details h4{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.member-details p{margin:var(--spacing-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.member-actions{display:flex;align-items:center;gap:var(--spacing-3)}.owner-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold)}.role-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition-base)}.role-select:hover{border-color:var(--color-primary-300)}.role-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.remove-button{padding:var(--spacing-2);background:transparent;color:var(--color-error-500);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.remove-button:hover{background:var(--color-error-50);color:var(--color-error-600)}.members-list .empty-state{padding:var(--spacing-12);text-align:center;color:var(--text-secondary)}.members-list .empty-state svg{color:var(--text-tertiary);margin-bottom:var(--spacing-4)}.members-list .empty-state p{margin:0;font-size:var(--text-base)}.time-tracker-page{width:100%;min-height:100vh;background-color:var(--color-background);overflow-y:auto}.time-tracker-container{max-width:100%;margin:0 auto;padding:0}.timer-section{margin-bottom:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.period-filters-section{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);max-width:1200px;margin:16px auto;display:flex;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;border:1px solid var(--border-primary)}.period-filters label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-semibold);color:var(--text-primary);font-size:14px}.custom-date-range-inline{display:flex;align-items:center;gap:12px}.filter-button{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap;font-size:13px}.filter-button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.user-filter-section{position:relative;display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.user-filter-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-semibold);color:var(--text-primary);font-size:14px;white-space:nowrap}.user-avatars-filter{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.user-avatar-filter{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:11px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm);position:relative}.user-avatar-filter:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.user-avatar-filter.selected{border-color:#fff;box-shadow:0 0 0 2px var(--color-primary-500)}.clear-user-filter{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:var(--font-bold);flex-shrink:0;margin-left:var(--spacing-2)}.clear-user-filter:hover{background:var(--color-error);color:#fff;border-color:var(--color-error);transform:scale(1.1)}.more-users-button{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:var(--font-semibold);flex-shrink:0}.more-users-button:hover{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:scale(1.05)}.user-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-height:400px;display:flex;flex-direction:column;z-index:1000}.user-filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-primary);font-weight:var(--font-semibold);color:var(--text-primary);font-size:14px}.dropdown-clear-all{background:none;border:none;color:var(--color-primary-500);cursor:pointer;font-size:12px;font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background-color .2s ease}.dropdown-clear-all:hover{background:var(--bg-secondary)}.user-filter-dropdown-list{overflow-y:auto;max-height:320px;padding:var(--spacing-2)}.user-filter-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.user-filter-item:hover{background:var(--bg-secondary)}.user-filter-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-500)}.user-filter-item-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:11px;flex-shrink:0}.user-filter-item-name{flex:1;color:var(--text-primary);font-size:14px;font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--spacing-2)}.you-badge{font-size:11px;color:var(--text-secondary);font-weight:var(--font-normal)}@media(max-width:768px){.date-range-controls{grid-column:1}}.error-message{display:flex;align-items:center;gap:12px;padding:12px 24px;margin:0;background:var(--color-error-bg, #fee);border-bottom:1px solid var(--color-error, #f44);color:var(--color-error, #f44);font-size:14px}.error-message svg{flex-shrink:0}.error-message button{margin-left:auto;background:none;border:none;font-size:20px;color:inherit;cursor:pointer;padding:0 4px}.entries-wrapper{position:relative}.time-entry-list-skeleton{opacity:1}.time-entry-item.skeleton:hover{background:transparent}.skeleton-block,.skeleton-pill,.skeleton-chip,.skeleton-icon{border-radius:6px;border:1px solid var(--color-border);background:linear-gradient(90deg,var(--color-background) 0%,var(--color-background-hover) 50%,var(--color-background) 100%);background-size:200% 100%;animation:shimmer 1.1s ease-in-out infinite}.skeleton-block{height:14px}.skeleton-pill{height:18px;border-radius:var(--radius-sm)}.skeleton-chip{height:24px;border-radius:4px}.skeleton-icon{width:32px;height:32px;border-radius:4px}.sk-desc{width:260px;max-width:32vw}.sk-pill-project{width:74px}.sk-pill-task{width:60px}.sk-pill-tags{width:140px}.sk-time{width:64px}.sk-duration{width:52px}.sk-group-date{width:92px}.sk-total-label{width:44px;height:12px}.sk-total-duration{width:44px}.sk-grand-label{width:90px}.sk-grand-duration{width:64px;height:18px}@keyframes entries-spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state svg{color:var(--color-text-tertiary);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text)}.empty-state p{margin:0;font-size:14px;color:var(--color-text-secondary)}@media(max-width:768px){.period-filters-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-4);margin:12px 16px;padding:var(--spacing-4)}.period-filters{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.filter-buttons{width:100%;flex-wrap:wrap}.filter-button{flex:1;min-width:calc(50% - var(--spacing-1))}.user-filter-section{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.user-avatars-filter{width:100%}.user-avatar-filter,.more-users-button{width:30px;height:30px;font-size:10px}.clear-user-filter{width:26px;height:26px;font-size:12px}.user-filter-dropdown{left:0;right:0;min-width:auto;width:calc(100vw - 32px);margin:0 16px}}.alert-webhooks-page{padding:var(--spacing-4) 0;max-width:100vw;overflow-x:hidden}.webhooks-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.webhooks-section-header h2{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.webhooks-subtitle{margin:var(--spacing-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.alert-webhooks-page .loading-state{display:flex;justify-content:center;padding:var(--spacing-16) 0;color:var(--text-secondary);font-size:var(--text-lg)}.alert-webhooks-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);text-align:center;color:var(--text-secondary)}.alert-webhooks-page .empty-state svg{color:var(--color-primary-300);margin-bottom:var(--spacing-4)}.alert-webhooks-page .empty-state h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--spacing-2)}.alert-webhooks-page .empty-state p{margin-bottom:var(--spacing-6)}.alert-webhooks-page .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4)}.alert-webhooks-page .btn:disabled{opacity:.6;cursor:not-allowed}.alert-webhooks-page .btn-primary{background:var(--gradient-primary);color:#fff}.alert-webhooks-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary)}.alert-webhooks-page .btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.alert-webhooks-page .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.alert-webhooks-page .btn-danger{background:var(--color-error);color:#fff}.alert-webhooks-page .btn-danger:hover:not(:disabled){opacity:.9}.alert-webhooks-page .btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs)}.alert-webhooks-page .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.alert-webhooks-page .btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.alert-webhooks-page .btn-icon--warning:hover{background:#fef3c7;color:#d97706}.webhook-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.webhook-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all .2s}.webhook-card:hover{box-shadow:var(--shadow-lg)}.webhook-card--inactive{opacity:.7;border-style:dashed}.webhook-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.webhook-card__title-row{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.webhook-card__name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.webhook-card__provider{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.status-badge--active{background:#dcfce7;color:#15803d}.status-badge--inactive{background:#f3f4f6;color:#6b7280}.status-toggle{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s}.status-toggle--active{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.status-toggle--active:hover{background:#fef2f2;color:#991b1b;border-color:#fecaca}.status-toggle--inactive{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.status-toggle--inactive:hover{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.webhook-card__details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.webhook-card__detail{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.webhook-card__url,.webhook-card__api-key{margin-bottom:var(--spacing-3)}.url-row,.api-key-row{display:flex;align-items:center;gap:var(--spacing-1);margin-top:4px}.webhook-url,.api-key-value{font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.webhook-card__actions{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border-primary);margin-top:var(--spacing-3)}.regen-key-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.regen-key-dialog{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg, 12px);padding:var(--spacing-5, 24px);max-width:520px;width:90vw;box-shadow:0 8px 32px #0000004d}.regen-key-dialog__title{margin:0 0 var(--spacing-2) 0;font-size:var(--text-lg);color:var(--text-primary)}.regen-key-dialog__warning{margin:0 0 var(--spacing-4, 16px) 0;font-size:var(--text-sm);color:var(--text-warning, #f59e0b)}.regen-key-dialog__key-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4, 16px)}.regen-key-dialog__key{flex:1;min-width:0;font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);word-break:break-all;user-select:all}.regen-key-dialog__close{display:block;margin-left:auto}.webhook-form{padding:var(--spacing-2) 0}.webhook-form .form-group{margin-bottom:var(--spacing-4)}.webhook-form .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-1)}.webhook-form .form-input,.webhook-form .form-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s}.webhook-form .form-input:focus,.webhook-form .form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.webhook-form .form-select:disabled{opacity:.5;cursor:not-allowed}.webhook-form .form-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.panel-footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.deliveries-list{margin-top:var(--spacing-6)}.deliveries-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-primary)}.deliveries-table th{text-align:left;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary)}.deliveries-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.deliveries-table tr:last-child td{border-bottom:none}.delivery-status{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:var(--text-xs)}.delivery-success{color:#15803d}.delivery-failure{color:#dc2626}.delivery-exception{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-error{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dc2626}@media(max-width:768px){.alert-webhooks-page{padding:var(--spacing-4)}.webhook-cards,.webhook-card__details{grid-template-columns:1fr}.deliveries-table{display:block;overflow-x:auto}}.backlog-page{display:flex;flex-direction:column;gap:var(--spacing-4)}.backlog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.backlog-toolbar-left,.backlog-toolbar-right{display:flex;align-items:center;gap:var(--spacing-3)}.backlog-search{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);min-width:240px}.backlog-search input{border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);width:100%}.backlog-search svg{color:var(--text-tertiary);flex-shrink:0}.search-clear{border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:2px;display:flex;align-items:center}.search-clear:hover{color:var(--text-primary)}.filter-toggle-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all .15s;position:relative}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:var(--color-primary-500);color:var(--color-primary-500)}.filter-badge{width:6px;height:6px;border-radius:50%;background:var(--color-primary-500);position:absolute;top:6px;right:6px}.clear-filters-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;background:transparent;cursor:pointer;font-size:var(--text-xs);color:var(--text-tertiary)}.clear-filters-btn:hover{color:var(--color-primary-500)}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary-50);border-radius:var(--radius-md)}.bulk-count{font-size:var(--text-sm);font-weight:500;color:var(--color-primary-600)}.bulk-delete-btn{padding:var(--spacing-1) var(--spacing-2);background:var(--color-error, #ef4444);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:500}.bulk-delete-btn:hover{opacity:.9}.create-workitem-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all .2s}.create-workitem-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.backlog-filters{display:flex;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:140px}.filter-group label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary-500)}.backlog-grid-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);overflow-x:auto}.backlog-loading,.backlog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12) var(--spacing-4);color:var(--text-secondary);text-align:center}.backlog-empty h3{color:var(--text-primary);font-size:var(--text-lg);margin:0}.backlog-empty p{margin:0}.backlog-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.backlog-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:1}.backlog-table th{padding:var(--spacing-3) var(--spacing-3);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;user-select:none;border-bottom:1px solid var(--border-primary)}.backlog-table th:hover{color:var(--text-primary)}.backlog-table th svg{vertical-align:middle;margin-left:var(--spacing-1)}.backlog-row{cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border-primary)}.backlog-row:last-child{border-bottom:none}.backlog-row:hover{background:var(--bg-secondary)}.backlog-row.selected{background:var(--color-primary-50)}.backlog-row td{padding:var(--spacing-3);vertical-align:middle}.col-select{width:40px;text-align:center}.select-all-btn,.select-btn{border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:2px;display:flex;align-items:center;justify-content:center}.select-all-btn:hover,.select-btn:hover{color:var(--color-primary-500)}.col-id{width:100px}.display-id{font-family:monospace;font-weight:500;color:var(--color-primary-500);font-size:var(--text-xs)}.col-title{min-width:200px}.item-title{font-weight:500;color:var(--text-primary)}.item-indicators{display:inline-flex;gap:var(--spacing-2);margin-left:var(--spacing-2)}.indicator{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-tertiary)}.col-type{width:120px}.type-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs)}.col-status{width:100px}.status-badge{display:inline-block;padding:2px var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.status-badge.status-0{background:#e5e7eb;color:#374151}.status-badge.status-1{background:#dbeafe;color:#1d4ed8}.status-badge.status-2{background:#dcfce7;color:#15803d}.status-badge.status-3{background:#f3e8ff;color:#7c3aed}.status-badge.status-4{background:#fef2f2;color:#dc2626}.col-priority{width:90px}.priority-badge{font-size:var(--text-xs);font-weight:600}.col-assignee{width:140px}.assignee-name{color:var(--text-primary)}.unassigned{color:var(--text-tertiary);font-style:italic}.col-sprint{width:120px}.sprint-name{color:var(--text-primary);font-size:var(--text-xs)}.no-sprint{color:var(--text-tertiary)}.col-points{width:70px;text-align:center}.backlog-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;font-size:var(--text-sm)}.pagination-info{color:var(--text-tertiary)}.pagination-controls{display:flex;gap:var(--spacing-1)}.page-btn{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-500)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.page-size-selector select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-secondary)}.reports-page{padding:2rem;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.export-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;width:100%;grid-auto-rows:1fr}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease;border:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden;min-width:0;box-sizing:border-box;min-height:140px}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary-500);opacity:0;transition:opacity .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#00000014}.stat-card:hover:before{opacity:1}.stat-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.875rem;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);color:var(--color-primary-600);flex-shrink:0;box-shadow:0 2px 8px #3b82f626}.stat-icon.billable{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;box-shadow:0 2px 8px #16a34a26}.stat-icon.earnings{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 2px 8px #d9770626}.stat-icon.entries{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777;box-shadow:0 2px 8px #db277726}.stat-icon.average{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1;box-shadow:0 2px 8px #6366f126}.stat-icon.percentage{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;box-shadow:0 2px 8px #05966926}.stat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.stat-value{font-size:clamp(1.25rem,1.5vw + .5rem,1.875rem);font-weight:700;color:#111827;line-height:1.2;letter-spacing:-.02em;word-break:break-word;overflow-wrap:break-word;max-width:100%;hyphens:auto}.stat-label{font-size:.8125rem;color:#6b7280;font-weight:500;line-height:1.4;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-8);background:var(--bg-primary);padding:var(--spacing-2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.tab-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-xl);background:transparent;color:var(--text-secondary);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);flex:1;justify-content:center}.tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active{background:var(--color-primary-500);color:var(--text-white);box-shadow:var(--shadow-primary)}.loading-state .spin{animation:spin 1s linear infinite}.report-content{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-primary)}.empty-report{text-align:center;padding:var(--spacing-16) var(--spacing-8);color:var(--text-secondary)}.empty-report h3{margin:var(--spacing-4) 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--text-xl)}.empty-report p{margin:0;font-size:var(--text-base)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports-page{padding:1rem;max-width:100%}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem;min-height:120px}.stat-icon{width:3rem;height:3rem}.stat-value{font-size:clamp(1.125rem,2vw,1.5rem)}.report-tabs{flex-direction:column;gap:.25rem}.tab-button{justify-content:flex-start}}@media(max-width:600px){.reports-page{padding:.75rem}.stat-card{padding:1rem;min-height:110px}.stat-value{font-size:clamp(1rem,2.5vw,1.25rem)}.stat-label{font-size:.75rem}}.reports-sk-card{pointer-events:none}.reports-sk-block{border-radius:6px;border:1px solid var(--border-primary, #e5e7eb);background:linear-gradient(90deg,var(--bg-secondary, #f3f4f6) 0%,var(--bg-tertiary, #e5e7eb) 50%,var(--bg-secondary, #f3f4f6) 100%);background-size:200% 100%;animation:reports-shimmer 1.1s ease-in-out infinite}.reports-sk-icon{width:3.5rem;height:3.5rem;border-radius:.875rem;flex-shrink:0}.reports-sk-value{width:90px;height:28px;margin-bottom:6px}.reports-sk-label{width:100px;height:14px}.reports-sk-tab{width:80px;height:16px;border:none}.reports-sk-chart-title{width:180px;height:20px;margin-bottom:20px}.reports-sk-chart{width:100%;height:280px;border-radius:var(--radius-lg, 8px)}@keyframes reports-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.repositories-page{padding:var(--space-4, 1rem);max-width:900px;margin:0 auto}.repos-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3, .75rem);margin-bottom:var(--space-6, 1.5rem);flex-wrap:wrap}.repos-header-left{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.repos-title{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-primary, #111827)}.repos-subtitle{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.repos-add-btn{display:flex;align-items:center;gap:var(--space-1, .25rem);white-space:nowrap}.repos-loading{text-align:center;padding:var(--space-8, 2rem);color:var(--color-text-secondary, #6b7280)}.repos-error{padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-radius:var(--radius-md, .375rem);border:1px solid var(--color-danger-border, #fecaca)}.repos-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-12, 3rem) var(--space-4, 1rem);text-align:center;color:var(--color-text-secondary, #9ca3af)}.repos-empty-icon{opacity:.35;color:var(--color-text-secondary, #9ca3af)}.repo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.repo-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, .375rem);padding:var(--space-4, 1rem);transition:box-shadow .15s ease}.repo-card:hover{box-shadow:0 1px 4px #00000014}.repo-card--inactive{opacity:.65}.repo-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2, .5rem);margin-bottom:var(--space-2, .5rem)}.repo-card-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2, .5rem)}.repo-name{font-weight:600;font-size:.9375rem;color:var(--color-text-primary, #111827)}.repo-provider-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap}.repo-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.repo-status--active{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid var(--color-success-border, #bbf7d0)}.repo-status--inactive{background:var(--color-neutral-bg, #f9fafb);color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #e5e7eb)}.repo-card-actions{display:flex;align-items:center;gap:var(--space-1, .25rem);flex-shrink:0}.repo-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, .25rem);background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:background .15s,color .15s}.repo-action-btn:hover{background:var(--color-neutral-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.repo-action-btn--danger:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:var(--color-danger-border, #fecaca)}.repo-card-body{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.repo-description{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.repo-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4, 1rem)}.repo-clone-url{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--color-link, #2563eb);text-decoration:none;word-break:break-all}.repo-clone-url:hover{text-decoration:underline}.repo-branch{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--color-text-secondary, #6b7280);font-family:var(--font-mono, "Menlo", "Monaco", "Consolas", monospace)}.repo-form{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.form-field{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.form-field--checkbox{flex-direction:row;align-items:center}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151)}.form-required{color:var(--color-danger, #dc2626);margin-left:.125rem}.form-input,.form-select{padding:.5rem .75rem;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, .375rem);font-size:.875rem;background:var(--color-input-bg, #ffffff);color:var(--color-text-primary, #111827);width:100%;box-sizing:border-box;transition:border-color .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px #2563eb26}.form-input--error{border-color:var(--color-danger, #dc2626)}.form-error{font-size:.8125rem;color:var(--color-danger, #dc2626)}.form-checkbox-label{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.875rem;cursor:pointer}.slide-panel-footer-actions{display:flex;gap:var(--space-2, .5rem);justify-content:flex-end}.repo-secret-reveal{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.repo-secret-reveal-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary, #111827)}.repo-secret-reveal-description{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.repo-secret-value{display:block;padding:var(--space-3, .75rem);background:var(--color-neutral-bg, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, .375rem);font-family:var(--font-mono, "Menlo", "Monaco", "Consolas", monospace);font-size:.8125rem;word-break:break-all;user-select:all;color:var(--color-text-primary, #111827)}@media(max-width:640px){.repositories-page{padding:var(--space-3, .75rem)}.repos-header{flex-direction:column;align-items:stretch}.repos-add-btn{width:100%;justify-content:center}.repo-card-header{flex-direction:column;align-items:stretch}.repo-card-actions{justify-content:flex-end}.repo-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1, .25rem)}}.boards-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);max-width:100vw;overflow-x:hidden}.boards-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);text-align:center;color:var(--text-secondary)}.boards-page .empty-state svg{color:var(--color-primary-300);margin-bottom:var(--spacing-4)}.boards-page .empty-state h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--spacing-2)}.boards-page .empty-state p{margin-bottom:var(--spacing-6)}.create-board-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all .2s}.create-board-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-primary)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-1)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.btn-primary{padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;font-weight:500;font-size:var(--text-sm);transition:all .15s}.btn-secondary:hover{background:var(--bg-tertiary, var(--bg-secondary))}.profile-page{width:100%;max-width:100vw;min-height:calc(100vh - 200px);padding:var(--spacing-8);box-sizing:border-box}.profile-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.profile-section h2{margin:0 0 var(--spacing-6) 0;font-size:var(--text-xl);color:var(--text-primary)}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.profile-section-header h2{margin:0}.profile-avatar-section{display:flex;gap:var(--spacing-8);align-items:center}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-primary-500);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{font-size:2.5rem;font-weight:var(--font-semibold);color:#fff}.profile-avatar-actions{display:flex;flex-direction:column;gap:.75rem}.profile-avatar-hint{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.profile-avatar-hint small{color:var(--text-tertiary);font-style:italic}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-medium);color:var(--text-primary);font-size:.875rem}.profile-field input,.profile-field select{padding:var(--spacing-3);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition-all);background:var(--bg-primary);color:var(--text-primary)}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.profile-field input.disabled,.profile-field input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.profile-field small{font-size:.8125rem;color:var(--text-secondary)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.profile-form-actions{display:flex;gap:.75rem;margin-top:.5rem}.profile-info-display{display:flex;flex-direction:column;gap:1.5rem}.profile-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-info-item{display:flex;flex-direction:column;gap:.5rem}.profile-info-item label{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-secondary)}.profile-info-value{font-size:var(--text-base);color:var(--text-primary);padding:var(--spacing-2) 0}.profile-info-value code{background:var(--bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:Courier New,monospace;color:var(--text-primary)}.status-badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-badge.active,.status-badge.verified{background:var(--color-success-100);color:var(--color-success-700)}.status-badge.inactive,.status-badge.unverified{background:var(--color-error-100);color:var(--color-error-700)}.profile-security-hint{margin:0;padding:var(--spacing-4);background:var(--color-primary-50);border-left:3px solid var(--color-primary-500);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media(max-width:768px){.profile-page{padding:1rem}.profile-section{padding:1.5rem}.profile-form-row,.profile-info-row{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.profile-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.kiosk-page{min-height:100vh;background:linear-gradient(135deg,var(--color-auth-purple) 0%,var(--color-auth-purple-dark) 100%);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:manipulation;user-select:none}.kiosk-page *{box-sizing:border-box}.kiosk-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-8);background:#ffffff1a;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.kiosk-logo h1{margin:0;color:var(--text-white);font-size:var(--text-4xl);font-weight:var(--font-semibold);text-shadow:0 2px 4px rgba(0,0,0,.3)}.kiosk-controls{display:flex;gap:var(--spacing-2)}.kiosk-control-btn{width:var(--spacing-12);height:var(--spacing-12);border:none;border-radius:var(--radius-xl);background:#fff3;color:var(--text-white);font-size:var(--text-xl);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.kiosk-control-btn:hover{background:#ffffff4d;transform:translateY(calc(var(--spacing-1) * -1))}.kiosk-control-btn:active{transform:translateY(0)}.exit-btn:hover{background:#ff63634d}.kiosk-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);min-height:0}.kiosk-user-selection{text-align:center;width:100%;max-width:1200px}.kiosk-welcome{margin-bottom:var(--spacing-12)}.kiosk-welcome h2{color:var(--text-white);font-size:var(--text-6xl);margin-bottom:var(--spacing-4);text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:var(--font-light)}.kiosk-welcome p{color:#ffffffe6;font-size:var(--text-2xl);margin:0}.kiosk-timer-section{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}.kiosk-user-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-6) var(--spacing-8);background:#ffffff1a;border-radius:var(--radius-3xl);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.kiosk-current-user{display:flex;align-items:center;gap:var(--spacing-4)}.user-avatar{font-size:var(--text-6xl);width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3)}.user-details h3{color:var(--text-white);font-size:var(--text-4xl);margin:0 0 var(--spacing-2) 0;font-weight:var(--font-medium)}.user-details p{color:#fffc;font-size:var(--text-lg);margin:0}.kiosk-logout-btn{padding:var(--spacing-4) var(--spacing-8);background:#fff3;color:var(--text-white);border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-all);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.kiosk-logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.kiosk-session-info{text-align:center;color:#fffc;font-size:var(--text-base);padding:var(--spacing-4);background:#0000001a;border-radius:var(--radius-xl);backdrop-filter:blur(5px)}.kiosk-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-8);background:#0000001a;color:#fffc;font-size:var(--text-sm);border-top:1px solid rgba(255,255,255,.1)}.kiosk-time{font-weight:var(--font-medium)}.kiosk-info{font-style:italic}@media(max-width:768px){.kiosk-header{padding:1rem}.kiosk-logo h1{font-size:1.5rem}.kiosk-control-btn{width:45px;height:45px;font-size:1rem}.kiosk-welcome h2{font-size:2.5rem}.kiosk-welcome p{font-size:1.1rem}.user-avatar{width:60px;height:60px;font-size:2rem}.user-details h3{font-size:1.5rem}.kiosk-user-info{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.kiosk-footer{flex-direction:column;gap:.5rem;text-align:center}}@media(min-width:1200px){.kiosk-welcome h2{font-size:4rem}.kiosk-welcome p{font-size:1.5rem}.user-avatar{width:100px;height:100px;font-size:4rem}.user-details h3{font-size:2.5rem}.user-details p{font-size:1.3rem}.kiosk-control-btn{width:60px;height:60px;font-size:1.4rem}}.kiosk-page button:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}.kiosk-content{animation:fadeIn .5s ease-in-out}.consolidated-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);max-width:100vw;overflow-x:hidden}.consolidated-loading,.consolidated-empty{display:flex;justify-content:center;padding:var(--spacing-12) 0;color:var(--text-secondary);font-size:var(--text-base)}.consolidated-filter-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all .15s}.consolidated-filter-btn:hover,.consolidated-filter-btn.active{border-color:var(--color-primary-300);color:var(--color-primary-600, #2563eb);background:var(--color-primary-50)}.consolidated-back-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all .15s}.consolidated-back-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-600, #2563eb)}.consolidated-filter-bar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.consolidated-filter-bar label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap}.consolidated-filter-bar select{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);min-width:200px}.consolidated-clear-filter{display:flex;align-items:center;gap:4px;padding:var(--spacing-1) var(--spacing-2);border:none;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);transition:all .15s}.consolidated-clear-filter:hover{background:var(--color-error-50, #fef2f2);color:var(--color-error, #ef4444)}.consolidated-header-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-4)}.consolidated-col-handle{width:24px;flex-shrink:0}.consolidated-col-order{width:32px;flex-shrink:0;text-align:center}.consolidated-col-type{width:36px;flex-shrink:0;text-align:center}.consolidated-col-id{width:80px;flex-shrink:0}.consolidated-col-title{flex:1;min-width:0}.consolidated-col-status{width:80px;flex-shrink:0}.consolidated-col-priority{width:72px;flex-shrink:0}.consolidated-col-assignee{width:40px;flex-shrink:0;text-align:center}.consolidated-col-points{width:32px;flex-shrink:0;text-align:center}.consolidated-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-top:none;cursor:pointer;transition:background .12s;font-size:var(--text-sm)}.consolidated-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.consolidated-row:hover{background:var(--color-primary-50)}.consolidated-row.dragging{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--color-primary-300)}.consolidated-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity .15s}.consolidated-row:hover .consolidated-drag-handle{opacity:1}.consolidated-drag-handle:active{cursor:grabbing}.consolidated-order{width:32px;flex-shrink:0;text-align:center;font-size:11px;color:var(--text-tertiary);font-weight:500}.consolidated-type{width:36px;flex-shrink:0;text-align:center;font-size:var(--text-base)}.consolidated-id{width:80px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.consolidated-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500}.consolidated-status{width:80px;flex-shrink:0;font-size:11px;font-weight:500;padding:2px var(--spacing-2);border-radius:var(--radius-sm);text-align:center}.consolidated-status.status-new{background:var(--color-info-50, #eff6ff);color:var(--color-info, #3b82f6)}.consolidated-status.status-active{background:var(--color-primary-50);color:var(--color-primary-600, #2563eb)}.consolidated-status.status-resolved{background:var(--color-success-50, #f0fdf4);color:var(--color-success, #22c55e)}.consolidated-status.status-closed{background:var(--bg-secondary);color:var(--text-tertiary)}.consolidated-status.status-removed{background:var(--color-error-50, #fef2f2);color:var(--color-error, #ef4444)}.consolidated-priority{width:72px;flex-shrink:0;font-size:11px;font-weight:500;padding:2px var(--spacing-2);border-left:3px solid;color:var(--text-secondary)}.consolidated-assignee{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100, #dbeafe);color:var(--color-primary-700, #1d4ed8);border-radius:50%;font-size:11px;font-weight:600}.consolidated-points{width:32px;flex-shrink:0;text-align:center;font-size:11px;font-weight:600;color:var(--color-primary-600, #2563eb);background:var(--color-primary-50);padding:2px 6px;border-radius:var(--radius-sm)}.consolidated-footer{display:flex;justify-content:flex-end;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-xs);color:var(--text-tertiary)}.auto-tracker-page{max-width:1200px;margin:0 auto;padding:var(--spacing-8)}.page-header{text-align:center;margin-bottom:var(--spacing-12)}.page-header h1{color:var(--text-primary);font-size:var(--text-4xl);margin-bottom:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.page-header p{color:var(--text-secondary);font-size:var(--text-xl);max-width:600px;margin:0 auto}.tab-navigation{display:flex;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-12);background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-2);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.tab-btn{padding:var(--spacing-4) var(--spacing-8);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--text-base);display:flex;align-items:center;gap:var(--spacing-2)}.tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-btn.active{background:var(--color-primary-500);color:var(--text-white);box-shadow:var(--shadow-primary)}.tab-content{animation:fadeIn .3s ease-in-out}.quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.info-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.info-card h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.info-card ul,.info-card ol{color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:var(--spacing-6)}.info-card li{margin-bottom:.5rem}@media(max-width:768px){.auto-tracker-page{padding:var(--spacing-4)}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.tab-navigation{flex-direction:column;align-items:stretch}.tab-btn{justify-content:center}.quick-info{grid-template-columns:1fr;gap:1.5rem}.info-card{padding:var(--spacing-6)}}.loading{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-8);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-lg)}.error-fallback{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;box-shadow:var(--shadow-md)}.error-fallback h3{color:var(--color-error-600);margin-bottom:var(--spacing-4)}.error-fallback p{color:var(--color-error-700)}.error-message{background:var(--color-error-50);border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-8);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-error-200)}.error-message h2{color:var(--color-error-600);margin-bottom:var(--spacing-4)}.error-message p{color:var(--color-error-700);margin-bottom:var(--spacing-8)}.error-message button{padding:var(--spacing-3) var(--spacing-6);background:var(--color-error-600);color:var(--text-white);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-semibold)}.error-message button:hover{background:var(--color-error-700)}@media(max-width:480px){.auto-tracker-page{padding:var(--spacing-2)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;flex-direction:column;gap:.25rem}.tab-navigation{margin-bottom:2rem}.quick-info{margin-top:2rem}}.invitation-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.invitation-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 40px #0000001a}.invitation-header{text-align:center;margin-bottom:30px}.invitation-header .mail-icon{color:#3b82f6;margin-bottom:15px}.invitation-header h1{margin:0;color:#1f2937;font-size:28px;font-weight:600}.invitation-details{margin-bottom:30px}.invitation-info{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.info-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-item svg{color:#64748b;flex-shrink:0}.info-item div{flex:1}.info-item label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-item span{font-size:16px;color:#1f2937;font-weight:500}.role-badge{background:#3b82f6;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;text-transform:capitalize}.invitation-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:20px;margin-top:20px}.invitation-message h3{margin:0 0 10px;color:#92400e;font-size:16px;font-weight:600}.invitation-message p{margin:0;color:#92400e;line-height:1.5}.invitation-actions{display:flex;gap:15px;margin-bottom:25px}.btn-primary,.btn-secondary{flex:1;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.btn-secondary:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.invitation-footer{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.invitation-footer p{margin:0;color:#64748b;font-size:14px}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:14px;border:1px solid #fecaca}.loading-state,.error-state,.success-state,.auth-required,.status-message{text-align:center;padding:40px 20px}.loading-state .spinner{color:#3b82f6;margin-bottom:15px}.error-state .error-icon{color:#dc2626;margin-bottom:15px}.success-state .success-icon{color:#059669;margin-bottom:15px}.auth-required .mail-icon,.status-message .mail-icon{color:#3b82f6;margin-bottom:15px}.error-state h2,.success-state h2,.auth-required h2,.status-message h2{margin:0 0 15px;color:#1f2937;font-size:24px;font-weight:600}.error-state p,.success-state p,.auth-required p,.status-message p{margin:0 0 25px;color:#64748b;line-height:1.6}.auth-actions{display:flex;gap:15px;justify-content:center}.auth-actions button{padding:12px 24px}.spinner{animation:spin 1s linear infinite}to{transform:rotate(360deg)}@media(max-width:600px){.invitation-container{padding:30px 20px;margin:0 10px}.invitation-actions,.auth-actions{flex-direction:column}.info-item{flex-direction:column;align-items:flex-start;text-align:left}}.device-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.device-card{background:#fff;border-radius:16px;padding:40px;max-width:480px;width:100%;box-shadow:0 10px 40px #0003}.device-card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a2e;text-align:center}.device-card .subtitle{color:#666;text-align:center;margin-bottom:32px;font-size:16px}.code-input-container{margin-bottom:24px}.code-input-container label{display:block;font-weight:600;margin-bottom:8px;color:#333}.code-input-container input{width:100%;padding:16px;font-size:32px;font-family:SF Mono,Monaco,Consolas,monospace;text-align:center;letter-spacing:4px;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;text-transform:uppercase;box-sizing:border-box}.code-input-container input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.code-input-container input::placeholder{color:#ccc;letter-spacing:2px}.code-input-container .btn-primary{width:100%;margin-top:16px}.error-message{background:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.auth-info{border-top:1px solid #e0e0e0;padding-top:24px}.auth-info h2{font-size:18px;margin:0 0 16px;color:#1a1a2e}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#1a1a2e;font-weight:600}.warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin:24px 0}.warning strong{color:#b45309;display:block;margin-bottom:8px}.warning p{margin:0;color:#92400e;font-size:14px}.button-row{display:flex;gap:16px;margin-top:24px}.button-row button{flex:1}.btn-primary,.btn-secondary,.btn-danger{padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.device-card.success{text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;color:#fff}.device-card.success h1{color:#059669}.device-card.success p{color:#666;margin-bottom:8px}.device-card.success .hint{color:#9ca3af;font-size:14px;margin-bottom:24px}@media(max-width:520px){.device-card{padding:24px}.device-card h1{font-size:24px}.code-input-container input{font-size:24px;padding:12px;letter-spacing:2px}.button-row{flex-direction:column-reverse}}.timesheet-page{padding:var(--spacing-8);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.add-entry-button,.export-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.add-entry-button{background:var(--color-primary-500);color:var(--text-white);border:none;box-shadow:var(--shadow-primary)}.add-entry-button:hover{background:var(--color-primary-600);box-shadow:var(--shadow-primary-md)}.export-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.export-button:hover:not(:disabled){background:var(--bg-tertiary)}.export-button:disabled{opacity:.5;cursor:not-allowed}.timesheet-filters{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);display:flex;flex-wrap:wrap;gap:var(--spacing-8);align-items:center;border:1px solid var(--border-primary)}.period-filters{display:flex;align-items:center;gap:var(--spacing-4)}.period-filters label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-semibold);color:var(--text-primary)}.filter-buttons{display:flex;gap:var(--spacing-1);background:var(--bg-secondary);padding:var(--spacing-1);border-radius:var(--radius-md)}.filter-button{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.filter-button:hover{color:var(--text-primary)}.filter-button.active{background:var(--bg-primary);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.project-filter{display:flex;align-items:center;gap:var(--spacing-4)}.project-filter label{font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;white-space:nowrap}.project-filter-select{min-width:200px;max-width:280px}.timesheet-content{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:auto;border:1px solid var(--border-primary)}.period-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border-primary)}.period-header h2{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.entry-count{color:var(--text-secondary);font-size:var(--text-sm)}@media(max-width:768px){.timesheet-page{padding:var(--spacing-4)}.header-actions{flex-direction:column;width:100%}.timesheet-filters{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.filter-buttons{flex-wrap:wrap}}.unauthorized-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.unauthorized-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:3rem;max-width:600px;width:100%;text-align:center}.unauthorized-icon{color:#f59e0b;margin-bottom:1.5rem;display:flex;justify-content:center}.unauthorized-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.unauthorized-message{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.unauthorized-role-info{background:#f3f4f6;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.unauthorized-role-info p{margin:0;color:#4b5563;font-size:1rem}.role-badge{display:inline-block;padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize;margin-left:.5rem}.unauthorized-help{color:#6b7280;font-size:.95rem;margin-bottom:2rem;line-height:1.5}.unauthorized-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.unauthorized-footer{text-align:left;background:#f9fafb;border-radius:8px;padding:1.5rem;margin-top:2rem}.unauthorized-footer h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.unauthorized-footer ul{list-style:none;padding:0;margin:0}.unauthorized-footer li{color:#6b7280;font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.unauthorized-footer li:before{content:"•";position:absolute;left:.5rem;color:#3b82f6;font-weight:700}@media(max-width:640px){.unauthorized-container{padding:2rem 1.5rem}.unauthorized-title{font-size:2rem}.unauthorized-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.oauth-consent-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.oauth-consent-card{background:#fff;border-radius:16px;padding:40px;max-width:480px;width:100%;box-shadow:0 10px 40px #0003}.oauth-consent-card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a2e;text-align:center}.oauth-consent-card .subtitle{color:#666;text-align:center;margin-bottom:32px;font-size:16px}.oauth-consent-card .auth-info{border:1px solid #e0e0e0;border-radius:12px;padding:8px 16px;margin-bottom:24px}.oauth-consent-card .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.oauth-consent-card .info-row:last-child{border-bottom:none}.oauth-consent-card .info-row .label{color:#666;font-weight:500}.oauth-consent-card .info-row .value{color:#1a1a2e;font-weight:600;text-align:right;word-break:break-word;max-width:60%}.oauth-consent-card .warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:24px}.oauth-consent-card .warning strong{color:#b45309;display:block;margin-bottom:8px}.oauth-consent-card .warning p{margin:0;color:#92400e;font-size:14px}.oauth-consent-card .error-message{background:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.oauth-consent-card .button-row{display:flex;gap:16px}.oauth-consent-card .button-row button{flex:1}.oauth-consent-card .btn-primary,.oauth-consent-card .btn-danger{padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.oauth-consent-card .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.oauth-consent-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.oauth-consent-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.oauth-consent-card .btn-primary:focus-visible,.oauth-consent-card .btn-danger:focus-visible{outline:2px solid #667eea;outline-offset:2px}.oauth-consent-card .btn-danger{background:#fee2e2;color:#b91c1c}.oauth-consent-card .btn-danger:hover:not(:disabled){background:#fecaca}.oauth-consent-card .btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:520px){.oauth-consent-card{padding:24px}.oauth-consent-card h1{font-size:24px}.oauth-consent-card .button-row{flex-direction:column-reverse}}.billing-page{min-height:100vh;background:var(--gradient-light);padding:var(--spacing-8);width:100%;max-width:100vw;box-sizing:border-box}.billing-tabs{display:flex;gap:var(--spacing-1);background:var(--bg-secondary);padding:var(--spacing-1);border-radius:var(--radius-md);margin-bottom:var(--spacing-8)}.tab-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex:1;justify-content:center}.tab-button:hover{color:var(--text-primary)}.tab-button.active{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.billing-content{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-primary)}@media(max-width:768px){.billing-page{padding:var(--spacing-4)}.billing-tabs{flex-direction:column;gap:var(--spacing-2)}.tab-button{flex:none}}@media(max-width:480px){.billing-tabs{margin:0 -1rem 1.5rem;border-radius:0}}.tab-button:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.billing-content{animation:fadeIn .3s ease-in-out}.board-layout{min-height:100vh;background:var(--gradient-light);display:flex;flex-direction:column}.board-layout-loading,.board-layout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-16) 0;color:var(--text-secondary);font-size:var(--text-lg)}.board-layout-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-8);border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.board-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.board-back-btn{width:36px;height:36px;border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s}.board-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.board-header-info{display:flex;flex-direction:column}.board-header-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.board-header-project{font-size:var(--text-sm);color:var(--color-primary-500);font-weight:500}.board-tabs{display:flex;gap:var(--spacing-1);padding:0 var(--spacing-8);background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.board-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;transition:all .15s}.board-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.board-tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.board-layout-content{flex:1;padding:var(--spacing-6) var(--spacing-8);overflow-y:auto}.breadcrumb-bar{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.pool-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.info-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-1)}.info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--spacing-1)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-full);padding:2px var(--spacing-2);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;line-height:1.25}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-neutral{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-danger{background:var(--color-error-50);color:var(--color-error-700)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.status-icon{display:inline-flex;flex-shrink:0}.status-online{color:var(--color-success-500)}.status-busy{color:var(--color-warning-600)}.status-offline{color:var(--text-tertiary)}.status-error{color:var(--color-error-500)}.spin{animation:spin 1s linear infinite}.api-key-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-warning-50);border:1px solid var(--color-warning-100);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--text-sm);color:var(--text-primary)}.api-key-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.api-key-value{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--text-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:2px var(--spacing-2);color:var(--text-primary);word-break:break-all;user-select:all}.agent-name-cell,.pipeline-name-cell{display:flex;align-items:center;gap:var(--spacing-2)}.cell-icon{color:var(--text-tertiary);flex-shrink:0}.row-actions{display:flex;align-items:center;gap:var(--spacing-1)}.tabs-bar{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-bar{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.filter-row{display:flex;align-items:flex-end;gap:var(--spacing-3);flex-wrap:wrap}.form-group--inline{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:0}.form-group--inline .form-label,.form-group--inline label{margin-bottom:0;white-space:nowrap;font-size:var(--text-sm)}.form-input--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-sm);height:2rem}.pool-selector-bar{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap}.pool-selector-bar .form-label{margin-bottom:0;white-space:nowrap;font-weight:var(--font-medium)}.panel-form,.slide-out-form{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-2) 0}.panel-actions,.slide-out-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary);margin-top:var(--spacing-2)}.job-detail-row>td{padding:0 var(--spacing-4) var(--spacing-3);background:var(--bg-secondary)}.job-detail-panel{padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);font-size:var(--text-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-1)}.job-detail-panel p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.pool-info-grid{grid-template-columns:repeat(2,1fr)}.filter-row{flex-direction:column;align-items:stretch}.panel-actions,.slide-out-actions{flex-direction:column-reverse}}@media(max-width:480px){.pool-info-grid{grid-template-columns:1fr}}.app{min-height:100vh;width:100%;max-width:100vw;background-color:var(--bg-secondary);overflow-x:hidden}.main-content{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-primary-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.loading-spinner:before{content:"";width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin var(--duration-1000) linear infinite}to{opacity:1}to{opacity:1;transform:translateY(0)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.color-picker{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.color-option{width:2rem;height:2rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--transition-all);position:relative}.color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.color-option.selected{border-color:var(--text-primary);transform:scale(1.15);box-shadow:var(--shadow-lg)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm);text-shadow:0 1px 2px rgba(0,0,0,.5)}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--border-primary)}.cancel-button,.save-button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-all);border:none}.cancel-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.cancel-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.save-button{background:var(--color-primary-500);color:var(--text-white);box-shadow:var(--shadow-sm)}.save-button:hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.save-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.save-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media(max-width:767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.rbc-addons-dnd .rbc-addons-dnd-row-body{position:relative}.rbc-addons-dnd .rbc-addons-dnd-drag-row{position:absolute;top:0;left:0;right:0}.rbc-addons-dnd .rbc-addons-dnd-over{background-color:#0000004d}.rbc-addons-dnd .rbc-event{transition:opacity .15s}.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon{display:block}.rbc-addons-dnd .rbc-addons-dnd-dragged-event{opacity:0}.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview){opacity:.5}.rbc-addons-dnd .rbc-addons-dnd-resizable{position:relative;width:100%;height:100%}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor{width:100%;text-align:center;position:absolute}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child{top:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child{bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon{display:none;border-top:3px double;margin:0 auto;width:10px;cursor:ns-resize}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor{position:absolute;top:4px;bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child{left:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child{right:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon{display:none;border-left:3px double;margin-top:auto;margin-bottom:auto;height:10px;cursor:ew-resize}