@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@layer components;@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-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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--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-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--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-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-lg:16px;--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)}}@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,:host{-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}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-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,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}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 utilities{.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}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-50{z-index:50}.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}}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.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-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.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-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-\[env\(safe-area-inset-bottom\)\]{height:env(safe-area-inset-bottom)}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[400px\]{max-height:400px}.min-h-\[38px\]{min-height:38px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.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-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[90vw\]{max-width:90vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.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\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.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-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-light\)\]{border-color:var(--border-light)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--error\)\]{border-color:var(--error)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--accent-light\)\]{background-color:var(--accent-light)}.bg-\[var\(--backdrop-dark\)\]{background-color:var(--backdrop-dark)}.bg-\[var\(--backdrop-darker\)\]{background-color:var(--backdrop-darker)}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--background-primary\)\]{background-color:var(--background-primary)}.bg-\[var\(--background-secondary\)\]{background-color:var(--background-secondary)}.bg-\[var\(--error\)\]{background-color:var(--error)}.bg-\[var\(--error-light\)\]{background-color:var(--error-light)}.bg-\[var\(--overlay-light\)\]{background-color:var(--overlay-light)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-light\)\]{background-color:var(--primary-light)}.bg-\[var\(--primary-lighter\)\]{background-color:var(--primary-lighter)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-light\)\]{background-color:var(--success-light)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface-glass\)\]{background-color:var(--surface-glass)}.bg-\[var\(--surface-hover\)\]{background-color:var(--surface-hover)}.bg-\[var\(--warning\)\]{background-color:var(--warning)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-800\/20{background-color:#193cb833}@supports (color:color-mix(in lab,red,red)){.bg-blue-800\/20{background-color:color-mix(in oklab,var(--color-blue-800)20%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-slate-500\/10{background-color:#62748e1a}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/10{background-color:color-mix(in oklab,var(--color-slate-500)10%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--accent-light\)\]{--tw-gradient-from:var(--accent-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[var\(--success-light\)\]{--tw-gradient-from:var(--success-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-blue-700{--tw-gradient-via:var(--color-blue-700);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-emerald-600{--tw-gradient-via:var(--color-emerald-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-red-600{--tw-gradient-via:var(--color-red-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-600{--tw-gradient-via:var(--color-slate-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-900{--tw-gradient-to:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-700{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.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-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-9{padding-inline:calc(var(--spacing)*9)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.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))}.text-\[0\.9375rem\]{font-size:.9375rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--primary-text\)\]{color:var(--primary-text)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-on-primary\)\]{color:var(--text-on-primary)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-quaternary\)\]{color:var(--text-quaternary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-amber-400{color:var(--color-amber-400)}.text-blue-400{color:var(--color-blue-400)}.text-emerald-400{color:var(--color-emerald-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-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-\[var\(--shadow-glow-error\)\]{--tw-shadow:var(--shadow-glow-error);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-glow-primary\)\]{--tw-shadow:var(--shadow-glow-primary);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-glow-success\)\]{--tw-shadow:var(--shadow-glow-success);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;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}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:border-\[var\(--primary\)\]:is(:where(.group):hover *){border-color:var(--primary)}}.placeholder\:text-\[var\(--text-tertiary\)\]::placeholder{color:var(--text-tertiary)}@media(hover:hover){.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:bg-\[var\(--background-secondary\)\]:hover{background-color:var(--background-secondary)}.hover\:bg-\[var\(--error-hover\)\]:hover{background-color:var(--error-hover)}.hover\:bg-\[var\(--overlay-medium\)\]:hover{background-color:var(--overlay-medium)}.hover\:bg-\[var\(--primary\)\]:hover{background-color:var(--primary)}.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}.hover\:bg-\[var\(--primary-light\)\]:hover{background-color:var(--primary-light)}.hover\:bg-\[var\(--success-hover\)\]:hover{background-color:var(--success-hover)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-\[var\(--error\)\]:hover{color:var(--error)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-\[var\(--shadow-glow-primary-strong\)\]:hover{--tw-shadow:var(--shadow-glow-primary-strong);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--overlay-medium\)\]:focus{--tw-ring-color:var(--overlay-medium)}.focus\:ring-\[var\(--primary\)\]:focus{--tw-ring-color:var(--primary)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--primary\)\]:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--background\)\]:focus-visible{--tw-ring-offset-color:var(--background)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:max-w-\[90vw\]{max-width:90vw}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}}}:root{--primary:#1e40af;--primary-rgb:30,64,175;--primary-hover:#1e3a8a;--primary-light:#1e40af26;--primary-lighter:#1e40af14;--primary-glow:#1e40af59;--primary-text:#3b82f6;--secondary:#a78bfa;--secondary-hover:#8b5cf6;--secondary-light:#a78bfa26;--secondary-glow:#a78bfa59;--success:#34d399;--success-light:#34d39926;--success-hover:#10b981;--success-glow:#34d3994d;--warning:#fbbf24;--warning-light:#fbbf2426;--warning-hover:#f59e0b;--warning-dark:#d97706;--warning-glow:#fbbf244d;--error:#f87171;--error-light:#f8717126;--error-hover:#ef4444;--error-dark:#dc2626;--error-glow:#f871714d;--priority-critical:#f87171;--priority-critical-light:#f8717126;--priority-critical-border:#f8717140;--priority-high:#fb923c;--priority-high-light:#fb923c26;--priority-high-border:#fb923c40;--priority-medium:#fbbf24;--priority-medium-light:#fbbf2426;--priority-medium-border:#fbbf2440;--priority-low:#9ca3af;--priority-low-light:#9ca3af26;--priority-low-border:#9ca3af40;--category-sales:#34d399;--category-sales-light:#34d39926;--category-revenue:#60a5fa;--category-revenue-light:#60a5fa26;--category-general:#9ca3af;--category-general-light:#9ca3af26;--background:#0c0c0e;--background-secondary:#111114;--background-tertiary:#16161a;--background-gradient:linear-gradient(180deg,#0c0c0e 0%,#101012 50%,#0a0a0c 100%);--surface:#18181cd9;--surface-solid:#18181c;--surface-elevated:#202026e6;--surface-elevated-solid:#202026;--surface-hover:#2a2a32e6;--surface-active:#34343ee6;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-quaternary:#52525b;--text-on-primary:#fff;--border:#ffffff0f;--border-light:#ffffff0a;--border-strong:#ffffff1a;--border-focus:var(--primary);--border-gradient:linear-gradient(135deg,#1e40af4d,#a78bfa4d);--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 6px 16px #0006,0 2px 6px #0000004d;--shadow-lg:0 12px 32px #00000080,0 4px 12px #0006;--shadow-xl:0 20px 48px #0009,0 8px 20px #00000080;--shadow-glow-primary:0 0 16px #1e40af40;--shadow-glow-primary-strong:0 0 24px #1e40af59;--shadow-glow-success:0 0 16px #34d39940;--shadow-glow-error:0 0 16px #f8717140;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-base:.2s;--duration-slow:.35s;--transition-fast:var(--duration-fast)var(--ease-out);--transition-base:var(--duration-base)var(--ease-out);--transition-slow:var(--duration-slow)var(--ease-out);--focus-ring:0 0 0 2px var(--background),0 0 0 4px var(--primary);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--glass-blur:16px;--glass-blur-strong:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-feature-settings:"kern" 1,"liga" 1;background:var(--background);background-image:var(--background-gradient);color:var(--text-primary);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100dvh;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.65}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 80%,#1e40af08,#0000 50%),radial-gradient(circle at 80% 20%,#a78bfa08,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff03,#0000 25%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 10% 10%,#ffffff26 1px,#0000 1px),radial-gradient(1px 1px at 90% 20%,#ffffff1a 1px,#0000 1px),radial-gradient(1px 1px at 30% 80%,#ffffff1f 1px,#0000 1px),radial-gradient(1px 1px at 70% 60%,#ffffff14 1px,#0000 1px),radial-gradient(1px 1px at 50% 30%,#ffffff1a 1px,#0000 1px),radial-gradient(1px 1px at 20%,#ffffff0f 1px,#0000 1px),radial-gradient(1px 1px at 80% 90%,#ffffff1a 1px,#0000 1px);position:fixed;inset:0}#root{flex-direction:column;min-height:100dvh;display:flex}.header-redesign{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0c0c0ed9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:.875rem 2rem;display:flex}.header-logo{color:var(--text-primary);align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.header-logo:hover{opacity:.85}.header-logo-icon{background:var(--primary);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-logo-icon svg{width:18px;height:18px}.header-logo-text{color:var(--text-primary)}.header-nav{align-items:center;gap:.25rem;display:flex}.header-nav-link{color:var(--text-secondary);border-radius:var(--radius-lg);padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.header-nav-link:hover{color:var(--text-primary);background:var(--surface-hover)}.header-nav-link.active{color:var(--primary);background:var(--primary-light)}.header-actions{align-items:center;gap:.5rem;display:flex}.header-dropdown{position:relative}.header-icon-btn{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-icon-btn svg{width:18px;height:18px}.header-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.header-icon-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.header-dropdown-menu{background:var(--surface-elevated-solid);border:1px solid var(--border);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-xl);animation:.15s dropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-header{border-bottom:1px solid var(--border);padding:.75rem 1rem}.header-dropdown-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.header-dropdown-content{padding:.75rem}.header-toggle-row{border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;transition:background .2s;display:flex}.header-toggle-row:hover{background:var(--surface-hover)}.header-toggle-info{flex-direction:column;gap:.125rem;display:flex}.header-toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.header-toggle-desc{color:var(--text-tertiary);font-size:.75rem}.header-toggle{background:var(--surface-active);cursor:pointer;border:none;border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.header-toggle.on{background:var(--primary)}.header-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.header-toggle.on .header-toggle-knob{transform:translate(18px)}.header-size-options{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.header-size-label{color:var(--text-tertiary);margin-bottom:.5rem;padding-left:.5rem;font-size:.75rem;font-weight:500;display:block}.header-size-btns{gap:.375rem;display:flex}.header-size-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1;padding:.5rem;font-size:.75rem;font-weight:600;transition:all .2s}.header-size-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.header-size-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.header-user-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.header-user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;transition:transform .2s;display:flex}.header-user-btn:hover .header-user-avatar{transform:scale(1.05)}.header-user-menu{min-width:240px}.header-user-info{align-items:center;gap:.75rem;padding:1rem;display:flex}.header-user-avatar-lg{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:600;display:flex}.header-user-details{flex-direction:column;gap:.125rem;display:flex}.header-user-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.header-user-role{color:var(--text-tertiary);text-transform:capitalize;font-size:.75rem}.header-dropdown-divider{background:var(--border);height:1px;margin:0}.header-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.header-menu-item svg{width:18px;height:18px}.header-menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.header-menu-item.active{color:var(--primary)}.header-menu-item.header-logout:hover{background:var(--error-light);color:var(--error)}.header-mobile-menu-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.header-mobile-menu-btn svg{width:22px;height:22px}.header-mobile-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.header-mobile-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.header-mobile-nav{background:var(--surface-elevated-solid);border-right:1px solid var(--border);-webkit-overflow-scrolling:touch;z-index:201;flex-direction:column;width:85%;max-width:320px;height:100dvh;animation:.3s cubic-bezier(.4,0,.2,1) slideInLeft;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 0 30px #00000080}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.header-mobile-nav-header{border-bottom:1px solid var(--border);background:var(--surface-elevated-solid);z-index:1;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.header-mobile-nav-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.header-mobile-close-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-mobile-close-btn svg{width:18px;height:18px}.header-mobile-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.header-mobile-nav-links{flex-direction:column;padding:.75rem;display:flex}.header-mobile-nav-link{color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.header-mobile-nav-link svg{flex-shrink:0;width:20px;height:20px}.header-mobile-nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.header-mobile-nav-link.active{background:var(--primary-light);color:var(--primary)}.header-mobile-nav-link.header-mobile-logout:hover{background:var(--error-light);color:var(--error)}.header-mobile-nav-divider{background:var(--border);height:1px;margin:.5rem 1.25rem}.header-mobile-section{padding:.75rem 1.25rem}.header-mobile-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.header-mobile-user-section{margin-top:auto;padding:.75rem}.header-mobile-user-info{align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.header-mobile-safe-area{height:env(safe-area-inset-bottom,0px);flex-shrink:0}@media(max-width:768px){.header-inner{gap:.75rem;padding:.75rem 1rem}.header-logo-text,.header-nav-desktop{display:none}.header-mobile-menu-btn{display:flex}.header-dropdown-menu{min-width:auto;max-width:none;max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.4,0,.2,1) sheetSlideUp;position:fixed;inset:auto 0 0;overflow-y:auto}.header-dropdown-content{padding:1rem}.header-toggle-row{padding:.75rem}.header-user-menu{min-width:auto}.header-user-info{padding:1.25rem}.header-menu-item{padding:1rem 1.25rem}}@media(max-width:480px){.header-inner{padding:.625rem .75rem}}@media(min-width:769px){.header-nav-desktop{display:flex}.header-mobile-menu-btn{display:none}}.mobile-bottom-tabs{display:none}@media(max-width:768px){.header-nav-desktop{display:none!important}.mobile-bottom-tabs{background:var(--surface-solid);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);z-index:var(--z-fixed);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.mobile-tab{min-height:56px;color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px 12px;text-decoration:none;transition:color .2s;display:flex}.mobile-tab:active{background:var(--surface-hover)}.mobile-tab.active{color:var(--primary)}.mobile-tab-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-tab-icon svg{width:22px;height:22px}.mobile-tab-label{text-transform:uppercase;letter-spacing:.02em;font-size:.625rem;font-weight:500}.header-logo-text{display:none}main,.session-layout,.actions-layout,.archive-inner,.reader-container{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}}.modal-overlay{z-index:1000;perspective:1000px;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(135deg,#000000d9,#0a0f1ee6);animation:.3s cubic-bezier(.4,0,.2,1) backdropFadeIn;position:absolute;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(165deg,#161b2dfa,#0f1220fc);border:1px solid #ffffff0f;border-radius:20px;width:100%;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 25px 50px -12px #0009,0 0 100px #1e40af14,inset 0 1px #ffffff0a}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92)translateY(-20px)rotateX(5deg)}to{opacity:1;transform:scale(1)translateY(0)rotateX(0)}}.modal-accent-line{background:linear-gradient(90deg,transparent 0%,var(--primary)20%,var(--primary-text)50%,var(--primary)80%,transparent 100%);opacity:.7;width:100%;height:2px}.modal-inner-glow{pointer-events:none;background:radial-gradient(80% 100% at 50% -20%,#1e40af1f,#0000 70%);height:150px;position:absolute;top:0;left:0;right:0}.modal-content-wrapper{position:relative}.modal-header{border-bottom:none;justify-content:space-between;align-items:center;padding:1.75rem 2rem;display:flex}.modal-title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:600}.modal-close-btn{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-close-btn svg{width:14px;height:14px}.modal-close-btn:hover{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff26}.modal-close-btn:active{transform:scale(.95)}.modal-body{padding:.5rem 2rem 2rem}.modal-body label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:block}.modal-body input[type=text],.modal-body input[type=email],.modal-body input[type=password],.modal-body input[type=number],.modal-body textarea,.modal-body select{color:#f8fafc;background:#00000040;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:1rem 1.125rem;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-body input::placeholder,.modal-body textarea::placeholder{color:#ffffff4d}.modal-body input:hover,.modal-body textarea:hover,.modal-body select:hover{background:#0000004d;border-color:#ffffff1f}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:var(--primary);background:#00000059;outline:none;box-shadow:0 0 0 3px #1e40af26,0 0 20px #1e40af14}.modal-actions,.modal-footer,.modal-body .flex.gap-3,.modal-body .flex.gap-2{border-top:none;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.5rem;display:flex}@media(max-width:639px){.modal-body .flex-col-reverse{flex-direction:column-reverse}.modal-body .flex-col-reverse>*{width:100%}}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[95vw\]{max-width:95vw}@media(min-width:640px){.sm\:max-w-\[90vw\]{max-width:90vw}}.confirm-modal-content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0;display:flex}.confirm-modal-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef444433;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.confirm-modal-icon svg{width:32px;height:32px}.confirm-modal-message{color:#fff9;max-width:320px;margin:0;font-size:.9375rem;line-height:1.7}.confirm-modal-actions{gap:.875rem;width:100%;margin-top:.75rem;display:flex}@media(max-width:639px){.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:20px 20px 0 0;max-height:90vh;animation:.35s cubic-bezier(.4,0,.2,1) sheetSlideUp;overflow-y:auto;max-width:100%!important}.modal-header{background:inherit;z-index:1;padding:1.25rem 1.25rem 1rem;position:sticky;top:0}.modal-title{font-size:1.125rem}.modal-body{padding:.5rem 1.25rem 1.25rem}.modal-body input[type=text],.modal-body input[type=email],.modal-body input[type=password],.modal-body input[type=number],.modal-body select{min-height:56px;padding:1rem;font-size:1rem}.modal-body textarea{min-height:100px;padding:1rem;font-size:1rem;line-height:1.5}.modal-actions,.modal-footer,.modal-body .flex.gap-3,.modal-body .flex.gap-2{flex-direction:column;gap:.625rem}.modal-actions button,.modal-footer button,.modal-body .flex.gap-3>button,.modal-body .flex.gap-2>button{width:100%}.confirm-modal-content{padding:.25rem 0}.confirm-modal-icon{border-radius:14px;width:56px;height:56px}.confirm-modal-icon svg{width:28px;height:28px}.confirm-modal-message{font-size:.875rem}.confirm-modal-actions{flex-direction:column;gap:.625rem}.modal-container:after{content:"";height:env(safe-area-inset-bottom,0px);display:block}}@media(max-width:768px)and (min-width:640px){.modal-overlay{padding:1rem}.modal-header{padding:1.5rem}.modal-body{padding:.5rem 1.5rem 1.5rem}}.sheet-container{background:linear-gradient(#161b2dfa,#0f1220fc);border:1px solid #ffffff0f;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) sheetSlideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -25px 50px -12px #00000080,0 0 80px #1e40af0f,inset 0 1px #ffffff0a}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sheet-handle-wrapper{justify-content:center;padding:1rem;display:flex}.sheet-handle{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);border-radius:4px;width:40px;height:4px}.sheet-header{border-bottom:1px solid var(--border);padding:0 1.25rem 1rem}.sheet-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.sheet-body{padding:1.25rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-teal-400{--tw-gradient-from:#2dd4bf;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.via-cyan-500{--tw-gradient-stops:var(--tw-gradient-from),#06b6d4,var(--tw-gradient-to,transparent)}.to-blue-500{--tw-gradient-to:#3b82f6}.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.via-indigo-500{--tw-gradient-stops:var(--tw-gradient-from),#6366f1,var(--tw-gradient-to,transparent)}.to-purple-500{--tw-gradient-to:#a855f7}.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.via-rose-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,transparent)}.to-pink-500{--tw-gradient-to:#ec4899}.from-green-400{--tw-gradient-from:#4ade80;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.via-emerald-500{--tw-gradient-stops:var(--tw-gradient-from),#10b981,var(--tw-gradient-to,transparent)}.to-teal-500{--tw-gradient-to:#14b8a6}.bg-teal-500\/10{background-color:#14b8a61a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-red-500\/10{background-color:#ef44441a}.bg-green-500\/10{background-color:#22c55e1a}.bg-amber-500\/10{background-color:#f59e0b1a}.text-teal-400{color:#2dd4bf}.text-blue-400{color:#60a5fa}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.text-amber-400{color:#fbbf24}.glass{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border)}.glass-strong{background:var(--surface-elevated);-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-strong)}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:32px}.glass-panel{background:var(--surface-elevated);-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:32px}.gradient-border{background:var(--surface-solid);border-radius:var(--radius-2xl);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--border-gradient);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:24px}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-elevated{background:var(--surface-elevated);-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:28px}.panel{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.panel-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-elevated);-webkit-backdrop-filter:blur(var(--glass-blur-strong));border-radius:var(--radius-2xl)var(--radius-2xl)0 0}.nav-container{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-item.active{color:var(--text-on-primary);background:var(--primary);box-shadow:var(--shadow-glow-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-height:52px;padding:1rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;border:none;box-shadow:0 4px 14px #1e40af59,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-text)0%,var(--primary)100%);transform:translateY(-2px);box-shadow:0 6px 20px #1e40af73,inset 0 1px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1e40af4d}.btn-secondary{-webkit-backdrop-filter:blur(8px);color:#fffc;background:#ffffff0a;border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:#ffffff0f;transform:translateY(0)}.btn-danger{background:var(--error);color:#fff;box-shadow:var(--shadow-glow-error)}.btn-danger:hover:not(:disabled){background:var(--error-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{min-height:44px;padding:.75rem 1.25rem;font-size:.875rem}.btn-lg{min-height:56px;padding:1.125rem 2.25rem;font-size:1rem}input,textarea,select{font-family:inherit;font-size:1rem}.input{-webkit-backdrop-filter:blur(8px);color:#f8fafc;background:#00000040;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:1rem 1.125rem;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input::placeholder{color:#ffffff4d}.input:hover{background:#0000004d;border-color:#ffffff1f}.input:focus{border-color:var(--primary);background:#00000059;outline:none;box-shadow:0 0 0 3px #1e40af26,0 0 20px #1e40af14}.input:disabled{cursor:not-allowed;opacity:.5;background:#00000026}.textarea{resize:vertical;min-height:140px;padding:1rem;line-height:1.7}.space-y-6>div>label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:block}.space-y-6{flex-direction:column;gap:1.25rem;display:flex}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-neutral{background:var(--surface-hover);color:var(--text-secondary)}.tag{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.tag-coral{color:#fff;background:#1e40af}.tag-amber{color:#1a1a1a;background:#fbbf24}.tag-emerald{color:#1a1a1a;background:#34d399}.tag-violet{color:#fff;background:#a78bfa}.tag-slate{background:var(--surface-hover);color:var(--text-primary)}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot-success{background:var(--success);box-shadow:0 0 10px var(--success-glow)}.status-dot-warning{background:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.status-dot-error{background:var(--error);box-shadow:0 0 10px var(--error-glow)}.status-dot-live{background:var(--success);box-shadow:0 0 10px var(--success-glow);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px var(--success-glow)}50%{opacity:.7;box-shadow:0 0 20px var(--success-glow)}}.dropdown-menu{margin-top:var(--space-3);background:var(--surface-elevated);min-width:220px;-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-3);z-index:var(--z-dropdown);animation:slideDown var(--duration-fast)var(--ease-out);position:absolute;top:100%;right:0}.dropdown-item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.9rem;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger:hover{background:var(--error-light)}.dropdown-divider{background:var(--border);height:1px;margin:var(--space-3)0}.toggle{background:var(--text-quaternary);border-radius:var(--radius-full);cursor:pointer;width:52px;height:30px;transition:all var(--transition-base);border:none;padding:0;position:relative}.toggle:after{content:"";width:24px;height:24px;transition:transform var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active,.toggle[aria-checked=true]{background:var(--primary);box-shadow:var(--shadow-glow-primary)}.toggle.active:after,.toggle[aria-checked=true]:after{transform:translate(22px)}.toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.toggle:disabled{opacity:.5;cursor:not-allowed}.prose{color:var(--text-primary);font-size:1rem;line-height:1.8}.prose h1{color:var(--text-primary);letter-spacing:-.025em;margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700}.prose h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.prose h3{color:var(--text-primary);margin-top:1.75rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1.25rem}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.75rem}.prose li{margin-bottom:.5rem}.prose strong{color:var(--text-primary);font-weight:600}.prose code{background:var(--primary-light);color:var(--primary-text);border-radius:var(--radius-sm);padding:.25em .5em;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875em}.prose pre{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin:1.25rem 0;padding:1.25rem;overflow-x:auto}.prose pre code{color:var(--text-primary);background:0 0;padding:0;font-size:.875rem}.prose a{color:var(--primary);text-underline-offset:3px;transition:color var(--transition-fast);font-weight:500;text-decoration:underline}.prose a:hover{color:var(--primary-hover)}.prose blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);margin:1.25rem 0;padding-left:1.25rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow-primary)}50%{box-shadow:var(--shadow-glow-primary-strong)}}.animate-fade-in{animation:fadeIn var(--duration-base)var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow)var(--ease-out)}.animate-slide-in-bottom{animation:slideInFromBottom var(--duration-slow)var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-base)var(--ease-out)}.animate-spin{animation:1s linear infinite spin}.animate-glow{animation:2s ease-in-out infinite glow}.delegation-options{flex-direction:column;gap:10px;margin-top:8px;display:flex}.delegation-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.delegation-option:hover{border-color:var(--primary);background:var(--surface-hover)}.delegation-option input[type=radio]{cursor:pointer;margin-top:2px}.delegation-option:has(input:checked){border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.delegation-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.delegation-option-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.delegation-option-desc{color:var(--text-secondary);font-size:.8125rem}.delegation-details{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.delegation-type-selector{gap:8px;display:flex}.delegation-type-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.delegation-type-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.delegation-type-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.delegation-type-btn svg{width:16px;height:16px}.delegation-note{border-radius:var(--radius);color:var(--text-tertiary);background:#3b82f608;border-left:2px solid #3b82f64d;gap:8px;padding:10px 12px;font-size:.75rem;line-height:1.4;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--text-quaternary)transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.touch-target{min-width:48px;min-height:48px}.safe-area-inset{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.scroll-touch{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.no-select{-webkit-user-select:none;user-select:none}.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.glow-primary{box-shadow:var(--shadow-glow-primary)}.glow-primary-strong{box-shadow:var(--shadow-glow-primary-strong)}.glow-success{box-shadow:var(--shadow-glow-success)}.glow-error{box-shadow:var(--shadow-glow-error)}.z-base{z-index:var(--z-base)}.z-raised{z-index:var(--z-raised)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px){.show-mobile-only{display:none!important}}.skeleton{background:linear-gradient(90deg,var(--surface-elevated-solid)0%,var(--surface-hover)50%,var(--surface-elevated-solid)100%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.empty-state{text-align:center;padding:var(--space-16)var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--primary-lighter);border-radius:var(--radius-xl);width:80px;height:80px;margin-bottom:var(--space-6);color:var(--primary);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:600}.empty-state-description{color:var(--text-secondary);max-width:320px;line-height:1.6}.divider{background:var(--border);height:1px;margin:var(--space-5)0}:focus-visible{box-shadow:var(--focus-ring);outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:none}@media(prefers-contrast:high){:root{--border:#fff3;--border-strong:#ffffff59}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}.dyslexia-mode{letter-spacing:.12em;word-spacing:.16em;font-size:18px;font-family:OpenDyslexic,Comic Sans MS,Arial,sans-serif!important;line-height:1.9!important}.dyslexia-mode *{font-family:inherit!important}.dyslexia-mode.font-large{font-size:20px}.dyslexia-mode.font-larger{font-size:22px}.glass-subtle{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.input-glass{background:var(--surface-elevated);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);padding:16px 20px;font-size:.9375rem}.input-glass::placeholder{color:var(--text-tertiary)}.input-glass:hover{border-color:var(--border-strong)}.input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-glow-primary);outline:none}.nav-pills{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);display:flex}.nav-pill{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-pill:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-pill.active{color:var(--text-on-primary);background:var(--primary);box-shadow:var(--shadow-glow-primary)}.glass-capsule,.glass-button{background:var(--primary);color:var(--text-on-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-primary);border:none}.morph-group{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);display:flex}.morph-item{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:500}.morph-item:hover{color:var(--text-primary);background:var(--surface-hover)}.morph-item.active{color:var(--text-on-primary);background:var(--primary);box-shadow:var(--shadow-glow-primary)}.actions-layout{grid-template-columns:minmax(480px,33.333vw) 1fr;gap:0;height:100%;transition:grid-template-columns .3s;display:grid;overflow:hidden}.actions-layout.sidebar-collapsed{grid-template-columns:72px 1fr}@media(max-width:1400px){.actions-layout{grid-template-columns:minmax(400px,30vw) 1fr}}@media(max-width:1024px){.actions-layout{grid-template-columns:1fr}}.actions-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);background:#0d0d12b3;transition:all .3s;position:relative;overflow:hidden auto}.actions-sidebar.collapsed{overflow:hidden}.actions-sidebar-content{flex-direction:column;flex:1;gap:0;padding:16px 12px;display:flex;overflow-y:auto}.actions-sidebar.collapsed .actions-sidebar-content{display:none}@media(max-width:1024px){.actions-sidebar{display:none}}.sidebar-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;overflow:hidden}.sidebar-section:hover{border-color:var(--border-strong)}.sidebar-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background-color .2s;display:flex}.sidebar-section-header:hover{background:#ffffff08}.sidebar-section-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-section-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.sidebar-section-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-section-badge{border-radius:var(--radius-full);background:var(--primary);color:#fff;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600}.sidebar-section-badge.warning{background:var(--warning)}.sidebar-section-badge.danger{background:var(--danger)}.sidebar-section-badge.success{background:var(--success)}.sidebar-section-chevron{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.sidebar-section.expanded .sidebar-section-chevron{transform:rotate(180deg)}.sidebar-section-content{border-top:1px solid var(--border);padding:16px;display:none}.sidebar-section.expanded .sidebar-section-content{display:block}.sidebar-header{background:var(--surface-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:20px 16px;display:flex}.sidebar-header-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-header-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0}.sidebar-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.sidebar-collapse-toggle{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.sidebar-collapse-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:none;transform:none}.sidebar-collapse-toggle:active{background:var(--surface-active);transform:scale(.98)}.sidebar-collapse-toggle svg{width:18px;height:18px;color:var(--text-secondary);transition:transform .2s}.sidebar-collapse-toggle:hover svg{color:var(--text-primary)}.collapse-label{font-weight:600}.actions-sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:8px;padding:12px}.actions-sidebar.collapsed .sidebar-collapse-toggle{border-radius:var(--radius-lg);justify-content:center;width:44px;height:44px;padding:10px}.collapse-label{transition:opacity .2s}.actions-sidebar.collapsed{width:64px;min-width:64px}.actions-sidebar.collapsed .sidebar-header-title,.actions-sidebar.collapsed .collapse-label{display:none}.actions-sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 8px}.actions-sidebar.collapsed .sidebar-collapse-toggle{justify-content:center;width:100%;padding:8px}.actions-sidebar.collapsed .sidebar-header-content{justify-content:center}.progress-section{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding-bottom:24px;display:flex}.progress-ring-container{width:120px;height:120px;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{stroke:var(--surface-elevated)}.progress-ring-fill{stroke:var(--primary);transition:stroke-dasharray .5s}.progress-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-percent{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.progress-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem}.progress-stats{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.progress-divider{color:var(--text-quaternary)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.stats-grid .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px;display:flex}.stats-grid .stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stats-grid .stat-card.stat-sales{background:#3b82f60d;border-color:#3b82f633}.stats-grid .stat-card.stat-revenue{background:#22c55e0d;border-color:#22c55e33}.stats-grid .stat-card.stat-flagged{background:#fbbf240d;border-color:#fbbf2433}.stats-grid .stat-card.stat-urgent{background:#ef44440d;border-color:#ef444433}.stats-grid .stat-card.stat-general{background:#6b72800d;border-color:#6b728033}.stats-grid .stat-card.stat-purple{background:#a855f70d;border-color:#a855f733}.stats-grid .stat-card.stat-blue{background:#1e40af0d;border-color:#1e40af33}.stats-grid .stat-card.stat-pink{background:#ec48990d;border-color:#ec489933}.stats-grid .stat-icon{opacity:.7;width:24px;height:24px}.stats-grid .stat-icon svg{width:100%;height:100%}.stats-grid .stat-sales .stat-icon{color:#3b82f6}.stats-grid .stat-revenue .stat-icon{color:#22c55e}.stats-grid .stat-flagged .stat-icon{color:#fbbf24}.stats-grid .stat-urgent .stat-icon{color:#ef4444}.stats-grid .stat-general .stat-icon{color:#6b7280}.stats-grid .stat-purple .stat-icon{color:#a855f7}.stats-grid .stat-blue .stat-icon{color:#3b82f6}.stats-grid .stat-pink .stat-icon{color:#ec4899}.stats-grid .stat-value{font-size:1.5rem;font-weight:700;line-height:1}.stats-grid .stat-sales .stat-value{color:#3b82f6}.stats-grid .stat-revenue .stat-value{color:#22c55e}.stats-grid .stat-flagged .stat-value{color:#fbbf24}.stats-grid .stat-urgent .stat-value{color:#ef4444}.stats-grid .stat-general .stat-value{color:#6b7280}.stats-grid .stat-purple .stat-value{color:#a855f7}.stats-grid .stat-blue .stat-value{color:#3b82f6}.stats-grid .stat-pink .stat-value{color:#ec4899}.stats-grid .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stats-grid .stat-card{gap:4px;padding:12px 8px}.stats-grid .stat-icon{width:20px;height:20px}.stats-grid .stat-value{font-size:1.25rem}.stats-grid .stat-label{letter-spacing:.03em;font-size:.625rem}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stats-grid .stat-card{padding:10px 6px}.stats-grid .stat-value{font-size:1.125rem}.stats-grid .stat-label{font-size:.5625rem}}.daily-digest{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.digest-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.digest-title-row{align-items:center;gap:10px;display:flex}.digest-icon{width:20px;height:20px;color:var(--primary)}.digest-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.digest-actions{align-items:center;gap:12px;display:flex}.digest-timestamp{color:var(--text-tertiary);font-size:.75rem}.digest-generate-btn{align-items:center;gap:6px;font-size:.8125rem;display:flex}.digest-content{flex-direction:column;gap:16px;padding:16px;display:flex}.digest-summary{color:var(--text-secondary);background:var(--surface-elevated);border-radius:var(--radius-md);padding:12px;font-size:.875rem;line-height:1.6}.digest-summary p{margin:0}.digest-section{flex-direction:column;gap:8px;display:flex}.digest-section-header{color:var(--text-primary);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.digest-section-header svg{color:var(--primary)}.sales-header svg{color:var(--success)}.revenue-header svg{color:var(--primary)}.digest-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.digest-list-item{color:var(--text-secondary);background:var(--surface-elevated);border-radius:var(--radius-sm);padding:10px 12px;font-size:.8125rem;line-height:1.5}.focus-item{align-items:flex-start;gap:10px;display:flex}.item-number{color:var(--primary);flex-shrink:0;font-weight:700}.focus-item-content{flex-direction:column;flex:1;gap:4px;display:flex}.focus-action{color:var(--text-primary);font-weight:500}.focus-progress{color:var(--text-tertiary);background:var(--surface);border-radius:var(--radius-sm);width:fit-content;padding:2px 6px;font-size:.6875rem}.focus-next-task{color:var(--primary-text);font-size:.75rem;font-style:italic}.sales-item{border-left:2px solid var(--success)}.revenue-item{border-left:2px solid var(--primary)}.digest-tip{background:var(--warning-light);border-radius:var(--radius-md);color:var(--text-primary);align-items:flex-start;gap:10px;padding:12px;font-size:.8125rem;display:flex}.digest-tip svg{color:var(--warning);flex-shrink:0;margin-top:2px}.digest-tip p{margin:0;line-height:1.5}.digest-empty{text-align:center;padding:24px 16px}.digest-empty p{color:var(--text-tertiary);margin:0;font-size:.8125rem}.actions-main{background:0 0;flex-direction:column;display:flex;overflow:hidden}.actions-header{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:20px;padding:24px 32px;display:flex}@media(max-width:768px){.actions-header{gap:16px;padding:16px 20px}}.actions-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.actions-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.actions-subtitle{color:var(--text-tertiary);margin:4px 0 0;font-size:.875rem}.quick-add-form{flex-direction:column;gap:6px;display:flex}.quick-add-input-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:relative}.quick-add-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.quick-add-input-wrapper.dragging-over{border-color:var(--primary);background:var(--primary-lighter);box-shadow:0 0 0 3px var(--primary-light),0 4px 12px #1e40af26;transform:scale(1.01)}.quick-add-input-wrapper.dragging-over:before{content:"Drop files or emails here...";color:var(--primary);pointer-events:none;z-index:10;background:var(--surface);border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001a}.outlook-email-info{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.outlook-info-row{border-bottom:1px solid var(--border);gap:12px;padding:8px 0;display:flex}.outlook-info-row:last-child{border-bottom:none}.outlook-info-row strong{min-width:80px;color:var(--text-secondary);font-weight:600}.outlook-info-row span{color:var(--text-primary);flex:1}.outlook-instructions h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.outlook-method{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:12px;padding:16px;position:relative}.outlook-method:hover{border-color:var(--primary);box-shadow:0 2px 8px var(--primary-light)}.outlook-method h4{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.outlook-method p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.outlook-method ol{color:var(--text-primary);margin:0;padding-left:20px;font-size:13px}.outlook-method ol li{margin-bottom:6px;line-height:1.5}.outlook-method-badge{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-8px;right:16px}.outlook-method-recommended{background:var(--success);color:#fff}.quick-add-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.quick-add-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;font-family:inherit;font-size:.9375rem;line-height:1.5;overflow-y:auto}.quick-add-input::placeholder{color:var(--text-tertiary)}.quick-add-submit{background:var(--primary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-add-submit:hover{background:var(--primary-hover);transform:scale(1.05)}.quick-add-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-add-submit svg{width:16px;height:16px}.quick-add-actions-row{flex-shrink:0;align-items:center;gap:8px;display:flex}.quick-add-hint{color:var(--primary);padding-left:48px;font-size:.75rem}.quick-add-images{flex-wrap:wrap;gap:.5rem;padding:0 48px 8px;display:flex}.quick-add-image-item{width:80px;height:80px;position:relative}.quick-add-image-item img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:100%}.remove-image-btn{background:var(--error);border:2px solid var(--background);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px}.remove-image-btn:hover{background:var(--error-hover);transform:scale(1.1)}.remove-image-btn svg{color:#fff;width:12px;height:12px}.quick-add-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.quick-add-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--primary)}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.quick-add-btn svg{width:18px;height:18px}.quick-add-footer{align-items:center;gap:12px;padding-left:48px;display:flex}.quick-add-error{color:var(--error);font-size:.75rem}.quick-add-info{color:var(--primary);font-size:.75rem}.quick-add-mic{background:var(--surface-hover);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.quick-add-mic:hover{background:var(--primary-light);color:var(--primary-text)}.quick-add-mic.recording{background:var(--error);color:#fff;animation:1.5s ease-in-out infinite pulse-recording}.quick-add-mic svg{width:16px;height:16px}@keyframes pulse-recording{0%,to{transform:scale(1);box-shadow:0 0 #f8717166}50%{transform:scale(1.05);box-shadow:0 0 0 8px #f8717100}}@media(max-width:768px){.quick-add-form{padding:0 12px}.quick-add-input-wrapper{flex-direction:column;gap:16px;min-height:auto;padding:16px}.quick-add-input{order:1;width:100%;min-height:80px;padding:0;font-size:16px;line-height:1.5}.quick-add-icon{display:none}.quick-add-actions-row{border-top:1px solid var(--border);justify-content:flex-start;align-items:center;gap:12px;width:100%;padding-top:12px;display:flex}.quick-add-btn{border-radius:var(--radius-md);background:var(--surface);-webkit-tap-highlight-color:transparent;flex-shrink:0;width:48px;height:48px}.quick-add-btn:active{background:var(--surface-active);transform:scale(.95)}.quick-add-btn svg{width:22px;height:22px}.quick-add-mic{border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;flex-shrink:0;width:48px;height:48px}.quick-add-mic:active{transform:scale(.95)}.quick-add-mic svg{width:22px;height:22px}.quick-add-submit{flex-shrink:0;width:48px;min-width:48px;height:48px}.quick-add-submit svg{width:22px;height:22px}.quick-add-footer{flex-wrap:wrap;padding-left:0}.quick-add-hint{font-size:.6875rem}.quick-add-images{width:100%;padding:0}.quick-add-ios-warning{border-radius:var(--radius-md);color:var(--warning);background:#fbbf241a;border:1px solid #fbbf244d;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:.75rem;display:flex}.quick-add-ios-warning svg{flex-shrink:0;width:16px;height:16px}}.filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:4px;display:flex}.filter-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.filter-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.filter-tab.active{color:var(--text-on-primary);background:var(--primary)}.filter-count{opacity:.7;font-size:.75rem}.pending-approval-button{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;margin-left:8px;padding:8px 14px;font-size:.8125rem;font-weight:500;display:flex}.pending-approval-button:hover{background:var(--error);color:#fff}.pending-approval-button:hover .pending-approval-badge{color:var(--error);background:#fff}.pending-approval-button svg{flex-shrink:0;width:18px;height:18px}.pending-approval-text{white-space:nowrap}.pending-approval-badge{background:var(--error);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:flex}@media(max-width:640px){.pending-approval-text{display:none}.pending-approval-button{margin-left:4px;padding:8px 10px}}.approval-source-badge{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);align-items:center;margin-right:8px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.filter-actions{align-items:center;gap:8px;display:flex}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:flex}.filter-btn svg{width:16px;height:16px}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.filter-btn.active{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.filter-btn.filter-flagged.active{color:var(--warning);background:var(--warning-light);border-color:var(--warning)}.filter-btn.filter-clear{color:var(--error)}.filter-btn.filter-clear:hover{background:var(--error-light);border-color:var(--error)}.filter-badge{background:var(--primary);border-radius:var(--radius-full);min-width:18px;height:18px;color:var(--text-on-primary);justify-content:center;align-items:center;padding:0 6px;font-size:.6875rem;font-weight:600;display:flex}.sort-dropdown{align-items:center;display:flex;position:relative}.sort-select{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 32px 8px 12px;font-size:.8125rem;font-weight:500}.sort-select:hover{color:var(--text-primary);border-color:var(--border-strong)}.sort-select:focus{border-color:var(--primary);outline:none}.sort-icon{width:14px;height:14px;color:var(--text-tertiary);pointer-events:none;position:absolute;right:10px}.expanded-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:16px;animation:.2s slideDown;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:600}.filter-options{flex-wrap:wrap;gap:6px;display:flex}.filter-option{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:.8125rem;font-weight:500}.filter-option:hover{color:var(--text-primary);border-color:var(--border-strong)}.filter-option.active{color:var(--text-on-primary);background:var(--primary);border-color:var(--primary)}.filter-option.filter-tag{color:var(--secondary);background:var(--secondary-light);border-color:#0000}.filter-option.filter-tag.active{color:var(--text-on-primary);background:var(--secondary)}.clear-filters-btn{color:var(--primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8125rem;font-weight:500}.clear-filters-btn:hover{color:var(--primary-hover)}.actions-list-container{flex:1;padding:24px 32px;overflow-y:auto}@media(max-width:768px){.actions-list-container{padding:16px 20px}}.actions-list{flex-direction:column;gap:8px;display:flex}.empty-state{text-align:center;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);background:#0d0d1299;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:auto;padding:64px 32px;display:flex}.empty-icon{background:var(--primary-light);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.empty-icon svg{width:32px;height:32px;color:var(--primary)}.empty-title{color:var(--text-primary);margin:0 0 8px;font-size:1.125rem;font-weight:600}.empty-text{color:var(--text-tertiary);max-width:280px;margin:0;font-size:.875rem}.action-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:16px;display:flex}.action-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.action-item.completed .action-text{color:var(--text-tertiary);text-decoration:line-through}.action-item.flagged{border-color:var(--warning);box-shadow:0 0 0 1px var(--warning-light)}.action-drag-handle{width:20px;height:20px;color:var(--text-quaternary);cursor:grab;opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.action-item:hover .action-drag-handle{opacity:1}.action-drag-handle:active{cursor:grabbing}.action-drag-handle svg{width:14px;height:14px}.action-priority-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:8px}.action-priority-dot.priority-critical{background:var(--priority-critical)}.action-priority-dot.priority-high{background:var(--priority-high)}.action-priority-dot.priority-medium{background:var(--priority-medium)}.action-priority-dot.priority-low{background:var(--priority-low)}.action-checkbox{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative}.action-checkbox input{opacity:0;cursor:pointer;width:20px;height:20px;position:absolute}.action-checkbox .checkmark{border:2px solid var(--border-strong);border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.action-checkbox .checkmark svg{color:#0000;width:12px;height:12px;transition:color var(--transition-fast)}.action-checkbox input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.action-checkbox input:checked+.checkmark svg{color:var(--text-on-primary)}.action-checkbox:hover .checkmark{border-color:var(--primary)}.action-content{flex:1;min-width:0}.action-text{color:var(--text-primary);cursor:default;margin:0;font-size:.9375rem;line-height:1.5}.action-images{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.action-image-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:80px;height:80px;transition:all .2s}.action-image-thumb:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.action-edit-form{width:100%}.action-edit-input{background:var(--surface-elevated);border:1px solid var(--primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:8px 12px;font-size:.9375rem}.action-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.action-dropdown{position:relative}.action-badge{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.action-badge.category-sales{background:var(--category-sales-light);color:var(--category-sales)}.action-badge.category-revenue{background:var(--category-revenue-light);color:var(--category-revenue)}.action-badge.category-general{background:var(--category-general-light);color:var(--category-general)}.action-badge.action-priority-badge{border:1px solid}.action-badge.action-priority-badge.priority-critical{background:var(--priority-critical-light);color:var(--priority-critical);border-color:var(--priority-critical-border)}.action-badge.action-priority-badge.priority-high{background:var(--priority-high-light);color:var(--priority-high);border-color:var(--priority-high-border)}.action-badge.action-priority-badge.priority-medium{background:var(--priority-medium-light);color:var(--priority-medium);border-color:var(--priority-medium-border)}.action-badge.action-priority-badge.priority-low{background:var(--priority-low-light);color:var(--priority-low);border-color:var(--priority-low-border)}.action-dropdown-menu{background:var(--surface-elevated-solid);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:4px;animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);left:0}.action-dropdown-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.action-dropdown-menu button:hover{background:var(--surface-hover);color:var(--text-primary)}.action-dropdown-menu button.active{background:var(--primary-light);color:var(--primary)}.priority-dot{border-radius:var(--radius-full);width:8px;height:8px}.action-tag{background:var(--secondary-light);border-radius:var(--radius-full);color:var(--secondary);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.tag-remove{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.tag-remove:hover{opacity:1}.tag-remove svg{width:12px;height:12px}.add-tag-btn{border:1px dashed var(--border-strong);border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.add-tag-btn:hover{border-color:var(--secondary);color:var(--secondary)}.add-tag-btn svg{width:12px;height:12px}.tag-input-form{display:inline-flex}.tag-input{background:var(--surface-elevated);border:1px solid var(--secondary);border-radius:var(--radius-full);width:80px;color:var(--text-primary);outline:none;padding:4px 10px;font-size:.75rem}.action-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.action-time{color:var(--text-tertiary);font-size:.75rem}.action-source{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.75rem;text-decoration:none;overflow:hidden}.action-source:hover{color:var(--primary)}.action-source.quick-note{color:var(--secondary);font-weight:500}.action-buttons{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;display:flex}.action-item:hover .action-buttons{opacity:1}.action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.action-btn svg{width:16px;height:16px}.action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.action-btn.flag-btn.active{color:var(--warning);background:var(--warning-light);opacity:1}.action-btn.delete-btn:hover{background:var(--error-light);color:var(--error)}.action-btn.speak-btn:hover{background:var(--primary-light);color:var(--primary-text)}.action-btn.speak-btn.active{color:var(--primary-text);background:var(--primary-light);opacity:1}.action-item .action-btn.speak-btn.active{opacity:1}.action-item:not(:hover) .action-btn.speak-btn:not(.active){opacity:0}.action-item .action-btn.flag-btn.active{opacity:1}.action-item:not(:hover) .action-btn.flag-btn:not(.active){opacity:0}.task-list{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.task-list-collapsed{align-items:center;gap:8px;margin-top:8px;display:flex}.task-list-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.task-progress-bar{background:var(--surface-elevated);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.task-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.task-progress-text{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.task-items{flex-direction:column;gap:6px;display:flex}.task-item{background:var(--surface-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;display:flex}.task-item:hover{background:var(--surface-hover)}.task-item.completed{opacity:.6}.task-item.completed .task-text{color:var(--text-tertiary);text-decoration:line-through}.task-checkbox{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.task-checkbox input{opacity:0;cursor:pointer;width:16px;height:16px;position:absolute}.task-checkmark{border:2px solid var(--border-strong);border-radius:var(--radius-sm);width:16px;height:16px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.task-checkmark svg{color:#0000;width:10px;height:10px;transition:color var(--transition-fast)}.task-checkbox input:checked+.task-checkmark{background:var(--primary);border-color:var(--primary)}.task-checkbox input:checked+.task-checkmark svg{color:var(--text-on-primary)}.task-checkbox:hover .task-checkmark{border-color:var(--primary)}.task-text{color:var(--text-secondary);cursor:default;flex:1;font-size:.8125rem;line-height:1.4}.task-edit-input{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;padding:4px 8px;font-size:.8125rem}.task-delete-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-quaternary);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{background:var(--error-light);color:var(--error)}.task-delete-btn svg{width:12px;height:12px}.task-add-form{align-items:center;gap:6px;margin-top:8px;display:flex}.task-add-input{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:6px 10px;font-size:.8125rem}.task-add-input:focus{border-color:var(--primary)}.task-add-input::placeholder{color:var(--text-quaternary)}.task-add-submit{background:var(--primary);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.task-add-submit:hover{background:var(--primary-hover)}.task-add-submit svg{width:14px;height:14px}.task-add-btn{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.8125rem;display:flex}.task-add-btn:hover{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}.task-add-btn svg{width:14px;height:14px}.action-tasks-toggle{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:6px 10px;font-size:.8125rem;display:flex}.action-tasks-toggle:hover{border-color:var(--primary);background:var(--primary-light)}.task-progress-mini{background:var(--surface);border-radius:var(--radius-full);width:60px;height:4px;overflow:hidden}.task-progress-mini-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.task-progress-mini-text{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.action-drop-target .action-item{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:var(--primary-light)}.view-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle-btn{width:36px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-toggle-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.view-toggle-btn.active{background:var(--primary);color:#fff}.view-toggle-btn svg{width:16px;height:16px}.actions-list-container.board-mode{padding:0;overflow:hidden}.kanban-board-wrapper{flex-direction:column;height:100%;min-height:0;display:flex}.kanban-board-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:flex-end;align-items:center;padding:16px 24px;display:flex}.kanban-group-selector{align-items:center;gap:8px;display:flex}.kanban-group-selector label{color:var(--text-secondary);font-size:.875rem}.kanban-group-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding:6px 28px 6px 12px;font-size:.875rem}.kanban-group-select:hover{border-color:var(--border-strong)}.kanban-group-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.kanban-board{flex:1;align-items:flex-start;gap:16px;min-height:0;padding:24px;display:flex;overflow:auto hidden}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.kanban-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 300px;min-width:280px;max-width:320px;max-height:calc(100vh - 320px);display:flex;overflow:hidden}.kanban-column.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.kanban-column-header{border-bottom:1px solid var(--border);background:var(--bg-primary);z-index:1;padding:16px;position:sticky;top:0}.kanban-column-title{align-items:center;gap:8px;display:flex}.kanban-column-title h3{color:var(--text-primary);flex:1;margin:0;font-size:.875rem;font-weight:600}.kanban-column-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column-indicator.column-red{background:var(--danger)}.kanban-column-indicator.column-blue{background:var(--primary)}.kanban-column-indicator.column-yellow{background:var(--warning)}.kanban-column-indicator.column-orange{background:#f97316}.kanban-column-indicator.column-green{background:var(--success)}.kanban-column-indicator.column-gray{background:var(--text-tertiary)}.kanban-column-indicator.column-default{background:var(--border-strong)}.kanban-column-count{color:var(--text-tertiary);background:var(--surface-hover);border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500}.kanban-column-content{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-track{background:0 0}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.kanban-column-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.kanban-column-empty svg{opacity:.5;width:32px;height:32px;margin-bottom:8px}.kanban-column-empty span{font-size:.8125rem}.kanban-drop-indicator{border:2px dashed var(--primary);border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);text-align:center;margin-top:auto;padding:16px;font-size:.8125rem;font-weight:500}.kanban-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;transition:all .15s;display:flex;position:relative;overflow:hidden}.kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.kanban-card:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.kanban-card.dragging{box-shadow:var(--shadow-lg);opacity:.9;transform:rotate(2deg)}.kanban-card.completed{opacity:.6}.kanban-card.flagged{border-color:var(--warning);box-shadow:0 0 0 1px var(--warning-light)}.kanban-card-priority-stripe{flex-shrink:0;align-self:stretch;width:4px}.kanban-card-priority-stripe.priority-critical{background:var(--danger)}.kanban-card-priority-stripe.priority-high{background:var(--primary)}.kanban-card-priority-stripe.priority-medium{background:var(--warning)}.kanban-card-priority-stripe.priority-low{background:var(--text-tertiary)}.kanban-card-drag-handle{color:var(--text-tertiary);cursor:grab;opacity:0;justify-content:center;align-items:center;padding:8px 4px;transition:opacity .15s;display:flex}.kanban-card:hover .kanban-card-drag-handle{opacity:1}.kanban-card-drag-handle:active{cursor:grabbing}.kanban-card-drag-handle svg{width:14px;height:14px}.kanban-card-content{flex:1;align-items:flex-start;gap:8px;min-width:0;padding:10px 10px 10px 4px;display:flex}.kanban-card-checkbox{border:2px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .15s;display:flex}.kanban-card-checkbox:hover{border-color:var(--primary);background:var(--primary-light)}.kanban-card-checkbox.checked{background:var(--success);border-color:var(--success)}.kanban-card-checkbox svg{color:#fff;width:12px;height:12px}.kanban-card-body{flex:1;min-width:0}.kanban-card-title{color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.kanban-card-title.completed{color:var(--text-tertiary);text-decoration:line-through}.kanban-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.kanban-card-due,.kanban-card-tasks{color:var(--text-tertiary);background:var(--surface-hover);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.6875rem;display:flex}.kanban-card-due svg,.kanban-card-tasks svg{width:10px;height:10px}.kanban-card-due.overdue{background:var(--danger-light);color:var(--danger)}.kanban-card-due.today{background:var(--warning-light);color:var(--warning-dark)}.kanban-card-due.soon{background:var(--primary-light);color:var(--primary)}.kanban-card-owner{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.625rem;font-weight:600;display:flex}.kanban-card-flag{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.kanban-card:hover .kanban-card-flag{opacity:1}.kanban-card-flag:hover{background:var(--surface-hover);color:var(--warning)}.kanban-card-flag.active{opacity:1;color:var(--warning)}.kanban-card-flag svg{width:14px;height:14px}@media(max-width:768px){.kanban-board{gap:12px;padding:16px}.kanban-column{flex:0 0 260px;min-width:240px;max-height:calc(100vh - 280px)}.kanban-board-header{padding:12px 16px}.kanban-column-header{padding:12px}.kanban-column-content{gap:6px;padding:8px}.kanban-card-content{padding:8px 8px 8px 4px}}@media(max-width:480px){.kanban-column{flex:0 0 calc(100vw - 48px);min-width:calc(100vw - 48px)}}.action-warning-popup{z-index:100;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:240px;padding:16px;animation:.2s warningPopupIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0006}@keyframes warningPopupIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.action-warning-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.action-warning-icon{width:32px;height:32px;color:var(--warning)}.action-warning-content p{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:500}.action-warning-buttons{gap:8px;width:100%;margin-top:4px;display:flex}.action-warning-cancel,.action-warning-confirm{border-radius:var(--radius-md);cursor:pointer;flex:1;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:all .2s}.action-warning-cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.action-warning-cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.action-warning-confirm{background:var(--primary);border:1px solid var(--primary);color:#fff}.action-warning-confirm:hover{background:var(--primary-hover)}.action-item{position:relative}.task-suggestion-modal{flex-direction:column;gap:1rem;display:flex}.task-suggestion-loading{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.task-suggestion-loading .loading-spinner{color:var(--primary)}.task-suggestion-error,.task-suggestion-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.task-suggestion-intro{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.task-suggestion-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.task-suggestion-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.task-suggestion-item:hover{border-color:var(--primary);background:var(--primary-light)}.task-suggestion-item input{opacity:0;width:0;height:0;position:absolute}.task-suggestion-checkmark{border:2px solid var(--border-strong);border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-suggestion-checkmark svg{color:#0000;width:12px;height:12px;transition:color var(--transition-fast)}.task-suggestion-item input:checked+.task-suggestion-checkmark{background:var(--primary);border-color:var(--primary)}.task-suggestion-item input:checked+.task-suggestion-checkmark svg{color:var(--text-on-primary)}.task-suggestion-text{color:var(--text-primary);flex:1;font-size:.875rem}.task-suggestion-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.action-assignment-modal{flex-direction:column;gap:1.5rem;display:flex}.action-assignment-intro{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.action-assignment-intro strong{color:var(--text-primary);font-weight:600}.action-assignment-stats{background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);gap:1rem;padding:1rem;display:flex}.assignment-stat{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.assignment-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.assignment-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.action-assignment-list{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.action-assignment-empty{text-align:center;color:var(--text-secondary);padding:2rem}.action-assignment-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.action-assignment-item.skipped{opacity:.5;background:var(--surface-elevated)}.action-assignment-item.skipped .action-assignment-text{text-decoration:line-through}.action-assignment-content{flex-direction:column;gap:.25rem;display:flex}.action-assignment-text{color:var(--text-primary);font-size:.9375rem;line-height:1.4}.action-assignment-original-owner{color:var(--text-tertiary);font-size:.75rem}.action-assignment-controls{flex-direction:column;gap:.5rem;display:flex}.assignment-type-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.assignment-type-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.assignment-type-btn svg{width:16px;height:16px}.assignment-type-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.assignment-type-btn:disabled{opacity:.4;cursor:not-allowed}.assignment-type-btn.active{border-width:2px}.assignment-type-btn.active.mine{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.assignment-type-btn.active.internal{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.assignment-type-btn.active.external{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.assignment-type-btn.active.skip{background:var(--surface-hover);border-color:var(--text-tertiary);color:var(--text-tertiary)}.assignment-user-select{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);padding:.5rem .75rem;font-size:.875rem}.assignment-user-select:hover{border-color:var(--border-strong)}.assignment-user-select:focus{border-color:var(--secondary);outline:none}.action-assignment-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}@media(max-width:640px){.action-assignment-stats{flex-wrap:wrap}.assignment-type-buttons{justify-content:center}.assignment-type-btn{flex:1;justify-content:center;min-width:70px}.assignment-type-btn span{display:none}.action-assignment-footer{flex-direction:column-reverse}}.assignment-modal-content{flex-direction:column;gap:1.5rem;display:flex}.assignment-header{flex-direction:column;gap:1rem;display:flex}.assignment-subtitle{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.assignment-subtitle strong{color:var(--text-primary);font-weight:600}.assignment-summary{flex-wrap:wrap;gap:.75rem;display:flex}.summary-item{border-radius:var(--radius-md);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.summary-item.mine{background:var(--primary-light);color:var(--primary)}.summary-item.internal{background:var(--secondary-light);color:var(--secondary)}.summary-item.external{background:var(--warning-light);color:var(--warning)}.summary-item.skip{background:var(--surface-hover);color:var(--text-tertiary)}.summary-count{font-weight:700}.assignment-quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.quick-action-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.5rem .875rem;font-size:.8125rem;font-weight:500}.quick-action-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.assignment-list{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.assignment-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.assignment-row:hover{border-color:var(--border-strong)}.assignment-row.skipped{opacity:.5;background:var(--surface-elevated)}.assignment-row.skipped .assignment-text{text-decoration:line-through}.assignment-action-info{flex-direction:column;gap:.375rem;display:flex}.assignment-action-text{align-items:flex-start;gap:.5rem;display:flex}.assignment-priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem}.assignment-priority-dot.priority-critical{background:var(--error)}.assignment-priority-dot.priority-high{background:var(--warning)}.assignment-priority-dot.priority-medium{background:var(--secondary)}.assignment-priority-dot.priority-low{background:var(--text-tertiary)}.assignment-text{color:var(--text-primary);font-size:.9375rem;line-height:1.4}.assignment-action-meta{color:var(--text-tertiary);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.assignment-category{background:var(--surface-elevated);border-radius:var(--radius-sm);padding:.125rem .5rem}.assignment-original-owner{font-style:italic}.assignment-controls{flex-direction:column;gap:.5rem;display:flex}.assignment-user-dropdown{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);min-width:150px;padding:.5rem .75rem;font-size:.875rem}.assignment-user-dropdown:hover{border-color:var(--border-strong)}.assignment-user-dropdown:focus{border-color:var(--secondary);outline:none}.assignment-user-label{color:var(--text-secondary);background:var(--surface-elevated);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.8125rem}.assignment-due-date{align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.assignment-due-date-label{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.assignment-due-date-label svg{opacity:.7}.assignment-date-input{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);min-width:140px;padding:.375rem .625rem;font-size:.8125rem}.assignment-date-input:hover{border-color:var(--border-strong)}.assignment-date-input:focus{border-color:var(--secondary);outline:none}.assignment-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.6);transition:filter var(--transition-fast)}.assignment-date-input::-webkit-calendar-picker-indicator:hover{filter:invert(.8)}.assignment-clear-date{cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.assignment-clear-date:hover{color:var(--error)}.assignment-empty{text-align:center;color:var(--text-secondary);padding:2rem}.assignment-footer{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.assignment-footer-info{flex-wrap:wrap;gap:1rem;display:flex}.tracked-info{color:var(--primary);font-size:.875rem;font-weight:500}.external-info{color:var(--text-secondary);font-size:.875rem}.assignment-footer-actions{justify-content:flex-end;gap:.75rem;display:flex}@media(max-width:640px){.assignment-summary{flex-direction:column}.assignment-row{padding:.75rem}.assignment-footer-actions{flex-direction:column-reverse}.assignment-footer-actions button{width:100%}}.session-layout{grid-template-columns:380px 1fr;gap:0;height:100%;display:grid;overflow:hidden}@media(max-width:900px){.session-layout{grid-template-columns:1fr}}.session-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);background:#0d0d12b3;overflow:hidden auto}@media(max-width:900px){.session-sidebar{display:none}}.session-sidebar-content{flex-direction:column;gap:24px;padding:20px;display:flex}.session-status-section{text-align:center;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);padding:20px}.session-status-indicator{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--surface-elevated);align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.session-status-indicator.active{color:var(--text-secondary);background:var(--surface-elevated)}.session-status-indicator.active .status-dot{background:var(--text-tertiary);animation:none}.session-status-indicator.recording{color:var(--error);background:var(--error-light)}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.session-status-indicator.recording .status-dot{background:var(--error);animation:1s infinite pulse}.status-dot.inactive{background:var(--text-tertiary);animation:none}@keyframes pulse{50%{opacity:.5}}.session-title-text{color:var(--text-primary);margin:0 0 4px;font-size:1.125rem;font-weight:600}.session-duration{color:var(--text-tertiary);margin:0;font-size:.8125rem}.session-idle-text{color:var(--text-tertiary);margin:8px 0 0;font-size:.875rem}.session-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.session-stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;align-items:center;gap:6px;padding:16px 8px;display:flex}.session-stat-card .stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.session-stat-card .stat-icon svg{width:18px;height:18px}.session-stat-card .stat-icon.notes-icon{background:var(--primary-light);color:var(--primary)}.session-stat-card .stat-icon.actions-icon{background:var(--success-light);color:var(--success)}.session-stat-card .stat-icon.images-icon{background:var(--secondary-light);color:var(--secondary)}.session-stat-card .stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.session-stat-card .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.recording-section{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);padding:16px}.recording-header{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:.875rem;font-weight:500;display:flex}.recording-header svg{width:18px;height:18px}.recording-controls{gap:8px;display:flex}.recording-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.recording-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.recording-btn:disabled{opacity:.5;cursor:not-allowed}.recording-btn.active{background:var(--error-light);border-color:var(--error);color:var(--error)}.rec-indicator{background:var(--error);border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}.mic-settings-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mic-settings-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.mic-settings-btn:disabled{opacity:.5;cursor:not-allowed}.mic-settings-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.mic-settings-btn svg{width:18px;height:18px}.mic-settings-panel{background:var(--surface-elevated);border-radius:var(--radius-md);margin-top:12px;padding:12px}.mic-settings-label{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem;font-weight:500;display:block}.mic-settings-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;padding:8px 12px;font-size:.8125rem}.mic-settings-select:disabled{opacity:.5;cursor:not-allowed}.mic-settings-loading,.mic-settings-empty{color:var(--text-tertiary);font-size:.8125rem}.mic-settings-error{color:var(--error);font-size:.8125rem}.meeting-mode-toggle{margin-bottom:12px}.meeting-mode-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;font-weight:500;display:flex}.meeting-mode-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.meeting-mode-btn:disabled{opacity:.5;cursor:not-allowed}.meeting-mode-btn svg{width:16px;height:16px}.meeting-mode-btn.active{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.meeting-mode-hint{color:var(--text-tertiary);text-align:center;margin-top:8px;font-size:.75rem}.meeting-mode-active{color:var(--success);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;display:flex}.meeting-mode-active:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.recording-btn.meeting{border-color:var(--secondary)}.recording-btn.meeting:hover:not(:disabled){border-color:var(--secondary-hover);background:var(--secondary-light)}.recording-btn.meeting.active{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.session-status-indicator.meeting{background:var(--secondary-light);border-color:var(--secondary)}.session-status-indicator.meeting .status-dot{background:var(--secondary)}.pause-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.pause-btn svg{width:18px;height:18px}.pause-btn:hover{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.pause-btn.paused{background:var(--success-light);border-color:var(--success);color:var(--success)}.pause-btn.paused:hover{background:var(--success);color:#fff}.recording-btn.paused{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.rec-indicator.paused{background:var(--warning);animation:none}.mobile-recording-controls{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:none}@media(max-width:900px){.mobile-recording-controls{display:flex}}.mobile-rec-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.mobile-rec-btn svg{width:20px;height:20px}.mobile-rec-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.mobile-rec-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-rec-btn.active{background:var(--error-light);border-color:var(--error);color:var(--error)}.mobile-rec-btn.paused{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.mobile-rec-btn .rec-indicator{background:var(--error);border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}.mobile-rec-btn .rec-indicator.paused{background:var(--warning);animation:none}.mobile-pause-btn,.mobile-stop-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-pause-btn svg,.mobile-stop-btn svg{width:18px;height:18px}.mobile-pause-btn:hover{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.mobile-pause-btn.paused{background:var(--success-light);border-color:var(--success);color:var(--success)}.mobile-pause-btn.paused:hover{background:var(--success);color:#fff}.mobile-stop-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.mobile-end-session-btn{background:var(--error);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;height:44px;margin-left:auto;padding:0 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.mobile-end-session-btn svg{width:18px;height:18px}.mobile-end-session-btn:hover{background:var(--error-dark,#dc2626);transform:scale(1.02)}.mobile-end-session-btn:active{transform:scale(.98)}.mobile-rec-error{color:var(--error);text-align:center;flex:1;font-size:.75rem}.recording-error{background:var(--error-light);border-radius:var(--radius-md);color:var(--error);margin-top:12px;padding:10px 12px;font-size:.8125rem}.transcribing-indicator{background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:.8125rem;display:flex}.transcribing-dots{gap:4px;display:flex}.transcribing-dots span{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite bounce}.transcribing-dots span:first-child{animation-delay:-.32s}.transcribing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.session-actions-section{flex-direction:column;gap:10px;margin-top:auto;display:flex}.session-action-btn{justify-content:center;width:100%}.session-action-btn.full-width{width:100%}.session-main{background:0 0;flex-direction:column;display:flex;overflow:hidden}.session-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:#0d0d1280;padding:24px 32px}.session-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.session-page-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.session-page-subtitle{color:var(--text-tertiary);margin:4px 0 0;font-size:.875rem}.session-status-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.session-status-badge.processing{background:var(--warning-light);color:var(--warning)}.session-status-badge.error{background:var(--error-light);color:var(--error)}.processing-dot{background:var(--warning);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.session-input-bar{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.session-input-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.session-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.session-input-wrapper .input-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.session-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.session-input::placeholder{color:var(--text-tertiary)}.input-action-btn{background:var(--surface-elevated);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.input-action-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.input-action-btn:disabled{opacity:.5;cursor:not-allowed}.input-action-btn svg{width:18px;height:18px}.input-submit-btn{background:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.input-submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.input-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-submit-btn svg{width:16px;height:16px}.session-input-footer{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.input-hint{color:var(--text-quaternary);font-size:.75rem}.clear-feed-btn{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.75rem}.clear-feed-btn:hover{color:var(--error)}.session-tabs{gap:4px;display:flex}.session-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:500;display:flex}.session-tab:hover{color:var(--text-primary)}.session-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:var(--surface-elevated);border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:600}.session-tab.active .tab-count{background:var(--primary-light);color:var(--primary)}.session-content{flex:1;padding:24px 32px;overflow-y:auto}.session-feed{height:100%;overflow-y:auto}.feed-empty{text-align:center;height:100%;min-height:300px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.feed-empty svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.feed-empty h3{color:var(--text-secondary);margin:0 0 8px;font-size:1rem;font-weight:600}.feed-empty p{margin:0;font-size:.875rem}.feed-list{flex-direction:column;gap:8px;display:flex}.feed-entry{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);gap:12px;padding:12px 16px;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feed-entry.importance{border-left:3px solid var(--primary);background:var(--primary-lighter)}.feed-entry.image{border-left:3px solid var(--secondary)}.feed-entry.interim{opacity:.6;border-style:dashed}.feed-time{color:var(--text-quaternary);min-width:48px;padding-top:2px;font-size:.75rem}.feed-content{flex:1;min-width:0}.feed-label{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.feed-content p{color:var(--text-primary);margin:0;font-size:.875rem;line-height:1.5}.feed-thumbnail{object-fit:cover;border-radius:var(--radius-md);cursor:pointer;width:60px;height:60px;transition:transform var(--transition-fast);margin-bottom:8px}.feed-thumbnail:hover{transform:scale(1.05)}.session-notes,.session-actions-tab{height:100%}.session-empty-container{background:0 0;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.session-empty-state{text-align:center;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);background:#0d0d1299;flex-direction:column;justify-content:center;align-items:center;max-width:420px;padding:48px 32px;display:flex}.session-empty-state .empty-icon{background:var(--surface-elevated);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex}.session-empty-state .empty-icon svg{width:36px;height:36px;color:var(--text-tertiary)}.session-empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.session-empty-state p{color:var(--text-secondary);max-width:300px;margin:0 0 24px;font-size:.9375rem}@media(max-width:900px){.session-header,.session-content{padding:16px 20px}.session-page-title{font-size:1.25rem}}.hidden{display:none!important}.archive-container{scroll-behavior:smooth;flex:1;overflow-y:auto}.archive-inner{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}@media(min-width:768px){.archive-inner{padding:2.5rem 2rem 4rem}}.archive-header{margin-bottom:2rem}.archive-header-content{background:linear-gradient(135deg,var(--surface)0%,var(--surface-elevated)100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden}.archive-header-text{z-index:1;position:relative}.archive-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.archive-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.archive-header-decoration{pointer-events:none;width:200px;position:absolute;top:0;bottom:0;right:0}.archive-header-orb{filter:blur(60px);opacity:.4;border-radius:50%;position:absolute}.archive-header-orb-1{background:var(--primary);width:150px;height:150px;top:-50px;right:-30px}.archive-header-orb-2{background:var(--secondary);width:100px;height:100px;bottom:-30px;right:40px}.archive-controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.archive-search-wrapper{position:relative}.archive-search-icon{width:1.25rem;height:1.25rem;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.archive-search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.875rem 2.75rem .875rem 3rem;font-size:.9375rem}.archive-search-input::placeholder{color:var(--text-tertiary)}.archive-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.archive-search-clear{color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;padding:.375rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.archive-search-clear:hover{color:var(--text-primary);background:var(--surface-hover)}.archive-filters{flex-direction:column;gap:.75rem;display:flex}@media(min-width:640px){.archive-filters{flex-direction:row;justify-content:space-between;align-items:center}}.archive-filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.archive-filter-pill{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.archive-filter-pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.archive-filter-pill-active{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.archive-filter-pill-active:hover{color:var(--primary)}.archive-sort-btn{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.archive-sort-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.archive-timeline{flex-direction:column;gap:2rem;display:flex}.archive-timeline-group{position:relative}.archive-timeline-header{align-items:center;gap:.75rem;margin-bottom:1rem;padding-left:.25rem;display:flex}.archive-timeline-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--primary-light);border-radius:50%}.archive-timeline-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.archive-timeline-count{color:var(--text-tertiary);background:var(--surface-hover);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.75rem;font-weight:600}.archive-timeline-content{border-left:2px solid var(--border);flex-direction:column;gap:.875rem;margin-left:4px;padding-left:.5rem;display:flex}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);animation:cardSlideIn .4s var(--ease-out)forwards;opacity:0;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.session-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md),0 0 0 1px var(--border-strong);transform:translateY(-2px)}.session-card-accent{flex-shrink:0;width:4px}.session-card-accent-completed{background:linear-gradient(180deg,var(--success)0%,var(--success-hover)100%)}.session-card-accent-active{background:linear-gradient(180deg,var(--warning)0%,var(--primary)100%)}.session-card-content{flex:1;min-width:0;padding:1.25rem 1.25rem 1.25rem 1rem}.session-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.625rem;display:flex}.session-card-title-link{flex:1;min-width:0;text-decoration:none}.session-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden}.session-card:hover .session-card-title{color:var(--primary)}.session-card-status{flex-shrink:0}.session-card-badge{border-radius:var(--radius-sm);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.session-card-badge-completed{color:var(--success);background:var(--success-light)}.session-card-badge-active{color:var(--warning);background:var(--warning-light)}.session-card-pulse{background:var(--warning);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.session-card-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.session-card-stats{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.session-card-stat{color:var(--text-tertiary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.session-card-stat-icon{width:1rem;height:1rem}.session-card-stat-value{white-space:nowrap}.session-card-stat-highlight{color:var(--primary);font-weight:500}.session-card-stat-time{margin-left:auto}.session-card-actions{opacity:0;transition:all var(--transition-fast);gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(4px)}.session-card:hover .session-card-actions{opacity:1;transform:translateY(0)}.session-card-action{color:var(--text-secondary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.session-card-action:hover{color:var(--text-primary);border-color:var(--border-strong)}.session-card-action-view:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.session-card-action-export:hover{color:var(--secondary);border-color:var(--secondary);background:var(--secondary-light)}.session-card-action-delete:hover{color:var(--error);border-color:var(--error);background:var(--error-light)}.archive-empty{justify-content:center;padding:4rem 1rem;display:flex}.archive-empty-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;max-width:320px;padding:2.5rem 2rem;display:flex}.archive-empty-icon{background:linear-gradient(135deg,var(--primary-light)0%,var(--secondary-light)100%);border-radius:var(--radius-lg);width:80px;height:80px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.archive-empty-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.archive-empty-text{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.archive-empty-reset{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;margin-top:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500}.archive-empty-reset:hover{background:var(--primary);color:var(--text-on-primary)}.detail-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.detail-loading{flex:1;justify-content:center;align-items:center;display:flex}.detail-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.detail-not-found{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.detail-not-found-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;max-width:320px;padding:2.5rem 2rem;display:flex}.detail-not-found-icon{background:var(--surface-hover);border-radius:var(--radius-lg);width:72px;height:72px;color:var(--text-tertiary);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.detail-not-found-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.detail-not-found-text{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.detail-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0c0c0ed9;position:sticky;top:0}.detail-header-inner{align-items:center;gap:1rem;max-width:1000px;margin:0 auto;padding:1rem 1.5rem;display:flex}@media(min-width:768px){.detail-header-inner{padding:1.25rem 2rem}}.detail-back-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-back-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.detail-header-info{flex:1;min-width:0}.detail-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:600;overflow:hidden}@media(min-width:768px){.detail-title{font-size:1.375rem}}.detail-meta{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.detail-meta-item{color:var(--text-tertiary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.detail-meta-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.detail-meta-badge-completed{color:var(--success);background:var(--success-light)}.detail-meta-badge-active{color:var(--warning);background:var(--warning-light)}.detail-header-actions{align-items:center;gap:.5rem;display:flex}.detail-delete-btn{width:36px;height:36px;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.detail-delete-btn:hover{color:var(--error);background:var(--error-light)}.detail-tabs{background:var(--surface);border-bottom:1px solid var(--border)}.detail-tabs-inner{gap:0;max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex}@media(min-width:768px){.detail-tabs-inner{gap:.25rem;padding:0 2rem}}.detail-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.detail-tab:hover{color:var(--text-primary)}.detail-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.detail-tab-count{color:var(--text-tertiary);background:var(--surface-hover);border-radius:var(--radius-full);padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.detail-tab-active .detail-tab-count{color:var(--primary);background:var(--primary-light)}.detail-content{flex:1;overflow-y:auto}.detail-panel{max-width:1000px;animation:fadeIn .3s var(--ease-out);margin:0 auto;padding:1.5rem}@media(min-width:768px){.detail-panel{padding:2rem}}.detail-minutes-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}@media(min-width:768px){.detail-minutes-content{padding:2rem 2.5rem}}.detail-minutes-content h1,.detail-minutes-content h2,.detail-minutes-content h3,.detail-minutes-content h4{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em;font-weight:600}.detail-minutes-content h1:first-child,.detail-minutes-content h2:first-child,.detail-minutes-content h3:first-child{margin-top:0}.detail-minutes-content h1{font-size:1.5rem}.detail-minutes-content h2{font-size:1.25rem}.detail-minutes-content h3{font-size:1.125rem}.detail-minutes-content p{color:var(--text-secondary);margin-bottom:1em;line-height:1.7}.detail-minutes-content ul,.detail-minutes-content ol{color:var(--text-secondary);margin-bottom:1em;padding-left:1.5em}.detail-minutes-content li{margin-bottom:.5em;line-height:1.6}.detail-minutes-content strong{color:var(--text-primary);font-weight:600}.detail-minutes-content code{background:var(--surface-hover);border-radius:var(--radius-xs);padding:.125em .375em;font-size:.9em}.detail-minutes-content blockquote{border-left:3px solid var(--primary);color:var(--text-secondary);margin:1em 0;padding-left:1rem;font-style:italic}.detail-panel-actions{flex-direction:column;gap:1.5rem;display:flex}.detail-actions-summary{gap:1rem;display:flex}.detail-actions-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;align-items:center;padding:1.25rem 1rem;display:flex}.detail-actions-stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.detail-actions-stat-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.detail-actions-stat-pending .detail-actions-stat-value{color:var(--warning)}.detail-actions-stat-completed .detail-actions-stat-value{color:var(--success)}.detail-actions-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.detail-action-item{border-bottom:1px solid var(--border);transition:background var(--transition-fast);align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;display:flex}.detail-action-item:last-child{border-bottom:none}.detail-action-item:hover{background:var(--surface-hover)}.detail-action-checkbox{border:2px solid var(--border-strong);border-radius:var(--radius-xs);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.detail-action-checkbox-checked{background:var(--success);border-color:var(--success);color:#fff}.detail-action-text{color:var(--text-primary);flex:1;font-size:.9375rem;line-height:1.5}.detail-action-text-completed{color:var(--text-tertiary);text-decoration:line-through}.detail-action-assignee{color:var(--text-tertiary);background:var(--surface-hover);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.detail-images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}@media(min-width:768px){.detail-images-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}.detail-image-card{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.detail-image-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.detail-image-thumbnail{object-fit:cover;width:100%;height:100%}.detail-image-overlay{color:#fff;opacity:0;transition:opacity var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.detail-image-card:hover .detail-image-overlay{opacity:1}.detail-image-caption{background:linear-gradient(#0000,#000c);padding:.75rem;position:absolute;bottom:0;left:0;right:0}.detail-image-caption p{color:#ffffffe6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;display:-webkit-box;overflow:hidden}.detail-empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.detail-empty-state svg{opacity:.5;margin-bottom:1.5rem}.detail-empty-state h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.detail-empty-state p{color:var(--text-secondary);margin:0;font-size:.9375rem}.app-bg-mesh{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.app-bg-gradient{background:radial-gradient(35% 35% at 30% 30%,#3b82f61f,#3b82f60a 60%,#0000 70%),radial-gradient(30% 30% at 70% 70%,#8b5cf61a,#8b5cf608 60%,#0000 70%),radial-gradient(25% 25%,#6366f114,#6366f105 60%,#0000 70%);width:200%;height:200%;animation:30s linear infinite app-gradient-rotate;position:absolute;inset:-50%}@keyframes app-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-bg-orb{filter:blur(70px);opacity:0;border-radius:50%;animation:12s ease-in-out infinite app-orb-float;position:absolute}.app-bg-orb-1{background:radial-gradient(circle,#3b82f640,#3b82f614 50%,#3b82f600 70%);width:400px;height:400px;animation-duration:14s;animation-delay:0s;top:-10%;left:-5%}.app-bg-orb-2{background:radial-gradient(circle,#8b5cf638,#8b5cf60f 50%,#8b5cf600 70%);width:350px;height:350px;animation-duration:16s;animation-delay:-3s;bottom:-5%;right:0%}.app-bg-orb-3{background:radial-gradient(circle,#ec48992e,#ec48990d 50%,#ec489900 70%);width:300px;height:300px;animation-duration:12s;animation-delay:-7s;top:50%;left:70%}.app-bg-orb-4{background:radial-gradient(circle,#10b98126,#10b9810a 50%,#10b98100 70%);width:280px;height:280px;animation-duration:15s;animation-delay:-10s;top:70%;left:10%}.app-bg-orb-5{background:radial-gradient(circle,#6366f133,#6366f10f 50%,#6366f100 70%);width:320px;height:320px;animation-duration:13s;animation-delay:-2s;top:20%;right:10%}@keyframes app-orb-float{0%,to{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.7;transform:translate(40px,-50px)scale(1.1)}50%{opacity:.4;transform:translate(-30px,40px)scale(.9)}75%{opacity:.6;transform:translate(50px,25px)scale(1.05)}}.app-bg-particles{opacity:.4;background-image:radial-gradient(circle at 15% 25%,#ffffff24 1.5px,#0000 1.5px),radial-gradient(circle at 85% 15%,#ffffff1c 1.5px,#0000 1.5px),radial-gradient(circle at 45% 80%,#ffffff1f 1.5px,#0000 1.5px),radial-gradient(circle at 70% 45%,#ffffff17 2px,#0000 2px),radial-gradient(circle at 25% 60%,#ffffff1f 1.5px,#0000 1.5px),radial-gradient(circle at 90% 70%,#ffffff1a 1.5px,#0000 1.5px),radial-gradient(circle at 35% 35%,#ffffff24 1.5px,#0000 1.5px),radial-gradient(circle at 60% 20%,#ffffff14 2px,#0000 2px),radial-gradient(circle at 10% 85%,#ffffff1c 1.5px,#0000 1.5px),radial-gradient(circle at 55% 55%,#ffffff17 1.5px,#0000 1.5px),radial-gradient(circle at 80% 90%,#ffffff1f 1.5px,#0000 1.5px),radial-gradient(circle at 20% 10%,#ffffff1a 1.5px,#0000 1.5px);background-size:200px 200px,180px 220px,250px 180px,160px 240px,220px 190px,190px 210px,170px 230px,240px 170px,210px 200px,230px 180px,185px 215px,195px 205px;animation:20s linear infinite app-particles-float;position:absolute;inset:0}@keyframes app-particles-float{0%{transform:translate(0)}25%{transform:translate(-10px,-15px)}50%{transform:translate(5px,-30px)}75%{transform:translate(-5px,-15px)}to{transform:translate(0)}}.app-bg-noise{opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}@media(prefers-reduced-motion:reduce){.app-bg-gradient,.app-bg-orb,.app-bg-particles{animation:none}.app-bg-orb{opacity:.4}}.auth-page{--auth-accent:#3b82f6;--auth-accent-hover:#60a5fa;--auth-accent-glow:#3b82f666;--auth-accent-light:#3b82f626;--auth-secondary:#8b5cf6;--auth-surface:#18181cd9;--auth-border:#ffffff14;background:var(--background);justify-content:center;align-items:center;min-height:100dvh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.auth-bg-mesh{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-bg-gradient{background:radial-gradient(40% 40% at 30% 30%,#3b82f626,#0000 50%),radial-gradient(35% 35% at 70% 70%,#8b5cf61f,#0000 50%),radial-gradient(30% 30%,#6366f11a,#0000 50%);width:200%;height:200%;animation:30s linear infinite auth-gradient-rotate;position:absolute;inset:-50%}@keyframes auth-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-bg-orb{filter:blur(80px);opacity:0;border-radius:50%;animation:12s ease-in-out infinite auth-orb-float;position:absolute}.auth-bg-orb-1{background:radial-gradient(circle,#3b82f666,#3b82f600 70%);width:600px;height:600px;animation-duration:14s;animation-delay:0s;top:-20%;left:-10%}.auth-bg-orb-2{background:radial-gradient(circle,#8b5cf659,#8b5cf600 70%);width:500px;height:500px;animation-duration:16s;animation-delay:-3s;bottom:-15%;right:-10%}.auth-bg-orb-3{background:radial-gradient(circle,#ec489940,#ec489900 70%);width:400px;height:400px;animation-duration:12s;animation-delay:-7s;top:40%;left:60%}.auth-bg-orb-4{background:radial-gradient(circle,#10b98133,#10b98100 70%);width:350px;height:350px;animation-duration:15s;animation-delay:-10s;top:60%;left:10%}.auth-bg-orb-5{background:radial-gradient(circle,#6366f14d,#6366f100 70%);width:450px;height:450px;animation-duration:13s;animation-delay:-2s;top:10%;right:20%}@keyframes auth-orb-float{0%,to{opacity:.6;transform:translate(0)scale(1)}25%{opacity:.8;transform:translate(50px,-60px)scale(1.15)}50%{opacity:.5;transform:translate(-40px,50px)scale(.9)}75%{opacity:.7;transform:translate(60px,30px)scale(1.1)}}.auth-bg-particles{opacity:.5;background-image:radial-gradient(circle at 15% 25%,#fff3 1px,#0000 1px),radial-gradient(circle at 85% 15%,#ffffff26 1.5px,#0000 1.5px),radial-gradient(circle at 45% 80%,#ffffff2e 1px,#0000 1px),radial-gradient(circle at 70% 45%,#ffffff1f 2px,#0000 2px),radial-gradient(circle at 25% 60%,#ffffff29 1px,#0000 1px),radial-gradient(circle at 90% 70%,#ffffff24 1.5px,#0000 1.5px),radial-gradient(circle at 35% 35%,#fff3 1px,#0000 1px),radial-gradient(circle at 60% 20%,#ffffff1a 2px,#0000 2px),radial-gradient(circle at 10% 85%,#ffffff26 1px,#0000 1px),radial-gradient(circle at 55% 55%,#ffffff1f 1.5px,#0000 1.5px),radial-gradient(circle at 80% 90%,#ffffff2e 1px,#0000 1px),radial-gradient(circle at 20% 10%,#ffffff24 1px,#0000 1px);background-size:200px 200px,180px 220px,250px 180px,160px 240px,220px 190px,190px 210px,170px 230px,240px 170px,210px 200px,230px 180px,185px 215px,195px 205px;animation:20s linear infinite auth-particles-float;position:absolute;inset:0}@keyframes auth-particles-float{0%{transform:translate(0)}25%{transform:translate(-10px,-15px)}50%{transform:translate(5px,-30px)}75%{transform:translate(-5px,-15px)}to{transform:translate(0)}}.auth-bg-noise{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}@media(prefers-reduced-motion:reduce){.auth-bg-gradient,.auth-bg-orb,.auth-bg-particles{animation:none}.auth-bg-orb{opacity:.5}}.auth-container{z-index:1;width:100%;max-width:400px;padding:1.5rem;position:relative}.auth-brand{text-align:center;animation:auth-fade-up .6s var(--ease-out)backwards;margin-bottom:2rem}.auth-logo{width:72px;height:72px;margin:0 auto 1.25rem;position:relative}.auth-logo-inner{z-index:1;background:linear-gradient(135deg,var(--auth-accent),var(--auth-secondary));border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:0 8px 24px var(--auth-accent-glow),0 0 0 1px #ffffff1a inset;justify-content:center;align-items:center;display:flex;position:relative}.auth-logo-inner svg{color:#fff;width:36px;height:36px}.auth-logo-ring{border:1px solid var(--auth-accent);border-radius:calc(var(--radius-lg) + 6px);opacity:.4;animation:3s ease-in-out infinite auth-ring-pulse;position:absolute;inset:-6px}@keyframes auth-ring-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.15;transform:scale(1.04)}}.auth-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .375rem;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem;font-weight:400}.auth-card{background:var(--auth-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--auth-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:auth-fade-up .6s var(--ease-out).1s backwards;padding:1.75rem;position:relative}.auth-card-shine{border-radius:var(--radius-xl)var(--radius-xl)0 0;background:linear-gradient(90deg,#0000,#ffffff14 20%,#ffffff26,#ffffff14 80%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-card-success{text-align:center;padding:2.5rem 1.75rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-error{background:var(--error-light);border-radius:var(--radius-md);color:var(--error);border:1px solid #f8717133;align-items:center;gap:.625rem;padding:.875rem 1rem;font-size:.875rem;animation:.5s cubic-bezier(.36,.07,.19,.97) auth-shake;display:flex}.auth-error svg{flex-shrink:0;width:18px;height:18px}@keyframes auth-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.auth-success-icon{background:var(--success-light);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.auth-success-icon svg{width:32px;height:32px;color:var(--success)}.auth-success-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.auth-success-text{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9375rem;line-height:1.6}.auth-success-subtext{color:var(--text-tertiary);margin:0 0 1.5rem;font-size:.875rem}.auth-field{position:relative}.auth-field input{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;height:54px;color:var(--text-primary);background:#ffffff08;outline:none;padding:1.25rem 1rem .5rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.auth-field input:hover{background:#ffffff0a;border-color:#ffffff26}.auth-field input:focus{border-color:var(--auth-accent);background:#ffffff0d}.auth-field label{color:var(--text-tertiary);pointer-events:none;font-size:.9375rem;transition:all .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-field-active label,.auth-field input:focus+label{color:var(--auth-accent);letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500;top:.625rem;transform:translateY(0)}.auth-field-border{background:linear-gradient(90deg,var(--auth-accent),var(--auth-secondary));border-radius:0 0 var(--radius-md)var(--radius-md);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%}.auth-field input:focus~.auth-field-border{width:100%;left:0}.auth-field-highlight{border-radius:var(--radius-md);pointer-events:none;opacity:0;box-shadow:0 0 0 3px var(--auth-accent-light);transition:opacity .2s;position:absolute;inset:0}.auth-field input:focus~.auth-field-highlight{opacity:1}.auth-submit{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;width:100%;height:50px;margin-top:.375rem;text-decoration:none;transition:transform .2s;display:block;position:relative;overflow:hidden}.auth-submit:hover:not(:disabled){transform:translateY(-2px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit-bg{background:linear-gradient(135deg,var(--auth-accent),#2563eb,var(--auth-secondary));border-radius:var(--radius-md);background-size:200% 200%;animation:5s infinite auth-gradient-shift;position:absolute;inset:0}.auth-submit:hover:not(:disabled) .auth-submit-bg{animation-duration:2.5s}@keyframes auth-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.auth-submit:before{content:"";border-radius:calc(var(--radius-md) - 1px);opacity:0;background:#00000014;transition:opacity .2s;position:absolute;inset:1px}.auth-submit:active:not(:disabled):before{opacity:1}.auth-submit-text{z-index:1;color:#fff;justify-content:center;align-items:center;gap:.5rem;height:100%;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex;position:relative}.auth-submit-text svg{width:18px;height:18px;transition:transform .2s}.auth-submit:hover:not(:disabled) .auth-submit-text svg{transform:translate(3px)}.auth-spinner{width:18px;height:18px;animation:1s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:var(--text-secondary);animation:auth-fade-up .6s var(--ease-out).2s backwards;margin-top:1.5rem;font-size:.875rem}.auth-footer a{color:var(--auth-accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--auth-accent-hover);text-decoration:underline}.auth-social-section{animation:auth-fade-up .5s var(--ease-out)backwards;margin-bottom:1.5rem}.auth-microsoft-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.auth-microsoft-btn:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.auth-microsoft-btn:active:not(:disabled){transform:translateY(0)}.auth-microsoft-btn:disabled{opacity:.6;cursor:not-allowed}.auth-microsoft-btn svg{flex-shrink:0}.auth-divider{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem}.auth-info{border-radius:var(--radius-md);color:var(--primary);background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:.625rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth-info svg{flex-shrink:0;width:18px;height:18px}.auth-success{background:var(--success-light);border-radius:var(--radius-md);color:var(--success);border:1px solid #22c55e33;align-items:center;gap:.625rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth-success svg{flex-shrink:0;width:18px;height:18px}.auth-callback-content{text-align:center;padding:2rem 1rem}.auth-callback-content h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.auth-callback-content p{color:var(--text-secondary);margin:0;font-size:.9375rem}.auth-callback-redirect{color:var(--text-tertiary)!important;margin-top:1rem!important;font-size:.8125rem!important}.auth-spinner-large{width:48px;height:48px;color:var(--primary);margin:0 auto 1.5rem}.auth-spinner-large svg{width:100%;height:100%;animation:1s linear infinite auth-spin}.auth-error-icon{background:var(--error-light);width:48px;height:48px;color:var(--error);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.auth-error-icon svg{width:24px;height:24px}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.75rem}.auth-logo{width:60px;height:60px}.auth-logo-inner{border-radius:var(--radius-md)}.auth-logo-inner svg{width:30px;height:30px}.auth-logo-ring{border-radius:calc(var(--radius-md) + 5px);inset:-5px}}.login-digest-modal{padding:.5rem}.login-digest-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.login-digest-greeting h2{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.login-digest-date{color:var(--text-secondary);margin:0;font-size:.875rem}.login-digest-icon{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-digest-icon svg{color:#fff;width:24px;height:24px}.login-digest-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.login-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:.75rem}.login-stat-card.warning{border-color:var(--warning);background:#f59e0b14}.login-stat-card.success{border-color:var(--success);background:#10b98114}.login-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;display:block}.login-stat-card.warning .login-stat-value{color:var(--warning)}.login-stat-card.success .login-stat-value{color:var(--success)}.login-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;font-size:.6875rem;display:block}.login-digest-motivation{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f614,#8b5cf614);margin-bottom:1.5rem;padding:1rem}.login-digest-motivation p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.5}.login-digest-loading{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.login-digest-spinner svg{width:32px;height:32px;color:var(--primary);animation:1s linear infinite spin}.login-digest-loading p{color:var(--text-secondary);margin:1rem 0 0;font-size:.875rem}.login-digest-content{flex-direction:column;gap:1rem;display:flex}.login-digest-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:.75rem;padding:1rem;display:flex}.login-digest-summary .summary-icon{width:24px;height:24px;color:var(--warning);flex-shrink:0}.login-digest-summary .summary-icon svg{width:100%;height:100%}.login-digest-summary p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.5}.login-digest-focus h4,.login-digest-quickwins h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.login-digest-focus ul{margin:0;padding:0;list-style:none}.login-digest-focus li{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.625rem 0;display:flex}.login-digest-focus li:last-child{border-bottom:none}.login-digest-focus .focus-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:600;display:flex}.login-digest-focus .focus-text{color:var(--text-primary);font-size:.875rem;line-height:1.4}.login-digest-quickwins .quickwins-list{flex-wrap:wrap;gap:.5rem;display:flex}.login-digest-quickwins .quickwin-tag{color:var(--success);border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b98133;padding:.375rem .75rem;font-size:.8125rem}.login-digest-tip{border-radius:var(--radius-md);border-left:3px solid var(--primary);background:#3b82f614;gap:.75rem;padding:.875rem;display:flex}.login-digest-tip svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.login-digest-tip p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.login-digest-error{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;padding:1rem}.login-digest-error p{color:var(--error);margin:0;font-size:.875rem}.login-digest-actions{justify-content:center;margin-top:1.5rem;display:flex}.login-digest-cta{justify-content:center;align-items:center;gap:.5rem;min-width:200px;display:flex}.login-digest-cta svg{width:18px;height:18px;transition:transform .2s}.login-digest-cta:hover svg{transform:translate(4px)}@media(max-width:480px){.login-digest-stats{grid-template-columns:repeat(2,1fr)}.login-digest-header{flex-direction:column-reverse;gap:1rem}.login-digest-icon{align-self:flex-end}}.session-summary-modal{grid-template-rows:auto 1fr auto;max-height:70vh;display:grid;overflow:hidden}.session-summary-stats{grid-template-columns:1fr 1fr;gap:1rem;padding:0 0 1.25rem;display:grid}.stat-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;padding:1.25rem 1rem;display:flex}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-top:.5rem;font-size:.8125rem}.session-summary-content{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:1rem;min-height:0;padding:1rem 0;display:flex;overflow-y:auto}.summary-section{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.summary-section-title{color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin:0;padding:.875rem 1rem;font-size:.875rem;font-weight:600;display:flex}.summary-section-meta{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-weight:500}.summary-section-body{color:var(--text-secondary);padding:1rem;font-size:.875rem;line-height:1.7}.minutes-preview{white-space:pre-wrap;max-height:200px;font-family:var(--font-mono,"SF Mono","Monaco","Consolas",monospace);padding:1rem;font-size:.8125rem;line-height:1.65;overflow-y:auto}.summary-section-actions{background:linear-gradient(#d977060f,#0000);border-color:#d977064d}.summary-section-actions .summary-section-title{background:#d977061a;border-bottom-color:#d9770633}.actions-list{flex-direction:column;gap:.5rem;margin:0;padding:.75rem;list-style:none;display:flex}.action-item{background:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-primary);border-left:3px solid var(--warning);padding:.625rem .875rem;font-size:.8125rem;line-height:1.5}.action-item-more{color:var(--text-tertiary);border-left-color:var(--border-subtle);background:0 0;font-style:italic}.session-summary-footer{flex-direction:column;gap:.625rem;padding:1.25rem 0 0;display:flex}.session-summary-cancel{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;padding:.625rem;font-size:.8125rem;transition:color .2s}.session-summary-cancel:hover{color:var(--text-primary)}@media(max-width:480px){.session-summary-modal{max-height:80vh}.session-summary-stats{gap:.75rem;padding-bottom:1rem}.stat-card{padding:1rem .75rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem}.session-summary-content{gap:.875rem;padding:.875rem 0}.summary-section-title{padding:.75rem;font-size:.8125rem}.minutes-preview{max-height:160px;padding:.75rem;font-size:.75rem}.actions-list{gap:.375rem;padding:.625rem}.action-item{padding:.5rem .75rem;font-size:.75rem}.session-summary-footer{gap:.5rem;padding-top:1rem}}.action-summary{color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:600;line-height:1.4}.action-text-secondary{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.action-context-section{margin-top:.5rem}.context-toggle{color:var(--primary-text);cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.context-toggle:hover{background:var(--primary-lighter);color:var(--primary)}.action-context-content{background:var(--surface);border-left:2px solid var(--primary-light);color:var(--text-secondary);white-space:pre-wrap;border-radius:.375rem;margin-top:.5rem;padding:.75rem;font-size:.8125rem;line-height:1.6}.action-due-date{border-radius:.375rem;align-items:center;gap:.25rem;margin-top:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.due-date-overdue{background:var(--error-light);color:var(--error);border:1px solid var(--error-dark)}.due-date-today{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-dark)}.due-date-soon{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa40}.due-date-future{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.action-edit-modal{flex-direction:column;gap:2rem;display:flex}.modal-section-primary,.modal-section-secondary,.modal-section-tertiary{flex-direction:column;gap:1.25rem;display:flex}.modal-section-divider{background:var(--border);height:1px;margin:0}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.form-label-with-counter{justify-content:space-between;align-items:center;display:flex}.character-counter{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.action-text-display{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.75rem;font-size:.875rem;line-height:1.4}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.75rem 1rem;font-size:.875rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.form-input-enhanced{background:var(--surface-elevated);border-width:1.5px;padding:.875rem 1rem;font-size:1rem;font-weight:500}.context-wrapper{position:relative}.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:120px;transition:all var(--transition-base);padding:3rem 1rem .875rem;font-family:inherit;font-size:.875rem;line-height:1.6}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.enhance-context-btn-floating{z-index:10;gap:.375rem;padding:.5rem .75rem;position:absolute;top:.625rem;right:.625rem}.date-input-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.date-input-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:1rem}.date-input{padding-left:2.75rem}.relative-time-display{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:500}.clear-date-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;padding:.5rem;display:flex}.clear-date-btn:hover{background:var(--surface-active);color:var(--text-primary);border-color:var(--border-strong)}.delegation-note{border-radius:var(--radius-sm);color:var(--text-tertiary);border-left:2px solid var(--primary);background:#3b82f608;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.75rem;display:flex}.delegation-note svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.upload-btn{align-self:flex-start}.error-message{background:var(--error-light);border:1px solid var(--error-dark);border-radius:var(--radius-sm);color:var(--error);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.625rem .875rem;font-size:.75rem;display:flex}.error-dismiss{color:var(--error);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;text-decoration:underline}.error-dismiss:hover{opacity:.8}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.625rem;max-width:100%;margin-top:.75rem;display:grid}.attachment-item{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.attachment-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.attachment-item img{object-fit:cover;width:100%;height:100%}.remove-attachment-btn{width:1.5rem;height:1.5rem;color:var(--error);cursor:pointer;opacity:0;transition:opacity var(--transition-base);background:#000000d9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:.375rem;right:.375rem}.attachment-item:hover .remove-attachment-btn{opacity:1}.remove-attachment-btn:hover{color:var(--error-hover);background:#000000f2}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1.5rem;display:flex}.action-edit-expanded{flex-direction:column;gap:1.5rem;min-height:500px;display:flex}.action-edit-grid{flex:1;grid-template-columns:1fr 1fr;gap:2rem;display:grid}.action-edit-details,.action-edit-attachments{flex-direction:column;gap:1.5rem;display:flex}.form-group-lg{flex-direction:column;gap:.625rem;display:flex}.form-group-half{flex:1;min-width:0}.form-row-lg{gap:1rem;display:flex}.form-label-lg{color:var(--text-primary);font-size:.9375rem;font-weight:600}.form-label-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-input-lg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.875rem 1rem;font-size:1rem}.form-input-lg:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.form-input-lg::placeholder{color:var(--text-tertiary)}.form-input-lg[type=date]{color-scheme:dark;cursor:pointer}.form-input-lg[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer;opacity:.7;transition:opacity .2s}.form-input-lg[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-select-lg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);padding:.875rem 1rem;font-size:1rem}.form-select-lg:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.form-textarea-lg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:200px;transition:all var(--transition-base);padding:1rem;font-family:inherit;font-size:1rem;line-height:1.6}.form-textarea-lg:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.form-textarea-lg::placeholder{color:var(--text-tertiary)}@media(max-width:768px){.form-input,.form-input-lg{min-height:56px;padding:1rem;font-size:16px}.form-textarea,.form-textarea-lg{min-height:100px;padding:1rem;font-size:16px;line-height:1.5}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url]{min-height:52px;font-size:16px}textarea{min-height:100px;font-size:16px;line-height:1.5}}.ai-enhance-btn{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.ai-enhance-btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.15);border-color:var(--primary)}.ai-enhance-btn:disabled{opacity:.5;cursor:not-allowed}.ai-enhance-btn svg{flex-shrink:0}.attachment-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.attachment-section-header{flex-direction:column;gap:.25rem;display:flex}.attachment-section-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.attachment-section-title svg{color:var(--primary)}.attachment-section-hint{color:var(--text-tertiary);font-size:.8125rem}.upload-zone{background:var(--surface-hover);border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;display:flex}.upload-zone:hover:not(:disabled){border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.upload-zone:disabled{opacity:.6;cursor:not-allowed}.upload-zone svg{color:var(--text-tertiary)}.upload-zone span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.upload-zone-hint{color:var(--text-tertiary)!important;font-size:.75rem!important;font-weight:400!important}.file-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.file-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.file-item:hover{border-color:var(--border-strong)}.file-item-icon{background:var(--surface);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-thumb{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.file-item-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.file-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.file-item-meta{color:var(--text-tertiary);font-size:.75rem}.file-item-remove{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;padding:.375rem}.file-item-remove:hover{background:var(--error-light);color:var(--error)}.legacy-images-notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);padding:.75rem;font-size:.8125rem}.legacy-image-thumbs{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.legacy-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);width:48px;height:48px;position:relative;overflow:hidden}.legacy-thumb img{object-fit:cover;width:100%;height:100%}.legacy-thumb-remove{width:18px;height:18px;color:var(--error);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;right:2px}.legacy-thumb:hover .legacy-thumb-remove{opacity:1}.edit-error-banner{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.edit-error-banner button{border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.edit-error-banner button:hover{background:var(--error);color:#fff}.action-edit-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1.25rem;display:flex}@media(max-width:900px){.action-edit-grid{grid-template-columns:1fr;gap:1.5rem}.action-edit-expanded{min-height:auto}}@media(max-width:600px){.form-row-lg{flex-direction:column;gap:1rem}.action-edit-footer{flex-direction:column-reverse}.action-edit-footer button{width:100%}}@media(max-width:768px){.action-summary{font-size:.875rem}.action-text-secondary{font-size:.75rem}.action-context-content{padding:.625rem;font-size:.75rem}.action-due-date{padding:.1875rem .375rem;font-size:.625rem}.attachment-item{width:64px;height:64px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.action-item{flex-wrap:wrap;gap:8px;padding:12px;position:relative}.action-drag-handle{display:none}.action-priority-dot{margin-top:6px}.action-content{flex:calc(100% - 80px);order:1;min-width:0}.action-checkbox{order:0;margin-top:0}.action-buttons{gap:2px;position:absolute;top:12px;right:12px;opacity:1!important}.action-btn{background:var(--surface-hover);border-radius:var(--radius-md);width:36px;min-width:36px;height:36px;min-height:36px}.action-btn svg{width:18px;height:18px}.action-text,.action-summary{word-wrap:break-word;overflow-wrap:break-word;padding-right:120px}.action-text-secondary{padding-right:120px}.action-meta{flex-wrap:wrap;gap:6px;margin-top:8px}.action-badge,.action-tag{padding:3px 8px;font-size:.6875rem}.action-time,.action-source{font-size:.6875rem}.action-divider{height:12px;margin:0 2px}}@media(max-width:480px){.action-item{padding:10px}.action-buttons{flex-flow:wrap;justify-content:flex-end;gap:4px;max-width:80px;top:8px;right:8px}.action-btn{width:32px;min-width:32px;height:32px;min-height:32px}.action-btn svg{width:16px;height:16px}.action-text,.action-summary{padding-right:90px;font-size:.875rem}.action-text-secondary{padding-right:90px;font-size:.75rem}.action-badge,.action-tag{padding:2px 6px;font-size:.625rem}.action-time,.action-source{font-size:.625rem}.action-source{max-width:80px}.action-checkbox .checkmark{width:18px;height:18px}.action-checkbox .checkmark svg{width:10px;height:10px}.action-priority-dot{width:6px;height:6px}}.mobile-input-backdrop{display:none}@media(max-width:768px){body.mobile-input-focus .mobile-input-backdrop{z-index:9998;background:#00000040;animation:.2s mobileBackdropFadeIn;display:block;position:fixed;inset:0}@keyframes mobileBackdropFadeIn{0%{opacity:0}to{opacity:1}}body.mobile-input-focus .quick-add-form{z-index:9999;background:var(--surface-solid);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);flex-direction:column;height:50vh;padding:16px;animation:.25s mobileInputSlideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 24px #0006}body.mobile-input-focus .quick-add-input-wrapper{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex}body.mobile-input-focus .quick-add-input{flex:1;min-height:100px;font-size:18px;line-height:1.6}body.mobile-input-focus .quick-add-footer{border-top:1px solid var(--border);margin-top:12px;padding:12px 0 0}body.mobile-input-focus .modal-container{border-radius:0 0 var(--radius-xl)var(--radius-xl);max-height:55vh;animation:.25s mobileInputSlideDown;position:fixed;inset:0 0 auto}body.mobile-input-focus .modal-body{max-height:calc(55vh - 80px);overflow-y:auto}body.mobile-input-focus .modal-body input[type=text],body.mobile-input-focus .modal-body input[type=email],body.mobile-input-focus .modal-body input[type=password],body.mobile-input-focus .modal-body input[type=number],body.mobile-input-focus .modal-body textarea{min-height:56px;padding:16px;font-size:18px}body.mobile-input-focus .modal-body textarea{resize:none;min-height:120px}body.mobile-input-focus .form-input:focus,body.mobile-input-focus .form-textarea:focus,body.mobile-input-focus input[type=text]:focus,body.mobile-input-focus input[type=email]:focus,body.mobile-input-focus input[type=password]:focus,body.mobile-input-focus textarea:focus{font-size:18px}@keyframes mobileInputSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body.mobile-input-focus .mobile-sidebar-sheet{border-radius:0 0 var(--radius-2xl)var(--radius-2xl);max-height:55vh;animation:.25s mobileInputSlideDown;top:0;bottom:auto}.mobile-input-close{display:none!important}}.landing-page{min-height:100vh;overflow-x:hidden}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:4rem 2rem;display:grid}.landing-hero-content{flex-direction:column;gap:1.5rem;display:flex}.landing-badge{background:var(--primary-light);border-radius:var(--radius-full);color:var(--primary-text);border:1px solid #1e40af4d;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.landing-badge-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.landing-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.landing-title-gradient{background:linear-gradient(135deg,var(--primary-text)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:var(--text-secondary);max-width:520px;font-size:1.25rem;line-height:1.7}.landing-cta-group{gap:1rem;margin-top:.5rem;display:flex}.landing-trial-note{color:var(--text-tertiary);font-size:.875rem}.landing-hero-preview{justify-content:center;align-items:center;display:flex}.landing-preview-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl),0 0 60px #1e40af26;overflow:hidden}.landing-preview-header{background:var(--surface-elevated);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.landing-preview-dots{gap:6px;display:flex}.landing-preview-dots span{background:var(--text-quaternary);border-radius:50%;width:10px;height:10px}.landing-preview-dots span:first-child{background:#ff5f56}.landing-preview-dots span:nth-child(2){background:#ffbd2e}.landing-preview-dots span:nth-child(3){background:#27ca40}.landing-preview-tabs{gap:.25rem;margin-left:auto;display:flex}.landing-preview-tab{border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.landing-preview-tab:hover{color:var(--text-secondary);background:var(--surface-hover)}.landing-preview-tab.active{color:var(--primary-text);background:var(--primary-light)}.landing-preview-content{flex-direction:column;justify-content:center;min-height:280px;padding:1.5rem;display:flex}.landing-preview-action{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.landing-preview-action .action-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.landing-preview-action .action-text{color:var(--text-primary);font-size:.9375rem;transition:all .2s}.landing-preview-action .action-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.landing-preview-chat{flex-direction:column;gap:1rem;display:flex}.landing-preview-chat .chat-message{align-items:flex-start;gap:.75rem;display:flex}.landing-preview-chat .chat-message.user{flex-direction:row-reverse}.landing-preview-chat .chat-avatar{background:var(--primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landing-preview-chat .chat-avatar svg{color:#fff;width:18px;height:18px}.landing-preview-chat .chat-bubble{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);max-width:80%;padding:.75rem 1rem}.landing-preview-chat .chat-message.user .chat-bubble{background:var(--primary);border-color:var(--primary)}.landing-preview-chat .chat-bubble p{color:var(--text-primary);font-size:.875rem;line-height:1.5}.landing-preview-chat .chat-message.user .chat-bubble p{color:#fff}.landing-preview-recording{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.recording-display{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.recording-indicator{background:var(--error-light);border-radius:var(--radius-full);color:var(--error);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.recording-dot{background:var(--error);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-time{color:var(--text-primary);letter-spacing:.1em;font-family:monospace;font-size:3rem;font-weight:700}.recording-wave{align-items:center;gap:4px;height:40px;display:flex}.wave-bar{background:var(--primary);border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate wave}.wave-bar:first-child{height:20%}.wave-bar:nth-child(2){height:50%}.wave-bar:nth-child(3){height:80%}.wave-bar:nth-child(4){height:60%}.wave-bar:nth-child(5){height:100%}.wave-bar:nth-child(6){height:70%}.wave-bar:nth-child(7){height:90%}.wave-bar:nth-child(8){height:50%}.wave-bar:nth-child(9){height:80%}.wave-bar:nth-child(10){height:40%}.wave-bar:nth-child(11){height:60%}.wave-bar:nth-child(12){height:30%}@keyframes wave{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.recording-btn{background:var(--primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow-primary);border:none;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.recording-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.recording-btn.stop{background:var(--error);box-shadow:var(--shadow-glow-error)}.recording-btn.stop:hover{background:var(--error-hover)}.recording-btn svg{width:20px;height:20px}.landing-preview-transcription{flex-direction:column;gap:1rem;display:flex}.transcription-header{background:var(--surface-elevated);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.transcription-header svg{width:16px;height:16px}.transcription-live{background:var(--error);border-radius:var(--radius-sm);color:#fff;margin-left:auto;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;animation:1.5s infinite blink}.transcription-lines{flex-direction:column;gap:.75rem;display:flex}.transcription-line{background:var(--surface-elevated);border-radius:var(--radius-md);border-left:3px solid var(--primary);gap:.75rem;padding:.75rem;display:flex}.transcription-line .speaker{color:var(--primary-text);min-width:50px;font-weight:600}.transcription-line .text{color:var(--text-primary);font-size:.9375rem}.landing-benefits{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.landing-benefit{text-align:center}.landing-benefit-number{letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary-text)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800}.landing-benefit-label{color:var(--text-primary);margin-top:.25rem;font-size:1.25rem;font-weight:600}.landing-benefit-desc{color:var(--text-secondary);max-width:280px;margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:.9375rem}.landing-features{max-width:1200px;margin:0 auto;padding:6rem 2rem}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-header h2{color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.landing-section-header p{color:var(--text-secondary);font-size:1.125rem}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.landing-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;transition:all .3s}.landing-feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)}.landing-feature-icon{background:var(--primary-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.landing-feature-icon svg{width:24px;height:24px;color:var(--primary-text)}.landing-feature-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.landing-feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.landing-how-it-works{max-width:900px;margin:0 auto;padding:6rem 2rem}.landing-steps{flex-direction:column;gap:0;display:flex;position:relative}.landing-step{align-items:flex-start;gap:1.5rem;display:flex}.landing-step-number{background:var(--primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-glow-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.landing-step-content{padding-bottom:2rem}.landing-step-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.landing-step-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.landing-step-connector{background:var(--border-strong);width:2px;height:32px;margin-left:23px}.landing-comparison{max-width:1200px;margin:0 auto;padding:6rem 2rem}.landing-competitor-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:3rem 0;display:grid}.landing-competitor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;transition:border-color .2s}.landing-competitor-card:hover{border-color:var(--border-strong)}.competitor-header{margin-bottom:.75rem}.competitor-header h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.competitor-type{color:var(--text-tertiary);font-size:.8125rem}.competitor-price{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:1rem;padding:.5rem 0;font-size:.9375rem;font-weight:600}.competitor-limitations{flex-direction:column;gap:.5rem;display:flex}.limitations-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.competitor-limitations ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.competitor-limitations li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.competitor-limitations li svg{width:14px;height:14px;color:var(--error);flex-shrink:0}.landing-comparison-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);margin:3rem 0;overflow-x:auto}.landing-comparison-table{width:100%;min-width:700px}.comparison-table-header{background:var(--background);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;font-size:.875rem;font-weight:600;display:grid}.comparison-table-header>div{color:var(--text-secondary);padding:1rem}.comparison-table-header .distill-col{color:var(--primary);background:linear-gradient(135deg,#6366f11a,#a78bfa1a)}.comparison-brand-name{font-weight:700}.comparison-table-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;transition:background .15s;display:grid}.comparison-table-row:last-child{border-bottom:none}.comparison-table-row:hover{background:var(--hover-bg)}.comparison-feature-col{color:var(--text-primary);align-items:center;padding:.875rem 1rem;font-size:.875rem;display:flex}.comparison-brand-col{justify-content:center;align-items:center;padding:.875rem 1rem;display:flex}.comparison-brand-col.distill-col{background:linear-gradient(135deg,#6366f10d,#a78bfa0d)}.comparison-brand-col .check-icon{width:20px;height:20px;color:var(--success)}.comparison-brand-col .check-icon.other{color:var(--text-tertiary)}.comparison-brand-col .x-icon{width:16px;height:16px;color:var(--error);opacity:.6}.comparison-brand-col .partial{color:var(--warning);font-size:.75rem;font-weight:500}.landing-comparison-cta{text-align:center;margin-top:2.5rem}.landing-comparison-cta p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1.125rem}.landing-testimonials{max-width:1200px;margin:0 auto;padding:6rem 2rem}.landing-testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.landing-testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem}.landing-testimonial p{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;font-style:italic;line-height:1.7}.landing-testimonial-author{align-items:center;gap:.75rem;display:flex}.landing-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex}.landing-author-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.landing-author-role{color:var(--text-tertiary);font-size:.8125rem}.landing-pricing{max-width:700px;margin:0 auto;padding:6rem 2rem}.landing-pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);text-align:center;padding:3rem;position:relative;overflow:hidden}.landing-pricing-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#1e40af0d,#a78bfa0d);position:absolute;inset:0}.landing-pricing-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.landing-pricing-header p{color:var(--text-secondary);font-size:1rem}.landing-pricing-features{text-align:left;flex-direction:column;gap:.75rem;max-width:320px;margin:2rem auto;display:flex}.landing-pricing-feature{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.landing-pricing-feature svg{width:18px;height:18px;color:var(--success);flex-shrink:0}.landing-pricing-cta{text-decoration:none;display:block}.landing-pricing-cta-group{flex-direction:column;align-items:center;gap:.75rem;display:flex}.landing-pricing-link{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s}.landing-pricing-link:hover{color:var(--primary-text);text-decoration:underline}.landing-pricing-note{color:var(--text-tertiary);margin-top:1rem;font-size:.8125rem}.landing-price-display{justify-content:center;align-items:baseline;gap:.25rem;margin:1.5rem 0;display:flex}.landing-price-currency{color:var(--text-primary);font-size:1.5rem;font-weight:600}.landing-price-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:4rem;font-weight:800;line-height:1}.landing-price-period{color:var(--text-tertiary);font-size:1rem;font-weight:500}.landing-trust{justify-content:center;gap:3rem;max-width:900px;margin:0 auto;padding:3rem 2rem;display:flex}.landing-trust-item{align-items:center;gap:.75rem;display:flex}.landing-trust-item>svg{width:32px;height:32px;color:var(--primary-text);flex-shrink:0}.landing-trust-item .microsoft-logo{width:28px;height:28px}.landing-trust-item div{flex-direction:column;display:flex}.landing-trust-item strong{color:var(--text-primary);font-size:.9375rem;font-weight:600}.landing-trust-item span{color:var(--text-tertiary);font-size:.8125rem}.landing-footer{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:3rem 2rem}.landing-footer-brand{text-align:center;margin-bottom:2rem}.landing-logo{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:inline-flex}.landing-logo svg{width:32px;height:32px;color:var(--primary-text)}.landing-footer-brand p{color:var(--text-tertiary);font-size:.9375rem}.landing-footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.landing-footer-links a{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--primary-text)}.landing-footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:1.5rem}.landing-footer-bottom p{color:var(--text-quaternary);font-size:.8125rem}@media(max-width:1024px){.landing-hero{grid-template-columns:1fr;gap:3rem;min-height:auto;padding:3rem 1.5rem}.landing-hero-content{text-align:center;align-items:center}.landing-subtitle{max-width:100%}.landing-cta-group{flex-wrap:wrap;justify-content:center}.landing-benefits{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}}@media(max-width:768px){.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem}.landing-cta-group{flex-direction:column;width:100%}.landing-cta-group>a{width:100%}.landing-features,.landing-how-it-works,.landing-testimonials,.landing-pricing,.landing-comparison{padding:4rem 1.5rem}.landing-features-grid{grid-template-columns:1fr}.landing-benefit-number{font-size:2.5rem}.landing-pricing-card{padding:2rem 1.5rem}.landing-price-amount{font-size:3rem}.landing-trust{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.landing-step{gap:1rem}.landing-competitor-cards{grid-template-columns:1fr}.landing-comparison-table-wrapper{border-left:none;border-right:none;border-radius:0;margin:2rem -1.5rem}.comparison-table-header,.comparison-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.comparison-table-header>div,.comparison-feature-col,.comparison-brand-col{padding:.625rem .5rem;font-size:.75rem}.comparison-brand-col .check-icon{width:16px;height:16px}.comparison-brand-col .x-icon{width:12px;height:12px}.landing-step-number{width:40px;height:40px;font-size:1rem}.landing-step-connector{margin-left:19px}}.pricing-page{min-height:100vh;overflow-x:hidden}.pricing-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.pricing-logo{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.pricing-logo svg{width:32px;height:32px;color:var(--primary-text)}.pricing-header-actions{align-items:center;gap:1rem;display:flex}.pricing-header-link{color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.pricing-header-link:hover{color:var(--text-primary)}.pricing-hero{text-align:center;max-width:700px;margin:0 auto;padding:4rem 2rem 3rem}.pricing-hero h1{color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.pricing-hero>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem}.pricing-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;display:inline-flex}.pricing-toggle button{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.pricing-toggle button.active{background:var(--primary);color:#fff}.pricing-save-badge{background:var(--success);border-radius:var(--radius-full);color:#fff;text-transform:uppercase;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:900px;margin:0 auto;padding:2rem;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.pricing-card.enterprise{background:var(--surface-elevated)}.pricing-card-badge{background:var(--primary);border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:.05em;padding:.375rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{text-align:center;margin-bottom:1.5rem}.pricing-card-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.pricing-card-header p{color:var(--text-secondary);font-size:.9375rem}.pricing-card-price{text-align:center;margin-bottom:.5rem}.pricing-card-price .currency{color:var(--text-primary);vertical-align:top;font-size:1.5rem;font-weight:600}.pricing-card-price .amount{color:var(--text-primary);letter-spacing:-.03em;font-size:4rem;font-weight:800;line-height:1}.pricing-card-price .period{color:var(--text-tertiary);font-size:1rem;font-weight:500}.pricing-card-price .custom{color:var(--text-primary);font-size:1.5rem;font-weight:600}.pricing-annual-note{text-align:center;color:var(--success);margin-bottom:1.5rem;font-size:.875rem}.pricing-card-cta{margin:1.5rem 0;text-decoration:none;display:block}.pricing-no-card{text-align:center;color:var(--text-tertiary);margin-top:-.5rem;margin-bottom:1.5rem;font-size:.8125rem}.pricing-card-features{border-top:1px solid var(--border);padding-top:1.5rem}.pricing-features-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8125rem;font-weight:600}.pricing-feature-item{color:var(--text-primary);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.pricing-feature-item svg{width:18px;height:18px;color:var(--success);flex-shrink:0}.pricing-trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:3rem;max-width:900px;margin:2rem auto;padding:3rem 2rem;display:flex}.pricing-trust-item{align-items:center;gap:.75rem;display:flex}.pricing-trust-item>svg{width:32px;height:32px;color:var(--primary-text);flex-shrink:0}.pricing-trust-item .microsoft-logo{width:28px;height:28px}.pricing-trust-item div{flex-direction:column;display:flex}.pricing-trust-item strong{color:var(--text-primary);font-size:.9375rem;font-weight:600}.pricing-trust-item span{color:var(--text-tertiary);font-size:.8125rem}.pricing-comparison{text-align:center;max-width:700px;margin:0 auto;padding:4rem 2rem}.pricing-comparison h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.pricing-comparison>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.comparison-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.comparison-header{background:var(--surface-elevated);border-bottom:1px solid var(--border);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 100px 100px;padding:1rem 1.5rem;font-size:.8125rem;font-weight:600;display:grid}.comparison-header .comparison-distill{color:var(--primary-text)}.comparison-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 100px 100px;padding:.875rem 1.5rem;font-size:.9375rem;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-feature{text-align:left;color:var(--text-primary)}.comparison-distill,.comparison-others{justify-content:center;align-items:center;display:flex}.comparison-distill .check{width:20px;height:20px;color:var(--success)}.comparison-others .check{width:20px;height:20px;color:var(--text-tertiary)}.comparison-others .x{width:18px;height:18px;color:var(--text-quaternary)}.comparison-others span{color:var(--text-tertiary);font-size:.8125rem}.pricing-faqs{max-width:700px;margin:0 auto;padding:4rem 2rem}.pricing-faqs h2{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--primary)}.faq-question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem;font-size:1rem;font-weight:500;display:flex}.faq-question svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);padding:0 1.25rem 1.25rem;font-size:.9375rem;line-height:1.7}.pricing-final-cta{text-align:center;max-width:600px;margin:0 auto;padding:4rem 2rem}.pricing-final-cta h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.pricing-final-cta p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.pricing-footer{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:3rem 2rem}.pricing-footer-brand{text-align:center;margin-bottom:2rem}.pricing-footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.pricing-footer-links a{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:color .2s}.pricing-footer-links a:hover{color:var(--primary-text)}.pricing-footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:1.5rem}.pricing-footer-bottom p{color:var(--text-quaternary);font-size:.8125rem}@media(max-width:768px){.pricing-header{padding:1rem}.pricing-hero{padding:3rem 1.5rem 2rem}.pricing-hero h1{font-size:1.75rem}.pricing-cards{grid-template-columns:1fr;padding:1.5rem}.pricing-card-price .amount{font-size:3rem}.pricing-trust{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.pricing-comparison,.pricing-faqs,.pricing-final-cta{padding:3rem 1.5rem}.comparison-header,.comparison-row{grid-template-columns:1fr 80px 80px;padding:.75rem 1rem;font-size:.8125rem}}.paywall-modal .modal-body{padding:0}.paywall-content{text-align:center;padding:2rem}.paywall-icon{background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.paywall-icon svg{width:32px;height:32px;color:var(--primary-text)}.paywall-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.paywall-description{color:var(--text-secondary);max-width:360px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.9375rem;line-height:1.5}.paywall-credits-text{color:var(--text-tertiary);margin-bottom:1.5rem;font-size:.875rem}.paywall-benefits{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.paywall-benefits h3{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.paywall-benefits ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.paywall-benefits li{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.paywall-benefits li svg{width:18px;height:18px;color:var(--success);flex-shrink:0}.paywall-actions{flex-direction:column;gap:.75rem;display:flex}.paywall-credit-packs{margin-bottom:1rem}.paywall-credit-packs h4{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;font-weight:500}.paywall-credit-options{gap:.5rem;margin-bottom:1rem;display:flex}.paywall-credit-option{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem .75rem;transition:all .2s;display:flex}.paywall-credit-option:hover{border-color:var(--border-hover);background:var(--surface-hover)}.paywall-credit-option.selected{border-color:var(--primary);background:var(--primary-lighter)}.paywall-credit-option .pack-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.paywall-credit-option .pack-price{color:var(--text-primary);font-size:1rem;font-weight:600}.paywall-note{color:var(--text-quaternary);margin-top:1rem;font-size:.75rem}.subscription-status{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.subscription-status__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.subscription-status__badge{background:var(--surface-hover);color:var(--text-tertiary);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.subscription-status--trial .subscription-status__badge{background:var(--warning-light);color:var(--warning)}.subscription-status--active .subscription-status__badge{background:var(--success-light);color:var(--success)}.subscription-status--expired .subscription-status__badge{background:var(--error-light);color:var(--error)}.subscription-status__days,.subscription-status__renewal{color:var(--text-tertiary);font-size:.75rem}.subscription-status__usage{margin-bottom:.5rem}.subscription-status__usage-bar{background:var(--surface-hover);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.subscription-status__usage-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.subscription-status__usage-fill[style*="7"],.subscription-status__usage-fill[style*="8"]{background:var(--warning)}.subscription-status__usage-fill[style*="9"],.subscription-status__usage-fill[style*="100"]{background:var(--error)}.subscription-status__usage-text{color:var(--text-tertiary);font-size:.75rem}.subscription-status__credits{color:var(--success);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.subscription-status__upgrade{width:100%;color:var(--text-primary);background:var(--primary);cursor:pointer;border:none;border-radius:8px;margin-top:.75rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.subscription-status__upgrade:hover{background:var(--primary-hover)}.auth-container--wide{max-width:540px}.auth-mode-toggle{gap:.75rem;margin-bottom:1.5rem;display:flex}.auth-mode-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.auth-mode-btn:hover{border-color:var(--border-hover);background:var(--surface-hover)}.auth-mode-btn--active{border-color:var(--primary);background:var(--primary-lighter)}.auth-mode-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.auth-mode-desc{color:var(--text-tertiary);font-size:.75rem}.auth-mode-btn--active .auth-mode-desc{color:var(--primary-text)}.auth-section{margin-bottom:1.5rem}.auth-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8125rem;font-weight:600}.auth-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-field--full{grid-column:1/-1}.auth-field-select{position:relative}.auth-field-select select{width:100%;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);cursor:pointer;appearance:none;border-radius:10px;padding:1.125rem 1rem .625rem;font-size:.9375rem;transition:all .2s}.auth-field-select select:not(.has-value){color:var(--text-quaternary)}.auth-field-select select:hover{border-color:var(--border-hover)}.auth-field-select select:focus{border-color:var(--primary);outline:none}.auth-field-select:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-tertiary);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-section--legal{border-top:1px solid var(--border);padding-top:1rem}.auth-checkbox-group{flex-direction:column;gap:.875rem;display:flex}.auth-checkbox{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.auth-checkbox input{opacity:0;pointer-events:none;position:absolute}.auth-checkbox-box{background:var(--surface);border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.auth-checkbox-box svg{color:#0000;width:12px;height:12px;transition:color .2s}.auth-checkbox input:checked+.auth-checkbox-box{background:var(--primary);border-color:var(--primary)}.auth-checkbox input:checked+.auth-checkbox-box svg{color:#fff}.auth-checkbox:hover .auth-checkbox-box{border-color:var(--border-hover)}.auth-checkbox-label{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.auth-checkbox-label a{color:var(--primary-text);text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-trial-note{text-align:center;color:var(--text-tertiary);margin-top:1rem;font-size:.8125rem}@media(max-width:600px){.auth-form-grid{grid-template-columns:1fr}.auth-mode-toggle{flex-direction:column;gap:.5rem}.auth-mode-btn{flex-direction:row;justify-content:space-between;padding:.875rem 1rem}}.admin-panel{background:var(--background);min-height:100vh;padding:2rem}.admin-panel__container{max-width:1200px;margin:0 auto}.admin-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.admin-panel__header-content{flex-direction:column;gap:.25rem;display:flex}.admin-panel__title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.admin-panel__subtitle{color:var(--text-tertiary);margin:0;font-size:.9375rem}.admin-panel__message{border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9375rem;display:flex}.admin-panel__message--error{background:var(--error-light);color:var(--error);border:1px solid #f8717140}.admin-panel__message--success{background:var(--success-light);color:var(--success);border:1px solid #34d39940}.admin-panel__message-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:.25rem;transition:opacity .2s}.admin-panel__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.admin-panel__section--pending{background:linear-gradient(135deg,#fbbf240d,#0000);border-color:#fbbf244d}.admin-panel__section--disabled{opacity:.85}.admin-panel__section-header{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-panel__section-header--alert{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1rem}.admin-panel__section-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary-text);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-panel__section-icon--warning{background:var(--warning-light);color:var(--warning)}.admin-panel__section-icon--disabled{background:var(--error-light);color:var(--error)}.admin-panel__section-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.admin-panel__section-subtitle{color:var(--text-tertiary);margin:0;font-size:.875rem}.admin-panel__loading,.admin-panel__empty{text-align:center;color:var(--text-tertiary);padding:2rem;font-size:.9375rem}.admin-panel__pending-list{flex-direction:column;gap:.75rem;display:flex}.admin-panel__pending-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.admin-panel__pending-card:hover{border-color:var(--border-strong)}.admin-panel__pending-info{align-items:center;gap:1rem;display:flex}.admin-panel__pending-details{flex-direction:column;gap:.125rem;display:flex}.admin-panel__pending-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.admin-panel__pending-email{color:var(--text-secondary);font-size:.8125rem}.admin-panel__pending-date{color:var(--text-tertiary);font-size:.75rem}.admin-panel__pending-actions{gap:.5rem;display:flex}.admin-panel__avatar{border-radius:var(--radius-full);background:var(--primary-light);width:44px;height:44px;color:var(--primary-text);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.admin-panel__avatar--pending{background:var(--warning-light);color:var(--warning)}.admin-panel__avatar--disabled{background:var(--surface-hover);color:var(--text-tertiary)}.admin-panel__action-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-panel__action-btn--approve{background:var(--success-light);color:var(--success)}.admin-panel__action-btn--approve:hover{background:var(--success);color:#fff}.admin-panel__action-btn--reject{background:var(--error-light);color:var(--error)}.admin-panel__action-btn--reject:hover{background:var(--error);color:#fff}.admin-panel__action-btn--save{background:var(--primary);color:#fff}.admin-panel__action-btn--save:hover{background:var(--primary-hover)}.admin-panel__action-btn--cancel{background:var(--surface-hover);color:var(--text-secondary)}.admin-panel__action-btn--cancel:hover{background:var(--surface-active);color:var(--text-primary)}.admin-panel__users-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.admin-panel__user-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem;transition:border-color .2s;display:flex}.admin-panel__user-card:hover{border-color:var(--border-strong)}.admin-panel__user-card--disabled{opacity:.7}.admin-panel__user-main{align-items:center;gap:1rem;display:flex}.admin-panel__user-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.admin-panel__user-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-panel__user-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.admin-panel__user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.admin-panel__user-date{color:var(--text-tertiary);font-size:.75rem}.admin-panel__badge{text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-full);align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.admin-panel__badge--admin{background:var(--secondary-light);color:var(--secondary)}.admin-panel__password-edit{flex-direction:column;gap:.75rem;display:flex}.admin-panel__password-actions{gap:.5rem;display:flex}.admin-panel__user-actions{border-top:1px solid var(--border);gap:.5rem;padding-top:.75rem;display:flex}.admin-panel__icon-btn{border-radius:var(--radius-sm);background:var(--surface-hover);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-panel__icon-btn:hover{background:var(--surface-active);color:var(--text-primary)}.admin-panel__icon-btn--enable{color:var(--success)}.admin-panel__icon-btn--enable:hover{background:var(--success-light);color:var(--success)}.admin-panel__icon-btn--disable{color:var(--warning)}.admin-panel__icon-btn--disable:hover{background:var(--warning-light);color:var(--warning)}.admin-panel__icon-btn--delete{color:var(--error)}.admin-panel__icon-btn--delete:hover{background:var(--error-light);color:var(--error)}.admin-panel__input{width:100%;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.admin-panel__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.admin-panel__input::placeholder{color:var(--text-quaternary)}.admin-panel__input--small{width:auto;padding:.375rem .625rem;font-size:.8125rem}.admin-panel__usage-table{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.admin-panel__usage-header{background:var(--surface-elevated);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;display:grid}.admin-panel__usage-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.25rem;transition:background-color .2s;display:grid}.admin-panel__usage-row:hover{background:var(--surface-hover)}.admin-panel__usage-user{color:var(--text-primary);font-weight:500}.admin-panel__usage-cost{color:var(--text-secondary);flex-direction:column;gap:.125rem;font-size:.875rem;display:flex}.admin-panel__usage-cost small{color:var(--text-tertiary);font-size:.6875rem}.admin-panel__usage-total{color:var(--text-primary);font-weight:600}.admin-panel__subscription-table{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.admin-panel__subscription-header{background:var(--surface-elevated);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 100px;gap:1rem;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;display:grid}.admin-panel__subscription-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 100px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background-color .2s;display:grid}.admin-panel__subscription-row:last-child{border-bottom:none}.admin-panel__subscription-row:hover{background:var(--surface-hover)}.admin-panel__subscription-user{color:var(--text-primary);flex-direction:column;gap:.125rem;font-weight:500;display:flex}.admin-panel__subscription-user small{color:var(--text-tertiary);font-size:.75rem;font-weight:400}.admin-panel__subscription-status{flex-direction:column;gap:.125rem;font-size:.8125rem;font-weight:500;display:flex}.admin-panel__subscription-status small{color:var(--text-tertiary);font-size:.6875rem;font-weight:400}.admin-panel__subscription-status--trial{color:var(--warning)}.admin-panel__subscription-status--active{color:var(--success)}.admin-panel__subscription-status--expired{color:var(--error)}.admin-panel__subscription-usage{color:var(--text-secondary);flex-direction:column;gap:.125rem;font-size:.875rem;display:flex}.admin-panel__subscription-usage small{color:var(--text-tertiary);font-size:.6875rem}.admin-panel__subscription-credits{color:var(--text-tertiary);font-size:.875rem}.admin-panel__subscription-credits--has{color:var(--success);flex-direction:column;gap:.125rem;display:flex}.admin-panel__subscription-credits--has small{color:var(--text-tertiary);font-size:.6875rem}.admin-panel__subscription-actions{justify-content:flex-end;gap:.375rem;display:flex}.admin-panel__subscription-action-form{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-panel__subscription-action-form input{width:60px}.admin-panel__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-panel__modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-xl);z-index:var(--z-modal)}.admin-panel__modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-panel__modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.admin-panel__modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-panel__modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.admin-panel__form-group{flex-direction:column;gap:.5rem;display:flex}.admin-panel__label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.admin-panel__role-selector{gap:.75rem;display:flex}.admin-panel__role-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.admin-panel__role-btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.admin-panel__role-btn--admin{border-color:var(--secondary);background:var(--secondary-light);color:var(--secondary)}.admin-panel__modal-actions{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}@media(max-width:768px){.admin-panel{padding:1rem}.admin-panel__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-panel__title{font-size:1.5rem}.admin-panel__users-grid{grid-template-columns:1fr}.admin-panel__usage-header,.admin-panel__usage-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;font-size:.75rem}.admin-panel__subscription-header,.admin-panel__subscription-row{grid-template-columns:1.5fr .75fr .75fr .75fr 80px;gap:.5rem;padding:.75rem 1rem;font-size:.75rem}.admin-panel__pending-card{flex-direction:column;align-items:flex-start;gap:1rem}.admin-panel__pending-actions{width:100%}.admin-panel__pending-actions button{flex:1;justify-content:center}}@media(max-width:480px){.admin-panel__usage-header,.admin-panel__usage-row,.admin-panel__subscription-header,.admin-panel__subscription-row{flex-wrap:wrap;display:flex}.admin-panel__usage-header>span:first-child,.admin-panel__usage-row>span:first-child,.admin-panel__subscription-header>span:first-child,.admin-panel__subscription-row>span:first-child{width:100%;margin-bottom:.5rem}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.category-purple{background:#a855f71a;color:#a855f7;border-color:#a855f733}.category-blue{background:#1e40af1a;color:#3b82f6;border-color:#1e40af33}.category-pink{background:#ec48991a;color:#ec4899;border-color:#ec489933}.settings-page{flex:1;overflow-y:auto;padding:2rem;background:transparent}.settings-container{max-width:1200px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:.95rem}.settings-content{display:grid;grid-template-columns:250px 1fr;gap:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.settings-nav{display:flex;flex-direction:column;padding:1.5rem 0;background:var(--surface-elevated);border-right:1px solid var(--border)}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-item:hover{background:var(--surface);color:var(--text-primary)}.settings-nav-item.active{background:var(--surface);color:var(--primary);font-weight:500;border-right:2px solid var(--primary)}.settings-nav-icon{font-size:1.2rem}.settings-panel{padding:2rem}.settings-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.settings-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem}.setting-info h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.setting-info p{font-size:.875rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.font-size-select{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:120px}.font-size-select:focus{outline:none;border-color:var(--primary)}.category-manager{display:flex;flex-direction:column;gap:1.5rem}.category-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.category-manager-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.category-header-actions{display:flex;gap:.5rem}.add-category-btn,.preset-btn,.reset-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-category-btn{background:var(--primary);color:#fff}.add-category-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.preset-btn{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border)}.preset-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.reset-btn{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border)}.reset-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.add-category-btn svg,.preset-btn svg,.reset-btn svg{width:16px;height:16px}.category-list{display:flex;flex-direction:column;gap:2rem}.category-section{display:flex;flex-direction:column;gap:.75rem}.category-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.category-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.empty-categories{padding:3rem;text-align:center;color:var(--text-secondary);background:var(--surface-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg)}.category-label{flex:1;font-size:.95rem;font-weight:500;color:var(--text-primary)}.category-color-preview{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid currentColor}.category-default-badge{padding:.25rem .5rem;background:var(--surface);color:var(--text-tertiary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.category-actions{display:flex;gap:.5rem}.category-edit-btn,.category-delete-btn{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.category-edit-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.category-delete-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.category-edit-btn svg,.category-delete-btn svg{width:14px;height:14px;display:block}.category-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.75rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem}.form-group input:focus{outline:none;border-color:var(--primary)}.color-options{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.color-option{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.color-option:hover{transform:scale(1.1);border-color:currentColor}.color-option.active{border-color:currentColor;border-width:3px}.color-option svg{width:20px;height:20px;color:#fff}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.preset-list{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto}.preset-description{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.preset-grid{grid-template-columns:1fr}}.preset-option{display:flex;flex-direction:column;padding:1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1rem}.preset-option:hover{border-color:var(--border-strong)}.preset-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.preset-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.preset-categories{display:flex;flex-wrap:wrap;gap:.5rem}.preset-category-badge{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;border:1px solid currentColor}.preset-actions{display:flex;justify-content:flex-end;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.stat-card-manager{display:flex;flex-direction:column;gap:1.5rem}.stat-card-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card-manager-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-header-actions{display:flex;gap:.5rem}.stat-card-list{display:flex;flex-direction:column;gap:.75rem}.stat-card-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.stat-card-item.disabled{opacity:.5}.stat-card-preview{display:flex;align-items:center;gap:1rem;flex:1}.stat-preview-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:2px solid currentColor}.stat-preview-icon svg{width:24px;height:24px;stroke-width:2}.stat-preview-icon.stat-sales{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.stat-preview-icon.stat-revenue{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.stat-preview-icon.stat-general{background:#6b72801a;color:#6b7280;border-color:#6b72804d}.stat-preview-icon.stat-purple{background:#a855f71a;color:#a855f7;border-color:#a855f74d}.stat-preview-icon.stat-blue{background:#1e40af1a;color:#3b82f6;border-color:#1e40af4d}.stat-preview-icon.stat-pink{background:#ec48991a;color:#ec4899;border-color:#ec48994d}.stat-preview-icon.stat-flagged{background:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.stat-preview-icon.stat-urgent{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.stat-card-info{display:flex;flex-direction:column;gap:.25rem}.stat-card-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.stat-card-type{font-size:.8rem;color:var(--text-secondary)}.stat-card-actions{display:flex;align-items:center;gap:.5rem}.stat-toggle{position:relative;display:inline-block;width:40px;height:22px}.stat-toggle input{opacity:0;width:0;height:0}.toggle-slider-mini{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:22px}.toggle-slider-mini:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.stat-toggle input:checked+.toggle-slider-mini{background-color:var(--primary)}.stat-toggle input:checked+.toggle-slider-mini:before{transform:translate(18px)}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.knowledge-base-manager{display:flex;flex-direction:column;gap:2rem}.kb-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.kb-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.kb-toggle{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle-input{width:44px;height:24px;position:relative;appearance:none;background:var(--border);border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-input:checked{background:var(--primary)}.toggle-input:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-input:checked:before{transform:translate(20px)}.toggle-text{font-weight:500;color:var(--text-primary)}.toggle-description{margin-top:.75rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.kb-stats{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.kb-stats h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.kb-stats .stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.kb-stats .stat-icon{font-size:1.5rem}.kb-stats .stat-info{flex:1}.kb-stats .stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.kb-stats .stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.kb-meta{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.kb-entries{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.entries-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.entries-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.no-entries{padding:2rem;text-align:center;color:var(--text-secondary)}.entry-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s ease}.entry-item:hover{border-color:var(--primary)}.entry-info{flex:1}.entry-key{font-weight:500;color:var(--text-primary);display:block;margin-bottom:.25rem}.entry-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.entry-count{font-weight:500}.kb-actions{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.kb-actions h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.kb-info{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.kb-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.kb-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.kb-info li{padding-left:1.5rem;position:relative;color:var(--text-secondary);line-height:1.5}.kb-info li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.sidebar-sections-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-toggle{padding:1rem 1.25rem}.sidebar-section-toggle .setting-info h3{font-size:.95rem;margin-bottom:0}.settings-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.reset-button{padding:.75rem 1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:var(--surface);color:var(--text-primary);border-color:var(--text-tertiary)}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;cursor:grab;opacity:.3;transition:opacity .2s ease;flex-shrink:0}.drag-handle:hover{opacity:.6}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px;color:var(--text-secondary)}.sidebar-section-toggle.dragging{opacity:.7;box-shadow:var(--shadow-lg);z-index:1000}.section-order-badge{font-size:.75rem;color:var(--text-tertiary);margin-left:8px}.ai-analyze-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-analyze-btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.15);border-color:var(--primary-hover)}.ai-analyze-btn svg{width:16px;height:16px}.suggestion-ai-badge{font-size:.65rem;padding:2px 6px;border-radius:var(--radius);background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:500;white-space:nowrap}.ai-analysis-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-tertiary)}.ai-analysis-footer button{font-size:.75rem;padding:4px 8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.ai-analysis-footer button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.animate-spin{animation:spin 1s linear infinite}.inbox-email-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.inbox-email-loading,.inbox-email-error{display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary)}.inbox-email-loading .spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.inbox-email-error{color:#ef4444;background:#ef44441a;border-color:#ef444433}.inbox-email-disabled{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary)}.inbox-email-disabled-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border-radius:50%;margin-bottom:16px;color:var(--text-tertiary)}.inbox-email-disabled h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.inbox-email-disabled p{font-size:.875rem;max-width:320px}.inbox-email-card{background:linear-gradient(135deg,#3b82f61a,#9333ea14);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.inbox-email-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.inbox-email-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border-radius:var(--radius-md);color:#3b82f6}.inbox-email-label{font-size:.875rem;font-weight:600;color:#3b82f6}.inbox-email-address-container{display:flex;align-items:center;gap:12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 4px 4px 16px}.inbox-email-address{flex:1;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.9375rem;color:var(--text-primary);word-break:break-all;background:transparent;padding:8px 0}.inbox-email-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.inbox-email-copy-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.inbox-email-copy-btn.copied{background:#22c55e}.inbox-email-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:12px 16px;background:#22c55e14;border-radius:var(--radius-md);border:1px solid rgba(34,197,94,.2)}.inbox-email-status-indicator{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-primary)}.inbox-email-status-indicator .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.inbox-email-last-check{font-size:.8125rem;color:var(--text-muted)}.inbox-email-instructions{margin-bottom:20px}.inbox-email-instructions h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.inbox-email-instructions ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.inbox-email-instructions li{position:relative;padding-left:36px;padding-bottom:12px;font-size:.875rem;color:var(--text-secondary);counter-increment:step-counter}.inbox-email-instructions li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--text-primary)}.inbox-email-instructions li strong{color:var(--text-primary)}@media(max-width:768px){.settings-page{padding:1rem;padding-bottom:90px}.settings-header h1{font-size:1.5rem}.settings-content{display:flex;flex-direction:column;gap:0}.settings-nav{flex-direction:row;overflow-x:auto;padding:0;border-right:none;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch}.settings-nav-item{padding:1rem;white-space:nowrap;flex-shrink:0;border-right:none;border-bottom:2px solid transparent}.settings-nav-item.active{border-right:none;border-bottom:2px solid var(--primary)}.settings-panel{padding:1.25rem}.settings-section h2{font-size:1.25rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info,.setting-control{width:100%}}.learning-stats-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem}.learning-stats-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.learning-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.learning-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--surface);border-radius:var(--radius-md)}.learning-stat .stat-value{font-size:1.75rem;font-weight:700;color:var(--primary)}.learning-stat .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.learning-stats-note{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:640px){.learning-stats-grid{grid-template-columns:1fr}}.graph-settings .highlight-setting{background:linear-gradient(135deg,#0078d414,#0078d40a);border-color:#0078d433}.graph-connection-status{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.status-badge.connected{background:#22c55e26;color:#22c55e}.status-badge.disconnected{background:#ef44441a;color:#ef4444}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-badge.connected .status-dot{animation:pulse 2s ease-in-out infinite}.connection-info{font-size:.8125rem;color:var(--text-secondary)}.graph-action-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem}.connect-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0078d4;color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-button:hover{background:#106ebe;transform:translateY(-1px)}.connect-button .button-icon{width:18px;height:18px}.disconnect-button{padding:.75rem 1.25rem;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.disconnect-button:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.graph-scopes-section{margin-bottom:1.5rem}.graph-scopes-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.scopes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-bottom:1rem}.scope-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.scope-card:hover{border-color:var(--border-strong)}.scope-card.enabled{background:#0078d40f;border-color:#0078d440}.scope-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.scope-card.enabled .scope-icon{background:#0078d41a;color:#0078d4}.scope-icon svg{width:20px;height:20px}.scope-info{flex:1;min-width:0}.scope-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.scope-info p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.scope-toggle{flex-shrink:0}.toggle-switch.small{width:40px;height:22px}.toggle-switch.small .toggle-slider:before{height:14px;width:14px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.enabled-scopes-summary{padding:.75rem 1rem;background:var(--surface);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.enabled-scopes-summary strong{color:var(--text-primary)}.advanced-settings-toggle{margin-bottom:1rem}.text-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:transparent;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease}.text-button:hover{color:var(--primary-hover)}.text-button .chevron{width:16px;height:16px;transition:transform .2s ease}.text-button .chevron.rotated{transform:rotate(180deg)}.advanced-settings{padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem}.advanced-settings .setting-item{margin-bottom:1rem;padding:1rem}.advanced-settings .setting-item:last-of-type{margin-bottom:0}.settings-select{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:160px}.settings-select:focus{outline:none;border-color:var(--primary)}.storage-info{background:var(--surface)!important;border-color:var(--border)!important;padding:1rem!important}.storage-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.storage-info p{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .75rem}.storage-path{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.75rem;color:var(--text-secondary);overflow-x:auto;white-space:pre;margin:0}.security-notice{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.15);border-radius:var(--radius-lg)}.notice-icon{width:24px;height:24px;color:#22c55e;flex-shrink:0}.security-notice strong{display:block;font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem}.security-notice p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.loading-indicator{padding:2rem;text-align:center;color:var(--text-secondary)}.graph-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem}.graph-message svg{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.graph-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.graph-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.graph-message.warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#f59e0b}.graph-message.warning div{flex:1}.graph-message.warning strong{display:block;margin-bottom:.25rem}.graph-message.warning p{margin:.25rem 0;color:var(--text-secondary)}.graph-message.warning code{display:block;margin-top:.5rem;padding:.5rem;background:var(--surface);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-primary);word-break:break-all}.scope-card.readonly{cursor:default;opacity:.8}.scope-card.readonly:hover{border-color:var(--border)}.scope-card.readonly.enabled{opacity:1}.connect-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.connect-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.connect-button:disabled:hover{transform:none}@media(max-width:640px){.scopes-grid{grid-template-columns:1fr}.scope-card{padding:.875rem}.graph-connection-status{flex-direction:column;align-items:flex-start;gap:.5rem}.graph-action-buttons{flex-direction:column}.connect-button,.disconnect-button{width:100%;justify-content:center}.graph-message{flex-direction:column;gap:.5rem}.graph-message svg{margin-top:0}}.graph-accounts-section{margin-bottom:1.5rem}.graph-accounts-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.graph-accounts-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.text-button.danger{color:#ef4444}.text-button.danger:hover{color:#dc2626}.no-accounts-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--surface-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary)}.no-accounts-message .info-icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:.75rem}.no-accounts-message p{margin:0;font-size:.9375rem;max-width:320px}.accounts-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.account-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.account-card.connected{border-left:3px solid #22c55e}.account-card.disconnected{border-left:3px solid #ef4444;opacity:.7}.account-card:hover{border-color:var(--border-strong)}.account-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0078d41a,#0078d40d);border-radius:50%;color:#0078d4;flex-shrink:0}.account-avatar svg{width:24px;height:24px}.account-info{flex:1;min-width:0}.account-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.account-meta .status-badge.small{padding:.25rem .5rem;font-size:.75rem}.account-meta .status-badge.small .status-dot{width:6px;height:6px}.account-meta .meta-item{font-size:.75rem;color:var(--text-tertiary)}.account-meta .meta-item.scopes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.disconnect-button.small{padding:.5rem 1rem;font-size:.8125rem}.sync-button.small{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sync-button.small:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.sync-button.small:disabled{opacity:.5;cursor:not-allowed}.sync-button.small svg{width:18px;height:18px}.sync-button.small .spinner.small{width:18px;height:18px;border-width:2px}.sync-summary{font-size:.875rem;color:var(--text-secondary);padding:.25rem .75rem;background:var(--surface-elevated);border-radius:var(--radius-md);margin-left:.5rem}.section-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.sync-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sync-all-button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.sync-all-button:disabled{opacity:.6;cursor:not-allowed}.sync-all-button .button-icon{width:16px;height:16px}.sync-all-button .spinner.small{width:16px;height:16px;border-width:2px}.account-meta .sync-info{color:#22c55e;font-weight:500}.account-meta .sync-info.pending{color:var(--text-tertiary);font-style:italic}.sync-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sync-breakdown .sync-type{font-size:.6875rem;padding:.125rem .5rem;background:var(--surface);border-radius:var(--radius-sm);color:var(--text-secondary)}.spinner.small{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.add-account-section{padding:1rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.add-account-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.add-account-button:hover:not(:disabled){background:linear-gradient(135deg,#106ebe,#0063b1);transform:translateY(-1px);box-shadow:0 4px 12px #0078d440}.add-account-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.add-account-button .button-icon{width:18px;height:18px}.add-account-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.add-account-hint{font-size:.8125rem;color:var(--text-secondary);max-width:400px;margin:0 auto}@media(max-width:640px){.account-card{flex-direction:column;align-items:flex-start;gap:.75rem}.account-avatar{width:40px;height:40px}.account-avatar svg{width:20px;height:20px}.account-info{width:100%}.account-info h4{font-size:.9375rem}.account-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.account-meta .meta-item.scopes{max-width:100%;white-space:normal}.account-actions,.disconnect-button.small{width:100%}.graph-accounts-section .section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.setting-note.warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-lg);margin-bottom:1.5rem}.setting-note.warning svg{flex-shrink:0;color:#f59e0b}.setting-note.warning p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.notification-triggers-section{margin-top:2rem}.triggers-header{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.triggers-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.trigger-category{margin-bottom:1.5rem}.trigger-category:last-child{margin-bottom:0}.trigger-category-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.trigger-list{display:flex;flex-direction:column;gap:.5rem}.trigger-item{padding:.875rem 1rem;margin-bottom:0}.trigger-item .setting-info h3{font-size:.9375rem;margin-bottom:.125rem}.trigger-item .setting-info p{font-size:.8125rem}.test-voice-button{padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.test-voice-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.test-voice-button:disabled{opacity:.7;cursor:not-allowed;transform:none;background:#22c55e}@media(max-width:640px){.notification-triggers-section{margin-top:1.5rem}.trigger-item{flex-direction:row;align-items:center}.trigger-item .setting-info{flex:1}.setting-note.warning{flex-direction:column;gap:.5rem}}.assistant-profile-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center}.profile-avatar svg{width:32px;height:32px;stroke:#fff}.profile-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.profile-subtitle{font-size:.875rem;color:var(--text-secondary)}.profile-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.profile-detail-row{display:flex;flex-direction:column;gap:.25rem}.profile-detail-row.full-width{grid-column:span 2}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.detail-value{font-size:.95rem;color:var(--text-primary);line-height:1.5}.profile-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-updated{font-size:.75rem;color:var(--text-tertiary)}.assistant-setup-prompt{text-align:center;padding:3rem 2rem;background:var(--surface-elevated);border:2px dashed var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.setup-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light, #60a5fa));display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.setup-icon svg{width:48px;height:48px;stroke:#fff}.assistant-setup-prompt h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.assistant-setup-prompt p{color:var(--text-secondary);max-width:400px;margin:0 auto 1.5rem;line-height:1.6}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:640px){.profile-details{grid-template-columns:1fr}.profile-detail-row.full-width{grid-column:span 1}.assistant-setup-prompt{padding:2rem 1rem}}.admin-panel{flex:1;overflow-y:auto;padding:1.5rem;background:var(--background)}@media(min-width:768px){.admin-panel{padding:2rem}}.admin-panel__container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.admin-panel__header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.admin-panel__header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.admin-panel__header-content{display:flex;flex-direction:column;gap:.25rem}.admin-panel__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.admin-panel__subtitle{font-size:.875rem;color:var(--text-secondary)}.admin-panel__message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;animation:fadeIn .2s ease-out}.admin-panel__message--error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--error)}.admin-panel__message--success{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:var(--success)}.admin-panel__message-close{margin-left:auto;padding:.25rem;color:inherit;opacity:.7;transition:opacity .15s;background:transparent;border:none;cursor:pointer}.admin-panel__message-close:hover{opacity:1}.admin-panel__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-panel__section--pending{border-color:#fbbf244d;background:linear-gradient(135deg,rgba(251,191,36,.08) 0%,var(--surface) 100%)}.admin-panel__section--disabled{opacity:.8}.admin-panel__section-header{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem;border-bottom:1px solid var(--border);background:var(--overlay-light)}.admin-panel__section-header--alert{background:#fbbf240d}.admin-panel__section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary-text);flex-shrink:0}.admin-panel__section-icon--warning{background:#fbbf2426;color:var(--warning)}.admin-panel__section-icon--disabled{background:#f8717126;color:var(--error)}.admin-panel__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.admin-panel__section-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:.125rem 0 0}.admin-panel__pending-list{display:flex;flex-direction:column}.admin-panel__pending-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border);transition:background .15s}.admin-panel__pending-card:last-child{border-bottom:none}.admin-panel__pending-card:hover{background:var(--overlay-light)}@media(min-width:640px){.admin-panel__pending-card{flex-direction:row;align-items:center;justify-content:space-between}}.admin-panel__pending-info{display:flex;align-items:center;gap:.875rem}.admin-panel__pending-details{display:flex;flex-direction:column;gap:.125rem}.admin-panel__pending-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.admin-panel__pending-email{font-size:.8125rem;color:var(--text-secondary)}.admin-panel__pending-date{font-size:.75rem;color:var(--text-tertiary)}.admin-panel__pending-actions{display:flex;gap:.5rem;margin-left:3rem}@media(min-width:640px){.admin-panel__pending-actions{margin-left:0}}.admin-panel__action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s}.admin-panel__action-btn--approve{background:var(--success);color:#fff}.admin-panel__action-btn--approve:hover{background:var(--success-hover);box-shadow:0 0 12px #34d3994d}.admin-panel__action-btn--reject{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border)}.admin-panel__action-btn--reject:hover{background:#f8717126;color:var(--error);border-color:#f871714d}.admin-panel__action-btn--save{background:var(--success);color:#fff}.admin-panel__action-btn--save:hover{background:var(--success-hover)}.admin-panel__action-btn--cancel{background:var(--surface-elevated);color:var(--text-secondary)}.admin-panel__action-btn--cancel:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-panel__users-grid{display:grid;gap:0}.admin-panel__user-card{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:background .15s}.admin-panel__user-card:last-child{border-bottom:none}.admin-panel__user-card:hover{background:var(--overlay-light)}.admin-panel__user-card--disabled{opacity:.65}@media(min-width:640px){.admin-panel__user-card{flex-direction:row;align-items:center;justify-content:space-between}}.admin-panel__user-main{display:flex;align-items:center;gap:.875rem}.admin-panel__user-info{display:flex;flex-direction:column;gap:.125rem}.admin-panel__user-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-panel__user-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.admin-panel__user-email{font-size:.8125rem;color:var(--text-secondary)}.admin-panel__user-date{font-size:.75rem;color:var(--text-tertiary)}.admin-panel__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:1rem;font-weight:600;flex-shrink:0}.admin-panel__avatar--pending{background:linear-gradient(135deg,var(--warning) 0%,#f59e0b 100%)}.admin-panel__avatar--disabled{background:var(--text-tertiary)}.admin-panel__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.admin-panel__badge--admin{background:#a78bfa26;color:var(--secondary)}.admin-panel__badge--you{background:var(--primary-light);color:var(--primary-text)}.admin-panel__user-actions{display:flex;gap:.375rem;margin-left:3.375rem}@media(min-width:640px){.admin-panel__user-actions{margin-left:0}}.admin-panel__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.admin-panel__icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-panel__icon-btn--delete:hover{background:#f8717126;color:var(--error)}.admin-panel__icon-btn--disable:hover{background:#fbbf2426;color:var(--warning)}.admin-panel__icon-btn--enable:hover{background:#34d39926;color:var(--success)}.admin-panel__password-edit{display:flex;flex-direction:column;gap:.5rem;margin-left:3.375rem;width:100%}@media(min-width:640px){.admin-panel__password-edit{flex-direction:row;align-items:center;margin-left:0;width:auto}}.admin-panel__password-actions{display:flex;gap:.375rem}.admin-panel__modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fadeIn .15s ease-out}.admin-panel__modal{width:100%;max-width:440px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.admin-panel__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.admin-panel__modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.admin-panel__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.admin-panel__modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-panel__modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.admin-panel__modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.admin-panel__form-group{display:flex;flex-direction:column;gap:.5rem}.admin-panel__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.admin-panel__input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all .15s}.admin-panel__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.admin-panel__input::placeholder{color:var(--text-tertiary)}.admin-panel__input--small{padding:.5rem .75rem;font-size:.8125rem;width:160px}.admin-panel__role-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.admin-panel__role-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s}.admin-panel__role-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.admin-panel__role-btn--active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.admin-panel__role-btn--admin.admin-panel__role-btn--active{border-color:var(--secondary);background:#a78bfa26;color:var(--secondary)}.admin-panel__role-btn span{font-size:.8125rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-panel__usage-table{display:flex;flex-direction:column}.admin-panel__usage-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.875rem 1.25rem;background:var(--overlay-light);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary)}.admin-panel__usage-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:background .15s}.admin-panel__usage-row:last-child{border-bottom:none}.admin-panel__usage-row:hover{background:var(--overlay-light)}.admin-panel__usage-user{font-weight:500;color:var(--text-primary)}.admin-panel__usage-cost{display:flex;flex-direction:column;gap:.125rem;font-size:.875rem;color:var(--text-secondary)}.admin-panel__usage-cost small{font-size:.6875rem;color:var(--text-tertiary)}.admin-panel__usage-total{font-weight:600;color:var(--primary);font-size:.9375rem}.admin-panel__loading,.admin-panel__empty{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:.875rem}@media(max-width:768px){.admin-panel__usage-header,.admin-panel__usage-row{grid-template-columns:1.5fr 1fr 1fr}.admin-panel__usage-header span:nth-child(3),.admin-panel__usage-header span:nth-child(4),.admin-panel__usage-row span:nth-child(3),.admin-panel__usage-row span:nth-child(4){display:none}}.sidebar-section-wrapper{position:relative;transition:all .2s ease}.sidebar-section-wrapper.dragging{opacity:.7;box-shadow:var(--shadow-lg);z-index:1000}.sidebar-section-wrapper.drag-over{transform:translateY(-4px)}.sidebar-section-drag-handle{position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:grab;opacity:0;transition:opacity .2s ease;color:var(--text-quaternary);z-index:10}.sidebar-section-drag-handle:active{cursor:grabbing}.sidebar-section-drag-handle svg{width:100%;height:100%}.sidebar-section-wrapper:hover .sidebar-section-drag-handle{opacity:.5}.sidebar-section-drag-handle:hover{opacity:1!important;color:var(--text-secondary)}.actions-sidebar:not(.collapsed) .sidebar-section-wrapper{margin-left:0}.sidebar-section{margin-bottom:20px;transition:all .2s ease;border:1px solid rgba(255,255,255,.04)}.sidebar-section-header{display:flex;align-items:center;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.sidebar-section-header:hover{background:var(--surface-hover);border-color:#ffffff14;box-shadow:none}.sidebar-section.expanded .sidebar-section-header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.sidebar-section-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sidebar-section-icon{width:18px;height:18px;flex-shrink:0;color:var(--primary)}.sidebar-section-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-badge{font-size:.75rem;padding:3px 10px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-weight:600;margin-right:8px}.sidebar-section-badge.success{background:#22c55e;color:#fff}.sidebar-section-chevron{width:24px;height:24px;color:var(--text-secondary);transition:all .3s ease;flex-shrink:0;padding:2px;border-radius:var(--radius)}.sidebar-section-header:hover .sidebar-section-chevron{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.sidebar-section.expanded .sidebar-section-chevron{transform:rotate(180deg);color:var(--primary)}.sidebar-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0}.sidebar-section.expanded .sidebar-section-content{max-height:2000px;padding:10px;background:var(--surface);border:1px solid var(--border);border-top:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);opacity:1}.section-hide-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;border:none;background:transparent;color:var(--text-quaternary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;opacity:0}.sidebar-section-header:hover .section-hide-btn{opacity:1}.section-hide-btn:hover{background:#ffffff0d;color:var(--text-secondary)}.section-hide-btn svg{width:16px;height:16px}.sidebar-manage-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.sidebar-manage-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-manage-btn svg{width:18px;height:18px}.sidebar-section-drag-handle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;opacity:1}.sidebar-section-header:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.section-hide-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;opacity:1}.sidebar-manage-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--sidebar-section-padding: 12px;--sidebar-item-padding: 10px 12px;--sidebar-gap: 12px;--sidebar-icon-size: 20px;--sidebar-transition: all .2s ease}.eisenhower-matrix{padding:var(--sidebar-section-padding)}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.matrix-quadrant{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s ease;gap:6px}.matrix-quadrant:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.matrix-quadrant.active{border-width:2px}.matrix-danger{border-color:#ef44444d;background:#ef44440d}.matrix-danger:hover,.matrix-danger.active{border-color:#ef444499;background:#ef44441a}.matrix-danger .quadrant-icon{color:#ef4444}.matrix-success{border-color:#22c55e4d;background:#22c55e0d}.matrix-success:hover,.matrix-success.active{border-color:#22c55e99;background:#22c55e1a}.matrix-success .quadrant-icon{color:#22c55e}.matrix-warning{border-color:#fbbf244d;background:#fbbf240d}.matrix-warning:hover,.matrix-warning.active{border-color:#fbbf2499;background:#fbbf241a}.matrix-warning .quadrant-icon{color:#fbbf24}.matrix-neutral{border-color:#6b72804d;background:#6b72800d}.matrix-neutral:hover,.matrix-neutral.active{border-color:#6b728099;background:#6b72801a}.matrix-neutral .quadrant-icon{color:#6b7280}.quadrant-icon{width:20px;height:20px}.quadrant-icon svg{width:100%;height:100%}.quadrant-count{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.quadrant-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.matrix-legend{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.legend-row{display:flex;align-items:center;gap:6px}.legend-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase}.legend-arrow{width:16px;height:16px;color:var(--text-quaternary)}.legend-arrow svg{width:100%;height:100%}.focus-timer{padding:var(--sidebar-section-padding)}.focus-timer.active{background:rgba(var(--primary-rgb),.05);border-radius:var(--radius-lg)}.focus-timer.on-break{background:#22c55e0d}.timer-display{display:flex;justify-content:center;margin-bottom:16px}.timer-ring-container{position:relative;width:140px;height:140px}.timer-ring{width:100%;height:100%}.timer-ring-bg{stroke:var(--surface-elevated)}.timer-ring-progress{stroke:var(--primary);transition:stroke-dasharray 1s linear}.focus-timer.on-break .timer-ring-progress{stroke:#22c55e}.timer-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-digits{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1}.timer-type{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.timer-durations{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.duration-btn{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.duration-btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.duration-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.timer-controls{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.timer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-lg);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.timer-start{background:var(--primary);color:#fff}.timer-start:hover{background:var(--primary-hover)}.timer-pause{background:var(--warning);color:#fff}.timer-pause:hover{opacity:.9}.timer-reset,.timer-skip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.timer-reset:hover,.timer-skip:hover{background:var(--surface-hover)}.timer-btn svg{width:16px;height:16px}.timer-sessions{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.sessions-label{font-size:.75rem;color:var(--text-tertiary)}.sessions-dots{display:flex;gap:4px}.session-dot{width:10px;height:10px;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border);transition:all .2s ease}.session-dot.completed{background:var(--primary);border-color:var(--primary)}.sessions-count{font-size:.875rem;font-weight:600;color:var(--text-primary)}.timer-current-action{margin-top:12px;padding:10px;background:var(--surface-elevated);border-radius:var(--radius)}.current-action-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;display:block;margin-bottom:4px}.current-action-text{font-size:.875rem;color:var(--text-primary)}.energy-tracker{padding:8px}.energy-levels{display:flex;gap:8px;margin-bottom:16px}.energy-level-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s ease}.energy-level-btn:hover{transform:translateY(-2px)}.energy-level-btn.active{border-width:2px}.energy-success.active{border-color:#22c55e;background:#22c55e1a}.energy-warning.active{border-color:#fbbf24;background:#fbbf241a}.energy-neutral.active{border-color:#6b7280;background:#6b72801a}.energy-icon{width:24px;height:24px}.energy-icon svg{width:100%;height:100%}.energy-success .energy-icon{color:#22c55e}.energy-warning .energy-icon{color:#fbbf24}.energy-neutral .energy-icon{color:#6b7280}.energy-label{font-size:.7rem;color:var(--text-secondary);text-align:center}.energy-current{padding:12px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.energy-current.energy-success{border-color:#22c55e4d;background:#22c55e0d}.energy-current.energy-warning{border-color:#fbbf244d;background:#fbbf240d}.energy-current.energy-neutral{border-color:#6b72804d;background:#6b72800d}.energy-current-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.energy-current-icon{width:24px;height:24px}.energy-current-icon svg{width:100%;height:100%}.energy-current-info{display:flex;flex-direction:column}.energy-current-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.energy-current-desc{font-size:.75rem;color:var(--text-secondary)}.energy-tasks-hint{font-size:.75rem;color:var(--text-tertiary)}.energy-suggestions{margin-top:12px}.energy-suggestions-title{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.energy-suggestions-list{list-style:none;padding:0;margin:0}.energy-suggestion-item{padding:8px 10px;background:var(--surface);border-radius:var(--radius);margin-bottom:4px;font-size:.8rem;color:var(--text-primary)}.energy-suggestions-section{padding:var(--sidebar-section-padding)}.ai-analyze-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius);border:1px solid var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-analyze-btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.2)}.ai-analyze-btn:disabled{opacity:.6;cursor:not-allowed}.ai-analyze-btn svg{width:14px;height:14px}.ai-analysis-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-tertiary)}.ai-analysis-footer button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.7rem;padding:0}.ai-analysis-footer button:hover{text-decoration:underline}.suggestion-ai-badge{font-size:.6rem;padding:2px 6px;border-radius:var(--radius);background:rgba(var(--primary-rgb),.1);color:var(--primary);margin-left:8px;white-space:nowrap}.energy-suggestions-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px 12px;background:var(--surface);border-radius:var(--radius)}.energy-suggestions-level{font-size:.85rem;font-weight:500;color:var(--text-primary)}.energy-suggestions-count{font-size:.75rem;color:var(--text-secondary)}.energy-suggestions-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:.85rem}.suggestion-priority{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-full);margin-left:8px;text-transform:uppercase;font-weight:500}.suggestion-priority.priority-critical{background:#ef44441a;color:#ef4444}.suggestion-priority.priority-high{background:#f973161a;color:#f97316}.suggestion-priority.priority-medium{background:#eab3081a;color:#eab308}.suggestion-priority.priority-low{background:#22c55e1a;color:#22c55e}.waiting-for-list{padding:8px}.waiting-for-empty{text-align:center;padding:20px;color:var(--text-tertiary)}.waiting-for-empty-icon{width:32px;height:32px;margin:0 auto 12px;color:var(--text-quaternary)}.waiting-for-empty-icon svg{width:100%;height:100%}.waiting-for-empty p{margin:0 0 4px;font-size:.875rem}.waiting-for-empty-hint{font-size:.75rem}.waiting-for-summary{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.waiting-count{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.waiting-label{font-size:.875rem;color:var(--text-secondary)}.waiting-for-groups{display:flex;flex-direction:column;gap:12px}.waiting-for-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.waiting-for-person{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-elevated)}.person-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.person-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.person-count{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary)}.waiting-for-items{list-style:none;padding:0;margin:0}.waiting-for-item-wrapper{border-top:1px solid var(--border)}.waiting-for-item-wrapper:first-child{border-top:none}.waiting-for-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .2s ease}.waiting-for-item:hover{background:var(--surface-hover)}.waiting-for-item.warning .waiting-days{color:#fbbf24}.waiting-for-item.overdue .waiting-days{color:#ef4444}.waiting-item-content{flex:1;min-width:0}.waiting-item-text{font-size:.8rem;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-item-meta{display:flex;gap:12px;margin-top:4px}.waiting-days,.waiting-due{font-size:.7rem;color:var(--text-tertiary)}.waiting-nudge-btn{padding:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.waiting-nudge-btn:hover{background:var(--surface);color:var(--primary)}.waiting-nudge-btn:disabled{opacity:.5;cursor:not-allowed}.waiting-nudge-btn svg{width:16px;height:16px}.waiting-nudge-btn.has-suggestion{color:var(--primary)}.nudge-suggestion{margin-top:8px;padding:10px 12px;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nudge-suggestion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.nudge-suggestion-timing{display:flex;align-items:center;gap:8px}.nudge-timing-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase}.nudge-timing-badge.timing-now{background:#ef44441a;color:#ef4444}.nudge-timing-badge.timing-today{background:#fbbf241a;color:#fbbf24}.nudge-timing-badge.timing-tomorrow,.nudge-timing-badge.timing-wait{background:#22c55e1a;color:#22c55e}.nudge-urgency{font-size:.65rem;color:var(--text-tertiary)}.nudge-suggestion-close{padding:2px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);line-height:0}.nudge-suggestion-close:hover{background:var(--surface);color:var(--text-primary)}.nudge-suggestion-close svg{width:14px;height:14px}.nudge-suggestion-text{font-size:.8rem;color:var(--text-primary);line-height:1.4;margin-bottom:8px;padding:8px;background:var(--surface);border-radius:var(--radius);border-left:3px solid var(--primary)}.nudge-suggestion-reason{font-size:.7rem;color:var(--text-tertiary);font-style:italic}.nudge-suggestion-actions{display:flex;gap:8px;margin-top:10px}.nudge-copy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.75rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.nudge-copy-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.nudge-copy-btn svg{width:14px;height:14px}.waiting-for-wednesday{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.wednesday-icon{width:20px;height:20px;color:#3b82f6}.wednesday-icon svg{width:100%;height:100%}.wednesday-content{flex:1}.wednesday-content strong{display:block;font-size:.8rem;color:#3b82f6;margin-bottom:2px}.wednesday-content p{font-size:.75rem;color:var(--text-secondary);margin:0}.weekly-review{padding:var(--sidebar-section-padding)}.review-status-header{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.review-status-header:hover{background:var(--surface-hover)}.review-status-left{display:flex;align-items:center;gap:12px}.review-status-indicator{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.review-status-indicator svg{width:20px;height:20px}.review-status-indicator.status-success{background:#22c55e1a;color:#22c55e}.review-status-indicator.status-warning{background:#fbbf241a;color:#fbbf24}.review-status-indicator.status-danger{background:#ef44441a;color:#ef4444}.review-status-indicator.status-neutral{background:var(--surface-elevated);color:var(--text-tertiary)}.review-status-info{display:flex;flex-direction:column}.review-status-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.review-status-date{font-size:.75rem}.review-status-date.status-success{color:#22c55e}.review-status-date.status-warning{color:#fbbf24}.review-status-date.status-danger{color:#ef4444}.review-status-date.status-neutral{color:var(--text-tertiary)}.review-expand-icon{width:20px;height:20px;color:var(--text-tertiary)}.review-expand-icon svg{width:100%;height:100%;transition:transform .2s ease}.review-content{margin-top:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.review-stats{display:flex;justify-content:space-around;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.review-stat{display:flex;flex-direction:column;align-items:center}.review-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.review-stat-value.danger{color:#ef4444}.review-stat-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase}.review-progress{display:flex;align-items:center;gap:10px;margin-bottom:16px}.review-progress-bar{flex:1;height:6px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.review-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.review-progress-text{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.review-checklist{list-style:none;padding:0;margin:0 0 16px}.review-checklist-item{padding:8px 0;border-bottom:1px solid var(--border)}.review-checklist-item:last-child{border-bottom:none}.review-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.review-checkbox input{display:none}.review-checkmark{width:18px;height:18px;border:2px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.review-checkmark svg{width:12px;height:12px;opacity:0;color:#fff;transition:opacity .2s ease}.review-checkbox input:checked+.review-checkmark{background:var(--primary);border-color:var(--primary)}.review-checkbox input:checked+.review-checkmark svg{opacity:1}.review-item-text{font-size:.8rem;color:var(--text-primary)}.review-checklist-item.completed .review-item-text{text-decoration:line-through;color:var(--text-tertiary)}.review-complete-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.review-complete-btn.ready{background:var(--primary);color:#fff}.review-complete-btn.ready:hover{background:var(--primary-hover)}.review-complete-btn.disabled{background:var(--surface-elevated);color:var(--text-tertiary);cursor:not-allowed}.review-complete-btn svg{width:18px;height:18px}.review-tip{display:flex;gap:10px;margin-top:12px;padding:10px;background:#3b82f60d;border-radius:var(--radius)}.review-tip svg{width:16px;height:16px;color:#3b82f6;flex-shrink:0;margin-top:2px}.review-tip p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.time-estimator{padding:8px}.time-gauge{margin-bottom:16px}.gauge-visual{position:relative;display:flex;justify-content:center}.gauge-svg{width:160px;height:90px}.gauge-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center}.gauge-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:block}.gauge-label{font-size:.7rem;text-transform:uppercase}.gauge-label.status-success{color:#22c55e}.gauge-label.status-primary{color:var(--primary)}.gauge-label.status-warning{color:#fbbf24}.gauge-label.status-danger{color:#ef4444}.time-summary{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.time-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.time-row:not(:last-child){border-bottom:1px solid var(--border)}.time-label{font-size:.8rem;color:var(--text-secondary)}.time-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.time-value.success{color:#22c55e}.time-value.danger{color:#ef4444}.time-available-selector{display:flex;align-items:center;gap:8px}.hours-btn{width:24px;height:24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.hours-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.time-breakdown{margin-top:16px}.breakdown-title{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.breakdown-bars{display:flex;flex-direction:column;gap:8px}.breakdown-bar{display:flex;align-items:center;gap:8px}.bar-label{display:flex;align-items:center;gap:6px;width:80px}.bar-priority{font-size:.7rem;color:var(--text-secondary);text-transform:capitalize}.bar-count{font-size:.65rem;color:var(--text-tertiary)}.bar-track{flex:1;height:6px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.breakdown-bar.priority-critical .bar-fill{background:#ef4444}.breakdown-bar.priority-high .bar-fill{background:#f97316}.breakdown-bar.priority-medium .bar-fill{background:#fbbf24}.breakdown-bar.priority-low .bar-fill{background:#6b7280}.bar-time{font-size:.7rem;color:var(--text-tertiary);width:40px;text-align:right}.time-warning{display:flex;gap:10px;margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.warning-icon{width:20px;height:20px;color:#ef4444;flex-shrink:0}.warning-icon svg{width:100%;height:100%}.warning-content{flex:1}.warning-content strong{display:block;font-size:.8rem;color:#ef4444;margin-bottom:2px}.warning-content p{font-size:.75rem;color:var(--text-secondary);margin:0}.defer-suggestions{margin-top:12px}.suggestions-title{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--surface);border-radius:var(--radius);margin-bottom:4px}.suggestion-text{font-size:.8rem;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-time{font-size:.7rem;color:var(--text-tertiary);margin-left:8px}.context-switcher{padding:var(--sidebar-section-padding)}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.context-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s ease;position:relative}.context-btn:hover{transform:translateY(-2px);border-color:var(--border-strong)}.context-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.context-btn.quickwins{border-color:#fbbf244d}.context-btn.quickwins:hover,.context-btn.quickwins.active{border-color:#fbbf24;background:#fbbf241a}.context-icon{width:20px;height:20px;color:var(--text-secondary)}.context-icon svg{width:100%;height:100%}.context-btn.active .context-icon{color:var(--primary)}.context-btn.quickwins .context-icon{color:#fbbf24}.context-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase}.context-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center}.context-btn.quickwins .context-count{background:#fbbf24;color:#000}.context-active-info{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 12px;background:var(--surface);border-radius:var(--radius)}.context-info-label{font-size:.75rem;color:var(--text-secondary)}.context-clear-btn{font-size:.75rem;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.context-clear-btn:hover{text-decoration:underline}.quickwins-preview{margin-top:12px;padding:12px;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-lg)}.quickwins-title{font-size:.75rem;color:#fbbf24;margin-bottom:8px}.quickwins-list{list-style:none;padding:0;margin:0}.quickwin-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.8rem;color:var(--text-primary)}.quickwin-item:before{content:"";width:4px;height:4px;border-radius:50%;background:#fbbf24}.digest-warning{display:flex;gap:10px;padding:10px 12px;margin-bottom:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius)}.digest-warning svg{width:16px;height:16px;color:#ef4444;flex-shrink:0}.digest-warning p{font-size:.8rem;color:var(--text-primary);margin:0}.digest-insight{display:flex;gap:10px;padding:10px 12px;margin-bottom:12px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius)}.digest-insight svg{width:16px;height:16px;color:#3b82f6;flex-shrink:0}.digest-insight p{font-size:.8rem;color:var(--text-primary);margin:0}.focus-time{font-size:.65rem;padding:2px 6px;border-radius:var(--radius);background:var(--surface-elevated);color:var(--text-tertiary);margin-left:8px}.focus-reason{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:4px}.quickwins-header{color:#fbbf24}.delegate-header{color:#f97316}.energy-header{color:#22c55e}.delegate-task{display:block;font-size:.8rem}.delegate-reason{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:2px}.action-item.action-highlighted{animation:highlightPulse .6s ease-in-out 2;box-shadow:0 0 0 3px var(--primary);background:rgba(var(--primary-rgb),.1);z-index:10;position:relative}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.digest-list-item.clickable,.energy-suggestion-item.clickable,.quickwin-item.clickable,.suggestion-item.clickable,.waiting-for-item.clickable{cursor:pointer;transition:background .2s ease,transform .15s ease;border-radius:var(--radius)}.digest-list-item.clickable:hover,.energy-suggestion-item.clickable:hover,.quickwin-item.clickable:hover,.suggestion-item.clickable:hover{background:var(--surface-hover);transform:translate(4px)}.digest-list-item.clickable:active,.energy-suggestion-item.clickable:active,.quickwin-item.clickable:active,.suggestion-item.clickable:active{transform:translate(2px)}.digest-list-item.clickable:focus,.energy-suggestion-item.clickable:focus,.quickwin-item.clickable:focus,.suggestion-item.clickable:focus,.waiting-for-item.clickable:focus{outline:2px solid var(--primary);outline-offset:2px}.digest-list-item.clickable:after,.energy-suggestion-item.clickable:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;opacity:0;transition:opacity .2s ease}.digest-list-item.clickable:hover:after,.energy-suggestion-item.clickable:hover:after{opacity:.5}.digest-list-item.clickable,.energy-suggestion-item.clickable{position:relative;padding-right:28px}@media(max-width:768px){.actions-sidebar{display:none!important}.actions-layout{display:block}.actions-main{width:100%;max-width:100%;min-height:calc(100vh - 60px);padding-bottom:100px}.matrix-quadrant{min-height:80px;padding:16px;-webkit-tap-highlight-color:transparent}.matrix-quadrant:active{transform:scale(.98)}.quadrant-icon{width:24px;height:24px}.quadrant-count{font-size:1.75rem}.quadrant-label{font-size:.75rem}}@media(max-width:480px){.sidebar-section-title{font-size:.8125rem}.sidebar-section-icon{width:18px;height:18px}.sidebar-section-header{padding:8px 10px}.sidebar-section-badge{font-size:.7rem;padding:1px 6px}}.sidebar-main-title{font-size:1.5rem;font-weight:700;line-height:1.2}.sidebar-section-heading{font-size:1.25rem;font-weight:600;line-height:1.3}.sidebar-body-text{font-size:1rem;font-weight:400;line-height:1.5}.sidebar-small-text{font-size:.875rem;font-weight:400;line-height:1.4}.sidebar-tiny-text{font-size:.75rem;font-weight:400;line-height:1.3}.action-approval-modal{display:flex;flex-direction:column;height:calc(100vh - 120px);max-height:700px;min-height:400px}@media(max-width:768px){.action-approval-modal{height:calc(100vh - 80px);max-height:none}}.email-source-header{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:16px;flex-shrink:0}.email-source-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border-radius:var(--radius-md);color:#3b82f6;flex-shrink:0}.email-source-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.email-source-label{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.email-source-subject{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-source-from{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-progress-header{padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-shrink:0}.approval-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.approval-progress-current{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.approval-progress-stats{display:flex;gap:12px}.stat-approved{font-size:.8125rem;color:#22c55e;font-weight:500}.stat-skipped{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.approval-progress-bar{height:4px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.approval-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.approval-status-badge-container{display:flex;justify-content:center;margin-bottom:12px;flex-shrink:0}.approval-status-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.approval-status-badge.approved{background:#22c55e1a;color:#22c55e}.approval-status-badge.skipped{background:#6b72801a;color:#6b7280}.approval-status-badge.pending{background:#3b82f61a;color:#3b82f6}.approval-source-badge{font-size:.7rem;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);background:#6b72801a;color:#6b7280;margin-right:8px}.approval-duplicate-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin:0 0 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#b45309}.approval-duplicate-warning svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.duplicate-warning-content{flex:1}.duplicate-warning-content strong{display:block;font-size:.875rem;font-weight:600;margin-bottom:2px;color:#b45309}.duplicate-warning-content p{font-size:.8rem;margin:0;color:#92400e;line-height:1.4}.approval-content{flex:1;overflow-y:auto;padding:4px 4px 16px;-webkit-overflow-scrolling:touch}.approval-field{margin-bottom:16px}.approval-field-half{flex:1;min-width:0}.approval-row{display:flex;gap:12px}@media(max-width:480px){.approval-row{flex-direction:column;gap:16px}.approval-field-half{width:100%}}.approval-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.approval-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.approval-input,.approval-select,.approval-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.approval-input[type=date]{color-scheme:dark;cursor:pointer}.approval-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer;opacity:.7;transition:opacity .2s ease}.approval-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.approval-input:focus,.approval-select:focus,.approval-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.approval-textarea{resize:vertical;min-height:100px;line-height:1.5}.approval-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.approval-add-task-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--primary);border-radius:var(--radius);background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.approval-add-task-btn:hover{background:rgba(var(--primary-rgb),.2)}.approval-add-task-btn svg{width:14px;height:14px}.approval-tasks-list{display:flex;flex-direction:column;gap:8px}.approval-task-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.approval-task-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.approval-task-input{flex:1;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.approval-task-input:hover{background:var(--surface-hover)}.approval-task-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.approval-task-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-quaternary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;flex-shrink:0}.approval-task-remove:hover{background:#ef44441a;color:#ef4444}.approval-footer{padding-top:16px;border-top:1px solid var(--border);flex-shrink:0}.approval-nav{display:flex;justify-content:space-between;margin-bottom:12px}.approval-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.approval-nav-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.approval-nav-btn:disabled{opacity:.4;cursor:not-allowed}.approval-nav-text{display:none}@media(min-width:480px){.approval-nav-text{display:inline}}.approval-actions{display:flex;gap:12px;margin-bottom:12px}.approval-actions button{flex:1}.approval-btn-skip{background:var(--surface)!important;border:1px solid var(--border)!important}.approval-btn-approve{background:#22c55e!important;border-color:#22c55e!important}.approval-btn-approve:hover{background:#16a34a!important}.approval-final-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.approval-final-actions button{flex:1}@media(max-width:768px){.approval-input,.approval-select,.approval-textarea{font-size:16px;padding:12px 14px}.approval-task-input{font-size:16px}.approval-actions button,.approval-final-actions button{min-height:48px;font-size:1rem}.approval-nav-btn{min-height:44px;padding:10px 16px}.approval-task-remove{width:40px;height:40px}.approval-task-item{padding:10px 12px}.approval-add-task-btn{padding:8px 14px;font-size:.875rem}}.email-action-badge{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.email-action-badge:hover{background:var(--surface-hover);color:var(--text-primary)}.email-action-badge:disabled{cursor:default;opacity:.5}.email-action-badge.has-items{color:var(--primary)}.email-action-badge .badge-icon{width:22px;height:22px}.email-action-badge .badge-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;text-align:center;color:#fff;background:#ef4444;border-radius:9px}.email-action-badge .badge-spinner{position:absolute;top:2px;right:2px;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.email-action-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;color:var(--primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.email-action-indicator:hover{background:#3b82f626;border-color:#3b82f64d}.email-action-indicator svg{width:16px;height:16px}.email-action-indicator .indicator-count{font-weight:600}.email-action-review-modal{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 120px)}.email-action-review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.email-action-review-empty .empty-icon{width:64px;height:64px;color:#22c55e;margin-bottom:16px}.email-action-review-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.email-action-review-empty p{font-size:.9375rem;color:var(--text-secondary);margin:0 0 24px}.review-progress-header{padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}.review-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.review-progress-current{font-size:.875rem;font-weight:500;color:var(--text-primary)}.review-progress-stats{display:flex;gap:12px;font-size:.8125rem}.review-progress-stats .stat-approved{color:#22c55e}.review-progress-stats .stat-dismissed{color:var(--text-tertiary)}.review-progress-bar{height:4px;background:var(--surface-hover);border-radius:2px;overflow:hidden}.review-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.review-email-source{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}.email-source-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.email-source-header .email-icon{width:18px;height:18px;color:var(--text-secondary)}.email-source-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.email-source-details{display:flex;flex-direction:column;gap:4px}.email-detail{display:flex;gap:8px;font-size:.8125rem;line-height:1.4}.email-detail .detail-label{flex-shrink:0;width:60px;color:var(--text-tertiary)}.email-detail .detail-value{color:var(--text-primary);word-break:break-word}.review-status-badge-container{display:flex;gap:8px;margin-bottom:16px}.review-status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.review-status-badge.pending{background:#eab3081a;color:#eab308}.review-status-badge.approved{background:#22c55e1a;color:#22c55e}.review-status-badge.dismissed{background:var(--surface-hover);color:var(--text-tertiary)}.review-content{flex:1;overflow-y:auto;padding-right:8px;margin-right:-8px}.review-field{margin-bottom:16px}.review-row{display:flex;gap:16px}.review-field-half{flex:1}.review-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.review-input,.review-select,.review-textarea{width:100%;padding:10px 12px;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.review-input:focus,.review-select:focus,.review-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.review-textarea{resize:vertical;min-height:80px}.review-select{cursor:pointer}.review-footer{padding-top:16px;border-top:1px solid var(--border);margin-top:auto}.review-nav{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.review-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.review-nav-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.review-nav-btn:disabled{opacity:.4;cursor:not-allowed}.review-nav-btn svg{width:18px;height:18px}.review-nav-text{display:none}@media(min-width:480px){.review-nav-text{display:inline}}.review-actions{display:flex;gap:12px;margin-bottom:12px}.review-actions button{flex:1}.review-btn-dismiss{background:var(--surface)!important;border:1px solid var(--border)!important}.review-btn-approve{background:#22c55e!important;border-color:#22c55e!important}.review-btn-approve:hover{background:#16a34a!important}.review-bulk-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.review-bulk-btn{flex:1;padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.review-bulk-btn.dismiss{color:var(--text-secondary);background:transparent;border:1px solid var(--border)}.review-bulk-btn.dismiss:hover{background:var(--surface-hover);color:var(--text-primary)}.review-bulk-btn.approve{color:#fff;background:var(--primary);border:1px solid var(--primary)}.review-bulk-btn.approve:hover{background:#2563eb}@media(max-width:768px){.review-input,.review-select,.review-textarea{font-size:16px;padding:12px 14px}.review-actions button,.review-bulk-btn{min-height:48px;font-size:1rem}.review-nav-btn{min-height:44px;padding:10px 16px}.email-source-details{font-size:.875rem}}.meeting-start-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2rem;background:linear-gradient(180deg,var(--background) 0%,rgba(13,13,18,.95) 100%)}.meeting-start-content{text-align:center;max-width:400px}.meeting-start-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(99,102,241,.1) 100%);border-radius:24px;animation:float 3s ease-in-out infinite}.meeting-start-icon svg{width:40px;height:40px;color:var(--primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.meeting-start-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.meeting-start-subtitle{font-size:1rem;color:var(--text-tertiary);margin:0 0 2rem;line-height:1.5}.meeting-start-btn{min-width:180px}.meeting-live-layout{display:flex;flex-direction:column;height:100%;background:var(--background);overflow:hidden}.meeting-control-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0d0d12cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);gap:16px;flex-shrink:0}.meeting-control-left{display:flex;align-items:center;gap:12px;flex:1}.meeting-control-center{display:flex;align-items:center;gap:8px}.meeting-control-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.meeting-status{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:100px}.meeting-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.meeting-status.active .meeting-status-dot{background:var(--success);animation:pulse 2s infinite}.meeting-status.recording .meeting-status-dot{background:var(--error);animation:pulse 1s infinite}.meeting-status.meeting .meeting-status-dot{background:var(--secondary);animation:pulse 1s infinite}.meeting-status-text{font-size:.875rem;font-weight:600;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-duration{font-size:.8125rem;font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.meeting-mode-switch{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.meeting-mode-switch:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.meeting-mode-switch:disabled{opacity:.5;cursor:not-allowed}.meeting-mode-switch svg{width:20px;height:20px}.meeting-mode-switch.online{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.meeting-record-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--surface);border:2px solid var(--border);border-radius:100px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.meeting-record-btn:hover:not(:disabled){background:var(--error-light);border-color:var(--error);color:var(--error)}.meeting-record-btn:disabled{opacity:.5;cursor:not-allowed}.meeting-record-btn svg{width:18px;height:18px}.meeting-record-btn.active{background:var(--error);border-color:var(--error);color:#fff}.meeting-record-btn.paused{background:var(--warning);border-color:var(--warning);color:#fff}.record-pulse{width:10px;height:10px;background:#fff;border-radius:50%;animation:pulse 1s infinite}.meeting-pause-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.meeting-pause-btn svg{width:18px;height:18px}.meeting-pause-btn:hover{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.meeting-pause-btn.paused{background:var(--success-light);border-color:var(--success);color:var(--success)}.meeting-image-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.meeting-image-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.meeting-image-btn:disabled{opacity:.5;cursor:not-allowed}.meeting-image-btn svg{width:20px;height:20px}.meeting-note-input{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.note-input-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.note-input-field{flex:1;background:none;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.note-input-field::placeholder{color:var(--text-quaternary)}.note-interim{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--primary-light);border-radius:100px;font-size:.75rem;color:var(--primary);max-width:300px}.interim-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:pulse 1s infinite}.meeting-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);overflow:hidden}@media(max-width:900px){.meeting-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.meeting-minutes-panel,.meeting-actions-panel{display:flex;flex-direction:column;background:var(--background);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-header h2{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.panel-count{font-size:.75rem;color:var(--text-tertiary);padding:4px 10px;background:var(--surface);border-radius:100px}.panel-content{flex:1;overflow-y:auto;padding:20px 24px}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.panel-empty svg{width:48px;height:48px;color:var(--text-quaternary);margin-bottom:1rem;opacity:.5}.panel-empty p{font-size:.875rem;color:var(--text-tertiary);max-width:200px}.minutes-content{line-height:1.7}.minutes-h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary)}.minutes-h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem;display:flex;align-items:center;gap:8px}.minutes-h2:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.minutes-h3{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:1rem 0 .5rem}.minutes-p{font-size:.9375rem;color:var(--text-secondary);margin:0 0 .75rem}.minutes-ul{list-style:none;padding:0;margin:0 0 1rem}.minutes-li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;font-size:.9375rem;color:var(--text-secondary)}.minutes-li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--primary);border-radius:50%}.minutes-strong{font-weight:600;color:var(--text-primary)}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.action-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.action-item.completed{opacity:.6}.action-item.completed .action-text{text-decoration:line-through;color:var(--text-tertiary)}.action-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;margin-top:2px}.action-check .check-empty{width:20px;height:20px;border:2px solid var(--border-strong);border-radius:6px;transition:all .2s ease}.action-check:hover .check-empty{border-color:var(--primary);background:var(--primary-light)}.action-check svg{width:20px;height:20px;color:var(--success)}.action-content{flex:1;display:flex;flex-direction:column;gap:6px}.action-text{font-size:.9375rem;color:var(--text-primary);line-height:1.4}.action-priority{display:inline-flex;align-self:flex-start;padding:2px 8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:4px}.action-priority.priority-critical{background:var(--error-light);color:var(--error)}.action-priority.priority-high{background:var(--warning-light);color:var(--warning)}.action-priority.priority-medium{background:var(--primary-light);color:var(--primary)}.action-priority.priority-low{background:var(--surface-elevated);color:var(--text-tertiary)}.meeting-error-toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--error);color:#fff;border-radius:12px;font-size:.875rem;box-shadow:0 8px 32px #0000004d;z-index:1000;animation:slideUp .3s ease}.meeting-error-toast button{background:#fff3;border:none;padding:6px 12px;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease}.meeting-error-toast button:hover{background:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.meeting-control-bar{flex-wrap:wrap;padding:12px 16px;gap:12px}.meeting-control-left{order:1;flex:1 1 100%;justify-content:center}.meeting-control-center{order:2;flex:1;justify-content:center}.meeting-control-right{order:3;flex:0}.meeting-status{width:100%;justify-content:center}.meeting-note-input{padding:12px 16px}.panel-content{padding:16px}.panel-header{padding:12px 16px}}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.meeting-paused-banner{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--warning);color:#fff;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:0 8px 32px #0000004d;z-index:1000;animation:slideUp .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-page{display:flex;flex-direction:column;flex:1;overflow:hidden;background:transparent}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:var(--space-3)}.chat-header-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-glow-primary)}.chat-header-icon svg{width:24px;height:24px;stroke:var(--text-on-primary)}.chat-header-text h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.chat-header-text p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.chat-header-actions{display:flex;gap:var(--space-2)}.chat-header-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-header-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.chat-header-btn svg{width:16px;height:16px}.chat-context-bar{display:flex;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--surface-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.chat-context-item{display:flex;flex-direction:column;gap:2px}.chat-context-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.chat-context-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.chat-context-value.overdue{color:var(--error)}.chat-context-value.model{color:var(--secondary)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);-webkit-overflow-scrolling:touch}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);max-width:640px;margin:0 auto}.chat-welcome-icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-glow-primary)}.chat-welcome-icon svg{width:48px;height:48px;stroke:var(--primary-text)}.chat-welcome h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:-.02em}.chat-welcome p{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-8);line-height:1.65}.chat-quick-actions{width:100%}.chat-quick-actions-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:500}.chat-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.chat-quick-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9375rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.chat-quick-action-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chat-quick-action-btn.highlight{border-color:var(--warning);background:var(--warning-light)}.chat-quick-action-btn.highlight:hover{background:#fbbf2433;box-shadow:0 0 16px #fbbf2433}.chat-quick-action-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.chat-quick-action-icon svg{width:20px;height:20px}.chat-quick-action-text{flex:1}.chat-message{display:flex;gap:var(--space-3);max-width:80%}.chat-message.user{margin-left:auto;flex-direction:row-reverse}.chat-message.assistant{margin-right:auto}.chat-message-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.chat-message.user .chat-message-avatar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);box-shadow:var(--shadow-glow-primary)}.chat-message.assistant .chat-message-avatar{background:var(--surface-elevated);border:1px solid var(--border)}.chat-message-avatar svg{width:22px;height:22px;stroke:var(--text-secondary)}.chat-message.user .chat-message-avatar svg{stroke:var(--text-on-primary)}.chat-avatar-initial{font-size:.9375rem;font-weight:600;color:var(--text-on-primary)}.chat-message-content{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.chat-message.user .chat-message-header{flex-direction:row-reverse}.chat-message-author{font-size:.875rem;font-weight:600;color:var(--text-primary)}.chat-message-time{font-size:.75rem;color:var(--text-tertiary)}.chat-message-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);font-size:.9375rem;line-height:1.65;color:var(--text-primary)}.chat-message.user .chat-message-body{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-color:var(--primary);color:var(--text-on-primary);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);box-shadow:var(--shadow-glow-primary)}.chat-message.assistant .chat-message-body{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs)}.chat-message-body .chat-paragraph{margin:0 0 var(--space-3)}.chat-message-body .chat-paragraph:last-child{margin-bottom:0}.chat-message-body .chat-heading{font-size:1rem;font-weight:600;color:var(--text-primary);margin:var(--space-5) 0 var(--space-2)}.chat-message.user .chat-message-body .chat-heading{color:var(--text-on-primary)}.chat-message-body .chat-heading:first-child{margin-top:0}.chat-message-body .chat-heading-lg{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:var(--space-6) 0 var(--space-3)}.chat-message.user .chat-message-body .chat-heading-lg{color:var(--text-on-primary)}.chat-message-body .chat-heading-lg:first-child{margin-top:0}.chat-message-body .chat-list{margin:var(--space-3) 0;padding-left:var(--space-5);list-style-type:disc}.chat-message-body .chat-list li{margin:var(--space-2) 0;line-height:1.6}.chat-message-body .chat-code-block{background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-3) 0;overflow-x:auto;font-family:JetBrains Mono,SF Mono,monospace;font-size:.8125rem;line-height:1.5}.chat-message.user .chat-message-body .chat-code-block{background:#0003;border-color:#ffffff1a}.chat-message-body strong{font-weight:600;color:inherit}.chat-message-body .chat-inline-code{display:inline;padding:.125em .375em;background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:JetBrains Mono,SF Mono,monospace;font-size:.85em}.chat-message.user .chat-message-body .chat-inline-code{background:#0003;border-color:#ffffff1a}.chat-message-body .chat-link{color:var(--primary);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition-fast)}.chat-message-body .chat-link:hover{opacity:.8}.chat-message.user .chat-message-body .chat-link{color:inherit;opacity:.9}.chat-message-body .chat-action-reference{display:inline;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;font-weight:600;color:var(--primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;transition:all var(--transition-fast)}.chat-message-body .chat-action-reference:hover{color:var(--primary-hover);text-decoration-style:solid}.chat-message-body .chat-action-reference:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}.chat-thinking-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.chat-thinking-text{font-size:.875rem;color:var(--text-tertiary);font-style:italic}.chat-typing-indicator{display:flex;gap:5px;padding:var(--space-2)}.chat-typing-indicator span{width:8px;height:8px;background:var(--text-tertiary);border-radius:var(--radius-full);animation:typing 1.4s infinite ease-in-out both}.chat-typing-indicator span:nth-child(1){animation-delay:-.32s}.chat-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-lg);color:var(--error);font-size:.875rem}.chat-error svg{flex-shrink:0;width:20px;height:20px}.chat-error span{flex:1}.chat-error-dismiss{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-error-dismiss:hover{background:var(--error);color:var(--text-on-primary)}.chat-input-container{padding:var(--space-4) var(--space-6) var(--space-6);background:var(--surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);flex-shrink:0}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.chat-input{flex:1;min-height:24px;max-height:200px;padding:var(--space-2);background:transparent;border:none;color:var(--text-primary);font-size:16px;font-family:inherit;line-height:1.5;resize:none;outline:none}.chat-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.chat-send-btn.active{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-glow-primary)}.chat-send-btn:hover:not(:disabled){background:var(--primary-hover);color:var(--text-on-primary)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-send-btn svg{width:20px;height:20px}.chat-send-loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-hint{font-size:.6875rem;color:var(--text-quaternary);margin-top:var(--space-2);text-align:center}@media(max-width:768px){.chat-header{padding:var(--space-3) var(--space-4)}.chat-header-text h1{font-size:1.0625rem}.chat-header-btn span:last-child{display:none}.chat-header-btn{padding:var(--space-2);min-width:44px;min-height:44px}.chat-context-bar{padding:var(--space-3) var(--space-4);gap:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-messages{padding:var(--space-4);gap:var(--space-4)}.chat-message{max-width:90%}.chat-welcome{padding:var(--space-8) var(--space-4)}.chat-welcome-icon{width:72px;height:72px}.chat-welcome-icon svg{width:40px;height:40px}.chat-welcome h2{font-size:1.375rem}.chat-welcome p{font-size:.9375rem}.chat-quick-actions-grid{grid-template-columns:1fr}.chat-input-container{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.chat-message-body{padding:var(--space-3);font-size:.9375rem}}@media(max-width:480px){.chat-header{padding:var(--space-3)}.chat-header-icon{width:36px;height:36px;border-radius:var(--radius-sm)}.chat-header-icon svg{width:18px;height:18px}.chat-header-text h1{font-size:1rem}.chat-header-text p{font-size:.6875rem}.chat-context-bar{padding:var(--space-2) var(--space-3);gap:var(--space-3)}.chat-context-label{font-size:.625rem}.chat-context-value{font-size:.8125rem}.chat-messages{padding:var(--space-3);gap:var(--space-3)}.chat-message{gap:var(--space-2);max-width:92%}.chat-message-avatar{width:32px;height:32px;border-radius:var(--radius-sm)}.chat-message-avatar svg{width:16px;height:16px}.chat-avatar-initial{font-size:.8125rem}.chat-message-header{margin-bottom:var(--space-1)}.chat-message-author{font-size:.8125rem}.chat-message-time{font-size:.625rem}.chat-message-body{padding:var(--space-3);font-size:.875rem;border-radius:var(--radius-md)}.chat-message.user .chat-message-body{border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md)}.chat-message.assistant .chat-message-body{border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs)}.chat-welcome{padding:var(--space-6) var(--space-3)}.chat-welcome-icon{width:60px;height:60px;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.chat-welcome-icon svg{width:32px;height:32px}.chat-welcome h2{font-size:1.25rem}.chat-welcome p{font-size:.875rem;margin-bottom:var(--space-6)}.chat-quick-actions-label{font-size:.6875rem;margin-bottom:var(--space-3)}.chat-quick-actions-grid{gap:var(--space-2)}.chat-quick-action-btn{padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem;min-height:48px}.chat-quick-action-icon{width:18px;height:18px}.chat-quick-action-icon svg{width:16px;height:16px}.chat-input-container{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.chat-input-wrapper{border-radius:var(--radius-md);padding:var(--space-2);gap:var(--space-2)}.chat-send-btn{width:44px;height:44px;border-radius:var(--radius-sm)}.chat-send-btn svg{width:18px;height:18px}.chat-input-hint{font-size:.625rem;margin-top:var(--space-2)}.chat-error{padding:var(--space-3);font-size:.8125rem;border-radius:var(--radius-md)}.chat-error svg{width:18px;height:18px}.chat-error-dismiss{padding:var(--space-1) var(--space-2);font-size:.6875rem}.chat-typing-indicator span{width:6px;height:6px}}@supports (-webkit-touch-callout: none){.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-input{font-size:16px;transform-origin:left top}}@media(max-width:768px){.chat-input-container{position:sticky;bottom:0;z-index:var(--z-sticky)}body.mobile-input-focus:has(.chat-page) .mobile-input-backdrop{display:none}}@media(hover:none)and (pointer:coarse){.chat-quick-action-btn:hover{transform:none;box-shadow:none}.chat-header-btn:hover{background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border)}.chat-quick-action-btn:active{background:var(--surface-hover);border-color:var(--border-strong);transform:scale(.98)}.chat-header-btn:active{background:var(--surface-hover);color:var(--text-primary)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.chat-typing-indicator span,.chat-send-loading{animation:none}.chat-quick-action-btn:hover{transform:none}}.dyslexia-mode .chat-message-body{font-size:1rem;line-height:1.8}.dyslexia-mode .chat-input{font-size:1rem}.dyslexia-mode .chat-welcome h2{font-size:1.5rem}.dyslexia-mode .chat-welcome p{font-size:1.0625rem;line-height:1.8}.dyslexia-mode.font-large .chat-message-body{font-size:1.125rem}.dyslexia-mode.font-larger .chat-message-body{font-size:1.25rem}.chat-image-previews{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--background-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);border-bottom:none;margin-bottom:-1px}.chat-image-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);background:var(--surface)}.chat-image-preview img{width:100%;height:100%;object-fit:cover}.chat-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast);padding:0}.chat-image-remove:hover{background:var(--error);transform:scale(1.1)}.chat-image-remove svg{width:14px;height:14px}.chat-upload-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.chat-upload-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-secondary)}.chat-upload-btn:disabled{opacity:.4;cursor:not-allowed}.chat-upload-btn svg{width:22px;height:22px}.chat-file-input{display:none}.chat-input-container.dragging{position:relative}.chat-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.1);border:2px dashed var(--primary);border-radius:var(--radius-lg);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-drop-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--primary);font-size:.9375rem;font-weight:500}.chat-drop-content svg{width:32px;height:32px}.chat-message-images{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.chat-message-image{position:relative;max-width:200px;max-height:200px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.chat-message-image img{display:block;max-width:100%;max-height:200px;object-fit:contain}.chat-message-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{opacity:1}@media(hover:none)and (pointer:coarse){.chat-message-actions{opacity:1}}.chat-action-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-action-btn:hover{background:var(--surface-hover);color:var(--text-secondary);border-color:var(--border-strong)}.chat-action-btn svg{width:14px;height:14px}.chat-edit-container{display:flex;flex-direction:column;gap:var(--space-3)}.chat-edit-input{width:100%;min-height:80px;padding:var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-family:inherit;line-height:1.5;resize:vertical;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-edit-input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.chat-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.chat-edit-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-edit-btn.cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.chat-edit-btn.cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.chat-edit-btn.save{background:var(--primary);border:1px solid var(--primary);color:var(--text-on-primary)}.chat-edit-btn.save:hover:not(:disabled){background:var(--primary-hover)}.chat-edit-btn.save:disabled{opacity:.5;cursor:not-allowed}.chat-edited-badge{margin-left:var(--space-2);font-size:.6875rem;color:var(--text-quaternary);font-style:italic}.chat-suggestions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-2)}.chat-suggestions-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.chat-suggestions-list{display:flex;flex-direction:column;gap:var(--space-2)}.chat-suggestion-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.chat-suggestion-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.chat-suggestion-btn svg{flex-shrink:0;width:16px;height:16px;color:var(--primary)}.chat-suggestion-btn span{flex:1;line-height:1.4}@media(max-width:768px){.chat-image-previews{padding:var(--space-2)}.chat-image-preview{width:64px;height:64px}.chat-image-remove{width:20px;height:20px;top:2px;right:2px}.chat-image-remove svg{width:12px;height:12px}.chat-message-image{max-width:150px;max-height:150px}.chat-message-image img{max-height:150px}.chat-action-btn{padding:var(--space-2);min-height:36px;min-width:36px}.chat-action-btn span{display:none}.chat-action-btn svg{width:16px;height:16px}.chat-edit-input{font-size:16px}.chat-suggestions{padding:var(--space-3)}.chat-suggestion-btn{padding:var(--space-3);font-size:.8125rem;min-height:48px}}@media(max-width:480px){.chat-image-preview{width:56px;height:56px}.chat-message-actions{gap:var(--space-1)}.chat-action-btn{padding:var(--space-1);min-height:32px;min-width:32px}.chat-edit-btn{padding:var(--space-2) var(--space-3);font-size:.75rem}.chat-suggestions-label{font-size:.6875rem}.chat-suggestion-btn{padding:var(--space-2);font-size:.8125rem;min-height:44px}.chat-suggestion-btn svg{width:14px;height:14px}}.action-proposal-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-4);overflow:hidden}.action-proposal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--border)}.action-proposal-title{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-primary)}.action-proposal-title svg{width:18px;height:18px;color:var(--primary)}.action-proposal-approve-all{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.action-proposal-approve-all:hover{background:var(--success);color:var(--text-on-primary)}.action-proposal-approve-all svg{width:14px;height:14px}.action-proposal-list{display:flex;flex-direction:column}.action-proposal-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);transition:all var(--transition-fast)}.action-proposal-item:last-child{border-bottom:none}.action-proposal-item:hover{background:var(--surface-hover)}.action-proposal-item.approved{background:var(--success-light);opacity:.8}.action-proposal-item.editing{background:var(--surface-elevated);padding:var(--space-4)}.action-proposal-content{flex:1;min-width:0}.action-proposal-text{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.9375rem;color:var(--text-primary);line-height:1.5}.action-proposal-priority-dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);margin-top:6px}.action-proposal-text .approved-text{text-decoration:line-through;opacity:.7}.action-proposal-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.action-proposal-category,.action-proposal-priority,.action-proposal-due{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--background-secondary);border-radius:var(--radius-xs);color:var(--text-tertiary);font-weight:500}.action-proposal-context{margin-top:var(--space-2);font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding:var(--space-2);background:var(--background-secondary);border-radius:var(--radius-sm)}.action-proposal-actions{display:flex;flex-shrink:0;gap:var(--space-2);align-items:flex-start}.action-proposal-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.action-proposal-btn:hover{border-color:var(--border-strong)}.action-proposal-btn svg{width:16px;height:16px}.action-proposal-btn.approve:hover{background:var(--success-light);border-color:var(--success);color:var(--success)}.action-proposal-btn.edit:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.action-proposal-btn.reject:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.action-proposal-approved-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--success-light);border-radius:var(--radius-sm);color:var(--success);font-size:.75rem;font-weight:500}.action-proposal-approved-badge svg{width:14px;height:14px}.action-proposal-edit-form{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.action-proposal-edit-field{display:flex;flex-direction:column;gap:var(--space-1)}.action-proposal-edit-field label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}.action-proposal-edit-field textarea,.action-proposal-edit-field input,.action-proposal-edit-field select{padding:var(--space-2) var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.action-proposal-edit-field textarea:focus,.action-proposal-edit-field input:focus,.action-proposal-edit-field select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.action-proposal-edit-field textarea{resize:vertical;min-height:60px}.action-proposal-edit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.action-proposal-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.action-proposal-btn.cancel,.action-proposal-btn.save{width:auto;height:auto;padding:var(--space-2) var(--space-4);font-size:.8125rem;font-weight:500;gap:var(--space-1)}.action-proposal-btn.cancel{background:transparent;color:var(--text-secondary)}.action-proposal-btn.cancel:hover{background:var(--surface-hover)}.action-proposal-btn.save{background:var(--success);border-color:var(--success);color:var(--text-on-primary)}.action-proposal-btn.save:hover:not(:disabled){background:var(--success-hover, var(--success));opacity:.9}.action-proposal-btn.save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.action-proposal-header{padding:var(--space-3)}.action-proposal-item{padding:var(--space-3);flex-direction:column;gap:var(--space-3)}.action-proposal-actions{width:100%;justify-content:flex-end}.action-proposal-edit-row{grid-template-columns:1fr}}@media(max-width:480px){.action-proposal-title{font-size:.8125rem}.action-proposal-title svg{width:16px;height:16px}.action-proposal-approve-all{padding:var(--space-1) var(--space-2);font-size:.6875rem}.action-proposal-text{font-size:.875rem}.action-proposal-btn{width:36px;height:36px}.action-proposal-btn.cancel,.action-proposal-btn.save{padding:var(--space-2) var(--space-3);font-size:.75rem}}.chat-error-boundary{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--space-8)}.chat-error-boundary-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.chat-error-boundary-content svg{width:48px;height:48px;color:var(--error);margin-bottom:var(--space-4)}.chat-error-boundary-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.chat-error-boundary-content p{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--space-6)}.chat-error-boundary-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-error-boundary-btn:hover{background:var(--primary-hover)}.chat-error-boundary-btn svg{width:18px;height:18px;color:inherit;margin:0}.chat-toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast, 1000);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.chat-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;color:var(--text-primary);pointer-events:auto;animation:toast-slide-in .2s ease-out}.chat-toast.success{border-color:var(--success);background:var(--success-light);color:var(--success)}.chat-toast.error{border-color:var(--error);background:var(--error-light);color:var(--error)}.chat-toast svg{width:16px;height:16px;flex-shrink:0}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.microsoft-insights-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.microsoft-insights-panel.loading{padding:var(--space-4)}.insights-loading{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:.875rem}.insights-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.microsoft-insights-panel.disconnected{padding:var(--space-4)}.microsoft-insights-panel.disconnected .insights-message{font-size:.875rem;color:var(--text-secondary);margin:var(--space-3) 0;line-height:1.5}.insights-connect-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.insights-connect-btn:hover{background:var(--primary-hover)}.insights-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:none;width:100%;text-align:left;cursor:default}.insights-header.clickable{cursor:pointer;transition:background var(--transition-fast)}.insights-header.clickable:hover{background:var(--surface-hover)}.insights-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.insights-icon.microsoft{background:linear-gradient(135deg,#f25022 25%,#7fba00 25% 50%,#00a4ef 50% 75%,#ffb900 75%)}.insights-icon.microsoft.connected{box-shadow:0 0 12px #00a4ef4d}.insights-icon svg{width:18px;height:18px;fill:#fff}.insights-title{flex:1;display:flex;flex-direction:column;gap:2px}.insights-title span:first-child{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.insights-status{font-size:.75rem;font-weight:500}.insights-status.connected{color:var(--success)}.insights-status.disconnected{color:var(--text-tertiary)}.insights-expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast)}.insights-expand-icon svg{width:18px;height:18px}.microsoft-insights-panel.expanded .insights-expand-icon{transform:rotate(180deg)}.insights-content{display:none;padding:var(--space-4);border-top:1px solid var(--border);flex-direction:column;gap:var(--space-4)}.microsoft-insights-panel.expanded .insights-content{display:flex}.insights-data-sources{display:flex;flex-wrap:wrap;gap:var(--space-2)}.data-source-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--background-secondary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.data-source-badge svg{width:14px;height:14px;color:var(--text-tertiary)}.insights-quick-actions{display:flex;flex-direction:column;gap:var(--space-3)}.quick-actions-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.quick-insight-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.quick-insight-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.quick-insight-btn:disabled{opacity:.5;cursor:not-allowed}.insight-btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.insight-btn-icon svg{width:16px;height:16px;color:var(--primary)}.insight-btn-label{flex:1;font-weight:500}.insights-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border)}.insights-account{font-size:.75rem;color:var(--text-tertiary)}.insights-manage-link{font-size:.75rem;color:var(--primary);text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.insights-manage-link:hover{opacity:.8}@media(max-width:768px){.insights-header{padding:var(--space-3)}.insights-icon{width:32px;height:32px}.insights-icon svg{width:16px;height:16px}.insights-title span:first-child{font-size:.875rem}.insights-content{padding:var(--space-3);gap:var(--space-3)}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.quick-insight-btn{padding:var(--space-2);font-size:.75rem}.data-source-badge{padding:var(--space-1) var(--space-2);font-size:.6875rem}}@media(max-width:480px){.quick-actions-grid{grid-template-columns:1fr}.insights-footer{flex-direction:column;gap:var(--space-2);align-items:flex-start}}.email-proposal-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-4);overflow:hidden}.email-proposal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--border)}.email-proposal-title{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-primary)}.email-proposal-title svg{width:18px;height:18px;color:var(--primary)}.email-proposal-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.email-proposal-dismiss:hover{background:var(--surface-hover);color:var(--text-secondary)}.email-proposal-dismiss svg{width:16px;height:16px}.email-proposal-context{padding:var(--space-3) var(--space-4);background:var(--background-secondary);border-bottom:1px solid var(--border)}.email-proposal-context-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500;margin-bottom:var(--space-1)}.email-proposal-context-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;font-style:italic}.email-proposal-preview{padding:var(--space-4)}.email-proposal-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.email-proposal-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;min-width:60px}.email-proposal-value{font-size:.875rem;color:var(--text-primary)}.email-proposal-importance{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.email-proposal-importance.high{background:var(--error-light);color:var(--error)}.email-proposal-importance.low{background:var(--background-secondary);color:var(--text-tertiary)}.email-proposal-body{margin-top:var(--space-4)}.email-proposal-body-content{margin-top:var(--space-2);padding:var(--space-4);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;line-height:1.65;color:var(--text-primary);white-space:pre-wrap}.email-proposal-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-light);border-top:1px solid var(--error);color:var(--error);font-size:.8125rem}.email-proposal-error svg{width:16px;height:16px;flex-shrink:0}.email-proposal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border);background:var(--surface-elevated)}.email-proposal-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.email-proposal-btn svg{width:16px;height:16px}.email-proposal-btn.edit{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.email-proposal-btn.edit:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.email-proposal-btn.send{background:var(--primary);border:1px solid var(--primary);color:var(--text-on-primary)}.email-proposal-btn.send:hover:not(:disabled){background:var(--primary-hover)}.email-proposal-btn.send:disabled{opacity:.6;cursor:not-allowed}.email-proposal-btn.cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.email-proposal-btn.cancel:hover:not(:disabled){background:var(--surface-hover)}.email-proposal-btn.cancel:disabled{opacity:.6;cursor:not-allowed}.email-proposal-btn.save{background:var(--success);border:1px solid var(--success);color:var(--text-on-primary)}.email-proposal-btn.save:hover:not(:disabled){opacity:.9}.email-proposal-btn.save:disabled{opacity:.5;cursor:not-allowed}.email-proposal-spinner{width:14px;height:14px;border:2px solid var(--text-on-primary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.email-proposal-edit-form{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.email-proposal-field{display:flex;flex-direction:column;gap:var(--space-1)}.email-proposal-field label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}.email-proposal-field input,.email-proposal-field textarea,.email-proposal-field select{padding:var(--space-2) var(--space-3);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.email-proposal-field input:focus,.email-proposal-field textarea:focus,.email-proposal-field select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.email-proposal-field textarea{resize:vertical;min-height:150px;line-height:1.6}.email-proposal-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.email-proposal-confirm{padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.email-proposal-confirm-message{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;color:var(--text-primary);text-align:center}.email-proposal-confirm-message svg{width:24px;height:24px;color:var(--warning);flex-shrink:0}.email-proposal-confirm-actions{display:flex;gap:var(--space-3)}@media(max-width:768px){.email-proposal-header,.email-proposal-preview{padding:var(--space-3)}.email-proposal-row{flex-direction:column;gap:var(--space-1)}.email-proposal-label{min-width:auto}.email-proposal-actions{padding:var(--space-3)}.email-proposal-btn{padding:var(--space-2) var(--space-3);font-size:.8125rem}}@media(max-width:480px){.email-proposal-title{font-size:.8125rem}.email-proposal-actions{flex-direction:column}.email-proposal-btn{width:100%;justify-content:center}.email-proposal-confirm-message{flex-direction:column;text-align:center}.email-proposal-confirm-actions{flex-direction:column;width:100%}.email-proposal-confirm-actions .email-proposal-btn{width:100%}}.schedule-suggestion-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-4);overflow:hidden}.schedule-suggestion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--border)}.schedule-suggestion-title{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-primary)}.schedule-suggestion-title svg{width:18px;height:18px;color:var(--primary)}.schedule-suggestion-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.schedule-suggestion-dismiss:hover{background:var(--surface-hover);color:var(--text-secondary)}.schedule-suggestion-dismiss svg{width:16px;height:16px}.schedule-suggestion-task{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--background-secondary);border-bottom:1px solid var(--border)}.schedule-suggestion-task-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.schedule-suggestion-task-text{font-size:.875rem;color:var(--text-primary);flex:1}.schedule-suggestion-priority{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:#fff}.schedule-suggestion-reasoning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-light);border-bottom:1px solid var(--border);font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.schedule-suggestion-reasoning svg{width:16px;height:16px;color:var(--primary);flex-shrink:0;margin-top:2px}.schedule-suggestion-slots{display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.schedule-suggestion-slot{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--background-secondary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.schedule-suggestion-slot:hover{background:var(--surface-hover);border-color:var(--border-strong)}.schedule-suggestion-slot.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-glow-primary)}.schedule-slot-main{display:flex;align-items:center;gap:var(--space-3)}.schedule-slot-indicator{width:4px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.schedule-slot-info{flex:1;min-width:0}.schedule-slot-datetime{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.schedule-slot-day{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.schedule-slot-date{font-size:.8125rem;color:var(--text-secondary)}.schedule-slot-time{font-size:.875rem;color:var(--text-secondary)}.schedule-slot-duration{font-size:.75rem;color:var(--text-tertiary);margin-left:var(--space-2)}.schedule-slot-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);flex-shrink:0}.schedule-slot-reason{font-size:.75rem;color:var(--text-tertiary);padding-left:calc(4px + var(--space-3));line-height:1.4}.schedule-suggestion-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-elevated)}.schedule-suggestion-hint{font-size:.8125rem;color:var(--text-tertiary)}.schedule-suggestion-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.schedule-suggestion-btn svg{width:16px;height:16px}.schedule-suggestion-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.schedule-suggestion-btn.secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.schedule-suggestion-btn.primary{background:var(--primary);border:1px solid var(--primary);color:var(--text-on-primary)}.schedule-suggestion-btn.primary:hover{background:var(--primary-hover)}@media(max-width:768px){.schedule-suggestion-header,.schedule-suggestion-task,.schedule-suggestion-reasoning{padding:var(--space-3)}.schedule-suggestion-slots{padding:var(--space-2)}.schedule-suggestion-slot{padding:var(--space-3)}.schedule-slot-main{flex-wrap:wrap}.schedule-slot-badge{margin-left:calc(4px + var(--space-3))}.schedule-suggestion-actions{padding:var(--space-3)}.schedule-suggestion-btn{padding:var(--space-2) var(--space-3);font-size:.8125rem}}@media(max-width:480px){.schedule-suggestion-title{font-size:.8125rem}.schedule-slot-datetime{flex-direction:column;align-items:flex-start;gap:0}.schedule-slot-day{font-size:.875rem}.schedule-suggestion-actions{flex-direction:column;align-items:stretch}.schedule-suggestion-hint{text-align:center}.schedule-suggestion-btn{width:100%;justify-content:center}}.smart-briefing{padding:0}.smart-briefing-header{display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;border-radius:var(--radius);transition:background-color .15s}.smart-briefing-header:hover{background:var(--surface-hover)}.briefing-header-left{display:flex;align-items:center;gap:10px}.briefing-icon{width:20px;height:20px;color:var(--primary)}.briefing-title-group{display:flex;align-items:center;gap:8px}.briefing-title{font-weight:600;font-size:.9rem}.briefing-role-badge{font-size:.7rem;padding:2px 6px;background:var(--primary);color:#fff;border-radius:10px;text-transform:capitalize}.briefing-header-right{display:flex;align-items:center;gap:8px}.briefing-meeting-count{font-size:.75rem;color:var(--text-secondary)}.briefing-expand-icon{width:16px;height:16px;color:var(--text-tertiary);transition:transform .2s}.smart-briefing-content{padding:0 12px 12px}.briefing-stats{display:flex;gap:16px;padding:12px;background:var(--surface);border-radius:var(--radius);margin-bottom:12px}.briefing-stat{display:flex;flex-direction:column;align-items:center;flex:1}.briefing-stat .stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.briefing-stat .stat-label{font-size:.7rem;color:var(--text-secondary)}.briefing-generate-section{display:flex;flex-direction:column;gap:12px}.briefing-quick-preview,.briefing-meetings-preview{padding:10px;background:var(--surface);border-radius:var(--radius)}.preview-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.preview-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--background);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.preview-item:hover{background:var(--surface-hover)}.preview-score{font-size:.7rem;font-weight:600;color:var(--primary);min-width:24px}.preview-text{flex:1;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-factor{font-size:.65rem;color:var(--text-tertiary);padding:2px 6px;background:var(--surface-elevated);border-radius:10px}.meetings-preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.meeting-preview-item{display:flex;gap:8px;font-size:.8rem}.meeting-time{color:var(--text-secondary);min-width:70px}.meeting-subject{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-preview-more{font-size:.75rem;color:var(--text-tertiary)}.briefing-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s}.briefing-generate-btn:hover:not(:disabled){background:var(--primary-hover)}.briefing-generate-btn:disabled{opacity:.7;cursor:not-allowed}.briefing-content{display:flex;flex-direction:column;gap:12px}.briefing-greeting{font-size:1rem;font-weight:600;color:var(--text)}.briefing-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.briefing-section{padding:10px;background:var(--surface);border-radius:var(--radius)}.briefing-section .section-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.briefing-section .section-header svg{width:14px;height:14px}.focus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.focus-item{display:flex;gap:10px}.focus-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.focus-content{display:flex;flex-direction:column;gap:2px}.focus-action{font-size:.85rem;font-weight:500}.focus-reason{font-size:.75rem;color:var(--text-secondary)}.focus-time{font-size:.7rem;color:var(--primary)}.meeting-prep-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.meeting-prep-item{padding:8px;background:var(--background);border-radius:var(--radius-sm)}.prep-meeting{display:flex;gap:8px;margin-bottom:4px}.prep-time{font-size:.75rem;color:var(--text-secondary)}.prep-name{font-size:.85rem;font-weight:500}.prep-action{font-size:.75rem;color:var(--primary)}.email-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.email-action-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--background);border-radius:var(--radius-sm)}.email-subject{font-size:.8rem;font-weight:500}.email-action{font-size:.75rem;color:var(--text-secondary)}.briefing-time-advice{display:flex;align-items:flex-start;gap:8px;padding:10px;background:var(--surface);border-radius:var(--radius);font-size:.8rem;color:var(--text-secondary)}.briefing-time-advice svg{width:16px;height:16px;flex-shrink:0;color:var(--primary)}.briefing-goal{padding:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius);color:#fff}.goal-label{font-size:.7rem;opacity:.8;margin-bottom:4px}.goal-text{font-size:.85rem;font-weight:500}.briefing-refresh-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.briefing-refresh-btn:hover:not(:disabled){background:var(--surface);color:var(--text)}.briefing-refresh-btn svg{width:14px;height:14px}.briefing-timestamp{text-align:center;font-size:.7rem;color:var(--text-tertiary);margin-top:4px}.meeting-prep{padding:0}.meeting-prep.loading,.meeting-prep.empty{padding:16px;text-align:center}.meeting-prep-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary)}.meeting-prep-empty{display:flex;flex-direction:column;align-items:center;gap:8px}.meeting-prep-empty svg{width:32px;height:32px;color:var(--text-tertiary)}.meeting-prep-empty span{font-size:.85rem;color:var(--text-secondary)}.meeting-prep-empty .empty-hint{font-size:.75rem;color:var(--text-tertiary)}.meeting-prep-header{display:flex;align-items:center;gap:8px;padding:12px}.meeting-prep-header svg{width:18px;height:18px;color:var(--primary)}.meeting-prep-title{flex:1;font-weight:600;font-size:.9rem}.meeting-prep-count{font-size:.75rem;color:var(--text-secondary)}.meeting-prep-list{display:flex;flex-direction:column;gap:4px;padding:0 12px 12px}.meeting-prep-item{background:var(--surface);border-radius:var(--radius);overflow:hidden;border-left:3px solid var(--border);transition:border-color .15s}.meeting-prep-item.urgency-imminent{border-left-color:var(--danger)}.meeting-prep-item.urgency-soon{border-left-color:var(--warning)}.meeting-prep-item.urgency-today{border-left-color:var(--primary)}.meeting-prep-item.expanded{background:var(--surface-elevated)}.meeting-main{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background-color .15s}.meeting-main:hover{background:var(--surface-hover)}.meeting-time-col{display:flex;flex-direction:column;min-width:80px}.meeting-time-col .meeting-time{font-size:.8rem;font-weight:500}.meeting-countdown{font-size:.7rem;color:var(--text-tertiary)}.meeting-countdown.urgency-imminent{color:var(--danger);font-weight:500}.meeting-countdown.urgency-soon{color:var(--warning)}.meeting-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.meeting-details .meeting-subject{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-attendees{font-size:.75rem;color:var(--text-secondary)}.meeting-location{font-size:.7rem;color:var(--text-tertiary)}.meeting-indicators{display:flex;align-items:center;gap:6px}.prep-indicator{color:var(--warning)}.prep-indicator svg{width:14px;height:14px}.expand-icon{width:16px;height:16px;color:var(--text-tertiary)}.meeting-prep-details{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.prep-section{padding:8px;background:var(--background);border-radius:var(--radius-sm)}.prep-section-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.prep-section-header svg{width:12px;height:12px}.prep-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.prep-actions-list,.prep-emails-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.prep-action-item{display:flex;align-items:center;gap:8px;padding:6px;background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.prep-action-item:hover{background:var(--surface-hover)}.prep-action-item .action-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prep-action-item .action-text{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prep-email-item{display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface);border-radius:var(--radius-sm)}.prep-email-item .email-from{font-size:.75rem;color:var(--text-secondary)}.prep-email-item .email-subject{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prep-empty{text-align:center;font-size:.8rem;color:var(--text-tertiary);padding:8px}.calendar-time-blocks{padding:12px}.calendar-time-blocks.loading{display:flex;justify-content:center;align-items:center;min-height:100px}.time-blocks-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem}.time-blocks-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.time-blocks-header svg{width:18px;height:18px;color:var(--primary)}.time-blocks-title{font-weight:600;font-size:.9rem}.time-blocks-summary{display:flex;gap:12px;padding:10px;background:var(--surface);border-radius:var(--radius);margin-bottom:12px}.time-stat{display:flex;flex-direction:column;align-items:center;flex:1}.time-stat .stat-value{font-size:1.1rem;font-weight:700}.time-stat .stat-label{font-size:.65rem;color:var(--text-secondary)}.time-timeline{margin-bottom:12px}.timeline-bar{display:flex;height:8px;background:var(--surface);border-radius:4px;overflow:hidden}.timeline-meetings{background:var(--primary);transition:width .3s ease}.timeline-free{background:var(--success);opacity:.5}.timeline-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.65rem;color:var(--text-tertiary)}.time-blocks-list{display:flex;flex-direction:column;gap:8px}.blocks-list-header{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.time-block{background:var(--surface);border-radius:var(--radius);padding:10px;border-left:3px solid var(--success)}.time-block.block-large{border-left-color:var(--success)}.time-block.block-medium{border-left-color:var(--primary)}.time-block.block-small{border-left-color:var(--warning)}.time-block.block-tiny{border-left-color:var(--text-tertiary)}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.block-time{display:flex;align-items:center;gap:4px;font-size:.8rem}.block-separator{color:var(--text-tertiary)}.block-duration{font-size:.75rem;font-weight:600;color:var(--primary)}.block-suggestions{padding-top:8px;border-top:1px solid var(--border)}.suggestions-label{font-size:.7rem;color:var(--text-secondary);margin-bottom:6px}.suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--background);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.suggestion-item:hover{background:var(--surface-hover)}.suggestion-text{font-size:.8rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.suggestion-time{font-size:.7rem;color:var(--text-secondary)}.block-empty{font-size:.75rem;color:var(--text-tertiary);text-align:center;padding:8px}.time-blocks-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.time-blocks-empty svg{width:32px;height:32px;color:var(--text-tertiary)}.time-blocks-empty span{font-size:.85rem;color:var(--text-secondary)}.time-blocks-empty .empty-hint{font-size:.75rem;color:var(--text-tertiary)}.work-hours-config{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.config-label{font-size:.75rem;color:var(--text-secondary)}.hours-selector{display:flex;align-items:center;gap:6px;font-size:.8rem}.hours-selector select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.8rem}.role-priorities{padding:12px}.role-priorities.loading{display:flex;justify-content:center;align-items:center;min-height:100px}.role-priorities-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem}.role-priorities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.role-priorities-header .header-left{display:flex;align-items:center;gap:8px}.role-priorities-header svg{width:18px;height:18px;color:var(--primary)}.role-priorities-header .header-title{font-weight:600;font-size:.9rem}.role-badge{font-size:.7rem;padding:2px 8px;background:var(--primary);color:#fff;border-radius:10px;text-transform:capitalize}.role-focus-hint{font-size:.75rem;color:var(--text-secondary);margin-bottom:12px;padding:8px;background:var(--surface);border-radius:var(--radius)}.priority-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;cursor:pointer;transition:all .15s}.category-tab:hover{background:var(--surface-hover)}.category-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.category-icon{width:14px;height:14px}.category-icon svg{width:100%;height:100%}.category-label{font-weight:500}.category-count{font-size:.65rem;opacity:.8}.priority-items,.top-priorities{background:var(--surface);border-radius:var(--radius);padding:10px}.top-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.items-list,.top-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.priority-item,.top-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--background);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.priority-item:hover,.top-item:hover{background:var(--surface-hover)}.item-main{display:flex;align-items:center;gap:8px}.item-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.item-priority.priority-critical{background:var(--danger)}.item-priority.priority-high{background:var(--warning)}.item-priority.priority-medium{background:var(--primary)}.item-priority.priority-low{background:var(--text-tertiary)}.item-text{flex:1;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-score{font-size:.7rem;font-weight:600;color:var(--primary);min-width:24px;text-align:right}.item-factors{display:flex;flex-wrap:wrap;gap:4px;padding-left:16px}.factor-badge{font-size:.65rem;padding:2px 6px;background:var(--surface-elevated);border-radius:10px;color:var(--text-secondary)}.items-more{text-align:center;font-size:.75rem;color:var(--text-tertiary);padding-top:8px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.animate-spin{animation:spin .8s linear infinite}.toast-container{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;z-index:200;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 48px)}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--surface);border-radius:10px;box-shadow:0 4px 20px #00000026;border:1px solid var(--border-color)}.toast-success{border-left:4px solid var(--success, #22c55e)}.toast-success .toast-icon{color:var(--success, #22c55e)}.toast-error{border-left:4px solid var(--error, #ef4444)}.toast-error .toast-icon{color:var(--error, #ef4444)}.toast-warning{border-left:4px solid var(--warning, #f59e0b)}.toast-warning .toast-icon{color:var(--warning, #f59e0b)}.toast-info{border-left:4px solid var(--primary)}.toast-info .toast-icon{color:var(--primary)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-content{flex:1;min-width:0}.toast-message{font-size:.875rem;color:var(--text-primary);line-height:1.4;margin:0}.toast-action{display:inline-block;margin-top:.5rem;padding:0;background:none;border:none;color:var(--primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.toast-action:hover{opacity:.8}.toast-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.toast-dismiss:hover{background:var(--surface-hover);color:var(--text-primary)}.toast-enter{animation:toastSlideIn .3s ease forwards}.toast-exit{animation:toastSlideOut .2s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:600px){.toast-container{left:16px;right:16px;bottom:16px;width:auto;max-width:none}.toast{padding:.875rem}.toast-message{font-size:.8125rem}}.toast-container.with-mini-player{bottom:80px}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:mobileOverlayFadeIn .2s ease}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface-solid);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);max-height:85vh;z-index:var(--z-modal);animation:mobileSheetSlideUp .3s var(--ease-out);box-shadow:0 -4px 24px #0000004d;overflow:hidden;transition:transform .1s ease}.mobile-sidebar-sheet.dragging{transition:none}@keyframes mobileSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sidebar-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab}.mobile-sidebar-handle:active{cursor:grabbing}.mobile-sidebar-handle-bar{width:36px;height:5px;background:var(--text-quaternary);border-radius:var(--radius-full)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px;border-bottom:1px solid var(--border)}.mobile-sidebar-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.mobile-sidebar-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-hover);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-sidebar-close:active{background:var(--surface-active);transform:scale(.95)}.mobile-sidebar-close svg{width:24px;height:24px}.mobile-sidebar-content{padding:20px;overflow-y:auto;max-height:calc(85vh - 100px);-webkit-overflow-scrolling:touch}.mobile-progress-section{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--surface);border-radius:var(--radius-xl);margin-bottom:20px}.mobile-progress-ring-container{position:relative;width:120px;height:120px;margin-bottom:16px}.mobile-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.mobile-progress-ring-bg{stroke:var(--surface-elevated)}.mobile-progress-ring-fill{stroke:var(--primary);transition:stroke-dasharray .5s ease}.mobile-progress-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-progress-percent{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.mobile-progress-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.mobile-progress-stats{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.mobile-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.mobile-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.mobile-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.mobile-stat-divider{width:1px;height:32px;background:var(--border)}.mobile-matrix-section{background:var(--surface);border-radius:var(--radius-xl);padding:16px}.mobile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.mobile-clear-filter{padding:8px 16px;background:var(--primary-light);border:none;border-radius:var(--radius-full);color:var(--primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-clear-filter:active{background:var(--primary);color:#fff;transform:scale(.95)}.mobile-matrix-section .eisenhower-matrix{padding:0}.mobile-matrix-section .matrix-grid{gap:12px}.mobile-matrix-section .matrix-quadrant{padding:20px 16px;min-height:90px}.mobile-matrix-section .quadrant-icon{width:28px;height:28px}.mobile-matrix-section .quadrant-count{font-size:2rem}.mobile-matrix-section .quadrant-label{font-size:.8125rem}.mobile-matrix-section .matrix-legend{margin-top:16px;padding-top:16px}.mobile-section{background:var(--surface);border-radius:var(--radius-xl);padding:16px;margin-bottom:16px}.mobile-section-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.mobile-empty-state{text-align:center;padding:32px 16px;color:var(--text-tertiary)}.mobile-empty-state p{margin:0 0 8px}.mobile-empty-hint{font-size:.875rem}.mobile-sidebar-fab{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;background:var(--primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;box-shadow:0 4px 12px #1e40af66;z-index:calc(var(--z-fixed) - 1);display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-sidebar-fab:active{transform:scale(.95);box-shadow:0 2px 8px #1e40af66}.mobile-sidebar-fab svg{width:24px;height:24px}.mobile-sidebar-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--error);border-radius:var(--radius-full);color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.actions-sidebar{display:none!important}.actions-layout{display:block}.actions-main{width:100%;max-width:100%}}.mobile-sidebar-fab{display:none}@media(max-width:768px){.mobile-sidebar-fab{display:flex}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-sidebar-sheet{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){.mobile-sidebar-overlay,.mobile-sidebar-sheet{animation:none}.mobile-sidebar-sheet{transition:none}}.assistant-onboarding{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.onboarding-progress{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-right:var(--space-4)}.onboarding-progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.onboarding-skip-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color .2s,color .2s}.onboarding-skip-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.onboarding-content{flex:1;display:flex;flex-direction:column;max-width:700px;width:100%;margin:0 auto;padding:var(--space-6)}.onboarding-messages{flex:1;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-message{display:flex;gap:var(--space-3);animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-message.user{flex-direction:row-reverse}.onboarding-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-avatar svg{width:24px;height:24px;stroke:#fff}.onboarding-bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);line-height:1.5}.onboarding-message.assistant .onboarding-bubble{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.onboarding-message.user .onboarding-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.typing-indicator{display:flex;gap:4px;padding:var(--space-1) 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.onboarding-input-area{padding:var(--space-4) 0;animation:inputSlideUp .3s ease}@keyframes inputSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-start-btn{width:100%;padding:var(--space-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s}.onboarding-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.onboarding-text-input{display:flex;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2)}.onboarding-text-input input{flex:1;background:none;border:none;padding:var(--space-3);font-size:var(--font-base);color:var(--text-primary);outline:none}.onboarding-text-input input::placeholder{color:var(--text-tertiary)}.onboarding-send-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,opacity .2s}.onboarding-send-btn:hover:not(:disabled){background:var(--primary-hover)}.onboarding-send-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-send-btn svg{width:20px;height:20px}.onboarding-textarea-input{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-textarea-input textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--font-base);color:var(--text-primary);resize:vertical;min-height:100px;font-family:inherit;outline:none;transition:border-color .2s}.onboarding-textarea-input textarea:focus{border-color:var(--primary)}.onboarding-textarea-input textarea::placeholder{color:var(--text-tertiary)}.onboarding-textarea-input .onboarding-send-btn{width:auto;height:auto;padding:var(--space-3) var(--space-6);align-self:flex-end}.onboarding-options{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s,background-color .2s;text-align:left}.onboarding-option:hover{border-color:var(--primary);background:var(--bg-tertiary)}.onboarding-option.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.option-label{font-weight:600;color:var(--text-primary)}.option-description{font-size:var(--font-sm);color:var(--text-secondary)}.onboarding-continue-btn{margin-top:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-end}.onboarding-continue-btn:hover{background:var(--primary-hover)}.onboarding-complete-btn{width:100%;padding:var(--space-4);background:var(--success);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s}.onboarding-complete-btn:hover:not(:disabled){background:var(--success-dark, #059669);transform:translateY(-1px)}.onboarding-complete-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.onboarding-content{padding:var(--space-4)}.onboarding-bubble{max-width:90%}.onboarding-avatar{width:32px;height:32px}.onboarding-avatar svg{width:18px;height:18px}}:root{--reader-highlight-primary: rgba(var(--primary-rgb), .3);--reader-highlight-primary-sentence: rgba(var(--primary-rgb), .15);--reader-highlight-blue: rgba(59, 130, 246, .3);--reader-highlight-blue-sentence: rgba(59, 130, 246, .15);--reader-highlight-green: rgba(34, 197, 94, .3);--reader-highlight-green-sentence: rgba(34, 197, 94, .15);--reader-highlight-purple: rgba(168, 85, 247, .3);--reader-highlight-purple-sentence: rgba(168, 85, 247, .15)}.reader-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}.reader-container{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:2rem;overflow:hidden}.reader-header{margin-bottom:2rem;text-align:center}.reader-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.reader-header p{font-size:1rem;color:var(--text-secondary)}.text-input-section{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:400px}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:12px;background:var(--surface);cursor:pointer;transition:all .2s ease}.file-upload-zone:hover{border-color:var(--primary);background:var(--surface-hover)}.file-upload-zone.dragging{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.file-upload-zone.loading{pointer-events:none;opacity:.7}.hidden-file-input{display:none}.upload-icon{color:var(--text-secondary);margin-bottom:1rem}.upload-text{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.upload-formats{font-size:.875rem;color:var(--text-secondary)}.upload-hint{font-size:.8125rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.input-divider{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.input-divider:before,.input-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.paste-text-section{display:flex;flex-direction:column;gap:.75rem;flex:1}.paste-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.paste-textarea{flex:1;min-height:200px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.6;resize:none}.paste-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.paste-actions{display:flex;justify-content:space-between;align-items:center}.word-count-preview{font-size:.875rem;color:var(--text-secondary)}.load-text-button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.load-text-button:hover:not(:disabled){background:var(--primary-hover)}.load-text-button:disabled{opacity:.5;cursor:not-allowed}.input-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--error) 10%,var(--surface));border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.875rem}.reader-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.document-info{display:flex;align-items:center;gap:1rem}.doc-type{padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.doc-stats{font-size:.875rem;color:var(--text-secondary)}.doc-time{font-size:.875rem;color:var(--text-secondary);padding-left:1rem;border-left:1px solid var(--border-color)}.doc-recommendation{font-size:.75rem;color:var(--primary);padding:.25rem .5rem;background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:4px;cursor:help}.clear-button{padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-button:hover{background:var(--surface-hover);color:var(--text-primary)}.content-tabs{margin-bottom:1rem}.tab-buttons{display:flex;gap:.5rem;padding:.25rem;background:var(--surface);border-radius:8px;width:fit-content}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;color:var(--text-secondary);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--text-primary);background:var(--surface-hover)}.tab-button.active{background:var(--primary);color:#fff}.tab-badge{padding:.125rem .5rem;background:color-mix(in srgb,white 20%,transparent);border-radius:4px;font-size:.75rem}.summary-action{margin-top:1rem;padding:1.5rem;background:var(--surface);border-radius:8px;text-align:center}.create-summary-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.create-summary-button:hover{background:var(--primary-hover)}.summary-hint{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.summary-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--error) 10%,var(--surface));border-radius:6px;color:var(--error);font-size:.875rem}.reader-text-container{flex:1;overflow-y:auto;padding:2rem;background:var(--surface);border-radius:12px;min-height:300px;max-height:50vh}.summarizing-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:200px;color:var(--text-secondary)}.no-summary{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.tracked-text-container{line-height:1.8}.tracked-text{font-size:1.125rem;color:var(--text-primary);line-height:1.8}.tracked-sentence{display:inline;border-radius:4px;padding:.1rem 0;transition:background-color .3s ease,opacity .3s ease}.tracked-sentence.sentence-active,.tracked-sentence.sentence-next{padding:.2rem .3rem;margin:0 -.1rem;border-radius:4px}.tracked-sentence.reduce-motion{transition:none}.word-wrapper{display:inline}.tracked-word{display:inline;cursor:text;position:relative;padding:.15rem .25rem;margin:0 -.1rem;border-radius:3px;transition:background-color .15s ease,color .15s ease,padding .1s ease}.tracked-word:hover{background-color:color-mix(in srgb,var(--primary) 18%,transparent);cursor:text}.tracked-word.word-active{color:var(--text-primary);font-weight:500;padding:.2rem .35rem}.tracked-word.word-past{color:var(--text-secondary);opacity:.75;transition:color .2s ease,opacity .2s ease}.tracked-word.reduce-motion{transition:none}.word-spacing{white-space:pre-wrap}.tracked-text-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.playback-error{margin-top:1rem;padding:1rem;background:color-mix(in srgb,var(--error) 10%,var(--surface));border:1px solid var(--error);border-radius:8px}.playback-error .error-content{display:flex;align-items:center;gap:.75rem}.playback-error .error-content svg{flex-shrink:0;color:var(--error)}.playback-error .error-content span{flex:1;font-size:.875rem;color:var(--error)}.playback-error .error-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--error);cursor:pointer;transition:background .2s ease}.playback-error .error-dismiss:hover{background:color-mix(in srgb,var(--error) 15%,transparent)}.playback-error .error-retry{margin-top:.75rem;width:100%;padding:.625rem 1rem;background:var(--error);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.playback-error .error-retry:hover{background:color-mix(in srgb,var(--error) 85%,black)}.playback-error.ios-error{padding-bottom:1.25rem}.playback-error .ios-error-hint{display:block;margin-top:.75rem;font-size:.75rem;color:var(--text-secondary);text-align:center;font-style:italic}.playback-controls{margin-top:1.5rem;padding:1.25rem;background:var(--surface);border-radius:12px}.playback-controls.disabled{opacity:.5;pointer-events:none}.progress-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.time-display{font-size:.875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:40px}.progress-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;width:14px;height:14px;background:var(--primary);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.controls-section{display:flex;align-items:center;justify-content:space-between}.main-controls{display:flex;align-items:center;gap:.75rem}.control-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface-hover);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.control-button:hover:not(:disabled){background:var(--border-color)}.control-button:disabled{opacity:.4;cursor:not-allowed}.play-button{width:56px;height:56px;background:var(--primary);color:#fff}.play-button:hover:not(:disabled){background:var(--primary-hover)}.button-spinner{width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.voice-selector{display:flex;align-items:center;gap:.75rem}.voice-label{font-size:.875rem;color:var(--text-secondary)}.voice-dropdown{padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.voice-dropdown:disabled{opacity:.5;cursor:not-allowed}.status-message{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.375rem}.status-message .loading-text{font-weight:500}.status-message .slow-loading-hint{font-size:.75rem;color:var(--text-secondary);opacity:.8;font-style:italic;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}.loading-progress-bar{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:.5rem;width:100%}.loading-progress-fill{height:100%;background:var(--primary);transition:width .3s ease;border-radius:2px}.context-menu-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.context-menu{position:fixed;width:320px;max-width:calc(100vw - 2rem);background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000040,0 0 0 1px #0000000d;overflow:hidden;z-index:1001;pointer-events:auto;max-height:70vh;overflow-y:auto}.context-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-hover);border-bottom:1px solid var(--border-color)}.selected-text-preview{font-size:.875rem;font-weight:500;color:var(--text-primary)}.close-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer}.close-button:hover{background:var(--border-color);color:var(--text-primary)}.context-menu-actions{display:flex;flex-direction:column;padding:.5rem}.context-action-button{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease;text-align:left}.context-action-button:hover{background:var(--surface-hover)}.context-action-button.action-create-button{color:var(--primary)}.context-action-button.action-create-button:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.context-menu-divider{height:1px;background:var(--border-color);margin:.25rem 0}.context-menu-success{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;color:var(--success, #22c55e)}.context-menu-success svg{flex-shrink:0}.context-menu-success p{font-size:.875rem;font-weight:500}.create-action-result-button{width:100%;padding:.625rem;margin-top:.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.create-action-result-button:hover{background:var(--primary-hover)}.context-menu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.context-menu-loading p{font-size:.875rem;color:var(--text-secondary)}.context-menu-error{padding:1rem;text-align:center}.context-menu-error p{font-size:.875rem;color:var(--error);margin-bottom:.75rem}.context-menu-error button{padding:.5rem 1rem;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.context-menu-result{padding:1rem}.explanation-content{font-size:.9375rem;line-height:1.6;color:var(--text-primary);max-height:200px;overflow-y:auto}.result-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.try-another-button{width:100%;padding:.625rem;background:var(--surface-hover);border:none;border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease}.try-another-button:hover{background:var(--border-color)}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-settings-section{margin-top:2rem}.highlight-mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.highlight-mode-option{padding:.75rem 1rem;background:var(--surface);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;text-align:center;cursor:pointer;transition:all .2s ease}.highlight-mode-option:hover{background:var(--surface-hover);border-color:var(--primary)}.highlight-mode-option.active{background:color-mix(in srgb,var(--primary) 15%,var(--surface));border-color:var(--primary);color:var(--primary);font-weight:500}.highlight-color-options{display:flex;gap:1rem;margin-top:.75rem}.color-option{width:48px;height:48px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text-primary)}.color-option.primary{background:rgba(var(--primary-rgb),.6)}.color-option.blue{background:#3b82f699}.color-option.green{background:#22c55e99}.color-option.purple{background:#a855f799}.reader-toggle-setting{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border-radius:8px;margin-top:.75rem}.toggle-label{display:flex;flex-direction:column;gap:.25rem}.toggle-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.toggle-description{font-size:.75rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:48px;height:24px;background:var(--border-color);border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch.active{background:var(--primary)}.toggle-switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.active .toggle-switch-handle{transform:translate(24px)}.voice-setting-controls{display:flex;gap:.75rem;margin-top:.75rem}.voice-select{flex:1;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem}.test-voice-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s ease}.test-voice-button:hover:not(:disabled){background:var(--primary-hover)}.test-voice-button:disabled{opacity:.6;cursor:not-allowed}.speed-setting-controls{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.speed-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:3px;cursor:pointer}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.speed-slider::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border:none;border-radius:50%;cursor:pointer}.speed-value{min-width:40px;font-size:.875rem;color:var(--text-primary);font-weight:500}.setting-note{margin-top:1.5rem;padding:1rem;background:var(--surface-hover);border-radius:8px}.setting-note p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.reader-container{padding:1rem}.reader-header h1{font-size:1.5rem}.file-upload-zone{padding:2rem 1rem}.reader-content-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-info{flex-wrap:wrap}.controls-section{flex-direction:column;gap:1rem}.voice-selector{width:100%;justify-content:center}.context-menu{width:calc(100vw - 2rem);max-width:300px}.highlight-color-options{justify-content:center}}@media(prefers-reduced-motion:reduce){.tracked-sentence,.tracked-word{transition:none}}.speed-selector{display:flex;align-items:center;gap:.25rem;position:relative}.speed-button{display:flex;align-items:center;justify-content:center;min-width:48px;height:36px;padding:0 .75rem;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px 0 0 6px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.speed-button:hover{background:var(--border-color)}.speed-dropdown{height:36px;padding:0 .5rem;background:var(--surface-hover);border:1px solid var(--border-color);border-left:none;border-radius:0 6px 6px 0;color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:60px}.speed-dropdown:focus{outline:none;border-color:var(--primary)}.selection-instruction-bar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:8px;margin-bottom:1rem;font-size:.8125rem;color:var(--text-secondary)}.selection-instruction-bar svg{flex-shrink:0;color:var(--primary)}.selection-instruction-bar span{color:var(--text-primary);font-weight:500}.selection-hint{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:50;max-width:420px;width:calc(100% - 2rem)}.selection-hint-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--surface);border:2px solid var(--primary);border-radius:12px;box-shadow:0 8px 32px #0003,0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.selection-hint-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:color-mix(in srgb,var(--primary) 15%,transparent);border-radius:50%;color:var(--primary)}.selection-hint-text{flex:1}.hint-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.hint-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.selection-hint-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.selection-hint-dismiss:hover{background:var(--surface-hover);color:var(--text-primary)}.hint-fade-in{animation:hintFadeIn .3s ease forwards}.hint-fade-out{animation:hintFadeOut .3s ease forwards}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hintFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.tracked-text-container{cursor:text}.tracked-text::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}.tracked-text *::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}.tracked-text-container.highlight-primary .word-active{background-color:var(--reader-highlight-primary)}.tracked-text-container.highlight-primary .sentence-active{background-color:var(--reader-highlight-primary-sentence)}.tracked-text-container.highlight-blue .word-active{background-color:var(--reader-highlight-blue)}.tracked-text-container.highlight-blue .sentence-active{background-color:var(--reader-highlight-blue-sentence)}.tracked-text-container.highlight-green .word-active{background-color:var(--reader-highlight-green)}.tracked-text-container.highlight-green .sentence-active{background-color:var(--reader-highlight-green-sentence)}.tracked-text-container.highlight-purple .word-active{background-color:var(--reader-highlight-purple)}.tracked-text-container.highlight-purple .sentence-active{background-color:var(--reader-highlight-purple-sentence)}.tracked-text-container{contain:layout style;will-change:auto}.tracked-word,.tracked-sentence{will-change:background-color}.tracked-text-container.is-playing .tracked-word.word-active{will-change:background-color,transform}@media(max-width:768px){.speed-selector{order:2}.speed-button{min-width:40px;height:32px;font-size:.75rem}.speed-dropdown{height:32px;font-size:.75rem;min-width:50px}.selection-hint{bottom:80px}}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000001a;padding-bottom:env(safe-area-inset-bottom,0px)}.mini-player-content{max-width:1400px;margin:0 auto}.mini-progress-bar{height:4px;background:var(--border-color);cursor:pointer;transition:height .2s ease}.mini-progress-bar:hover{height:6px}.mini-progress-fill{height:100%;background:var(--primary);transition:width .1s linear}.mini-player-main{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem}.mini-player-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.mini-player-title{background:none;border:none;padding:0;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.mini-player-title:hover{color:var(--primary)}.mini-player-time{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mini-player-controls{display:flex;align-items:center;gap:.5rem}.mini-control-button{display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mini-control-button:hover{background:var(--border-color)}.mini-control-button:active{transform:scale(.95)}.mini-speed-button{width:auto;height:32px;padding:0 .75rem;border-radius:16px;font-size:.75rem;font-weight:600;min-width:48px}.mini-play-button{width:40px;height:40px;background:var(--primary);color:#fff}.mini-play-button:hover{background:var(--primary-hover)}.mini-stop-button,.mini-reader-button{width:32px;height:32px}@media(max-width:600px){.mini-player-main{padding:.5rem;gap:.5rem}.mini-player-info{flex:1}.mini-player-title{font-size:.8125rem}.mini-player-time{font-size:.6875rem}.mini-control-button{width:28px;height:28px}.mini-play-button{width:36px;height:36px}.mini-speed-button{height:28px;padding:0 .5rem;font-size:.6875rem;min-width:40px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player{animation:slideUp .3s ease}