@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties,theme,base,components,utilities;@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-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--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-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--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-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--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-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.z-40{z-index:40}.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}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.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-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-36{height:calc(var(--spacing)*36)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(85vh-140px\)\]{max-height:calc(85vh - 140px)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\[22rem\]{width:22rem}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-16{--tw-translate-x:calc(var(--spacing)*16);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-32{--tw-translate-x:calc(var(--spacing)*32);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-20{--tw-translate-y:calc(var(--spacing)*20);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.-skew-y-\[8deg\]{--tw-skew-y:skewY( -8deg );transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}: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-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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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))}.to-blue-800{--tw-gradient-to:var(--color-blue-800);--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))}.p-1{padding:calc(var(--spacing)*1)}.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-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-blue-100{color:var(--color-blue-100)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-orange-600{color:var(--color-orange-600)}.text-pink-500{color:var(--color-pink-500)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale-\[100\%\]{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-filter{-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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[grid-area\:stack\]{grid-area:stack}.\[grid-template-areas\:\'stack\'\]{grid-template-areas:"stack"}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-\[100\%\]:before{content:var(--tw-content);height:100%}.before\:w-\[100\%\]:before{content:var(--tw-content);width:100%}.before\:rounded-xl:before{content:var(--tw-content);border-radius:var(--radius-xl)}.before\:bg-blend-overlay:before{content:var(--tw-content);background-blend-mode:overlay}.before\:outline-1:before{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[-5\%\]:after{content:var(--tw-content);top:-5%}.after\:-right-1:after{content:var(--tw-content);right:calc(var(--spacing)*-1)}.after\:h-\[110\%\]:after{content:var(--tw-content);height:110%}.after\:w-\[20rem\]:after{content:var(--tw-content);width:20rem}.after\:bg-gradient-to-l:after{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:to-transparent:after{content:var(--tw-content);--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))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-10:hover{--tw-translate-y:calc(var(--spacing)*-10);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:translate-y-10:hover{--tw-translate-y:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);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,)}.hover\:before\:opacity-0:hover:before{content:var(--tw-content);opacity:0}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-white{color:var(--color-white)}}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:gap-2>*{gap:calc(var(--spacing)*2)}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--layout-sidebar-width:288px;--layout-sidebar-width-lg:304px;--header-height:72px;--content-max-width:1184px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-emphasis:.28s cubic-bezier(.2,.8,.2,1);--radius-pill:999px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--layer-overlay:50;--layer-dropdown:60;--layer-sticky:40;--surface-muted:var(--color-surface)}body.dark{--surface-muted:#1d2534}.skip-link{padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);transition:top var(--transition-base);z-index:999;inset-inline-end:var(--space-4);position:absolute;top:-120px}.skip-link:focus{top:var(--space-4)}.app-shell{background-color:var(--color-background);flex-direction:row;min-height:100vh;display:flex}.app-shell__main{min-height:100vh;flex-direction:column;flex:1;margin-inline-start:var(--layout-sidebar-width);display:flex;position:relative}@media (max-width:1023px){.app-shell__main{margin-inline-start:0}}.app-shell__content{padding:var(--space-7);padding-bottom:var(--space-9);max-width:var(--content-max-width);flex:1;width:100%;margin-inline:auto}.sidebar{width:100%;max-width:var(--layout-sidebar-width);background-color:#0a192f;border-inline-start:1px solid #c5a57226;align-items:stretch;height:100vh;display:flex;position:fixed;inset-block-start:0;inset-inline-start:0;overflow-y:auto;box-shadow:0 1px 2px #0000001a}body.dark .sidebar{background-color:var(--color-surface);border-inline-start:1px solid var(--color-border)}body.classic .sidebar{background-color:#3a2213;border-inline-start:1px solid #b8860b33}.sidebar__container{gap:var(--space-6);padding:var(--space-6);flex-direction:column;width:100%;display:flex}.sidebar__brand{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sidebar__brand-group{align-items:center;gap:var(--space-3);display:flex}.sidebar__brand-info{flex-direction:column;gap:4px;display:flex}.sidebar__brand-icon{border-radius:var(--radius-md);color:#c5a572;background-color:#c5a57226;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}body.dark .sidebar__brand-icon{background-color:var(--color-primary-soft);color:var(--color-primary)}.sidebar__brand-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fdfbf7}body.dark .sidebar__brand-title{color:var(--color-heading)}.sidebar__brand-subtitle{font-size:var(--font-size-xs);color:#fdfbf7b3;margin-top:2px;display:block}body.dark .sidebar__brand-subtitle{color:var(--color-text-secondary)}.sidebar__close-button{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:inline-flex}.sidebar__close-button:hover,.sidebar__close-button:focus-visible{color:var(--color-primary);background-color:var(--color-primary-soft);border-color:#0a192f26}.sidebar__nav{flex:1;padding-inline-end:4px;overflow:auto}.sidebar__nav-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{display:block}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#fdfbf7b3;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);display:flex}body.dark .sidebar__link{color:var(--color-text-secondary)}.sidebar__link svg{color:currentColor}.sidebar__link:hover,.sidebar__link:focus-visible{color:#fdfbf7;background-color:#ffffff14}body.dark .sidebar__link:hover,body.dark .sidebar__link:focus-visible{color:var(--color-heading);background-color:var(--color-surface-subtle)}.sidebar__link--active{color:#c5a572;background-color:#c5a5721f}body.dark .sidebar__link--active{color:var(--color-primary);background-color:var(--color-primary-soft)}.sidebar__link--active svg{color:var(--color-primary)}.sidebar__footer{gap:var(--space-3);flex-direction:column;display:flex}.sidebar__logout{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#c5a572;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);background-color:#c5a5721a;border:1px solid #c5a57233;display:inline-flex}body.dark .sidebar__logout{background-color:var(--color-primary-soft);color:var(--color-primary);border:1px solid #0000}.sidebar__logout:hover,.sidebar__logout:focus-visible{background-color:#c5a57233;border-color:#c5a57259}body.dark .sidebar__logout:hover,body.dark .sidebar__logout:focus-visible{background-color:#0a192f1f;border-color:#0a192f2e}.sidebar--mobile{max-width:min(88vw,var(--layout-sidebar-width-lg));transition:transform var(--transition-emphasis);z-index:var(--layer-overlay);box-shadow:var(--shadow-lg);background-color:var(--color-surface);border-inline-start:none;margin-inline-end:auto;position:fixed;inset:0;transform:translate(-100%)}.sidebar--mobile .sidebar__container{padding-block-start:var(--space-7)}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:calc(var(--layer-overlay) - 1);background-color:#10151f6b;position:fixed;inset:0}.header{z-index:var(--layer-sticky);background-color:#0a192f;border-bottom:1px solid #c5a57226;position:sticky;inset-block-start:0;box-shadow:0 1px #0000001a}body.dark .header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.header__content{align-items:center;gap:var(--space-6);min-height:var(--header-height);padding:0 var(--space-7);grid-template-columns:auto 1fr auto;display:grid}.header__leading{align-items:center;gap:var(--space-4);display:flex}.header__page-context{align-items:center;gap:var(--space-3);display:flex}.header__page-indicator{border-radius:var(--radius-pill);background-color:#c5a572;flex-shrink:0;width:8px;height:48px}body.dark .header__page-indicator{background-color:var(--color-primary)}.header__page-copy{flex-direction:column;gap:4px;display:flex}.header__page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:#fdfbf7}body.dark .header__page-title{color:var(--color-heading)}.header__page-subtitle{font-size:var(--font-size-sm);color:#fdfbf7b3}body.dark .header__page-subtitle{color:var(--color-text-secondary)}.header__search{width:clamp(220px,32vw,360px);position:relative}.header__search--mobile{padding:0 var(--space-4)var(--space-4);display:none}.header__search-icon{color:var(--color-text-secondary);position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);transform:translateY(-50%)}.header__search-input{width:100%;padding:var(--space-3)var(--space-8)var(--space-3)var(--space-4);border-radius:var(--radius-pill);color:#fdfbf7;font-size:var(--font-size-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast);background-color:#ffffff14;border:1px solid #ffffff26}.header__search-input::-moz-placeholder{color:#fdfbf780}.header__search-input::placeholder{color:#fdfbf780}body.dark .header__search-input{border:1px solid var(--color-border);background-color:var(--color-surface-subtle);color:var(--color-text)}.header__search-input:focus{background-color:#ffffff1f;border-color:#c5a572}body.dark .header__search-input:focus{border-color:var(--color-primary);background-color:var(--color-surface)}.header__actions{align-items:center;gap:var(--space-3);display:flex}.header__icon-button{border-radius:var(--radius-pill);color:#fdfbf7b3;width:40px;height:40px;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);background-color:#ffffff14;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}body.dark .header__icon-button{background-color:var(--color-surface-subtle);color:var(--color-text-secondary)}.header__icon-button:hover,.header__icon-button:focus-visible{color:#c5a572;background-color:#c5a57226;border-color:#c5a57233}body.dark .header__icon-button:hover,body.dark .header__icon-button:focus-visible{color:var(--color-primary);background-color:var(--color-primary-soft);border-color:#0a192f1f}.header__notifications-wrapper{position:relative}.header__popover{z-index:var(--layer-dropdown);position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0}.header__badge{border-radius:var(--radius-pill);background-color:var(--color-error);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:-4px;inset-inline-start:-2px}.header__profile-wrapper{position:relative}.header__profile{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);color:#fdfbf7;transition:border-color var(--transition-fast),background-color var(--transition-fast);background-color:#ffffff14;border:1px solid #ffffff26;display:inline-flex}body.dark .header__profile{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.header__profile:hover,.header__profile:focus-visible{background-color:#c5a5721f;border-color:#c5a57266}body.dark .header__profile:hover,body.dark .header__profile:focus-visible{border-color:var(--color-primary);background-color:var(--color-primary-soft)}.header__avatar{color:#c5a572;background-color:#c5a57226;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}body.dark .header__avatar{background-color:var(--color-primary-soft);color:var(--color-primary)}.header__profile-info{flex-direction:column;gap:2px;display:flex}.header__profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fdfbf7}body.dark .header__profile-name{color:var(--color-heading)}.header__profile-role{color:#fdfbf7b3;font-size:11px}body.dark .header__profile-role{color:var(--color-text-secondary)}.header__dropdown{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:240px;box-shadow:var(--shadow-md);padding:var(--space-4);gap:var(--space-3);z-index:var(--layer-dropdown);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0}.header__dropdown-header{flex-direction:column;gap:4px;display:flex}.header__dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.header__dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.header__dropdown-action{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-subtle);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast);justify-content:space-between;align-items:center;display:inline-flex}.header__dropdown-action:hover,.header__dropdown-action:focus-visible{background-color:#d1495b1f;border-color:#d1495b33}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);border:1px solid #0000;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--color-primary);color:var(--color-cream-50)}.button--primary:hover,.button--primary:focus-visible{background-color:var(--color-primary-hover);transform:translateY(-1px)}.button--ghost{color:var(--color-text-secondary);border-color:var(--color-border);background-color:#0000}.button--ghost:hover,.button--ghost:focus-visible{color:var(--color-primary);background-color:var(--color-primary-soft);border-color:#0a192f26}.button--outline{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--outline:hover,.button--outline:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.button--icon{border-radius:var(--radius-pill);background-color:var(--color-surface-subtle);width:40px;height:40px;color:var(--color-text-secondary);padding:0}.button--icon:hover,.button--icon:focus-visible{color:var(--color-primary);background-color:var(--color-primary-soft);border-color:#0a192f1f}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-wrapper{align-items:center;display:flex;position:relative}.input,.select{width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none;box-shadow:0 0 0 3px #0a192f14}.input--with-icon{padding-inline-start:var(--space-8)}.input-icon{color:var(--color-text-secondary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-3)}.chip{align-items:center;gap:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-pill);min-height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--chip-bg,var(--color-surface-subtle));color:var(--chip-color,var(--color-text-secondary));border:1px solid var(--chip-border,transparent);display:inline-flex}.icon-button{border-radius:var(--radius-pill);background-color:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button:focus-visible{color:var(--color-primary);background-color:var(--color-primary-soft);border-color:#0a192f26;transform:translateY(-1px)}.skeleton-inline{border-radius:var(--radius-sm);background-color:var(--color-surface-subtle);width:100%;height:16px;position:relative;overflow:hidden}.skeleton-inline--sm{height:12px}.skeleton-inline--lg{height:20px}.skeleton-inline--xl{height:24px}.skeleton-inline:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.6s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.page-wrapper{gap:var(--space-7);flex-direction:column;display:flex}.page-header{gap:var(--space-3);flex-direction:column;display:flex}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-heading)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.page-search{width:100%;max-width:520px}.card-grid{gap:var(--space-5);display:grid}.card-grid--cols-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card-grid--balanced{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{padding:var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:transform var(--transition-emphasis),box-shadow var(--transition-emphasis);position:relative}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.stat-card__row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.stat-card__details{gap:var(--space-2);flex-direction:column;display:flex}.stat-card__icon{border-radius:var(--radius-pill);background-color:var(--stat-accent-soft,#0a192f14);width:48px;height:48px;color:var(--stat-accent,var(--color-primary));justify-content:center;align-items:center;display:inline-flex}.stat-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-heading)}.stat-card__change{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-2);display:inline-flex}.stat-card__change span{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.stat-card__change--positive{color:var(--color-success)}.stat-card__change--negative{color:var(--color-error)}.list-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-xs);flex-direction:column;min-height:100%;display:flex;overflow:hidden}.list-panel__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.list-panel__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.list-panel__action{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.list-panel__action:hover,.list-panel__action:focus-visible{color:var(--color-primary-hover)}.list-panel__body{gap:var(--space-4);padding:var(--space-5)var(--space-6);flex-direction:column;display:flex}.list-tile{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-subtle);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);border:1px solid #0000;display:flex}.list-tile:hover{background-color:var(--color-surface);border-color:var(--color-border);transform:translateY(-2px)}.list-tile__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-heading)}.list-tile__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.list-tile__meta{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.list-tile__meta-date{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:inline-flex}.badge{justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-pill);height:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid #0000;display:inline-flex}.badge-success{color:#0f6f63;background-color:#1b998b24;border-color:#1b998b42}.badge-warning{color:#a15c1e;background-color:#f4a2592e;border-color:#f4a25942}.badge-error{color:#8c1f33;background-color:#d1495b2e;border-color:#d1495b47}.badge-info{color:#1d4ed8;background-color:#3b82f62e;border-color:#3b82f647}.dhikr-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.dhikr-card{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-heading);gap:var(--space-4);flex-direction:column;display:flex;position:relative}.dhikr-card--morning{background-color:#c5a5720f;border-color:#c5a57240}.dhikr-card--evening{background-color:#0a192f0a;border-color:#0a192f33}.dhikr-card__header{align-items:center;gap:var(--space-4);display:flex}.dhikr-card__icon{width:52px;height:52px;color:var(--color-primary);background-color:#c5a5721f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dhikr-card--evening .dhikr-card__icon{color:var(--color-accent);background-color:#0a192f1a}.dhikr-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.dhikr-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dhikr-card__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dhikr-card__item{font-size:var(--font-size-base);color:var(--color-text);line-height:1.7}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cases-page{gap:var(--space-7);flex-direction:column;display:flex}.cases-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.cases-header__content{gap:var(--space-2);flex-direction:column;display:flex}.cases-header__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cases-search{width:100%}.cases-toolbar{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-xs);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.cases-toolbar__filters{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cases-toolbar__meta{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cases-toolbar__stats{align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:flex}.cases-toolbar__stats span{align-items:center;gap:var(--space-1);display:inline-flex}.cases-panel .list-panel__body{padding:0}.cases-list{gap:var(--space-4);padding:var(--space-5)var(--space-6);display:grid}.cases-list--grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.case-card{gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface-subtle);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),background-color var(--transition-base);cursor:pointer;flex-direction:column;display:flex;position:relative}.case-card:hover,.case-card:focus-visible{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.case-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.case-card__title-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.case-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin:0}.case-card__description{display:none}.case-card__meta{gap:var(--space-2)var(--space-4);flex-wrap:wrap;display:flex}.case-card__meta-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.case-card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);border-top:none;flex-wrap:wrap;padding-top:0;display:flex}.case-card__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-heading)}.case-card--skeleton{cursor:default;background-color:var(--color-surface);border-color:var(--color-border);box-shadow:none;transform:none}.case-card--skeleton:hover,.case-card--skeleton:focus-visible{box-shadow:none;border-color:var(--color-border);background-color:var(--color-surface);transform:none}.case-card--skeleton .skeleton-inline{margin-bottom:var(--space-3)}.case-card--skeleton .skeleton-inline:last-child{margin-bottom:0}.cases-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5)var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface);flex-wrap:wrap;display:flex}.cases-pagination__summary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feedback-card{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);background-color:var(--color-surface-subtle);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.feedback-card--error{background-color:var(--color-error-soft);color:var(--color-error);border-color:#d1495b66}.feedback-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:420px}@media (max-width:1279px){.sidebar{display:none}}@media (max-width:1023px){.app-shell{flex-direction:column}.app-shell__content{padding:var(--space-6)var(--space-4)var(--space-8)}.header__content{padding:0 var(--space-4);grid-template-columns:1fr auto}.header__leading{justify-content:space-between}.header__search{display:none}.header__search--mobile{display:block}.header__page-title{font-size:var(--font-size-xl)}.header__profile-info{display:none}}@media (min-width:1280px){.sidebar{max-width:var(--layout-sidebar-width-lg)}}body.classic .sidebar__brand-icon{color:#b8860b;background-color:#b8860b26}body.classic .sidebar__brand-title{color:#f5efe6}body.classic .sidebar__brand-subtitle{color:#f5efe699}body.classic .sidebar__link{color:#f5efe6b3}body.classic .sidebar__link:hover,body.classic .sidebar__link:focus-visible{color:#f5efe6;background-color:#b8860b26}body.classic .sidebar__link--active{color:#b8860b;background-color:#b8860b33}body.classic .sidebar__logout{color:#f5efe699}body.classic .sidebar__logout:hover,body.classic .sidebar__logout:focus-visible{color:#ff8a8a;background-color:#9b2c2c26}body.classic .header{background-color:var(--color-surface);border-block-end:1px solid var(--color-border)}body.classic .header__page-indicator{background-color:#b8860b}body.classic .header__page-title{color:var(--color-heading)}body.classic .header__page-subtitle{color:var(--color-text-secondary)}body.classic .header__search-input{border:1px solid var(--color-border);background-color:var(--color-surface-subtle);color:var(--color-text)}body.classic .header__search-input:focus{background-color:var(--color-surface);border-color:#b8860b}body.classic .header__icon-button{color:var(--color-text-secondary)}body.classic .header__icon-button:hover,body.classic .header__icon-button:focus-visible{color:#b8860b;background-color:#b8860b1a}body.classic .header__profile{background-color:#0000}body.classic .header__profile:hover,body.classic .header__profile:focus-visible{background-color:#b8860b14}body.classic .header__avatar{color:var(--color-primary);background-color:#4a2c1a1a}body.classic .header__profile-name{color:var(--color-text)}body.classic .header__profile-role{color:var(--color-text-secondary)}.auth-page{background-color:var(--color-background);background-image:radial-gradient(circle at 15% 15%,#0a192f0f,#0000 55%),radial-gradient(circle at 85% 85%,#c5a57214,#0000 58%);flex-direction:column;min-height:100vh;display:flex}@media (min-width:1024px){.auth-page{flex-direction:row;align-items:stretch}.auth-page__hero{order:1}.auth-page__panel{order:2}}.auth-page__panel{padding:var(--space-8)var(--space-5);flex:1;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.auth-page__panel{padding:var(--space-9)var(--space-7)}}@media (min-width:1280px){.auth-page__panel{padding:var(--space-10)var(--space-9)}}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,440px);box-shadow:var(--shadow-md);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}@media (max-width:639px){.auth-card{padding:var(--space-6);gap:var(--space-5)}}.auth-card__brand{align-items:center;gap:var(--space-4);display:flex}.auth-card__logo{background-color:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.auth-alert{padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid #0000}.auth-alert--error{color:var(--color-error);background-color:#d1495b1f;border-color:#d1495b47}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field__icon{color:var(--color-text-secondary);pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.auth-field__toggle{width:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block:0;inset-inline-start:var(--space-3)}.auth-form__options{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.auth-checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.auth-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:0 0;border:none;padding:0;text-decoration:none}.auth-submit{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:48px;font-size:var(--font-size-base);display:inline-flex}.auth-submit .auth-spinner{border:2px solid #0000;border-top-color:var(--color-cream-50);border-right-color:#fff3;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.auth-divider{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-xs);position:relative}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-border);width:40%;height:1px;position:absolute;inset-block-start:50%}.auth-divider span{padding:0 var(--space-3);background-color:var(--color-surface);display:inline-block;position:relative}.auth-sample__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.auth-sample__item{--tone-background:var(--color-surface-subtle);--tone-border:var(--color-border);--tone-color:var(--color-heading);padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--tone-border);background-color:var(--tone-background);color:var(--tone-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:right;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.auth-sample__item:hover,.auth-sample__item:focus-visible{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.auth-sample__item[data-tone=primary]{--tone-background:#0a192f14;--tone-border:#0a192f33;--tone-color:var(--color-primary)}.auth-sample__item[data-tone=accent]{--tone-background:#c5a5721f;--tone-border:#c5a5724d;--tone-color:var(--color-accent)}.auth-sample__item[data-tone=success]{--tone-background:#1b998b24;--tone-border:#1b998b47;--tone-color:var(--color-success)}.auth-sample__item[data-tone=info]{--tone-background:#3b82f624;--tone-border:#3b82f647;--tone-color:var(--color-info)}.auth-page__hero{flex:1;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-page__hero{display:flex}}.auth-hero{justify-content:space-between;gap:var(--space-8);padding:var(--space-9);color:var(--color-cream-50);background:linear-gradient(135deg,#0a192f,#142840,#1a3652);flex-direction:column;flex:1;display:flex;position:relative}.auth-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 25% 20%,#c5a5721f,#0000 60%),radial-gradient(circle at 80% 80%,#0a192f66,#0000 55%);position:absolute;inset:0}.auth-hero__section{z-index:1;position:relative}.auth-hero__brand{align-items:center;gap:var(--space-4);display:flex}.auth-hero__icon{color:#c5a572;background-color:#c5a57233;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.auth-hero__list{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;list-style:none;display:flex}.auth-hero__list-item{align-items:center;gap:var(--space-3);font-size:var(--font-size-base);display:inline-flex}.auth-hero__footer{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-hero__stat{padding:var(--space-5)var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0a192f66;border:1px solid #c5a57240}.auth-hero__stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);display:block}.auth-hero__stat-label{margin-top:var(--space-2);font-size:var(--font-size-sm);color:#ffffffc7;display:block}.auth-loader{justify-content:center;align-items:center;gap:var(--space-4);background-color:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.auth-loader__spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.auth-choice{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:540px){.auth-choice{grid-template-columns:1fr}}.auth-choice__card{align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;display:flex}.auth-choice__icon{border-radius:var(--radius-md);background-color:var(--color-surface-subtle);width:56px;height:56px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.auth-choice__action{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-top:auto;display:inline-flex}.auth-link--center,.auth-steps{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.auth-step{align-items:center;gap:var(--space-2);display:flex}.auth-step__number{background-color:var(--color-surface-subtle);width:24px;height:24px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (min-width:540px){.auth-step__title{display:inline}.auth-step--active .auth-step__title{color:var(--color-heading);font-weight:var(--font-weight-medium)}}.auth-step__line{background-color:var(--color-border);width:32px;height:2px}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:540px){.form-row{grid-template-columns:1fr}}.auth-form__actions{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);display:flex}.auth-summary{gap:var(--space-4);flex-direction:column;display:flex}.auth-summary__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:540px){.auth-summary__grid{grid-template-columns:1fr}}.auth-summary__item{flex-direction:column;gap:2px;display:flex}.auth-success{align-items:center;gap:var(--space-4);padding:var(--space-8)var(--space-4);text-align:center;flex-direction:column;display:flex}.auth-success__icon{width:64px;height:64px;color:var(--color-success);background-color:#1b998b1f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.auth-spinner-icon{animation:1s linear infinite spin}.auth-register-prompt{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.auth-content-loader{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);flex-direction:column;min-height:300px;display:flex}.auth-page--tenant{background-color:var(--tenant-primary,#c5a059);background-image:none;justify-content:center;align-items:center}.auth-page--tenant .auth-page__panel--full{width:100%;max-width:500px;padding:var(--space-6);flex-direction:column;flex:none;align-items:center;display:flex}.auth-tenant-top-header{width:100%;padding:var(--space-6)0 var(--space-4);justify-content:center;align-items:center;display:flex}.auth-tenant-logo-container{justify-content:center;align-items:center;display:flex}.auth-tenant-header-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 25px #00000026);width:auto;max-width:200px;height:80px}.auth-tenant-header-logo-placeholder{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 10px 25px #00000026}@media (max-width:768px){.auth-tenant-header-logo{height:60px}.auth-tenant-header-logo-placeholder{width:60px;height:60px}}.auth-tenant-logo{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg);width:100px;height:100px;padding:var(--space-3);margin-bottom:var(--space-4);background:#fff;box-shadow:0 20px 50px -15px #00000080}.auth-tenant-logo-placeholder{border-radius:var(--radius-lg);width:100px;height:100px;margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex;box-shadow:0 20px 50px -15px #00000080}.auth-page--tenant .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a;width:100%;max-width:440px}.auth-page--tenant .auth-input{color:#fff;background-color:#ffffff14;border-color:#ffffff26}.auth-page--tenant .auth-input:focus{border-color:var(--tenant-primary,var(--color-primary));box-shadow:0 0 0 3px #c5a05933}.auth-page--tenant .auth-btn--primary{background-color:var(--tenant-primary,var(--color-primary))}.auth-page--tenant .auth-link{color:var(--tenant-primary,var(--color-primary))}.auth-page--loading{background-color:var(--tenant-primary,#c5a059);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading-container{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.auth-loading-spinner{border:3px solid #fff3;border-top-color:#ffffffe6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite auth-spin}@media (min-width:1024px){.auth-page--tenant{flex-direction:column}}:root{--law-navy:#1e3a5f;--law-navy-light:#1e3a5f1a;--law-navy-hover:#1e3a5f26;--law-navy-dark:#152a45;--law-gold:#b8860b;--law-gold-light:#b8860b1a;--status-green:#059669;--status-green-light:#0596691a;--status-blue:#0284c7;--status-blue-light:#0284c71a;--status-orange:#d97706;--status-orange-light:#d977061a;--status-red:#dc2626;--status-red-light:#dc26261a;--status-purple:#7c3aed;--status-purple-light:#7c3aed1a;--quiet-gray-50:#fafbfc;--quiet-gray-100:#f4f5f7;--quiet-gray-200:#ebecf0;--quiet-gray-300:#dfe1e6;--quiet-gray-400:#c1c7d0;--quiet-gray-500:#97a0af;--quiet-gray-600:#6b778c;--quiet-gray-700:#42526e;--quiet-gray-800:#253858;--quiet-gray-900:#172b4d;--dashboard-bg:var(--quiet-gray-50);--dashboard-sidebar:#1a2332;--dashboard-sidebar-hover:#2a3547;--dashboard-card:#fff;--clickup-purple:var(--law-navy);--clickup-purple-light:var(--law-navy-light);--clickup-purple-hover:var(--law-navy-hover);--clickup-green:var(--status-green);--clickup-green-light:var(--status-green-light);--clickup-blue:var(--status-blue);--clickup-blue-light:var(--status-blue-light);--clickup-orange:var(--status-orange);--clickup-orange-light:var(--status-orange-light);--clickup-red:var(--status-red);--clickup-red-light:var(--status-red-light);--clickup-pink:#db2777;--clickup-yellow:#eab308;--shadow-xs:0 1px 2px #091e420a;--shadow-sm:0 1px 3px #091e420f;--shadow-md:0 4px 8px #091e4214;--transition-fast:.1s ease;--transition-normal:.15s ease}body.dark{--dashboard-bg:#0d1117;--dashboard-card:#161b22;--dashboard-sidebar:#0d1117;--dashboard-sidebar-hover:#161b22;--quiet-gray-50:#0d1117;--quiet-gray-100:#161b22;--quiet-gray-200:#21262d;--quiet-gray-300:#30363d;--quiet-gray-400:#484f58;--quiet-gray-500:#6e7681;--quiet-gray-600:#8b949e;--quiet-gray-700:#c9d1d9;--quiet-gray-800:#e6edf3;--quiet-gray-900:#f0f6fc;--law-navy:#3b5998;--law-navy-light:#3b599826}body.classic{--dashboard-bg:#f5efe6;--dashboard-card:#fffbf5;--dashboard-sidebar:#3a2213;--dashboard-sidebar-hover:#4a2c1a;--quiet-gray-50:#f5efe6;--quiet-gray-100:#ede6da;--quiet-gray-200:#e0d8cb;--quiet-gray-300:#d4c9b8;--quiet-gray-400:#b8a994;--quiet-gray-500:#998a78;--quiet-gray-600:#7a6f63;--quiet-gray-700:#6b5b4d;--quiet-gray-800:#4a3c30;--quiet-gray-900:#2b1b12;--law-navy:#4a2c1a;--law-navy-light:#4a2c1a1f;--law-navy-hover:#4a2c1a2e;--law-navy-dark:#3a2213;--law-gold:#b8860b;--law-gold-light:#b8860b26;--status-green:#2e7d32;--status-green-light:#2e7d321f;--status-blue:#1565c0;--status-blue-light:#1565c01f;--status-orange:#c17000;--status-orange-light:#c170001f;--status-red:#9b2c2c;--status-red-light:#9b2c2c1f;--status-purple:#8b5cf6;--status-purple-light:#8b5cf61f}.dashboard-container{background:var(--dashboard-bg);min-height:100vh;padding:0}.dashboard-header{border-bottom:1px solid var(--color-border);background:var(--dashboard-card);padding:16px 20px}.dashboard-header__welcome{color:var(--color-heading);align-items:center;gap:8px;margin-bottom:2px;font-size:18px;font-weight:600;display:flex}.dashboard-header__subtitle{color:var(--color-text-secondary);font-size:14px}.dashboard-header__date{background:var(--quiet-gray-100);color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.stat-card__icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-card__value{color:var(--color-heading);font-size:22px;font-weight:700;line-height:1}.stat-card__label{color:var(--color-text-secondary);margin-top:2px;font-size:14px}.widget-grid{grid-template-columns:repeat(12,1fr);gap:12px;padding:16px 20px;display:grid}.widget-grid--equal{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;display:grid}@media (max-width:1024px){.widget-grid--equal{grid-template-columns:1fr}}.widget{background:var(--dashboard-card);border:1px solid var(--color-border);transition:border-color var(--transition-fast);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.widget__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.widget__title{color:var(--color-heading);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.widget__title-icon{border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.widget__action-btn{width:24px;height:24px;color:var(--color-text-secondary);transition:background var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.widget__content{flex:1;padding:12px;overflow:auto}.quick-actions{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (max-width:1024px){.quick-actions{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action{background:var(--quiet-gray-100);transition:background var(--transition-fast),border-color var(--transition-fast);text-align:center;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.quick-action__icon{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-timeline{flex-direction:column;gap:0;display:flex}.activity-item{transition:background var(--transition-fast);border-radius:4px;gap:8px;margin:0 -6px;padding:8px 6px;display:flex}.activity-item__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.activity-item__title{color:var(--color-text);margin-bottom:1px;font-size:14px}.activity-item__desc{color:var(--color-text-secondary);font-size:13px}.activity-item__time{color:var(--color-text-secondary);white-space:nowrap;font-size:10px}.sessions-list{flex-direction:column;gap:6px;display:flex}.session-item{background:var(--quiet-gray-100);transition:background var(--transition-fast);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.session-item__date{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.session-item__day{color:var(--color-heading);font-size:14px;font-weight:700;line-height:1}.session-item__month{text-transform:uppercase;letter-spacing:.2px;color:var(--color-text-secondary);font-size:8px}.session-item__time,.session-item__location{color:var(--color-text-secondary);align-items:center;gap:3px;font-size:12px;display:flex}.progress-bar{background:var(--quiet-gray-200);border-radius:2px;height:4px;overflow:hidden}.progress-bar__fill{border-radius:2px;height:100%;transition:width .5s}.clickup-sidebar{background:var(--dashboard-sidebar);color:#fff;width:220px;height:100vh;transition:width var(--transition-normal);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;right:0}.clickup-sidebar__header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px;display:flex}.clickup-sidebar__logo{background:var(--law-navy);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.clickup-sidebar__subtitle{color:#ffffff80;font-size:10px}.clickup-sidebar__section-title{text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:2px;padding:4px 8px;font-size:9px}.clickup-sidebar__link{color:#ffffffb3;transition:background var(--transition-fast),color var(--transition-fast);border-radius:4px;align-items:center;gap:8px;margin-bottom:1px;padding:6px 8px;font-size:12px;display:flex}.clickup-sidebar__link-badge{background:var(--status-red);border-radius:6px;margin-right:auto;padding:1px 5px;font-size:9px;font-weight:600}.clickup-sidebar__footer{border-top:1px solid #ffffff14;padding:12px}.clickup-sidebar__user{transition:background var(--transition-fast);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px;display:flex}.clickup-sidebar__avatar{background:var(--law-navy);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.clickup-sidebar__role{color:#ffffff80;font-size:10px}.page-loading{background:var(--dashboard-bg);justify-content:center;align-items:center;min-height:100%;padding:40px;display:flex}.page-loading__spinner{border:3px solid var(--quiet-gray-200);border-top-color:var(--law-navy);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}.page-loading__text{color:var(--color-text-secondary);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--quiet-gray-200)25%,var(--quiet-gray-100)50%,var(--quiet-gray-200)75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-state__icon{width:40px;height:40px;color:var(--color-text-secondary);opacity:.4;margin-bottom:12px}.empty-state__title{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:600}.empty-state__desc{color:var(--color-text-secondary);font-size:12px}@media (max-width:1024px){.clickup-sidebar{width:56px}.clickup-sidebar__brand,.clickup-sidebar__section-title,.clickup-sidebar__link span,.clickup-sidebar__user-info{display:none}}@media (max-width:768px){.widget-grid{grid-template-columns:1fr;gap:10px;padding:12px}.widget-grid--equal{grid-template-columns:1fr}}.sidebar::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar{width:6px}.clickup-sidebar__scroll-area::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background-color:#0000}.sidebar__nav::-webkit-scrollbar-track{background-color:#0000}.clickup-sidebar__scroll-area::-webkit-scrollbar-track{background-color:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.sidebar__nav::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.clickup-sidebar__scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff3}.sidebar__nav::-webkit-scrollbar-thumb:hover{background-color:#fff3}.clickup-sidebar__scroll-area::-webkit-scrollbar-thumb:hover{background-color:#fff3}.cases-page{background:var(--dashboard-bg)}.cases-header-bar{background:var(--dashboard-card);border-bottom:1px solid var(--color-border);z-index:30;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.cases-header-bar__start{flex-shrink:0;align-items:center;gap:16px;display:flex}.cases-header-bar__title{color:var(--color-heading);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.cases-header-bar__title svg{color:var(--law-navy)}.cases-header-bar__count{color:var(--color-text-secondary);background:var(--quiet-gray-100);border-radius:12px;padding:2px 8px;font-size:13px;font-weight:500}.cases-header-bar__stats{gap:12px;display:flex}.stat-pill{color:var(--color-text-secondary);background:var(--quiet-gray-100);border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:flex}.stat-pill__dot{border-radius:50%;width:6px;height:6px}.stat-pill--active .stat-pill__dot{background:var(--status-green)}.stat-pill--pending .stat-pill__dot{background:var(--status-orange)}.stat-pill--closed .stat-pill__dot{background:var(--quiet-gray-500)}.cases-header-bar__center{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.search-box{background:var(--quiet-gray-100);border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:280px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.search-box:focus-within{background:var(--dashboard-card);border-color:var(--law-navy)}.search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px}.search-box__clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.search-box__clear:hover{background:var(--quiet-gray-200)}.filter-select{border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);cursor:pointer;border-radius:8px;min-width:100px;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:var(--law-navy);outline:none}.icon-btn{border:1px solid var(--color-border);background:var(--dashboard-card);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.icon-btn:hover{border-color:var(--law-navy);color:var(--law-navy)}.cases-header-bar__end{flex-shrink:0;align-items:center;gap:12px;display:flex}.view-tabs{background:var(--quiet-gray-100);border-radius:8px;padding:4px;display:flex}.view-tab{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.view-tab:hover{color:var(--color-text)}.view-tab--active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:0 1px 3px #00000014}.btn-primary{background:var(--law-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.btn-primary:hover{background:var(--law-navy-dark)}.cases-content{padding:0}.cases-loading{flex-direction:column;gap:12px;padding:20px;display:flex}.skeleton-row{background:var(--quiet-gray-100);border-radius:8px;height:56px;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.cases-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cases-empty__icon{width:48px;height:48px;color:var(--color-text-secondary);opacity:.4;margin-bottom:16px}.cases-empty__title{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600}.cases-empty__desc{color:var(--color-text-secondary);max-width:300px;font-size:14px}.cases-table-wrapper{padding:16px 20px 0}.cases-table{border-collapse:separate;border-spacing:0;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;width:100%;font-size:13px;overflow:hidden;box-shadow:0 1px 3px #00000005}.cases-table th{text-align:right;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}body.dark .cases-table th{background:var(--quiet-gray-100)}.cases-table th:first-child{border-top-right-radius:8px}.cases-table th:last-child{border-top-left-radius:8px}.cases-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 16px;font-size:13px}.cases-table tbody tr:last-child td{border-bottom:none}.cases-table tbody tr:last-child td:first-child{border-bottom-right-radius:8px}.cases-table tbody tr:last-child td:last-child{border-bottom-left-radius:8px}.cases-table tbody tr{cursor:pointer;transition:all .2s}.cases-table tbody tr:hover{background:var(--law-navy-light)}.cases-table tbody tr:hover td{background:0 0}.case-title-cell{align-items:center;gap:10px;display:flex}.case-title{color:var(--color-heading);font-weight:600}.case-client{background:var(--status-blue-light);color:var(--status-blue);border-radius:5px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.case-client svg{width:14px;height:14px}.case-type-badge{background:var(--quiet-gray-100);color:var(--color-text-secondary);border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}body.dark .case-type-badge{background:var(--quiet-gray-200)}.case-date-cell{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.assignee-cell{align-items:center;gap:8px;display:flex}.assignee-avatar{background:var(--law-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.assignee-name{color:var(--color-text);font-size:13px}.actions-cell{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.cases-table tbody tr:hover .actions-cell{opacity:1}.action-btn{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.action-btn--danger:hover{background:var(--status-red-light);color:var(--status-red)}.date-cell{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.status-badge{border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge__dot{border-radius:50%;width:6px;height:6px}.status-badge--active{background:var(--status-green-light);color:var(--status-green)}.status-badge--active .status-badge__dot{background:var(--status-green)}.status-badge--pending{background:var(--status-orange-light);color:var(--status-orange)}.status-badge--pending .status-badge__dot{background:var(--status-orange)}.status-badge--closed{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.status-badge--closed .status-badge__dot{background:var(--quiet-gray-500)}.status-badge--appealed{background:var(--status-blue-light);color:var(--status-blue)}.status-badge--appealed .status-badge__dot{background:var(--status-blue)}.type-badge{background:var(--quiet-gray-100);color:var(--color-text-secondary);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px 20px;display:grid}.case-card{background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:16px;transition:all .15s ease-in-out}.case-card:hover{border-color:var(--law-navy);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f1a}.case-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.case-card__title{color:var(--color-heading);margin-bottom:4px;font-size:15px;font-weight:600}.case-card__number{color:var(--color-text-secondary);font-size:12px}.case-card__meta{margin-bottom:12px}.case-card__footer{color:var(--color-text-secondary);justify-content:space-between;font-size:12px;display:flex}.case-card__footer span{align-items:center;gap:4px;display:flex}.cases-kanban{grid-template-columns:repeat(3,1fr);gap:16px;min-height:400px;padding:16px 20px;display:grid}@media (max-width:1024px){.cases-kanban{grid-template-columns:1fr}}.kanban-column{background:var(--quiet-gray-100);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}body.dark .kanban-column{background:var(--quiet-gray-200)}.kanban-column__header{border-bottom:1px solid var(--color-border);background:var(--dashboard-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kanban-column__title{color:var(--color-heading);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.kanban-column__dot{border-radius:50%;width:8px;height:8px}.kanban-column__count{color:var(--color-text-secondary);background:var(--quiet-gray-100);border-radius:10px;padding:2px 8px;font-size:12px}.kanban-column__cards{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.kanban-card{background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:12px;transition:all .15s ease-in-out}.kanban-card:hover{border-color:var(--law-navy);transform:translateY(-1px);box-shadow:0 2px 8px #1e3a5f14}.kanban-card__title{color:var(--color-heading);margin-bottom:8px;font-size:13px;font-weight:500}.kanban-card__meta{color:var(--color-text-secondary);justify-content:space-between;font-size:11px;display:flex}.kanban-card__meta span{align-items:center;gap:3px;display:flex}.cases-pagination{background:var(--dashboard-card);border-top:1px solid var(--color-border);z-index:20;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;bottom:0}.cases-pagination__info{color:var(--color-text-secondary);font-size:13px}.cases-pagination__controls{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-page{width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background .1s;display:flex}.pagination-page:hover{background:var(--quiet-gray-100)}.pagination-page--active{background:var(--law-navy);color:#fff}.pagination-page--active:hover{background:var(--law-navy)}.pagination-ellipsis{width:32px;height:32px;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;display:flex}@media (max-width:1024px){.cases-header-bar{flex-wrap:wrap;gap:12px}.cases-header-bar__start{justify-content:space-between;width:100%}.cases-header-bar__center{order:3;width:100%}.cases-header-bar__stats{display:none}}@media (max-width:640px){.cases-header-bar{padding:12px 16px}.btn-primary span{display:none}.filter-select{min-width:80px}}.case-detail-page{background:var(--dashboard-bg)}.case-detail-header{z-index:30;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:12px 20px;position:sticky;top:0}.case-detail-header__top{align-items:center;gap:16px;margin-bottom:8px;display:flex}.back-btn{border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.back-btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.case-detail-header__title-section{flex:1;min-width:0}.case-detail-header__title{color:var(--color-heading);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.case-detail-header__subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.case-detail-header__actions{align-items:center;gap:8px;display:flex}.case-header-btn{border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.case-header-btn--primary:hover{background:var(--law-navy-dark)}.case-detail-content{grid-template-columns:280px 1fr 320px;align-items:start;gap:16px;padding:16px 20px;display:grid}@media (max-width:1400px){.case-detail-content{grid-template-columns:260px 1fr 280px}}@media (max-width:1024px){.case-detail-content{grid-template-columns:1fr}}.case-sidebar-right{flex-direction:column;gap:12px;display:flex}.case-sidebar-section{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:16px}.case-sidebar-section__title{color:var(--color-heading);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.case-info-item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:4px;padding:8px 0;display:flex}.case-info-item:last-child{border-bottom:none}.case-info-item__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:11px;font-weight:600}.case-info-item__value{color:var(--color-text);font-size:14px}.fees-grid{flex-direction:column;gap:8px;display:flex}.fee-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.fee-item:last-child{border-bottom:none;font-weight:600}.fee-item__label{color:var(--color-text-secondary);font-size:13px}.fee-item__amount{color:var(--color-text);font-size:14px}.quick-links{flex-direction:column;gap:6px;display:flex}.quick-link-btn{background:var(--quiet-gray-100);color:var(--color-text);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.quick-link-btn:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.quick-link-btn__left{align-items:center;gap:8px;display:flex}.quick-link-btn__count{background:var(--law-navy);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.case-main-content{flex-direction:column;gap:12px;display:flex}.case-main-section{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:20px}.case-main-section__title{color:var(--color-heading);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.case-description{color:var(--color-text);font-size:14px;line-height:1.6}.case-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:768px){.case-details-grid{grid-template-columns:1fr}}.case-detail-item{flex-direction:column;gap:4px;display:flex}.case-detail-item__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:11px;font-weight:600}.case-detail-item__value{color:var(--color-text);font-size:14px}.case-sidebar-left{flex-direction:column;gap:12px;display:flex}.parties-list{flex-direction:column;gap:10px;display:flex}.party-item{background:var(--quiet-gray-100);border-radius:6px;align-items:flex-start;gap:10px;padding:10px;display:flex}.party-item__avatar{background:var(--law-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.party-item__info{flex:1;min-width:0}.party-item__role{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.party-item__name{color:var(--color-heading);margin-top:2px;font-size:14px;font-weight:500}.party-item__contact{color:var(--color-text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.dates-list{flex-direction:column;gap:8px;display:flex}.date-item{background:var(--quiet-gray-100);border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.date-item__icon{background:var(--law-navy-light);width:32px;height:32px;color:var(--law-navy);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.date-item__info{flex:1}.date-item__label{color:var(--color-text-secondary);font-size:12px}.date-item__value{color:var(--color-heading);margin-top:2px;font-size:13px;font-weight:500}.actions-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.action-card{background:var(--quiet-gray-100);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;transition:all .15s;display:flex}.action-card:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.action-card__icon{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-card__label{color:var(--color-text);text-align:center;font-size:12px;font-weight:500}.stats-list{flex-direction:column;gap:8px;display:flex}.stat-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-item__label{color:var(--color-text-secondary);font-size:13px}.stat-item__value{color:var(--law-navy);font-size:14px;font-weight:600}.case-timeline-section{background:var(--dashboard-card);border-top:1px solid var(--color-border);padding:20px}.case-timeline-section__title{color:var(--color-heading);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}@media (max-width:1024px){.case-sidebar-left{order:-1}}.letterhead-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.letterhead-card{background:var(--dashboard-card);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:6px;padding:16px;position:relative}.letterhead-card:hover{border-color:var(--law-navy);box-shadow:0 4px 12px #00000014}.letterhead-card--default{border-color:var(--law-navy);box-shadow:0 2px 8px #1e3a5f26}.letterhead-card--inactive{opacity:.6}.letterhead-card__badge{background:var(--law-navy);color:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex;position:absolute;top:-8px;right:-8px}.letterhead-card__badge svg{width:12px;height:12px}.letterhead-type-badge{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.letterhead-type-badge--image{color:#3b82f6;background:#3b82f61a}.letterhead-type-badge--dynamic{color:#10b981;background:#10b9811a}.letterhead-type-badge--inactive{background:var(--quiet-gray-100);color:var(--color-text-secondary)}.letterhead-card__name{color:var(--color-heading);margin:12px 0 8px;font-size:14px;font-weight:600}.letterhead-card__info{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.letterhead-card__info p{margin:4px 0}.letterhead-card__actions{border-top:1px solid var(--color-border);align-items:center;gap:4px;margin-top:12px;padding-top:12px;display:flex}.letterhead-action-btn{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:flex}.letterhead-action-btn:hover{background:var(--quiet-gray-100)}.letterhead-action-btn--view{color:var(--color-text-secondary)}.letterhead-action-btn--view:hover{color:var(--color-text)}.letterhead-action-btn--edit{color:#3b82f6}.letterhead-action-btn--edit:hover{background:#3b82f61a}.letterhead-action-btn--copy{color:var(--color-text-secondary)}.letterhead-action-btn--copy:hover{color:var(--color-text)}.letterhead-action-btn--default{color:#f59e0b}.letterhead-action-btn--default:hover{background:#f59e0b1a}.letterhead-action-btn--delete{color:#ef4444;margin-right:auto}.letterhead-action-btn--delete:hover{background:#ef44441a}.letterhead-action-btn:disabled{opacity:.5;cursor:not-allowed}.letterhead-action-btn svg{width:14px;height:14px}.letterhead-empty{text-align:center;background:var(--quiet-gray-100);border-radius:6px;padding:48px 24px}body.dark .letterhead-empty{background:var(--quiet-gray-200)}.letterhead-empty__icon{width:64px;height:64px;color:var(--quiet-gray-300);margin:0 auto 16px}.letterhead-empty__title{color:var(--color-heading);margin-bottom:4px;font-size:16px;font-weight:600}.letterhead-empty__desc{color:var(--color-text-secondary);margin-bottom:16px;font-size:13px}.letterhead-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.letterhead-modal{background-color:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.letterhead-modal--preview{max-width:1000px}.letterhead-modal__header{border-bottom:1px solid var(--color-border);background:var(--quiet-gray-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}body.dark .letterhead-modal__header{background:var(--quiet-gray-200)}.letterhead-modal__title{color:var(--color-heading);font-size:16px;font-weight:600}.letterhead-modal__subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.letterhead-modal__close{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.letterhead-modal__close:hover{background:var(--quiet-gray-200);color:var(--color-text)}body.dark .letterhead-modal__close:hover{background:var(--quiet-gray-300)}.letterhead-modal__actions{align-items:center;gap:8px;display:flex}.letterhead-type-selection{border-bottom:1px solid var(--color-border);background:var(--quiet-gray-100);padding:16px}body.dark .letterhead-type-selection{background:var(--quiet-gray-200)}.letterhead-type-selection__label{color:var(--color-text-secondary);margin-bottom:10px;font-size:12px;font-weight:500}.letterhead-type-options{gap:12px;display:flex}.letterhead-type-option{background:var(--dashboard-card);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex:1;align-items:center;gap:12px;padding:14px;display:flex}.letterhead-type-option:hover{border-color:var(--law-navy-light)}.letterhead-type-option--active{border-color:var(--law-navy);background:var(--law-navy-light)}.letterhead-type-option__icon{width:24px;height:24px;color:var(--color-text-secondary)}.letterhead-type-option--active .letterhead-type-option__icon{color:var(--law-navy)}.letterhead-type-option__title{color:var(--color-heading);font-size:14px;font-weight:500}.letterhead-type-option__desc{color:var(--color-text-secondary);font-size:12px}.letterhead-tabs{border-bottom:1px solid var(--color-border);display:flex}.letterhead-tab{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:500}.letterhead-tab:hover{color:var(--color-text)}.letterhead-tab--active{color:var(--law-navy);border-bottom-color:var(--law-navy)}.letterhead-form-content{flex:1;padding:20px;overflow-y:auto}.letterhead-form-section{margin-bottom:20px}.letterhead-form-section:last-child{margin-bottom:0}.letterhead-field{margin-bottom:16px}.letterhead-field:last-child{margin-bottom:0}.letterhead-field__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.letterhead-field__label--required:after{content:"*";color:#ef4444;margin-right:2px}.letterhead-field__input{width:100%;color:var(--color-text);background:var(--dashboard-bg);border:1px solid var(--color-border);transition:border-color var(--transition-fast);border-radius:6px;outline:none;padding:10px 12px;font-size:13px}body.dark .letterhead-field__input{background:var(--quiet-gray-200)}.letterhead-field__input:focus{border-color:var(--law-navy)}.letterhead-field__input::-moz-placeholder{color:var(--color-text-secondary)}.letterhead-field__input::placeholder{color:var(--color-text-secondary)}.letterhead-field__select{width:100%;color:var(--color-text);background:var(--dashboard-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;outline:none;padding:10px 12px;font-size:13px}body.dark .letterhead-field__select{background:var(--quiet-gray-200)}.letterhead-field__select:focus{border-color:var(--law-navy)}.letterhead-field__textarea{width:100%;color:var(--color-text);background:var(--dashboard-bg);border:1px solid var(--color-border);resize:vertical;border-radius:6px;outline:none;min-height:80px;padding:10px 12px;font-size:13px}body.dark .letterhead-field__textarea{background:var(--quiet-gray-200)}.letterhead-field__textarea:focus{border-color:var(--law-navy)}.letterhead-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.letterhead-form-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.letterhead-form-grid,.letterhead-form-grid--3{grid-template-columns:1fr}}.letterhead-checkbox-group{flex-wrap:wrap;gap:16px;display:flex}.letterhead-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.letterhead-checkbox input{width:16px;height:16px;accent-color:var(--law-navy)}.letterhead-checkbox__label{color:var(--color-text);font-size:13px}.letterhead-color-picker{align-items:center;gap:8px;display:flex}.letterhead-color-picker__input{border:1px solid var(--color-border);cursor:pointer;border-radius:6px;width:40px;height:40px;padding:2px}.letterhead-color-picker__text{color:var(--color-text);background:var(--dashboard-bg);border:1px solid var(--color-border);border-radius:4px;flex:1;padding:8px 10px;font-size:12px}.letterhead-upload{border:2px dashed var(--color-border);text-align:center;cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:24px}.letterhead-upload:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.letterhead-upload__icon{width:32px;height:32px;color:var(--color-text-secondary);margin:0 auto 8px}.letterhead-upload__text{color:var(--color-text-secondary);font-size:13px}.letterhead-upload__hint{color:var(--quiet-gray-400);margin-top:4px;font-size:11px}.letterhead-upload--loading{opacity:.7;pointer-events:none}.letterhead-image-preview{position:relative}.letterhead-image-preview__img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--color-border);background:var(--quiet-gray-100);border-radius:8px;width:100%;height:120px}.letterhead-image-preview__remove{color:#fff;cursor:pointer;opacity:0;width:28px;height:28px;transition:opacity var(--transition-fast);background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.letterhead-image-preview:hover .letterhead-image-preview__remove{opacity:1}.letterhead-image-preview__remove svg{width:14px;height:14px}.letterhead-margin-preview{justify-content:center;margin-top:20px;display:flex}.letterhead-margin-preview__page{border:2px solid var(--color-border);background:#fff;width:150px;height:212px;position:relative}.letterhead-margin-preview__content{background:#3b82f626;position:absolute}.letterhead-margin-preview__label{color:#3b82f6;white-space:nowrap;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.letterhead-separator{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.letterhead-modal__footer{border-top:1px solid var(--color-border);background:var(--quiet-gray-100);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}body.dark .letterhead-modal__footer{background:var(--quiet-gray-200)}.letterhead-btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.letterhead-btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.letterhead-btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.letterhead-btn--primary:hover{background:var(--law-navy-dark)}.letterhead-btn--success{color:#fff;background:#10b981;border-color:#10b981}.letterhead-btn--success:hover{background:#059669}.letterhead-btn:disabled{opacity:.5;cursor:not-allowed}.letterhead-btn svg{width:16px;height:16px}.letterhead-preview-panel{background:var(--quiet-gray-100);flex:1;padding:24px;overflow:auto}body.dark .letterhead-preview-panel{background:var(--quiet-gray-200)}.letterhead-preview-frame{background:#fff;border-radius:8px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 1px 3px #0000001a}.letterhead-preview-frame iframe{border:none;width:100%;height:600px}.letterhead-info-bar{border-top:1px solid var(--color-border);background:var(--quiet-gray-100);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;display:flex}body.dark .letterhead-info-bar{background:var(--quiet-gray-200)}.letterhead-info-bar__items{align-items:center;gap:16px;display:flex}.letterhead-info-bar__item{align-items:center;gap:4px;display:flex}.letterhead-info-bar__item svg{width:14px;height:14px}.letterhead-toggle{cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.letterhead-toggle--enabled{color:#166534;background:#10b9811a}.letterhead-toggle--disabled{background:var(--quiet-gray-100);color:var(--color-text-secondary)}body.dark .letterhead-toggle--disabled{background:var(--quiet-gray-200)}.letterhead-toggle input{display:none}.letterhead-toggle svg{width:14px;height:14px}.letterhead-loading{justify-content:center;align-items:center;padding:48px;display:flex}.letterhead-loading__spinner{width:32px;height:32px;color:var(--law-navy);animation:1s linear infinite spin}.letterhead-error{color:#ef4444;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.letterhead-error svg{width:24px;height:24px}.letterhead-helper{color:var(--color-text-secondary);margin-bottom:16px;font-size:12px}.letterhead-slider{background:var(--quiet-gray-200);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:3px;width:100%;height:6px;margin-top:8px}.letterhead-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--law-navy);cursor:pointer;width:18px;height:18px;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 2px 4px #0003}.letterhead-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.letterhead-slider::-moz-range-thumb{background:var(--law-navy);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.letterhead-slider::-moz-range-track{background:var(--quiet-gray-200);border-radius:3px;height:6px}body.dark .letterhead-slider{background:var(--quiet-gray-300)}body.dark .letterhead-slider::-webkit-slider-thumb{background:var(--law-navy-light)}.letterhead-rotation-options{gap:8px;margin-top:8px;display:flex}.letterhead-rotation-btn{background:var(--dashboard-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:center;border-radius:8px;flex:1;padding:10px 8px;font-size:13px;font-weight:600}.letterhead-rotation-btn:hover{border-color:var(--law-navy-light);background:var(--quiet-gray-100)}.letterhead-rotation-btn--active{background:var(--law-navy-light);border-color:var(--law-navy);color:var(--law-navy)}body.dark .letterhead-rotation-btn{background:var(--dashboard-card);border-color:var(--color-border)}body.dark .letterhead-rotation-btn:hover{background:var(--quiet-gray-200)}body.dark .letterhead-rotation-btn--active{border-color:var(--law-navy-light);color:var(--law-navy-light);background:#c5a05933}.letterhead-presets{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.letterhead-preset-btn{background:var(--dashboard-bg);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:8px 14px;font-size:12px;font-weight:500}.letterhead-preset-btn:hover{background:var(--law-navy-light);border-color:var(--law-navy);color:var(--law-navy)}body.dark .letterhead-preset-btn{background:var(--dashboard-card)}body.dark .letterhead-preset-btn:hover{color:var(--law-navy-light);background:#c5a05933}.letterhead-watermark-preview{background:var(--quiet-gray-100);border-radius:12px;justify-content:center;margin-top:16px;padding:20px;display:flex}body.dark .letterhead-watermark-preview{background:var(--quiet-gray-200)}.letterhead-watermark-preview__page{border:1px solid var(--color-border);background:#fff;border-radius:4px;width:180px;height:254px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}body.dark .letterhead-watermark-preview__page{background:#f5f5f5}.letterhead-watermark-preview__content{padding:24px 16px}.letterhead-watermark-preview__line{background:#e5e5e5;border-radius:3px;height:6px;margin-bottom:10px}.letterhead-watermark-preview__watermark{pointer-events:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Traditional Arabic,serif;font-weight:700;position:absolute}.letterhead-watermark-preview__watermark--center{top:50%;left:50%;transform:translate(-50%,-50%)}.letterhead-watermark-preview__watermark--top{top:15%;left:50%;transform:translate(-50%)}.letterhead-watermark-preview__watermark--bottom{bottom:15%;left:50%;transform:translate(-50%)}.letterhead-secondary-section{border-top:1px dashed var(--color-border);margin-top:20px;padding-top:20px}.letterhead-secondary-toggle{background:var(--quiet-gray-100);cursor:pointer;transition:background var(--transition-fast);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.letterhead-secondary-toggle:hover,body.dark .letterhead-secondary-toggle{background:var(--quiet-gray-200)}.letterhead-doc-types{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.letterhead-doc-type{background:var(--dashboard-bg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex}.letterhead-doc-type:hover{border-color:var(--law-navy-light)}.letterhead-doc-type--active{background:var(--law-navy-light);border-color:var(--law-navy)}.letterhead-doc-type input{display:none}.letterhead-doc-type__icon{border:2px solid var(--color-border);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.letterhead-doc-type--active .letterhead-doc-type__icon{background:var(--law-navy);border-color:var(--law-navy);color:#fff}.letterhead-doc-type__icon svg{width:12px;height:12px}body.dark .letterhead-doc-type{background:var(--dashboard-card)}.letterhead-watermark-info{background:#c5a0591a;border:1px solid #c5a0594d;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.letterhead-watermark-info svg{width:20px;height:20px;color:var(--law-navy);flex-shrink:0;margin-top:2px}.letterhead-watermark-info p{color:var(--color-text);margin:0;font-size:13px;line-height:1.5}body.dark .letterhead-watermark-info{background:#c5a05926}:root{--color-background:#fdfbf7;--color-surface:#fff;--color-surface-subtle:#f7f5f0;--color-border:#e0e0e0;--color-border-strong:#c9c9c9;--color-text:#212121;--color-text-secondary:#5a5a5a;--color-heading:#0a192f;--color-primary:#0a192f;--color-primary-hover:#142840;--color-primary-active:#1a3652;--color-primary-soft:#0a192f14;--color-accent:#c5a572;--color-accent-hover:#d4b685;--color-accent-soft:#c5a57226;--tenant-primary:#c5a059;--tenant-secondary:#1a1a1a;--color-success:#1b998b;--color-warning:#f4a259;--color-error:#d1495b;--color-info:#3b82f6;--color-cream-50:#fdfbf7;--color-gray-100:#f5f3ed;--color-gray-200:#e0e0e0;--color-gray-300:#c9c9c9;--color-gray-400:#a8a8a8;--color-gray-500:#8a8a8a;--color-brown-600:#5a5a5a;--color-brown-600-rgb:90,90,90;--color-slate-500-rgb:90,90,90;--color-orange-400:#f4a259;--color-orange-400-rgb:244,162,89;--color-orange-500:#e8873a;--color-teal-400:#3ac2b7;--color-teal-500:#2ea8a1;--color-teal-600:#258a84;--color-teal-700:#1d6d69;--color-success-soft:#1b998b1f;--color-warning-soft:#f4a25926;--color-error-soft:#d1495b1f;--color-info-soft:#3b82f61f;--color-neutral-soft:#5a5a5a1a;--focus-outline:#0a192f40;--shadow-xs:0 1px 2px #0a192f0a;--shadow-sm:0 8px 16px #0a192f0f;--shadow-md:0 14px 32px #0a192f14;--shadow-lg:0 24px 42px #0a192f1a;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--font-family-base:"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--line-height-tight:1.25;--line-height-normal:1.6;color-scheme:light}body.dark{--color-background:#10151f;--color-surface:#161d2a;--color-surface-subtle:#1d2534;--color-border:#293143;--color-border-strong:#384258;--color-text:#e3e8f4;--color-text-secondary:#9aa5b9;--color-heading:#f2f4f9;--color-primary:#5aa5f7;--color-primary-hover:#4791e1;--color-primary-active:#3775b6;--color-primary-soft:#5aa5f724;--color-accent:#4fd3c4;--color-success:#46c2b3;--color-warning:#fbc46d;--color-error:#ff7b8a;--color-info:#6fa3ff;--color-cream-50:#f9fafb;--color-gray-100:#1d2534;--color-gray-200:#232d3f;--color-gray-300:#2c374c;--color-gray-400:#3c4861;--color-gray-500:#54617a;--color-brown-600:#9ba7bd;--color-brown-600-rgb:155,167,189;--color-slate-500-rgb:154,165,185;--color-orange-400:#f5a971;--color-orange-400-rgb:245,169,113;--color-orange-500:#f28d4c;--color-teal-400:#5ad7ce;--color-teal-500:#4fd3c4;--color-teal-600:#37b7ac;--color-teal-700:#2d968e;--color-success-soft:#46c2b32e;--color-warning-soft:#fbc46d33;--color-error-soft:#ff7b8a3d;--color-info-soft:#6fa3ff38;--color-accent-soft:#4fd3c433;--color-neutral-soft:#9aa5b929;--focus-outline:#5aa5f759;color-scheme:dark}body.classic{--color-background:#f5efe6;--color-surface:#fffbf5;--color-surface-subtle:#ede6da;--color-border:#d4c9b8;--color-border-strong:#b8a994;--color-text:#2b1b12;--color-text-secondary:#6b5b4d;--color-heading:#1a0f08;--color-primary:#4a2c1a;--color-primary-hover:#5d3a24;--color-primary-active:#3a2213;--color-primary-soft:#4a2c1a1a;--color-accent:#b8860b;--color-accent-hover:#d4a01a;--color-accent-soft:#b8860b26;--color-success:#2e7d32;--color-warning:#c17000;--color-error:#9b2c2c;--color-info:#1565c0;--color-cream-50:#f5efe6;--color-gray-100:#ede6da;--color-gray-200:#d4c9b8;--color-gray-300:#b8a994;--color-gray-400:#998a78;--color-gray-500:#7a6f63;--color-brown-600:#6b5b4d;--color-brown-600-rgb:107,91,77;--color-slate-500-rgb:107,91,77;--color-orange-400:#c17000;--color-orange-400-rgb:193,112,0;--color-orange-500:#a35f00;--color-teal-400:#2e7d6d;--color-teal-500:#267363;--color-teal-600:#1e6858;--color-teal-700:#165d4e;--color-success-soft:#2e7d321f;--color-warning-soft:#c1700026;--color-error-soft:#9b2c2c1f;--color-info-soft:#1565c01f;--color-neutral-soft:#6b5b4d1a;--focus-outline:#4a2c1a40;--shadow-xs:0 1px 2px #2a170c0d;--shadow-sm:0 8px 16px #2a170c14;--shadow-md:0 14px 32px #2a170c1a;--shadow-lg:0 24px 42px #2a170c1f;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-background);color:var(--color-text);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;transition:background-color .25s,color .25s}#root{min-height:100%}p,span,li,label{color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}input,textarea{border-radius:var(--radius-xs)}img{max-width:100%;display:block}::-moz-selection{background-color:var(--color-primary);color:#fff}::selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-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-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-content{syntax:"*";inherits:false;initial-value:""}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-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-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-content:""}}}:root{--color-primary: #218092;--color-primary-light: #f0f9ff;--color-success: #059669;--color-success-light: #ecfdf5;--color-error: #dc2626;--color-error-light: #fef2f2;--color-border: #e5e7eb;--color-text: #111827;--color-text-light: #6b7280}.tiptap-editor{position:relative;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background-color:#fff}.tiptap-editor-content{outline:none;direction:rtl;text-align:right}.tiptap-editor-content h1{font-size:24px;font-weight:700;margin:24px 0 16px;color:var(--color-text);text-align:right}.tiptap-editor-content h2{font-size:20px;font-weight:600;margin:20px 0 12px;color:var(--color-text);text-align:right}.tiptap-editor-content h3{font-size:18px;font-weight:600;margin:16px 0 10px;color:var(--color-text);text-align:right}.tiptap-editor-content p{margin:12px 0;line-height:1.7;color:var(--color-text);text-align:right}.tiptap-editor-content ul,.tiptap-editor-content ol{padding-right:24px;margin:12px 0;direction:rtl}.tiptap-editor-content li{margin:6px 0;line-height:1.6;color:var(--color-text)}.tiptap-editor-content ul li{list-style-type:disc}.tiptap-editor-content ol li{list-style-type:decimal}.tiptap-editor-content strong{font-weight:600;color:var(--color-text)}.tiptap-editor-content em{font-style:italic}.tiptap-editor-content u{text-decoration:underline}.tiptap-editor-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0;overflow:hidden;border:1px solid var(--color-border)}.tiptap-editor-content table td,.tiptap-editor-content table th{min-width:1em;border:1px solid var(--color-border);padding:8px 12px;vertical-align:top;box-sizing:border-box;position:relative;text-align:right;direction:rtl}.tiptap-editor-content table th{font-weight:600;background-color:var(--color-background)}.tiptap-editor-content table .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background:#3b82f61a;pointer-events:none}.tiptap-editor-content .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:var(--color-primary);pointer-events:none}.tiptap-editor-content table .resize-cursor{cursor:ew-resize}.tiptap-editor-content mark{background-color:#fbbf24;padding:0 2px;border-radius:2px}.tiptap-editor-content:focus{outline:none}.tiptap-editor:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.tiptap-editor-content[dir=rtl]{text-align:right;direction:rtl}.tiptap-editor-content[dir=rtl] ul,.tiptap-editor-content[dir=rtl] ol{padding-right:24px;padding-left:0}@media print{.tiptap-editor .toolbar{display:none!important}.tiptap-editor{border:none;box-shadow:none}.tiptap-editor-content{padding:0}}.tiptap-editor-content .is-editor-empty:first-child:before{content:attr(data-placeholder);float:right;color:var(--color-text-light);pointer-events:none;height:0}.auth-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);background-image:radial-gradient(circle at 15% 15%,rgba(10,25,47,.06),transparent 55%),radial-gradient(circle at 85% 85%,rgba(197,165,114,.08),transparent 58%)}@media (min-width: 1024px){.auth-page{flex-direction:row;align-items:stretch}.auth-page__hero{order:1}.auth-page__panel{order:2}}.auth-page__panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5)}@media (min-width: 768px){.auth-page__panel{padding:var(--space-9) var(--space-7)}}@media (min-width: 1280px){.auth-page__panel{padding:var(--space-10) var(--space-9)}}.auth-card{width:min(100%,440px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}@media (max-width: 639px){.auth-card{padding:var(--space-6);gap:var(--space-5)}}.auth-card__brand{display:flex;align-items:center;gap:var(--space-4)}.auth-card__logo{width:56px;height:56px;border-radius:50%;background-color:var(--color-primary-soft);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.auth-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--font-size-sm)}.auth-alert--error{background-color:#d1495b1f;border-color:#d1495b47;color:var(--color-error)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{position:relative}.auth-field__icon{position:absolute;inset-block:0;inset-inline-end:var(--space-3);display:inline-flex;align-items:center;color:var(--color-text-secondary);pointer-events:none}.auth-field__input--with-icon{padding-inline-end:var(--space-9)}.auth-field__input--with-toggle{padding-inline-start:var(--space-9)}.auth-field__toggle{position:absolute;inset-block:0;inset-inline-start:var(--space-3);width:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:none;border:none;padding:0;cursor:pointer}.auth-field__toggle:hover,.auth-field__toggle:focus-visible{color:var(--color-primary)}.auth-form__options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-checkbox input{width:18px;height:18px;accent-color:var(--color-primary)}.auth-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;background:none;border:none;padding:0}.auth-link:hover,.auth-link:focus-visible{text-decoration:underline}.auth-submit{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-base)}.auth-submit .auth-spinner{width:20px;height:20px;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-cream-50);border-right-color:#fff3;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.auth-divider:before,.auth-divider:after{content:"";position:absolute;inset-block-start:50%;width:40%;height:1px;background-color:var(--color-border)}.auth-divider:before{inset-inline-start:0}.auth-divider:after{inset-inline-end:0}.auth-divider span{position:relative;display:inline-block;padding:0 var(--space-3);background-color:var(--color-surface)}.auth-sample__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.auth-sample__item{--tone-background: var(--color-surface-subtle);--tone-border: var(--color-border);--tone-color: var(--color-heading);display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--tone-border);background-color:var(--tone-background);color:var(--tone-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:right}.auth-sample__item:hover,.auth-sample__item:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.auth-sample__item[data-tone=primary]{--tone-background: rgba(10, 25, 47, .08);--tone-border: rgba(10, 25, 47, .2);--tone-color: var(--color-primary)}.auth-sample__item[data-tone=accent]{--tone-background: rgba(197, 165, 114, .12);--tone-border: rgba(197, 165, 114, .3);--tone-color: var(--color-accent)}.auth-sample__item[data-tone=success]{--tone-background: rgba(27, 153, 139, .14);--tone-border: rgba(27, 153, 139, .28);--tone-color: var(--color-success)}.auth-sample__item[data-tone=info]{--tone-background: rgba(59, 130, 246, .14);--tone-border: rgba(59, 130, 246, .28);--tone-color: var(--color-info)}.auth-sample__role{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.auth-sample__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.auth-page__hero{display:none;flex:1;position:relative;overflow:hidden}@media (min-width: 1024px){.auth-page__hero{display:flex}}.auth-hero{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);padding:var(--space-9);color:var(--color-cream-50);background:linear-gradient(135deg,#0a192f,#142840,#1a3652)}.auth-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(197,165,114,.12),transparent 60%),radial-gradient(circle at 80% 80%,rgba(10,25,47,.4),transparent 55%);pointer-events:none}.auth-hero__section{position:relative;z-index:1}.auth-hero__brand{display:flex;align-items:center;gap:var(--space-4)}.auth-hero__icon{width:64px;height:64px;border-radius:50%;background-color:#c5a57233;display:inline-flex;align-items:center;justify-content:center;color:#c5a572}.auth-hero__brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-hero__brand-copy{font-size:var(--font-size-sm);color:#ffffffc7;margin-top:2px}.auth-hero__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--space-6)}.auth-hero__subtitle{margin-top:var(--space-3);max-width:440px;font-size:var(--font-size-base);color:#ffffffd9}.auth-hero__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.auth-hero__list-item{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base)}.auth-hero__list-item svg{color:#ffffffe0}.auth-hero__footer{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.auth-hero__stat{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(197,165,114,.25);background-color:#0a192f66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-hero__stat-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.auth-hero__stat-label{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:#ffffffc7}.auth-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background-color:var(--color-background)}.auth-loader__spinner{width:64px;height:64px;border-radius:50%;border:4px solid var(--color-border);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.auth-loader__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-card--wide{width:min(100%,560px)}.auth-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 540px){.auth-choice{grid-template-columns:1fr}}.auth-choice__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-choice__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000f}.auth-choice__card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.auth-choice__card--disabled:hover{border-color:var(--color-border);box-shadow:none}.auth-choice__icon{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--color-surface-subtle);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center}.auth-choice__card:hover .auth-choice__icon{background-color:var(--color-primary-soft);color:var(--color-primary)}.auth-choice__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.auth-choice__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.auth-choice__action{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-top:auto}.auth-choice__action--disabled{color:var(--color-text-secondary)}.auth-link--center,.auth-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-step{display:flex;align-items:center;gap:var(--space-2)}.auth-step__number{width:24px;height:24px;border-radius:50%;background-color:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;justify-content:center}.auth-step--active .auth-step__number{background-color:var(--color-primary);color:#fff}.auth-step--completed .auth-step__number{background-color:var(--color-success);color:#fff}.auth-step__title{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:none}@media (min-width: 540px){.auth-step__title{display:inline}.auth-step--active .auth-step__title{color:var(--color-heading);font-weight:var(--font-weight-medium)}}.auth-step__line{width:32px;height:2px;background-color:var(--color-border)}.auth-step__line--active{background-color:var(--color-success)}.form-required{color:var(--color-error)}.form-optional{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d1495b1a}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.auth-form__actions{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4)}.auth-summary{display:flex;flex-direction:column;gap:var(--space-4)}.auth-summary__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.auth-summary__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (max-width: 540px){.auth-summary__grid{grid-template-columns:1fr}}.auth-summary__item{display:flex;flex-direction:column;gap:2px}.auth-summary__label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.auth-summary__value{font-size:var(--font-size-sm);color:var(--color-heading)}.auth-summary__note{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-2)}.auth-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);text-align:center}.auth-success__icon{width:64px;height:64px;border-radius:50%;background-color:#1b998b1f;color:var(--color-success);display:inline-flex;align-items:center;justify-content:center}.auth-success__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.auth-success__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-spinner-icon{animation:spin 1s linear infinite}.auth-register-prompt{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-register-prompt a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-register-prompt a:hover{text-decoration:underline}.auth-content-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);min-height:300px}.auth-page--tenant{background-color:var(--tenant-primary, #C5A059);background-image:none;justify-content:center;align-items:center}.auth-page--tenant .auth-page__panel--full{flex:none;width:100%;max-width:500px;padding:var(--space-6);display:flex;flex-direction:column;align-items:center}.auth-tenant-top-header{width:100%;padding:var(--space-6) 0 var(--space-4);display:flex;justify-content:center;align-items:center}.auth-tenant-logo-container{display:flex;justify-content:center;align-items:center}.auth-tenant-header-logo{height:80px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15))}.auth-tenant-header-logo-placeholder{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000026}@media (max-width: 768px){.auth-tenant-header-logo{height:60px}.auth-tenant-header-logo-placeholder{width:60px;height:60px}}.auth-tenant-header{text-align:center;margin-bottom:var(--space-6)}.auth-tenant-logo{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg);background:#fff;padding:var(--space-3);box-shadow:0 20px 50px -15px #00000080;margin-bottom:var(--space-4)}.auth-tenant-logo-placeholder{width:100px;height:100px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);box-shadow:0 20px 50px -15px #00000080}.auth-tenant-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-2)}.auth-tenant-tagline{font-size:var(--font-size-sm);color:#fff9}.auth-page--tenant .auth-card{width:100%;max-width:440px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-page--tenant .auth-card__brand{margin-bottom:var(--space-6)}.auth-page--tenant .auth-card__title,.auth-page--tenant .auth-label,.auth-page--tenant .auth-register-prompt{color:#fff}.auth-page--tenant .auth-card__subtitle,.auth-page--tenant .auth-text-muted{color:#ffffffe6}.auth-page--tenant .auth-input{background-color:#ffffff14;border-color:#ffffff26;color:#fff}.auth-page--tenant .auth-input:focus{border-color:var(--tenant-primary, var(--color-primary));box-shadow:0 0 0 3px #c5a05933}.auth-page--tenant .auth-input::-moz-placeholder{color:#fff6}.auth-page--tenant .auth-input::placeholder{color:#fff6}.auth-page--tenant .auth-btn--primary{background-color:var(--tenant-primary, var(--color-primary))}.auth-page--tenant .auth-btn--primary:hover{filter:brightness(1.1)}.auth-page--tenant .auth-checkbox-label{color:#fffc}.auth-page--tenant .auth-link{color:var(--tenant-primary, var(--color-primary))}.auth-page--loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--tenant-primary, #C5A059)}.auth-loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.auth-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#ffffffe6;border-radius:50%;animation:auth-spin .8s linear infinite}.auth-loading-text{color:#ffffffd9;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (min-width: 1024px){.auth-page--tenant{flex-direction:column}}.notebook-fab{position:fixed;bottom:24px;left:24px;z-index:900;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;box-shadow:0 4px 16px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notebook-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #00000040}.notebook-fab.open{background:var(--color-text-secondary);transform:rotate(90deg)}.notebook-fab svg{width:24px;height:24px}.notebook-quick-panel{position:fixed;bottom:92px;left:24px;z-index:899;width:320px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quick-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border)}.quick-panel-title{font-size:14px;font-weight:600;color:var(--color-heading)}.quick-panel-case{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-primary-soft);border-radius:4px;font-size:11px;color:var(--color-primary)}.quick-panel-case svg{width:12px;height:12px}.quick-category-row{display:flex;gap:8px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.quick-cat-btn{flex:1;padding:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.quick-cat-btn:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.quick-cat-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary-soft)}.quick-content-input{width:100%;padding:14px 16px;border:none;background:var(--color-surface);font-size:14px;color:var(--color-text);resize:none;min-height:80px}.quick-content-input:focus{outline:none}.quick-content-input::-moz-placeholder{color:var(--color-text-secondary)}.quick-content-input::placeholder{color:var(--color-text-secondary)}.quick-panel-footer{padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}.quick-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-xs);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.quick-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.quick-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quick-submit-btn svg{width:16px;height:16px}@media (max-width: 480px){.notebook-fab{bottom:16px;left:16px;width:48px;height:48px}.notebook-quick-panel{left:16px;right:16px;width:auto;bottom:76px}}.notification-center-overlay{position:fixed;inset:0;background:#0a192f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;align-items:flex-start;z-index:9999;padding:60px 20px 20px}.notification-center{background:var(--dashboard-card);border-radius:12px;width:100%;max-width:420px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #0a192f40,0 0 0 1px #ffffff1a inset;border:1px solid var(--color-border);animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.notification-center__header{padding:16px 20px;background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border)}body.dark .notification-center__header{background:var(--quiet-gray-100)}.notification-center__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.notification-center__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading);margin:0}.notification-center__title svg{color:var(--law-navy)}.notification-center__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;color:#fff;background:var(--status-red);border-radius:10px}.notification-center__actions{display:flex;gap:6px}.notification-center__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.notification-center__icon-btn:hover{border-color:var(--law-navy);color:var(--law-navy)}.notification-center__icon-btn--close:hover{border-color:var(--status-red);color:var(--status-red)}.notification-center__tabs{display:flex;gap:4px}.notification-center__tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:5px;border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.notification-center__tab:hover{background:var(--dashboard-card);color:var(--law-navy)}.notification-center__tab--active{background:var(--law-navy);color:#fff}.notification-center__tab-count{font-size:10px;padding:1px 5px;border-radius:8px;background:#fff3}.notification-center__tab:not(.notification-center__tab--active) .notification-center__tab-count{background:var(--quiet-gray-200);color:var(--color-text-secondary)}.notification-center__quick-action{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--status-green);border-radius:5px;background:transparent;color:var(--status-green);font-size:12px;font-weight:500;cursor:pointer;margin-right:auto;transition:all .15s}.notification-center__quick-action:hover{background:var(--status-green);color:#fff}.notification-center__list{flex:1;overflow-y:auto;padding:12px}.nc-item{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:6px;border:1px solid transparent}.nc-item:last-child{margin-bottom:0}.nc-item:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.nc-item--unread{background:var(--law-navy-light);border-color:#0a192f1a}.nc-item--unread:hover{border-color:var(--law-navy)}.nc-item__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.nc-item__icon--warning{background:var(--status-orange-light);color:var(--status-orange)}.nc-item__icon--success{background:var(--status-green-light);color:var(--status-green)}.nc-item__icon--error{background:var(--status-red-light);color:var(--status-red)}.nc-item__icon--info,.nc-item__icon--reminder,.nc-item__icon--task{background:var(--status-blue-light);color:var(--status-blue)}.nc-item__icon--case{background:var(--law-navy-light);color:var(--law-navy)}.nc-item__icon--document{background:var(--status-green-light);color:var(--status-green)}.nc-item__content{flex:1;min-width:0}.nc-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.nc-item__title{font-size:13px;font-weight:500;color:var(--color-heading);margin:0;display:flex;align-items:center;gap:6px}.nc-item--unread .nc-item__title{font-weight:600}.nc-item__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.nc-item__dot--unread{background:var(--law-navy)}.nc-item__dot--important{background:var(--status-red)}.nc-item__message{font-size:12px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-item__footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.nc-item__time{display:flex;align-items:center;gap:4px}.nc-item__delete{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:all .15s}.nc-item:hover .nc-item__delete{opacity:1}.nc-item__delete:hover{background:var(--status-red-light);color:var(--status-red)}.notification-center__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;gap:12px;color:var(--color-text-secondary)}.notification-center__loading svg{color:var(--law-navy)}.notification-center__loading span{font-size:13px}.notification-center__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.notification-center__empty-icon{width:48px;height:48px;color:var(--color-text-secondary);opacity:.4;margin-bottom:16px}.notification-center__empty-title{font-size:15px;font-weight:600;color:var(--color-heading);margin:0 0 6px}.notification-center__empty-desc{font-size:13px;color:var(--color-text-secondary);margin:0}.notification-center__footer{padding:12px 16px;border-top:1px solid var(--color-border);text-align:center}.notification-center__link{font-size:13px;color:var(--law-navy);text-decoration:none;font-weight:500}.notification-center__link:hover{text-decoration:underline}@media (max-width: 480px){.notification-center-overlay{padding:0}.notification-center{max-width:100%;max-height:100vh;border-radius:0}}.subscription-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:6px 16px;box-shadow:0 1px 4px #0000001a;z-index:1000;position:sticky;top:0}.subscription-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.subscription-banner__icon{flex-shrink:0;animation:pulse 2s ease-in-out infinite;width:16px;height:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.subscription-banner__message{flex:1;font-size:13px;font-weight:500;min-width:200px;line-height:1.4}.subscription-banner__button{display:flex;align-items:center;gap:6px;background:#fff;color:#ff6b6b;padding:4px 12px;border-radius:4px;font-weight:600;font-size:12px;text-decoration:none;transition:all .2s;flex-shrink:0;white-space:nowrap}.subscription-banner__button:hover{background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.subscription-banner__button:active{transform:translateY(0)}@media (max-width: 768px){.subscription-banner{padding:5px 12px}.subscription-banner__content{gap:10px}.subscription-banner__message{font-size:12px;width:100%}.subscription-banner__button{font-size:11px;padding:3px 10px}}.client-dashboard{background:var(--dashboard-bg);min-height:100vh;padding:0}.client-dashboard__header{padding:24px 24px 0;margin-bottom:24px}.client-dashboard__welcome{display:flex;align-items:center;gap:16px;margin-bottom:8px}.client-dashboard__avatar{width:56px;height:56px;background:var(--law-navy);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.client-dashboard__title{font-size:24px;font-weight:700;color:var(--color-heading);margin:0}.client-dashboard__subtitle{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0}.client-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 24px;margin-bottom:24px}@media (max-width: 1200px){.client-dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.client-dashboard__stats{grid-template-columns:1fr}}.stat-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;cursor:pointer;text-decoration:none}.stat-card:hover{border-color:var(--law-navy);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card__icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon--blue{background:#3b82f61a;color:#3b82f6}.stat-card__icon--green{background:#10b9811a;color:#10b981}.stat-card__icon--purple{background:#8b5cf61a;color:#8b5cf6}.stat-card__icon--orange{background:#f59e0b1a;color:#f59e0b}.stat-card__label{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.stat-card__value{font-size:28px;font-weight:700;color:var(--color-heading);line-height:1}.client-dashboard__content{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:0 24px 24px}@media (max-width: 1024px){.client-dashboard__content{grid-template-columns:1fr}}.dashboard-section{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.dashboard-section__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.dashboard-section__title{font-size:16px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.dashboard-section__title svg{color:var(--law-navy)}.dashboard-section__link{font-size:13px;color:var(--law-navy);font-weight:500;text-decoration:none;transition:opacity .2s}.dashboard-section__link:hover{opacity:.8}.dashboard-section__body{padding:0}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--quiet-gray-50)}.activity-item__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--law-navy);color:#fff}.activity-item__icon--document{background:#8b5cf626;color:#8b5cf6}.activity-item__icon--hearing{background:#f59e0b26;color:#f59e0b}.activity-item__icon--message{background:#3b82f626;color:#3b82f6}.activity-item__title{font-size:14px;font-weight:500;color:var(--color-heading);margin-bottom:2px}.activity-item__desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.activity-item__date{font-size:12px;color:var(--color-text-tertiary)}.event-card{padding:16px 20px;border-bottom:1px solid var(--color-border);background:#f59e0b0d;cursor:pointer;transition:background .15s}.event-card:last-child{border-bottom:none}.event-card:hover{background:#f59e0b1a}.event-card__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.event-card__icon{color:#f59e0b}.event-card__title{font-size:14px;font-weight:500;color:var(--color-heading)}.event-card__details{padding-right:26px}.event-card__date{font-size:13px;color:var(--color-text-secondary);margin-bottom:2px}.event-card__location{font-size:12px;color:var(--color-text-tertiary)}.quick-actions{padding:8px}.quick-action{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit;width:100%;border:none;background:transparent;text-align:right}.quick-action:hover{background:var(--quiet-gray-50)}.quick-action__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action__icon--cases{background:#3b82f61a;color:#3b82f6}.quick-action__icon--upload{background:#10b9811a;color:#10b981}.quick-action__icon--message{background:#8b5cf61a;color:#8b5cf6}.quick-action__text{font-size:14px;font-weight:500;color:var(--color-heading)}.case-summary{padding:16px 20px}.case-summary__item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.case-summary__item:last-child{border-bottom:none}.case-summary__label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.case-summary__dot{width:8px;height:8px;border-radius:50%}.case-summary__dot--active{background:#10b981}.case-summary__dot--closed{background:#6b7280}.case-summary__value{font-size:14px;font-weight:600;color:var(--color-heading)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.dashboard-empty__icon{color:var(--color-text-secondary);opacity:.4;margin-bottom:12px}.dashboard-empty__text{font-size:14px;color:var(--color-text-secondary)}.sidebar-stack{display:flex;flex-direction:column;gap:16px}:root{--law-navy: #1E3A5F;--law-navy-light: rgba(30, 58, 95, .1);--law-navy-hover: rgba(30, 58, 95, .15);--law-navy-dark: #152A45;--law-gold: #B8860B;--law-gold-light: rgba(184, 134, 11, .1);--status-green: #059669;--status-green-light: rgba(5, 150, 105, .1);--status-blue: #0284C7;--status-blue-light: rgba(2, 132, 199, .1);--status-orange: #D97706;--status-orange-light: rgba(217, 119, 6, .1);--status-red: #DC2626;--status-red-light: rgba(220, 38, 38, .1);--status-purple: #7c3aed;--status-purple-light: rgba(124, 58, 237, .1);--quiet-gray-50: #FAFBFC;--quiet-gray-100: #F4F5F7;--quiet-gray-200: #EBECF0;--quiet-gray-300: #DFE1E6;--quiet-gray-400: #C1C7D0;--quiet-gray-500: #97A0AF;--quiet-gray-600: #6B778C;--quiet-gray-700: #42526E;--quiet-gray-800: #253858;--quiet-gray-900: #172B4D;--dashboard-bg: var(--quiet-gray-50);--dashboard-sidebar: #1A2332;--dashboard-sidebar-hover: #2A3547;--dashboard-card: #ffffff;--clickup-purple: var(--law-navy);--clickup-purple-light: var(--law-navy-light);--clickup-purple-hover: var(--law-navy-hover);--clickup-green: var(--status-green);--clickup-green-light: var(--status-green-light);--clickup-blue: var(--status-blue);--clickup-blue-light: var(--status-blue-light);--clickup-orange: var(--status-orange);--clickup-orange-light: var(--status-orange-light);--clickup-red: var(--status-red);--clickup-red-light: var(--status-red-light);--clickup-pink: #DB2777;--clickup-yellow: #EAB308;--shadow-xs: 0 1px 2px rgba(9, 30, 66, .04);--shadow-sm: 0 1px 3px rgba(9, 30, 66, .06);--shadow-md: 0 4px 8px rgba(9, 30, 66, .08);--transition-fast: .1s ease;--transition-normal: .15s ease}body.dark{--dashboard-bg: #0D1117;--dashboard-card: #161B22;--dashboard-sidebar: #0D1117;--dashboard-sidebar-hover: #161B22;--quiet-gray-50: #0D1117;--quiet-gray-100: #161B22;--quiet-gray-200: #21262D;--quiet-gray-300: #30363D;--quiet-gray-400: #484F58;--quiet-gray-500: #6E7681;--quiet-gray-600: #8B949E;--quiet-gray-700: #C9D1D9;--quiet-gray-800: #E6EDF3;--quiet-gray-900: #F0F6FC;--law-navy: #3B5998;--law-navy-light: rgba(59, 89, 152, .15)}body.classic{--dashboard-bg: #F5EFE6;--dashboard-card: #FFFBF5;--dashboard-sidebar: #3A2213;--dashboard-sidebar-hover: #4A2C1A;--quiet-gray-50: #F5EFE6;--quiet-gray-100: #EDE6DA;--quiet-gray-200: #E0D8CB;--quiet-gray-300: #D4C9B8;--quiet-gray-400: #B8A994;--quiet-gray-500: #998A78;--quiet-gray-600: #7A6F63;--quiet-gray-700: #6B5B4D;--quiet-gray-800: #4A3C30;--quiet-gray-900: #2B1B12;--law-navy: #4A2C1A;--law-navy-light: rgba(74, 44, 26, .12);--law-navy-hover: rgba(74, 44, 26, .18);--law-navy-dark: #3A2213;--law-gold: #B8860B;--law-gold-light: rgba(184, 134, 11, .15);--status-green: #2E7D32;--status-green-light: rgba(46, 125, 50, .12);--status-blue: #1565C0;--status-blue-light: rgba(21, 101, 192, .12);--status-orange: #C17000;--status-orange-light: rgba(193, 112, 0, .12);--status-red: #9B2C2C;--status-red-light: rgba(155, 44, 44, .12);--status-purple: #8b5cf6;--status-purple-light: rgba(139, 92, 246, .12)}.dashboard-container{min-height:100vh;background:var(--dashboard-bg);padding:0}.dashboard-header{padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card)}.dashboard-header__welcome{font-size:18px;font-weight:600;color:var(--color-heading);margin-bottom:2px;display:flex;align-items:center;gap:8px}.dashboard-header__welcome-emoji{font-size:18px}.dashboard-header__subtitle{font-size:14px;color:var(--color-text-secondary)}.dashboard-header__date{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--quiet-gray-100);border-radius:4px;font-size:11px;color:var(--color-text-secondary);margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{padding:12px 14px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:12px}.stat-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.stat-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card--1 .stat-card__icon{background:var(--law-navy-light);color:var(--law-navy)}.stat-card--2 .stat-card__icon{background:var(--status-green-light);color:var(--status-green)}.stat-card--3 .stat-card__icon{background:var(--status-orange-light);color:var(--status-orange)}.stat-card--4 .stat-card__icon{background:var(--status-red-light);color:var(--status-red)}.stat-card__content{flex:1;min-width:0}.stat-card__value{font-size:22px;font-weight:700;color:var(--color-heading);line-height:1}.stat-card__label{font-size:14px;color:var(--color-text-secondary);margin-top:2px}.widget-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;padding:16px 20px}.widget-grid--equal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px}@media (max-width: 1024px){.widget-grid--equal{grid-template-columns:1fr}}.widget{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;transition:border-color var(--transition-fast);display:flex;flex-direction:column}.widget:hover{border-color:var(--quiet-gray-400)}.widget__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.widget__title{font-size:14px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:6px}.widget__title-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px}.widget__action-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--transition-fast);border:none;background:transparent;cursor:pointer}.widget__action-btn:hover{background:var(--quiet-gray-100)}.widget__content{padding:12px;flex:1;overflow:auto}.widget__drag-handle{cursor:grab;opacity:0;transition:opacity var(--transition-fast)}.widget:hover .widget__drag-handle{opacity:.5}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (max-width: 1024px){.quick-actions{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:6px;background:var(--quiet-gray-100);transition:background var(--transition-fast),border-color var(--transition-fast);text-align:center;border:1px solid transparent}body.dark .quick-action{background:var(--quiet-gray-200)}.quick-action:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.quick-action__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.quick-action__label{font-size:13px;font-weight:500}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:8px;border-radius:4px;margin:0 -6px;padding:8px 6px;transition:background var(--transition-fast)}.activity-item:hover{background:var(--quiet-gray-100)}.activity-item__icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item__title{font-size:14px;color:var(--color-text);margin-bottom:1px}.activity-item__desc{font-size:13px;color:var(--color-text-secondary)}.activity-item__time{font-size:10px;color:var(--color-text-secondary);white-space:nowrap}.sessions-list{display:flex;flex-direction:column;gap:6px}.session-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--quiet-gray-100);border-radius:6px;transition:background var(--transition-fast);cursor:pointer;border:1px solid transparent}body.dark .session-item{background:var(--quiet-gray-200)}.session-item:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.session-item__date{width:36px;height:36px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.session-item__day{font-size:14px;font-weight:700;line-height:1;color:var(--color-heading)}.session-item__month{font-size:8px;text-transform:uppercase;letter-spacing:.2px;color:var(--color-text-secondary)}.session-item__title{font-size:14px;font-weight:500}.session-item__time,.session-item__location{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:3px}.case-list-item{transition:background var(--transition-fast),border-color var(--transition-fast)!important}.case-list-item:hover{background:var(--law-navy-light)!important;border-color:var(--law-navy)!important}.progress-bar{height:4px;background:var(--quiet-gray-200);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:2px;transition:width .5s ease}.progress-bar__fill--purple{background:var(--law-navy)}.progress-bar__fill--green{background:var(--status-green)}.progress-bar__fill--blue{background:var(--status-blue)}.progress-bar__fill--orange{background:var(--status-orange)}.clickup-sidebar{width:220px;height:100vh;background:var(--dashboard-sidebar);color:#fff;position:fixed;right:0;top:0;display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:50}.clickup-sidebar--collapsed{width:56px}.clickup-sidebar__header{padding:12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.clickup-sidebar__logo{width:32px;height:32px;background:var(--law-navy);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.clickup-sidebar__title{font-size:13px;font-weight:600}.clickup-sidebar__subtitle{font-size:10px;color:#ffffff80}.clickup-sidebar__nav{flex:1;padding:8px;overflow-y:auto}.clickup-sidebar__section{margin-bottom:16px}.clickup-sidebar__section-title{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#fff6;padding:4px 8px;margin-bottom:2px}.clickup-sidebar__link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:#ffffffb3;font-size:12px;transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:1px}.clickup-sidebar__link:hover{background:var(--dashboard-sidebar-hover);color:#fff}.clickup-sidebar__link--active{background:var(--law-navy);color:#fff}.clickup-sidebar__link-badge{margin-right:auto;padding:1px 5px;background:var(--status-red);border-radius:6px;font-size:9px;font-weight:600}.clickup-sidebar__footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.clickup-sidebar__user{display:flex;align-items:center;gap:8px;padding:6px;border-radius:4px;transition:background var(--transition-fast);cursor:pointer}.clickup-sidebar__user:hover{background:var(--dashboard-sidebar-hover)}.clickup-sidebar__avatar{width:28px;height:28px;border-radius:50%;background:var(--law-navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.clickup-sidebar__username{font-size:12px;font-weight:500}.clickup-sidebar__role{font-size:10px;color:#ffffff80}.page-loading{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--dashboard-bg);padding:40px}.page-loading__content{text-align:center}.page-loading__spinner{width:32px;height:32px;border:3px solid var(--quiet-gray-200);border-top-color:var(--law-navy);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.page-loading__text{font-size:13px;color:var(--color-text-secondary)}.skeleton{background:linear-gradient(90deg,var(--quiet-gray-200) 25%,var(--quiet-gray-100) 50%,var(--quiet-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.empty-state__icon{width:40px;height:40px;margin-bottom:12px;color:var(--color-text-secondary);opacity:.4}.empty-state__title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:4px}.empty-state__desc{font-size:12px;color:var(--color-text-secondary)}@media (max-width: 1024px){.clickup-sidebar{width:56px}.clickup-sidebar__brand,.clickup-sidebar__section-title,.clickup-sidebar__link span,.clickup-sidebar__user-info{display:none}}@media (max-width: 768px){.widget-grid{grid-template-columns:1fr;padding:12px;gap:10px}.widget-grid--equal{grid-template-columns:1fr}}.chart-tab[data-state=active]{background:var(--law-navy)!important;color:#fff!important}.chart-tab:hover:not([data-state=active]){background:var(--quiet-gray-200)}.sidebar::-webkit-scrollbar,.sidebar__nav::-webkit-scrollbar,.clickup-sidebar__scroll-area::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track,.sidebar__nav::-webkit-scrollbar-track,.clickup-sidebar__scroll-area::-webkit-scrollbar-track{background-color:transparent}.sidebar::-webkit-scrollbar-thumb,.sidebar__nav::-webkit-scrollbar-thumb,.clickup-sidebar__scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover,.sidebar__nav::-webkit-scrollbar-thumb:hover,.clickup-sidebar__scroll-area::-webkit-scrollbar-thumb:hover{background-color:#fff3}.welcome-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.welcome-modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-modal{position:relative;background:#fff;border-radius:16px;max-width:720px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;direction:rtl}.welcome-modal__header{position:absolute;top:16px;left:16px;z-index:10}.welcome-modal__close{width:36px;height:36px;border-radius:8px;border:none;background:#0000000d;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.welcome-modal__close:hover{background:#0000001a;color:#1e293b}.welcome-modal__content{flex:1;overflow-y:auto;padding:48px 48px 24px}.welcome-hero{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.welcome-hero__icon{display:none}.welcome-hero__title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 16px;line-height:1.4}.welcome-hero__subtitle{font-size:16px;color:#64748b;line-height:1.8;max-width:560px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-section__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.welcome-section__icon{color:#3b82f6}.welcome-section__icon--yellow{color:#f59e0b}.welcome-section__icon--blue{color:#0ea5e9}.welcome-section__icon--gold{color:#eab308}.welcome-section__title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.welcome-section__intro{font-size:15px;color:#64748b;margin:0 0 20px;line-height:1.7}.welcome-steps{display:flex;flex-direction:column;gap:16px}.welcome-step{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.welcome-step:hover{background:#f1f5f9;border-color:#cbd5e1}.welcome-step__number{width:32px;height:32px;min-width:32px;background:#1a365d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.welcome-step__content{flex:1}.welcome-step__title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.welcome-step__desc{font-size:14px;color:#64748b;margin:0;line-height:1.7}.welcome-step__link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;background:#166534;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500}.welcome-step__link:hover{background:#15803d}.welcome-features{display:flex;flex-direction:column;gap:16px}.welcome-feature{display:flex;gap:16px;padding:16px;background:#fffbeb;border-radius:12px;border:1px solid #fef3c7}.welcome-feature__icon{width:40px;height:40px;min-width:40px;background:#fef3c7;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#d97706}.welcome-feature__icon--purple{background:#f3e8ff;color:#9333ea}.welcome-feature__icon--green{background:#dcfce7;color:#16a34a}.welcome-feature__content{flex:1}.welcome-feature__title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px}.welcome-feature__desc{font-size:14px;color:#64748b;margin:0;line-height:1.7}.welcome-section--security{background:#f8fafc;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.welcome-security-points{display:flex;flex-direction:column;gap:12px}.welcome-security-point{display:flex;align-items:flex-start;gap:12px}.welcome-security-point__icon{width:24px;height:24px;min-width:24px;color:#16a34a;margin-top:2px}.welcome-security-point p{font-size:14px;color:#334155;margin:0;line-height:1.7}.welcome-security-point strong{color:#1e40af}.welcome-section--trial{background:#fefce8;padding:24px;border-radius:12px;border:1px solid #fef08a;text-align:center}.welcome-trial__text{font-size:15px;color:#713f12;margin:0 0 12px;line-height:1.8}.welcome-trial__wish{font-size:18px;font-weight:600;color:#854d0e;margin:0}.welcome-modal__footer{padding:20px 48px 32px;display:flex;justify-content:center}.welcome-modal__btn{padding:14px 48px;background:#1a365d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.welcome-modal__btn:hover{background:#1e40af}.welcome-modal__btn:active{background:#1e3a8a}.welcome-modal__content::-webkit-scrollbar{width:6px}.welcome-modal__content::-webkit-scrollbar-track{background:transparent}.welcome-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.welcome-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .welcome-modal{background:#1e293b}[data-theme=dark] .welcome-hero__title,[data-theme=dark] .welcome-section__title,[data-theme=dark] .welcome-step__title,[data-theme=dark] .welcome-feature__title{color:#f1f5f9}[data-theme=dark] .welcome-hero__subtitle,[data-theme=dark] .welcome-section__intro,[data-theme=dark] .welcome-step__desc,[data-theme=dark] .welcome-feature__desc{color:#94a3b8}[data-theme=dark] .welcome-hero{border-bottom-color:#334155}[data-theme=dark] .welcome-step{background:#0f172a;border-color:#334155}[data-theme=dark] .welcome-step:hover{background:#1e293b;border-color:#475569}[data-theme=dark] .welcome-feature{background:#1e293b;border-color:#334155}[data-theme=dark] .welcome-section--security{background:#0f172a;border-color:#334155}[data-theme=dark] .welcome-security-point p{color:#cbd5e1}[data-theme=dark] .welcome-section--trial{background:#1e293b;border-color:#334155}[data-theme=dark] .welcome-trial__text{color:#fcd34d}[data-theme=dark] .welcome-trial__wish{color:#fbbf24}[data-theme=dark] .welcome-modal__close{background:#ffffff1a;color:#94a3b8}[data-theme=dark] .welcome-modal__close:hover{background:#ffffff26;color:#f1f5f9}@media (max-width: 640px){.welcome-modal{max-height:90vh;border-radius:12px}.welcome-modal__content{padding:40px 24px 20px}.welcome-modal__footer{padding:16px 24px 24px}.welcome-hero__title{font-size:22px}.welcome-hero__icon{width:64px;height:64px}.welcome-hero__icon svg{width:36px;height:36px}.welcome-step,.welcome-feature{flex-direction:column;gap:12px}.welcome-modal__btn{width:100%}}:root{--notion-bg: var(--color-surface, #FFFFFF);--notion-text: var(--color-text, #37352F);--notion-gray: var(--color-surface-subtle, #F7F7F5);--notion-border: var(--color-border, #E9E9E7);--notion-blue: var(--color-primary, #2383E2);--notion-blue-bg: var(--color-primary-soft, #E3F2FD);--notion-red: var(--color-error, #EB5757);--notion-red-bg: var(--color-error-soft, #FDECEC);--notion-green: var(--color-success, #44B960);--notion-green-bg: var(--color-success-soft, #EDFDF0);--notion-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(55, 53, 47, 0.45)'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E")}.dark{--notion-bg: #161d2a;--notion-text: #e3e8f4;--notion-gray: #1d2534;--notion-border: #293143;--notion-blue: #5aa5f7;--notion-blue-bg: rgba(90, 165, 247, .14);--notion-select-arrow: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(255, 255, 255, 0.45)'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E")}.classic{--notion-bg: #FFFBF5;--notion-text: #2B1B12;--notion-gray: #EDE6DA;--notion-border: #D4C9B8;--notion-blue: #4A2C1A;--notion-blue-bg: rgba(74, 44, 26, .1);--notion-select-arrow: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(43, 27, 18, 0.45)'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E")}.notion-modal-overlay{background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.notion-modal{background:var(--notion-bg);color:var(--notion-text);width:100%;max-width:800px;max-height:90vh;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol;border:1px solid var(--notion-border);transition:background .3s,color .3s,border-color .3s}.notion-modal form{display:flex;flex-direction:column;height:100%;width:100%;min-height:0}.notion-modal-header{padding:16px 24px;border-bottom:1px solid var(--notion-border);display:flex;justify-content:space-between;align-items:center;background:var(--notion-gray);flex-shrink:0}.notion-header-icon-container{width:36px;height:36px;background:var(--notion-bg);border:1px solid var(--notion-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--notion-blue);box-shadow:0 2px 4px #0000000d}.notion-modal-title{display:flex;flex-direction:column;color:var(--notion-text)}.notion-modal-close{background:transparent;border:none;cursor:pointer;color:var(--notion-text);opacity:.45;padding:4px;border-radius:4px;transition:background .1s,opacity .1s}.notion-modal-close:hover{background:var(--notion-gray);opacity:1}.notion-modal-body{padding:32px 48px;overflow-y:auto;flex:1;min-height:0;background:var(--notion-bg)}.notion-page-icon{font-size:40px;margin-bottom:16px}.notion-page-title-input{font-size:32px;font-weight:700;color:var(--notion-text);border:none;width:100%;margin-bottom:24px;outline:none;background:transparent;line-height:1.2}.notion-page-title-input::-moz-placeholder{color:var(--notion-text);opacity:.2}.notion-page-title-input::placeholder{color:var(--notion-text);opacity:.2}.notion-properties{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:32px;column-gap:32px;row-gap:8px;margin-bottom:32px}.notion-property-row{display:flex;align-items:center;min-height:34px;min-width:0}.span-full{grid-column:1 / -1}.notion-divider{grid-column:1 / -1;height:1px;background:var(--notion-border);margin:8px 0 16px;width:100%}.notion-property-label{width:130px;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--notion-text);opacity:.65;flex-shrink:0}.notion-property-icon{width:16px;height:16px;color:var(--notion-text);opacity:.45}.notion-property-value{flex:1;display:flex;align-items:center;min-width:0}.notion-input,.notion-select{width:100%;padding:6px 8px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--notion-text);font-size:14px;transition:all .1s;font-family:inherit}.notion-input:hover,.notion-select:hover{background:var(--notion-gray)}.notion-input:focus,.notion-select:focus{outline:none;background:var(--notion-bg);border-color:var(--notion-blue);box-shadow:0 0 0 2px var(--notion-blue-bg)}.notion-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;padding-left:28px!important;padding-right:8px!important;cursor:pointer}.notion-content-area{margin-top:16px}.notion-section-header{font-size:16px;font-weight:600;margin-bottom:12px;margin-top:24px;display:flex;align-items:center;gap:8px}.notion-textarea{width:100%;min-height:120px;padding:12px;border:none;resize:none;font-size:14px;line-height:1.5;color:var(--notion-text);background:transparent;outline:none;font-family:inherit}.notion-textarea::-moz-placeholder{color:var(--notion-text);opacity:.2}.notion-textarea::placeholder{color:var(--notion-text);opacity:.2}.notion-modal-footer{padding:12px 16px;background:var(--notion-gray, #F7F7F5);border-top:1px solid var(--notion-border, #E9E9E7);display:flex;justify-content:flex-end;gap:8px}.notion-btn-primary{background:var(--notion-blue, #2383E2);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .1s}.notion-btn-primary:hover{background:#0060bf}.notion-btn-secondary{background:transparent;color:var(--notion-text);opacity:.65;border:1px solid var(--notion-border);padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .1s,opacity .1s}.notion-btn-secondary:hover{background:var(--notion-gray);opacity:1}.notion-segmented-control{display:flex;background:var(--notion-gray);padding:2px;border-radius:6px;width:-moz-fit-content;width:fit-content;margin-bottom:12px}.notion-segment-btn{border:none;background:transparent;padding:4px 12px;border-radius:4px;font-size:12px;color:var(--notion-text);opacity:.6;cursor:pointer;transition:all .1s}.notion-segment-btn.active{background:var(--notion-bg);color:var(--notion-text);opacity:1;box-shadow:0 1px 2px #0000001a}.notion-search-container{position:relative;width:100%}.notion-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--notion-bg);border:1px solid var(--notion-border);border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:100;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;padding:4px}.notion-search-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--notion-border);background:var(--notion-gray);position:sticky;top:0;z-index:1}.notion-search-field{border:none;background:transparent;width:100%;font-size:14px;color:var(--notion-text);outline:none}.notion-search-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .1s;color:var(--notion-text)}.notion-search-item:hover{background:var(--notion-gray)}.notion-search-item.selected{background:var(--notion-blue-bg);color:var(--notion-blue)}.notion-search-no-results{padding:16px;text-align:center;font-size:13px;color:var(--notion-text);opacity:.5}@media (max-width: 640px){.notion-modal-body{padding:20px}.notion-property-row{flex-direction:column;align-items:flex-start;height:auto;margin-bottom:12px}.notion-property-label{width:100%;margin-bottom:4px}}.notion-timeline{position:relative;padding-right:12px;direction:rtl}.notion-timeline__header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.notion-timeline__header-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary, #0A192F)}.notion-timeline__header h2{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.notion-timeline__container{position:relative;display:flex;flex-direction:column;gap:4px}.notion-timeline__line{position:absolute;right:15px;top:8px;bottom:8px;width:1px;background-color:var(--color-border, #e5e7eb);z-index:1}.notion-timeline__event{position:relative;display:flex;padding:8px 0;transition:background .1s;border-radius:6px}.notion-timeline__event:hover{background-color:var(--quiet-gray-50, #f9fafb)}body.dark .notion-timeline__event:hover{background-color:#ffffff08}.notion-timeline__marker{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px;z-index:2;background:var(--dashboard-card, #ffffff)}.notion-timeline__icon-wrapper{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--quiet-gray-100, #f3f4f6);color:var(--color-text-secondary);border:1px solid var(--color-border)}body.dark .notion-timeline__icon-wrapper{background:var(--quiet-gray-200)}.notion-timeline__content{flex:1;min-width:0;padding-top:2px}.notion-timeline__event-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.notion-timeline__title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.notion-timeline__user{font-size:13px;font-weight:600;color:var(--color-text)}.notion-timeline__action-text{font-size:13px;color:var(--color-text)}.notion-timeline__object{font-size:13px;font-weight:500;color:var(--color-primary);text-decoration:none}.notion-timeline__date{font-size:11px;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.notion-timeline__description{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:4px 0 0}.notion-timeline__details{margin-top:8px;padding:8px 12px;background:var(--quiet-gray-100, #f3f4f6);border-radius:6px;font-size:12px;color:var(--color-text-secondary);border:1px solid var(--color-border)}body.dark .notion-timeline__details{background:var(--quiet-gray-200)}.notion-timeline__detail-item{margin-bottom:4px}.notion-timeline__detail-item:last-child{margin-bottom:0}.notion-timeline__detail-label{font-weight:600;margin-left:4px}.notion-timeline--empty{padding:40px;text-align:center;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-radius:8px;border:1px dashed var(--color-border)}.add-appointment-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:60px 20px 20px}.add-appointment-modal{background:var(--dashboard-card, #ffffff);border-radius:8px;width:100%;max-width:750px;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;direction:rtl;animation:notionSlideUp .2s ease-out}@keyframes notionSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 12px}.modal-header-icon{width:40px;height:40px;border-radius:8px;background:var(--quiet-gray-100, #f3f4f6);color:var(--law-navy, #0f172a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header-title h2{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.modal-header-subtitle{font-size:13px;color:var(--color-text-secondary)}.modal-close-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-right:auto}.modal-close-btn:hover{background:var(--quiet-gray-100, #f3f4f6);color:var(--color-text)}.modal-body{padding:12px 24px 24px;overflow-y:auto;flex:1}.modal-title-input{width:100%;border:none;background:transparent;font-size:32px;font-weight:700;color:var(--color-text);outline:none;padding:8px 0;margin-bottom:24px}.modal-title-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.3}.modal-title-input::placeholder{color:var(--color-text-secondary);opacity:.3}.notion-properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 40px;margin-bottom:24px}.notion-property{display:flex;align-items:center;min-height:34px;border-radius:4px;transition:background .1s}.notion-property:hover{background:var(--quiet-gray-50, #f9fafb)}body.dark .notion-property:hover{background:#ffffff0d}.notion-property-label{width:120px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);padding:0 8px;flex-shrink:0}.notion-property-label svg{width:14px;height:14px;opacity:.7}.notion-property-value{flex:1;display:flex;align-items:center;gap:8px;padding:0 8px}.notion-property-value input,.notion-property-value select,.notion-property-value textarea{width:100%;border:none;background:transparent;font-size:14px;color:var(--color-text);outline:none;padding:6px 0}.notion-value-pill{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.notion-type-selector{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}.notion-type-btn{padding:4px 10px;border-radius:4px;font-size:12px;background:var(--quiet-gray-50);border:1px solid var(--color-border);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.notion-type-btn.selected{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.priority-selector{display:flex;gap:6px}.priority-pill{padding:2px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:opacity .2s;border:1px solid transparent}.priority-pill:not(.selected){opacity:.5}.notion-section-divider{height:1px;background:var(--color-border);margin:16px 0}.notion-content-area{display:flex;flex-direction:column;gap:8px}.notion-content-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.notion-textarea{width:100%;border:none;background:transparent;font-size:14px;color:var(--color-text);outline:none;resize:none;line-height:1.6;padding:0}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--quiet-gray-50, #f9fafb);border-radius:0 0 8px 8px}body.dark .modal-footer{background:#ffffff05}.notion-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.notion-btn-secondary{border-color:var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.notion-btn-secondary:hover{background:var(--quiet-gray-50)}.notion-btn-primary{background:var(--law-navy);color:#fff}.notion-btn-primary:hover{opacity:.9}.notion-btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-error{margin-bottom:20px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}body.dark .modal-error{background:#dc26261a}.legal-memo-workspace-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.legal-memo-workspace{width:100%;max-width:1400px;height:90vh;max-height:900px;background:var(--color-background, #ffffff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;direction:rtl}.lmw-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f9fafb);gap:16px;min-height:60px}.lmw-header-right{display:flex;align-items:center;gap:12px;flex:1}.lmw-header-left{display:flex;align-items:center;gap:10px}.lmw-ai-tools-wrapper{position:relative;z-index:1001}.lmw-ai-tools-wrapper .legal-ai-dropdown{z-index:1002}.lmw-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lmw-close-btn:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-text, #1f2937)}.lmw-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary, #6b7280)}.lmw-breadcrumb-case{color:var(--color-primary, #3b82f6);font-weight:500}.lmw-breadcrumb-current{color:var(--color-text, #1f2937);font-weight:600}.lmw-title-input-header{flex:1;max-width:400px;padding:8px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:15px;font-weight:600;color:var(--color-text, #1f2937);background:var(--color-background, #ffffff);outline:none;transition:all .2s}.lmw-title-input-header:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.lmw-title-input-header::-moz-placeholder{color:var(--color-text-muted, #9ca3af);font-weight:400}.lmw-title-input-header::placeholder{color:var(--color-text-muted, #9ca3af);font-weight:400}.lmw-save-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #6b7280);padding:6px 12px;background:var(--color-gray-50, #f9fafb);border-radius:6px}.lmw-spinner{width:14px;height:14px;border:2px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:lmw-spin .8s linear infinite}@keyframes lmw-spin{to{transform:rotate(360deg)}}.lmw-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #ffffff);color:var(--color-text, #1f2937)}.lmw-btn:hover:not(:disabled){background:var(--color-gray-50, #f9fafb)}.lmw-btn:disabled{opacity:.5;cursor:not-allowed}.lmw-btn-analysis{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none}.lmw-btn-analysis:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}.lmw-btn-save{background:var(--color-success, #10b981);color:#fff;border:none}.lmw-btn-save:hover:not(:disabled){background:var(--color-success-dark, #059669)}.lmw-btn-save.has-changes{animation:lmw-pulse 2s infinite}@keyframes lmw-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.lmw-content{flex:1;overflow:hidden;display:flex;position:relative}.lmw-type-selector{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.lmw-type-header{text-align:center;margin-bottom:40px}.lmw-type-header svg{color:var(--color-primary, #3b82f6);margin-bottom:16px}.lmw-type-header h2{font-size:24px;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 8px}.lmw-type-header p{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:0}.lmw-case-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;background:var(--color-primary-light, #eff6ff);color:var(--color-primary, #3b82f6);border-radius:20px;font-size:13px;font-weight:500}.lmw-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;max-width:1000px}.lmw-category-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;overflow:hidden;transition:all .2s}.lmw-category-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--color-gray-300, #d1d5db)}.lmw-category-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--color-gray-50, #f9fafb);border-bottom:2px solid}.lmw-category-icon{font-size:20px}.lmw-category-name{font-size:14px;font-weight:600;color:var(--color-text, #1f2937)}.lmw-category-types{padding:8px}.lmw-type-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;color:var(--color-text, #1f2937);cursor:pointer;transition:all .15s;text-align:right}.lmw-type-btn:hover{background:var(--color-primary-light, #eff6ff);color:var(--color-primary, #3b82f6)}.lmw-type-btn svg{color:var(--color-text-secondary, #9ca3af);transition:transform .15s}.lmw-type-btn:hover svg{color:var(--color-primary, #3b82f6);transform:translate(-4px)}.lmw-editor-layout{display:flex;flex:1;overflow:hidden}.lmw-sidebar{width:280px;border-left:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f9fafb);display:flex;flex-direction:column;position:relative;transition:width .3s ease;overflow:hidden}.lmw-sidebar.collapsed{width:48px}.lmw-sidebar-toggle{position:absolute;top:12px;left:-14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.lmw-sidebar-toggle:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-text, #1f2937)}.lmw-sidebar-section{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb)}.lmw-sidebar-section h4{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:6px}.lmw-memo-type-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-primary-light, #eff6ff);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-primary, #3b82f6)}.lmw-change-type-btn{width:100%;margin-top:8px;padding:8px;border:1px dashed var(--color-border, #e5e7eb);background:transparent;border-radius:6px;font-size:12px;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s}.lmw-change-type-btn:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.lmw-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--color-border, #e5e7eb);border-radius:10px;background:var(--color-background, #ffffff);cursor:pointer;transition:all .2s}.lmw-upload-zone:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #eff6ff)}.lmw-upload-zone svg{color:var(--color-text-secondary, #9ca3af)}.lmw-upload-zone span{font-size:12px;color:var(--color-text-secondary, #6b7280)}.lmw-files-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.lmw-file-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:12px}.lmw-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text, #1f2937)}.lmw-file-remove{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--color-text-secondary, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.lmw-file-remove:hover{background:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444)}.lmw-analysis-section{background:linear-gradient(135deg,#f0f9ff,#ede9fe)}.lmw-quality-score{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-background, #ffffff);border-radius:10px;margin-bottom:12px}.lmw-score-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1}.lmw-score-circle small{font-size:10px;font-weight:400;opacity:.8}.lmw-suggestions{margin-bottom:12px}.lmw-suggestions h5{font-size:11px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin:0 0 8px}.lmw-suggestions ul{margin:0;padding:0 16px;font-size:12px;color:var(--color-text, #1f2937);line-height:1.6}.lmw-view-full-analysis{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;background:var(--color-primary, #3b82f6);color:#fff;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.lmw-view-full-analysis:hover{background:var(--color-primary-dark, #2563eb)}.lmw-main-editor-wrapper{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.lmw-main-editor{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--color-background, #ffffff)}.lmw-error-banner{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--color-error-light, #fef2f2);border-bottom:1px solid var(--color-error, #ef4444);color:var(--color-error, #ef4444);font-size:13px}.lmw-error-banner button{margin-right:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.lmw-error-banner button:hover{opacity:1}.lmw-title-input{width:100%;padding:24px 48px;border:none;outline:none;font-size:28px;font-weight:700;color:var(--color-text, #1f2937);background:transparent}.lmw-title-input::-moz-placeholder{color:var(--color-gray-300, #d1d5db)}.lmw-title-input::placeholder{color:var(--color-gray-300, #d1d5db)}.lmw-editor-container{flex:1;display:flex;flex-direction:column;padding:0 32px 48px}.legal-memo-workspace .lmw-editor-container{padding-bottom:140px}.legal-memo-workspace .tiptap-editor{flex:1;border:none;border-radius:0}.legal-memo-workspace .tiptap-toolbar{position:sticky;top:0;border-radius:0;margin:0 -32px;padding:8px 32px}.legal-memo-workspace .notebook-ai-widget{position:absolute;left:32px;right:32px;margin:0 auto;width:min(560px,calc(100% - 64px));bottom:16px;border-radius:12px;padding:7px;z-index:100}.lmw-analysis-panel{width:360px;background:var(--color-background, #ffffff);border-right:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;overflow:hidden}.lmw-analysis-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);background:linear-gradient(135deg,#f0f9ff,#ede9fe)}.lmw-analysis-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:var(--color-text, #1f2937)}.lmw-analysis-header button{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lmw-analysis-header button:hover{background:#0000000d}.lmw-analysis-content{flex:1;overflow-y:auto;padding:20px}.lmw-analysis-score{text-align:center;padding:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;margin-bottom:20px;color:#fff}.lmw-big-score{font-size:48px;font-weight:800;line-height:1}.lmw-big-score span{font-size:20px;font-weight:400;opacity:.8}.lmw-analysis-score p{margin:8px 0 0;font-size:13px;opacity:.9}.lmw-analysis-block{padding:16px;background:var(--color-gray-50, #f9fafb);border-radius:10px;margin-bottom:16px}.lmw-analysis-block.warning{background:var(--color-warning-light, #fffbeb)}.lmw-analysis-block h4{font-size:14px;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 12px}.lmw-analysis-block p{font-size:13px;color:var(--color-text-secondary, #6b7280);line-height:1.7;margin:0;white-space:pre-wrap}.lmw-analysis-block ul{margin:0;padding:0 16px;font-size:13px;color:var(--color-text, #1f2937);line-height:1.8}@media (max-width: 1024px){.lmw-sidebar{width:240px}.lmw-categories-grid{grid-template-columns:1fr}}@media (max-width: 768px){.legal-memo-workspace{height:100vh;max-height:none;border-radius:0}.lmw-sidebar{position:absolute;right:0;top:60px;bottom:0;z-index:100;box-shadow:-4px 0 12px #0000001a}.lmw-sidebar.collapsed{width:0;border:none}.lmw-analysis-panel{position:absolute;left:0;top:60px;bottom:0;z-index:100;box-shadow:4px 0 12px #0000001a}.lmw-title-input-header{max-width:200px;font-size:13px}.lmw-editor-container{padding:0 16px 24px}.legal-memo-workspace .tiptap-toolbar{margin:0 -16px;padding:8px 16px}}[data-theme=dark] .legal-memo-workspace,.dark .legal-memo-workspace{background:#1f2937}[data-theme=dark] .lmw-header,.dark .lmw-header,[data-theme=dark] .lmw-sidebar,.dark .lmw-sidebar{background:#111827;border-color:#374151}[data-theme=dark] .lmw-main-editor,.dark .lmw-main-editor,[data-theme=dark] .legal-memo-workspace .tiptap-editor,.dark .legal-memo-workspace .tiptap-editor{background:#1a1a1a}[data-theme=dark] .lmw-title-input-header,.dark .lmw-title-input-header{background:#252525;border-color:#333;color:#e0e0e0}[data-theme=dark] .lmw-title-input,.dark .lmw-title-input{color:#f3f4f6}[data-theme=dark] .lmw-category-card,.dark .lmw-category-card{background:#111827;border-color:#374151}[data-theme=dark] .lmw-category-header,.dark .lmw-category-header{background:#0f172a}[data-theme=dark] .lmw-type-btn:hover,.dark .lmw-type-btn:hover{background:#1e3a5f}[data-theme=dark] .lmw-analysis-panel,.dark .lmw-analysis-panel{background:#1f2937;border-color:#374151}[data-theme=dark] .lmw-analysis-block,.dark .lmw-analysis-block{background:#111827}.lmw-doc-requirements{overflow-y:auto}.lmw-doc-requirements.required{background:linear-gradient(135deg,#fef2f2,#fff7ed)}.lmw-doc-requirements.optional{background:linear-gradient(135deg,#f0fdf4,#f0f9ff)}.lmw-required-badge{background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-right:auto;font-weight:600}.lmw-doc-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--color-background, rgba(255, 255, 255, .8));border-radius:8px;margin-bottom:12px;font-size:12px;line-height:1.5;color:var(--color-text, #374151)}.lmw-doc-hint svg{flex-shrink:0;color:var(--color-primary, #3b82f6);margin-top:2px}.lmw-suggested-docs{margin-bottom:12px;padding:10px;background:var(--color-background, rgba(255, 255, 255, .6));border-radius:6px}.lmw-suggested-docs small{display:block;font-size:11px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:6px}.lmw-suggested-docs ul{margin:0;padding:0 16px;font-size:11px;color:var(--color-text, #374151);line-height:1.6}.lmw-suggested-docs li{margin:2px 0}.lmw-doc-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;font-size:12px;color:#dc2626}.lmw-doc-warning svg{flex-shrink:0}[data-theme=dark] .lmw-doc-requirements.required,.dark .lmw-doc-requirements.required{background:linear-gradient(135deg,#2d1f1f,#2d2617)}[data-theme=dark] .lmw-doc-requirements.optional,.dark .lmw-doc-requirements.optional{background:linear-gradient(135deg,#1a2e1a,#1e293b)}[data-theme=dark] .lmw-doc-hint,[data-theme=dark] .lmw-suggested-docs,.dark .lmw-doc-hint,.dark .lmw-suggested-docs{background:#0000004d}[data-theme=dark] .lmw-doc-warning,.dark .lmw-doc-warning{background:#2d1f1f;border-color:#5c2323}.lmw-analysis-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.lmw-analysis-badge{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #2563eb);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.lmw-analysis-time{color:var(--color-text-secondary, #6b7280);font-size:12px}.lmw-engine-block{margin-bottom:12px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border, #e5e7eb)}.lmw-engine-block.success{border-color:var(--color-success, #10b981)}.lmw-engine-block.error{border-color:var(--color-error, #ef4444)}.lmw-engine-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-gray-50, #f9fafb);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;transition:background .15s}.lmw-engine-header::-webkit-details-marker{display:none}.lmw-engine-header:hover{background:var(--color-gray-100, #f3f4f6)}.lmw-engine-block[open] .lmw-engine-header{border-bottom:1px solid var(--color-border, #e5e7eb)}.lmw-engine-icon{font-size:18px}.lmw-engine-name{flex:1;font-size:14px;font-weight:600;color:var(--color-text, #1f2937)}.lmw-engine-status{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.lmw-engine-status.success{background:var(--color-success, #10b981);color:#fff}.lmw-engine-status.error{background:var(--color-error, #ef4444);color:#fff}.lmw-engine-content{padding:16px;background:var(--color-background, #ffffff);max-height:400px;overflow-y:auto}.lmw-engine-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:13px;line-height:1.8;color:var(--color-text, #374151)}.lmw-analysis-panel{width:450px}[data-theme=dark] .lmw-engine-header,.dark .lmw-engine-header{background:#1f2937}[data-theme=dark] .lmw-engine-header:hover,.dark .lmw-engine-header:hover{background:#374151}[data-theme=dark] .lmw-engine-content,.dark .lmw-engine-content{background:#111827}[data-theme=dark] .lmw-engine-content pre,.dark .lmw-engine-content pre{color:#e5e7eb}[data-theme=dark] .lmw-analysis-badge,.dark .lmw-analysis-badge{background:#3b82f633;color:#60a5fa}.lmw-analysis-dropdown-wrapper{position:relative}.lmw-btn-analysis{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9f9f9);color:var(--text-primary, #37352f);border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .1s}.lmw-btn-analysis:hover{background:var(--bg-hover, #f0f0f0)}.lmw-btn-analysis.active{background:var(--bg-hover, #ebebeb)}.lmw-btn-analysis:disabled{opacity:.5;cursor:not-allowed}.lmw-btn-analysis svg.rotated{transform:rotate(180deg)}.lmw-analysis-menu{position:absolute;top:100%;right:0;margin-top:4px;z-index:1010;min-width:280px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e5e5);border-radius:6px;box-shadow:0 4px 12px #00000014;overflow:hidden}.lmw-analysis-menu-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-tertiary, #9b9b9b);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #f0f0f0)}.lmw-analysis-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary, #37352f);font-size:13px;cursor:pointer;text-align:right;transition:background .1s}.lmw-analysis-menu-item:hover{background:var(--bg-hover, #f7f7f7)}.lmw-analysis-icon{font-size:20px;line-height:1}.lmw-analysis-info{flex:1}.lmw-analysis-name{font-size:13px;font-weight:600;color:var(--color-text, #1f2937);margin-bottom:2px}.lmw-analysis-desc{font-size:11px;color:var(--color-text-secondary, #6b7280);line-height:1.4}.lmw-markdown-content{font-size:13px;line-height:1.7;color:var(--text-primary, #37352f)}.lmw-markdown-content h1,.lmw-markdown-content h2,.lmw-markdown-content h3,.lmw-markdown-content h4{margin:12px 0 8px;font-weight:600;color:var(--text-primary, #37352f)}.lmw-markdown-content h1{font-size:18px}.lmw-markdown-content h2{font-size:16px}.lmw-markdown-content h3{font-size:14px}.lmw-markdown-content h4{font-size:13px}.lmw-markdown-content p{margin:8px 0}.lmw-markdown-content ul,.lmw-markdown-content ol{margin:8px 0;padding-right:20px}.lmw-markdown-content li{margin:4px 0}.lmw-markdown-content strong{font-weight:600;color:var(--text-primary, #1a1a1a)}.lmw-markdown-content em{font-style:italic}.lmw-markdown-content code{background:var(--bg-hover, #f5f5f5);padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px}.lmw-markdown-content blockquote{border-right:3px solid var(--color-primary, #2563eb);padding-right:12px;margin:8px 0;color:var(--text-secondary, #6b7280)}.lmw-markdown-content hr{border:none;border-top:1px solid var(--border-color, #e5e5e5);margin:12px 0}.lmw-markdown-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.lmw-markdown-content th,.lmw-markdown-content td{border:1px solid var(--border-color, #e5e5e5);padding:6px 8px;text-align:right}.lmw-markdown-content th{background:var(--bg-hover, #f7f7f7);font-weight:600}.lmw-analysis-done{color:var(--color-success, #10b981);flex-shrink:0;margin-top:4px}.lmw-last-analyzed{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary, #6b7280);margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border, #e5e7eb)}[data-theme=dark] .lmw-analysis-menu,.dark .lmw-analysis-menu{background:#1f2937;border-color:#374151}[data-theme=dark] .lmw-analysis-menu-header,.dark .lmw-analysis-menu-header{background:#111827;border-color:#374151}[data-theme=dark] .lmw-analysis-menu-item:hover,.dark .lmw-analysis-menu-item:hover{background:#374151}[data-theme=dark] .lmw-analysis-name,.dark .lmw-analysis-name{color:#f3f4f6}.lmw-saved-analyses{display:flex;flex-direction:column;gap:6px}.lmw-saved-analysis-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-success-light, #d1fae5);border-radius:6px;font-size:12px}.lmw-saved-icon{font-size:14px}.lmw-saved-name{flex:1;font-weight:500;color:var(--color-text, #1f2937)}.lmw-saved-check{color:var(--color-success, #10b981)}[data-theme=dark] .lmw-saved-analysis-item,.dark .lmw-saved-analysis-item{background:#10b98126}[data-theme=dark] .lmw-saved-name,.dark .lmw-saved-name{color:#f3f4f6}.task-modal-overlay{position:fixed;inset:0;background-color:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-modal{background-color:var(--color-surface);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--color-border)}.task-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--quiet-gray-100)}.task-modal-title{font-size:18px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.task-modal-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.task-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.task-modal-close:hover{background-color:var(--quiet-gray-100);color:var(--color-text)}.task-modal-content{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;color:var(--color-text);background-color:var(--quiet-gray-50);border:1px solid var(--color-border);border-radius:8px;outline:none;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--color-surface);border-color:var(--law-navy);box-shadow:0 0 0 3px #1e3a5f1a}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--quiet-gray-400)}.form-input::placeholder,.form-textarea::placeholder{color:var(--quiet-gray-400)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-left:2.5rem}.task-modal-footer{padding:16px 24px;border-top:1px solid var(--quiet-gray-100);display:flex;justify-content:flex-end;gap:12px;background-color:var(--quiet-gray-50);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.btn-secondary{padding:10px 20px;font-size:13px;font-weight:500;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:500;color:#fff;background-color:var(--law-navy);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:var(--law-navy-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}option[value=high]{color:#dc2626}option[value=medium]{color:#d97706}option[value=low]{color:#059669}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:16px}}.cam-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cam-modal{background-color:var(--dashboard-card, #ffffff);border-radius:12px;width:100%;max-width:800px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;direction:rtl}.cam-header{padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between}.cam-header-title{display:flex;align-items:center;gap:14px}.cam-icon-wrapper{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary, #3b82f6),#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.cam-title-text h2{font-size:18px;font-weight:600;color:var(--text-primary, #111827);margin:0}.cam-title-text p{font-size:13px;color:var(--text-secondary, #6b7280);margin:4px 0 0}.cam-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s}.cam-close-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.cam-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.cam-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;position:relative;transition:all .2s}.cam-tab:hover{color:var(--text-primary, #111827)}.cam-tab.active{color:var(--color-primary, #3b82f6)}.cam-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary, #3b82f6);border-radius:2px 2px 0 0}.cam-tab-badge{background:var(--color-primary, #3b82f6);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.cam-tab:not(.active) .cam-tab-badge{background:var(--text-light, #9ca3af)}.cam-content{flex:1;overflow-y:auto;padding:20px 24px}.cam-tab-content{min-height:300px}.cam-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.cam-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-light, #9ca3af);margin-bottom:20px}.cam-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 8px}.cam-empty-state p{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 20px}.cam-najiz-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#0f766e;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.cam-najiz-link:hover{background:#0d6460}.cam-add-first-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cam-add-first-btn:hover{background:var(--color-primary-dark, #2563eb)}.cam-add-section{margin-bottom:20px}.cam-add-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cam-add-btn:hover{background:var(--color-primary-dark, #2563eb);transform:translateY(-1px)}.cam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-secondary, #6b7280)}.cam-spinner{animation:spin 1s linear infinite;color:var(--color-primary, #3b82f6)}.cam-error{text-align:center;padding:32px;color:#dc2626}.cam-retry-btn{margin-top:12px;padding:8px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.cam-retry-btn:hover{background:#b91c1c}.cam-sessions-list{display:flex;flex-direction:column;gap:16px}.cam-session-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:18px;transition:all .2s}.cam-session-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 4px 12px #0000000d}.cam-session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cam-session-type{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary, #111827)}.cam-icon-video{color:#0891b2}.cam-status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.cam-session-details{display:flex;flex-direction:column;gap:10px}.cam-detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #6b7280)}.cam-detail-row svg{color:var(--text-light, #9ca3af);flex-shrink:0}.cam-dept{color:var(--text-light, #9ca3af)}.cam-method{background:var(--bg-tertiary, #f3f4f6);padding:8px 12px;border-radius:6px;margin-top:4px}.cam-method-value{font-weight:500;color:var(--text-primary, #111827)}.cam-session-notes,.cam-session-result{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color, #e5e7eb)}.cam-notes-label,.cam-result-label{font-size:12px;font-weight:500;color:var(--text-light, #9ca3af);display:block;margin-bottom:6px}.cam-session-notes p,.cam-session-result p{font-size:13px;color:var(--text-primary, #111827);margin:0;line-height:1.6}.cam-session-result{background:#ecfdf5;margin:14px -18px -18px;padding:14px 18px;border-radius:0 0 12px 12px;border-top:none}.cam-session-result .cam-result-label{color:#059669}.cam-video-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;background:#0891b2;color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.cam-video-link:hover{background:#0e7490}.cam-appointments-list{display:flex;flex-direction:column;gap:14px}.cam-appointment-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:18px;transition:all .2s}.cam-appointment-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 4px 12px #0000000d}.cam-appointment-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.cam-appointment-title h4{font-size:15px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 4px}.cam-appointment-type{font-size:12px;color:var(--text-secondary, #6b7280)}.cam-appointment-details{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.cam-duration{color:var(--text-light, #9ca3af);font-size:12px}.cam-appointment-desc{font-size:13px;color:var(--text-secondary, #6b7280);margin:0 0 14px;line-height:1.6}.cam-appointment-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--border-color, #e5e7eb)}.cam-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cam-action-btn.confirm{color:#059669}.cam-action-btn.confirm:hover{background:#ecfdf5;border-color:#059669}.cam-action-btn.cancel{color:#dc2626}.cam-action-btn.cancel:hover{background:#fef2f2;border-color:#dc2626}.cam-action-btn.start{color:#3b82f6}.cam-action-btn.start:hover{background:#eff6ff;border-color:#3b82f6}.cam-action-btn.complete{color:#059669}.cam-action-btn.complete:hover{background:#ecfdf5;border-color:#059669}.cam-action-btn.edit{color:var(--text-secondary, #6b7280)}.cam-action-btn.edit:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}body.dark .cam-modal{background:var(--dashboard-card, #1f2937)}body.dark .cam-header{border-color:var(--border-color, #374151)}body.dark .cam-tabs,body.dark .cam-session-card,body.dark .cam-appointment-card,body.dark .cam-action-btn{background:var(--bg-tertiary, #111827);border-color:var(--border-color, #374151)}@media (max-width: 640px){.cam-modal{max-height:95vh;margin:10px}.cam-header{padding:16px}.cam-tabs{padding:0 16px;overflow-x:auto}.cam-tab{padding:12px 16px;white-space:nowrap}.cam-content{padding:16px}.cam-session-card,.cam-appointment-card{padding:14px}}.modal-success{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;background:var(--status-green-light);color:var(--status-green);font-size:13px;margin-bottom:16px}.client-phone-loading{padding:40px;text-align:center;color:var(--color-text-secondary)}.client-phone-section{margin-bottom:20px}.client-phone-section__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-heading);margin:0 0 12px}.client-phone-section__title svg{color:var(--law-navy)}.client-phone-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.client-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--quiet-gray-50);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s}body.dark .client-card{background:var(--quiet-gray-100)}.client-card:hover{border-color:var(--color-border)}.client-card--selected{border-color:var(--law-navy);background:var(--law-navy-light)}.client-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.client-card__info{flex:1;min-width:0}.client-card__name{font-size:14px;font-weight:500;color:var(--color-heading);margin-bottom:2px}.client-card__id{font-size:12px;color:var(--color-text-secondary);direction:ltr;text-align:right}.client-card__role{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.client-card__phone{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--status-green);margin-top:4px;direction:ltr;text-align:right}.client-card__no-phone{font-size:12px;color:var(--status-orange);margin-top:4px}.client-card__badge{padding:4px 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--quiet-gray-200);color:var(--color-text-secondary);flex-shrink:0}.client-card__badge--success{background:var(--status-green-light);color:var(--status-green)}.client-card__badge--warning{background:var(--status-orange-light);color:var(--status-orange)}.client-phone-form{display:flex;flex-direction:column;gap:12px}.client-phone-input{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--dashboard-card);color:var(--color-text);font-size:16px;letter-spacing:1px;text-align:center;outline:none;transition:border-color .15s}.client-phone-input:focus{border-color:var(--law-navy)}.client-phone-input::-moz-placeholder{color:var(--color-text-secondary)}.client-phone-input::placeholder{color:var(--color-text-secondary)}.client-phone-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.client-phone-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--law-navy)}.modal-content--md{max-width:500px}.messages-modal{background:var(--dashboard-card);border-radius:12px;width:100%;max-width:700px;height:80vh;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0a192f40;border:1px solid var(--color-border)}.messages-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--quiet-gray-50);flex-shrink:0}body.dark .messages-modal__header{background:var(--quiet-gray-100)}.messages-modal__title{display:flex;align-items:center;gap:12px}.messages-modal__title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--law-navy-light);border-radius:8px;color:var(--law-navy)}.messages-modal__title-text h3{margin:0;font-size:16px;font-weight:600;color:var(--color-heading)}.messages-modal__title-text span{font-size:12px;color:var(--color-text-secondary);font-weight:400}.messages-modal__actions{display:flex;align-items:center;gap:8px}.messages-modal__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.messages-modal__btn:hover{background:var(--quiet-gray-100);color:var(--color-text)}.messages-modal__btn:disabled{opacity:.5;cursor:not-allowed}.messages-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.messages-modal__close:hover{background:var(--status-red-light);color:var(--status-red)}.messages-modal__recipient{padding:12px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;background:var(--quiet-gray-50);flex-shrink:0}body.dark .messages-modal__recipient{background:var(--quiet-gray-100)}.messages-modal__recipient-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.messages-modal__recipient-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-card);color:var(--color-text);font-size:13px;cursor:pointer;outline:none;transition:border-color .15s}.messages-modal__recipient-select:focus{border-color:var(--law-navy)}.messages-modal__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--dashboard-bg)}.messages-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);gap:12px}.messages-modal__loading svg{color:var(--law-navy)}.messages-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px}.messages-modal__empty-icon{width:64px;height:64px;background:var(--quiet-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-text-secondary)}body.dark .messages-modal__empty-icon{background:var(--quiet-gray-200)}.messages-modal__empty-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-heading)}.messages-modal__empty-text{margin:0;font-size:13px;color:var(--color-text-secondary)}.message-bubble{display:flex;gap:10px;max-width:80%}.message-bubble--mine{flex-direction:row-reverse;align-self:flex-start}.message-bubble--other{align-self:flex-end}.message-bubble__avatar{width:36px;height:36px;background:var(--law-navy-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--law-navy)}.message-bubble__avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-bubble__content{display:flex;flex-direction:column;gap:4px}.message-bubble__sender{font-size:12px;font-weight:600;color:var(--color-text)}.message-bubble__sender-role{font-weight:400;color:var(--color-text-secondary);margin-right:4px}.message-bubble__text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.message-bubble--mine .message-bubble__text{background:var(--law-navy);color:#fff;border-bottom-right-radius:4px}.message-bubble--other .message-bubble__text{background:var(--dashboard-card);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.message-bubble__meta{display:flex;align-items:center;gap:6px;font-size:11px;padding:0 4px}.message-bubble--mine .message-bubble__meta{justify-content:flex-start;color:var(--color-text-secondary)}.message-bubble--other .message-bubble__meta{justify-content:flex-end;color:var(--color-text-secondary)}.message-bubble__status{display:flex;align-items:center}.message-bubble__status--read{color:var(--status-green)}.messages-modal__error{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--status-red-light);color:var(--status-red);font-size:13px;flex-shrink:0}.messages-modal__error-close{margin-right:auto;background:transparent;border:none;cursor:pointer;color:var(--status-red);font-size:18px;line-height:1;padding:0}.messages-modal__error-close:hover{opacity:.7}.messages-modal__input{padding:16px 20px;border-top:1px solid var(--color-border);background:var(--dashboard-card);flex-shrink:0}.messages-modal__input-wrapper{display:flex;align-items:flex-end;gap:12px;background:var(--quiet-gray-50);border:1px solid var(--color-border);border-radius:24px;padding:8px 8px 8px 16px;transition:border-color .15s}body.dark .messages-modal__input-wrapper{background:var(--quiet-gray-100)}.messages-modal__input-wrapper:focus-within{border-color:var(--law-navy)}.messages-modal__textarea{flex:1;border:none;background:transparent;resize:none;font-size:14px;padding:8px 0;max-height:120px;outline:none;font-family:inherit;color:var(--color-text);line-height:1.5}.messages-modal__textarea::-moz-placeholder{color:var(--color-text-secondary)}.messages-modal__textarea::placeholder{color:var(--color-text-secondary)}.messages-modal__send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--law-navy);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.messages-modal__send-btn:hover:not(:disabled){background:var(--law-navy-dark);transform:scale(1.05)}.messages-modal__send-btn:disabled{background:var(--quiet-gray-300);cursor:not-allowed}@media (max-width: 768px){.messages-modal{height:100vh;max-height:100vh;border-radius:0}.message-bubble{max-width:90%}.messages-modal__header{padding:12px 16px}.messages-modal__body{padding:16px}.messages-modal__input{padding:12px 16px}}.share-case-subtitle{color:var(--text-secondary, #64748b);font-size:.875rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.share-case-subtitle strong{color:var(--text-primary, #1e293b)}.share-case-loading{text-align:center;padding:2rem;color:var(--text-secondary, #64748b)}.share-case-section{margin-bottom:1.5rem}.share-case-section__title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.75rem}.share-case-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;margin-bottom:.75rem}.share-case-search input{flex:1;border:none;background:transparent;font-size:.875rem;outline:none;color:var(--text-primary, #1e293b)}.share-case-search input::-moz-placeholder{color:var(--text-muted, #94a3b8)}.share-case-search input::placeholder{color:var(--text-muted, #94a3b8)}.share-case-search svg{color:var(--text-muted, #94a3b8)}.share-case-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.share-case-list--selectable{max-height:250px}.share-case-empty{text-align:center;padding:1.5rem;color:var(--text-secondary, #64748b);font-size:.875rem}.share-user-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s ease}.share-user-item:hover{border-color:var(--primary-color, #3b82f6);background:var(--bg-primary, #fff)}.share-user-item--selected{border-color:var(--primary-color, #3b82f6);background:#3b82f60d}.share-user-item--shared{cursor:default;background:var(--bg-primary, #fff)}.share-user-item--shared:hover{background:var(--bg-primary, #fff);border-color:var(--border-color, #e2e8f0)}.share-user-item__checkbox{display:flex;align-items:center}.share-user-item__checkbox input{width:16px;height:16px;accent-color:var(--primary-color, #3b82f6);cursor:pointer}.share-user-item__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #3b82f6),var(--primary-dark, #2563eb));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.share-user-item__info{flex:1;min-width:0}.share-user-item__name{font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-user-item__role{font-size:.75rem;color:var(--text-secondary, #64748b)}.share-user-item__remove{padding:.375rem;background:transparent;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.share-user-item__remove:hover{color:var(--status-red, #ef4444);background:#ef44441a}.share-case-no-permission{text-align:center;padding:2rem 1rem}.share-case-no-permission__icon{color:var(--text-muted, #94a3b8);margin-bottom:1rem}.share-case-no-permission h3{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.share-case-no-permission p{font-size:.875rem;color:var(--text-secondary, #64748b);line-height:1.6}.share-case-admin-option{padding:.75rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;margin-bottom:1rem}.share-case-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.share-case-toggle input{display:none}.share-case-toggle__slider{position:relative;width:40px;height:22px;background:var(--quiet-gray-300, #cbd5e1);border-radius:22px;transition:all .2s ease;flex-shrink:0}.share-case-toggle__slider:after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #0003}.share-case-toggle input:checked+.share-case-toggle__slider{background:var(--primary-color, #3b82f6)}.share-case-toggle input:checked+.share-case-toggle__slider:after{right:calc(100% - 20px)}.share-case-toggle__label{font-size:.875rem;color:var(--text-primary, #1e293b)}.link-najiz-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.link-najiz-modal{background:var(--dashboard-card, white);border-radius:12px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;overflow:hidden;border:1px solid var(--quiet-gray-200, #e5e7eb)}.link-najiz-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--quiet-gray-200, #e5e7eb);flex-shrink:0}.link-najiz-header-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--law-navy, #0066cc) 0%,var(--law-navy-dark, #004999) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-najiz-header-title{flex:1;min-width:0}.link-najiz-header-title h2{margin:0;font-size:18px;font-weight:600;color:var(--quiet-gray-900, #1f2937)}.link-najiz-subtitle{font-size:13px;color:var(--quiet-gray-500, #6b7280);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-najiz-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--quiet-gray-500, #6b7280);transition:all .15s;flex-shrink:0}.link-najiz-close:hover{background:var(--quiet-gray-100, #f3f4f6);color:var(--quiet-gray-900, #1f2937)}.link-najiz-body{flex:1;overflow-y:auto;padding:20px 24px;background:var(--dashboard-card, white)}.link-najiz-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--status-red-light, #fef2f2);border:1px solid #fecaca;border-radius:8px;color:var(--status-red, #dc2626);font-size:14px;margin-bottom:16px}.link-najiz-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--quiet-gray-100, #f9fafb);border:1px solid var(--quiet-gray-200, #e5e7eb);border-radius:8px;margin-bottom:16px;transition:border-color .15s,background .15s}.link-najiz-search:focus-within{border-color:var(--law-navy, #0066cc);background:var(--dashboard-card, white)}.link-najiz-search input{flex:1;border:none;background:transparent;font-size:14px;outline:none;font-family:inherit;color:var(--quiet-gray-900, #1f2937)}.link-najiz-search input::-moz-placeholder{color:var(--quiet-gray-400, #9ca3af)}.link-najiz-search input::placeholder{color:var(--quiet-gray-400, #9ca3af)}.link-najiz-search svg{color:var(--quiet-gray-400, #9ca3af);flex-shrink:0}.link-najiz-cases-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.link-najiz-loading,.link-najiz-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--quiet-gray-500, #6b7280)}.link-najiz-loading svg,.link-najiz-empty svg{margin-bottom:12px;color:var(--quiet-gray-400, #9ca3af)}.link-najiz-empty p{margin:0 0 4px;font-weight:500;color:var(--quiet-gray-700, #374151)}.link-najiz-empty span{font-size:13px}.link-najiz-case-item{display:flex;gap:12px;padding:14px;border:1px solid var(--quiet-gray-200, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s;background:var(--dashboard-card, white)}.link-najiz-case-item:hover{border-color:var(--law-navy, #0066cc);background:var(--law-navy-light, #f0f7ff)}.link-najiz-case-item.selected{border-color:var(--law-navy, #0066cc);background:var(--law-navy-light, #e6f0ff)}.link-najiz-case-radio{color:var(--law-navy, #0066cc);padding-top:2px;flex-shrink:0}.link-najiz-case-radio-empty{width:18px;height:18px;border:2px solid var(--quiet-gray-300, #d1d5db);border-radius:50%}.link-najiz-case-item.selected .link-najiz-case-radio-empty{border-color:var(--law-navy, #0066cc)}.link-najiz-case-content{flex:1;min-width:0}.link-najiz-case-title{font-weight:500;color:var(--quiet-gray-900, #1f2937);margin-bottom:6px;line-height:1.4}.link-najiz-case-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--quiet-gray-500, #6b7280)}.link-najiz-case-meta span{display:flex;align-items:center;gap:4px}.link-najiz-case-meta svg{flex-shrink:0}.link-najiz-case-status{display:inline-block;margin-top:8px;padding:3px 8px;font-size:11px;background:var(--law-navy-light, #e6f0ff);color:var(--law-navy, #0066cc);border-radius:4px}.link-najiz-confirm{text-align:center;padding:20px 0}.link-najiz-confirm-icon{color:var(--status-orange, #f59e0b);margin-bottom:16px}.link-najiz-confirm h3{margin:0 0 12px;font-size:18px;color:var(--quiet-gray-900, #1f2937)}.link-najiz-confirm>p{color:var(--quiet-gray-500, #6b7280);margin-bottom:16px}.link-najiz-confirm ul{text-align:right;margin:0 0 20px;padding:16px 20px;background:var(--quiet-gray-100, #f9fafb);border-radius:8px;list-style:none}.link-najiz-confirm ul li{padding:6px 20px 6px 0;color:var(--quiet-gray-700, #374151);font-size:14px;position:relative}.link-najiz-confirm ul li:before{content:"•";position:absolute;right:0;color:var(--law-navy, #0066cc)}.link-najiz-confirm-cases{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--status-orange-light, #fff7ed);border-radius:8px;flex-wrap:wrap}.link-najiz-confirm-cases>svg{color:var(--status-orange, #f59e0b);flex-shrink:0}.link-najiz-confirm-case{text-align:center}.link-najiz-confirm-case .label{display:block;font-size:12px;color:var(--quiet-gray-400, #9ca3af);margin-bottom:4px}.link-najiz-confirm-case .value{font-weight:500;color:var(--quiet-gray-900, #1f2937);font-size:14px}.link-najiz-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--quiet-gray-200, #e5e7eb);flex-shrink:0;background:var(--dashboard-card, white)}.link-najiz-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.link-najiz-btn:disabled{opacity:.5;cursor:not-allowed}.link-najiz-btn-secondary{background:var(--quiet-gray-100, #f3f4f6);color:var(--quiet-gray-700, #374151)}.link-najiz-btn-secondary:hover:not(:disabled){background:var(--quiet-gray-200, #e5e7eb)}.link-najiz-btn-primary{background:var(--law-navy, #0066cc);color:#fff}.link-najiz-btn-primary:hover:not(:disabled){background:var(--law-navy-dark, #0052a3)}.link-najiz-btn-danger{background:var(--status-red, #dc2626);color:#fff}.link-najiz-btn-danger:hover:not(:disabled){background:#b91c1c}body.dark .link-najiz-overlay{background:#000000b3}body.dark .link-najiz-modal{box-shadow:0 20px 40px #0006}body.dark .link-najiz-error{background:#dc262626;border-color:#dc26264d}body.dark .link-najiz-case-item:hover,body.dark .link-najiz-case-item.selected,body.dark .link-najiz-case-status{background:#3b599833}body.dark .link-najiz-confirm-cases{background:#d9770626}body.dark .link-najiz-close:hover{background:var(--quiet-gray-200)}body.classic .link-najiz-overlay{background:#2b1b1299}body.classic .link-najiz-modal{box-shadow:0 20px 40px #2b1b1233}body.classic .link-najiz-header-icon{background:linear-gradient(135deg,var(--law-navy) 0%,var(--law-navy-dark) 100%)}body.classic .link-najiz-error{background:#9b2c2c1a;border-color:#9b2c2c4d}body.classic .link-najiz-case-item:hover,body.classic .link-najiz-case-item.selected,body.classic .link-najiz-case-status{background:#4a2c1a1a}body.classic .link-najiz-confirm-cases{background:#c170001a}body.classic .link-najiz-btn-danger:hover:not(:disabled){background:#7f1d1d}@media (max-width: 640px){.link-najiz-modal{max-height:90vh;margin:10px}.link-najiz-header,.link-najiz-body{padding:16px 20px}.link-najiz-footer{padding:12px 20px}.link-najiz-confirm-cases{flex-direction:column;gap:12px}.link-najiz-confirm-cases>svg{transform:rotate(-90deg)}}.case-detail-page{background:var(--dashboard-bg);min-height:100vh}.case-detail-header{position:sticky;top:0;z-index:40;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:12px 20px}.case-detail-header__top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.case-detail-header__breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.case-detail-header__breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.case-detail-header__breadcrumb a:hover{color:var(--law-navy)}.case-detail-header__breadcrumb-separator{color:var(--quiet-gray-400)}.case-detail-header__title-section{flex:1;min-width:200px}.case-detail-header__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-heading);margin-bottom:2px}.case-detail-header__title svg{color:var(--law-navy);flex-shrink:0}.case-detail-header__subtitle{font-size:13px;color:var(--color-text-secondary)}.case-detail-header__badges,.case-detail-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.case-header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);cursor:pointer;transition:all .15s}.case-header-btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.case-header-btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.case-header-btn--primary:hover{background:var(--law-navy-dark);border-color:var(--law-navy-dark)}.case-header-btn--share{padding:8px;background:var(--quiet-gray-100);border-color:var(--color-border);color:var(--color-text-secondary)}.case-header-btn--share:hover{background:var(--law-gold-light);border-color:var(--law-gold);color:var(--law-gold-dark)}.case-header-btn--link{background:linear-gradient(135deg,#06c,#004999);border-color:#06c;color:#fff}.case-header-btn--link:hover{background:linear-gradient(135deg,#0052a3,#003d7a);border-color:#0052a3}.back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .15s;flex-shrink:0}.back-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.back-btn svg{flex-shrink:0}.case-header-tabs{display:flex;align-items:center;gap:6px;margin-right:auto;margin-left:16px}.case-header-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;background:var(--quiet-gray-100);color:var(--color-text-secondary);border:1px solid transparent;cursor:pointer;transition:all .15s}body.dark .case-header-tab{background:var(--quiet-gray-200)}.case-header-tab:hover{background:var(--law-navy-light);border-color:var(--law-navy);color:var(--law-navy)}.case-header-tab__icon{display:flex;align-items:center;justify-content:center}.case-header-tab__icon--blue{color:var(--status-blue)}.case-header-tab__icon--orange{color:var(--status-orange)}.case-header-tab__icon--green{color:var(--status-green)}.case-header-tab__icon--purple{color:#8b5cf6}.case-header-tab__icon--teal{color:#0d9488}.case-header-tab__count{font-weight:600;color:var(--color-heading);background:var(--dashboard-card);padding:1px 6px;border-radius:8px;font-size:11px;border:1px solid var(--color-border)}.case-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.case-badge__dot{width:6px;height:6px;border-radius:50%}.case-badge--active{background:var(--status-green-light);color:var(--status-green)}.case-badge--active .case-badge__dot{background:var(--status-green)}.case-badge--pending{background:var(--status-orange-light);color:var(--status-orange)}.case-badge--pending .case-badge__dot{background:var(--status-orange)}.case-badge--closed{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.case-badge--closed .case-badge__dot{background:var(--quiet-gray-500)}.case-badge--high{background:var(--status-red-light);color:var(--status-red)}.case-badge--medium{background:var(--status-orange-light);color:var(--status-orange)}.case-badge--low{background:var(--status-green-light);color:var(--status-green)}.case-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;padding:20px;align-items:start}@media (max-width: 1024px){.case-detail-layout{grid-template-columns:1fr}}.case-main-content{display:flex;flex-direction:column;gap:16px}.case-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}@media (max-width: 1024px){.case-sidebar{position:static}}.case-detail-page .case-card{position:relative;display:block;padding:0;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;cursor:default;transform:none}.case-detail-page .case-card:hover{transform:none;box-shadow:none}.case-detail-page .case-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border);border-radius:7px 7px 0 0;gap:8px}body.dark .case-detail-page .case-card__header{background:var(--quiet-gray-100)}.case-detail-page .case-card__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-heading);margin:0}.case-detail-page .case-card__title svg{color:var(--law-navy);flex-shrink:0}.case-detail-page .case-card__action{font-size:12px;color:var(--law-navy);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.case-detail-page .case-card__action:hover{background:var(--law-navy-light)}.case-detail-page .case-card__content{padding:16px}.case-detail-page .case-card__content--compact{padding:12px 16px}.case-info-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.case-info-row:last-child{border-bottom:none;padding-bottom:0}.case-info-row:first-child{padding-top:0}.case-info-row__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--quiet-gray-100);color:var(--color-text-secondary)}body.dark .case-info-row__icon{background:var(--quiet-gray-200)}.case-info-row__content{flex:1;min-width:0}.case-info-row__label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.case-info-row__value{font-size:14px;color:var(--color-text);font-weight:500}.case-quick-links{display:flex;flex-direction:column;gap:4px}.case-quick-link{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;background:var(--quiet-gray-100);cursor:pointer;transition:all .15s;border:1px solid transparent}body.dark .case-quick-link{background:var(--quiet-gray-200)}.case-quick-link:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.case-quick-link__info{display:flex;align-items:center;gap:10px}.case-quick-link__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.case-quick-link__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.case-quick-link__icon--green{background:var(--status-green-light);color:var(--status-green)}.case-quick-link__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.case-quick-link__icon--purple{background:#8b5cf61a;color:#8b5cf6}.case-quick-link__label{font-size:13px;font-weight:500;color:var(--color-text)}.case-quick-link__count{font-size:13px;font-weight:600;color:var(--color-heading);background:var(--dashboard-card);padding:2px 8px;border-radius:10px;border:1px solid var(--color-border)}.case-parties-inline{display:flex;flex-wrap:wrap;gap:8px}.case-party-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;background:var(--quiet-gray-100);border:1px solid var(--color-border)}body.dark .case-party-tag{background:var(--quiet-gray-200)}.case-party-tag--plaintiff{background:#0596691a;border-color:#05966933}.case-party-tag--defendant{background:#dc26261a;border-color:#dc262633}.case-party-tag--lawyer{background:var(--law-navy-light);border-color:#1e3a5f33}.case-party-tag__icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.case-party-tag--plaintiff .case-party-tag__icon{background:var(--status-green)}.case-party-tag--defendant .case-party-tag__icon{background:var(--status-red)}.case-party-tag--lawyer .case-party-tag__icon{background:var(--law-navy)}.case-party-tag__name{font-weight:500;color:var(--color-heading)}.case-party-tag__role{color:var(--color-text-secondary);font-size:11px}.case-parties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.case-party-group{background:var(--quiet-gray-50);border-radius:8px;padding:12px}body.dark .case-party-group{background:var(--quiet-gray-100)}.case-party-group__title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.case-party-group--plaintiff .case-party-group__title{color:var(--status-green)}.case-party-group--defendant .case-party-group__title{color:var(--status-red)}.case-party-group--lawyer .case-party-group__title{color:var(--law-navy)}.case-party-item{padding:8px;background:var(--dashboard-card);border-radius:6px;margin-bottom:6px}.case-party-item:last-child{margin-bottom:0}.case-party-item__name{font-size:13px;font-weight:500;color:var(--color-heading);margin-bottom:2px}.case-party-item__details{font-size:11px;color:var(--color-text-secondary)}.case-sessions-list{display:flex;flex-direction:column;gap:10px}.case-session-item{display:flex;gap:12px;padding:12px;background:var(--quiet-gray-50);border-radius:8px;border:1px solid transparent;transition:all .15s}body.dark .case-session-item{background:var(--quiet-gray-100)}.case-session-item:hover{border-color:var(--law-navy)}.case-session-item--upcoming{background:var(--law-navy-light);border-color:var(--law-navy)}.case-session-item__date-box{width:50px;height:50px;background:var(--dashboard-card);border-radius:8px;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.case-session-item--upcoming .case-session-item__date-box{background:var(--law-navy);border-color:var(--law-navy);color:#fff}.case-session-item__day{font-size:18px;font-weight:700;line-height:1;color:var(--color-heading)}.case-session-item--upcoming .case-session-item__day{color:#fff}.case-session-item__month{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase}.case-session-item--upcoming .case-session-item__month{color:#fffc}.case-session-item__content{flex:1;min-width:0}.case-session-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.case-session-item__title{font-size:14px;font-weight:500;color:var(--color-heading)}.case-session-item__status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.case-session-item__status--upcoming{background:var(--status-green);color:#fff}.case-session-item__status--completed{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.case-session-item__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-secondary)}.case-session-item__meta span{display:flex;align-items:center;gap:4px}.case-session-item__method{padding:2px 6px;border-radius:4px;font-size:11px}.case-session-item__method--remote{background:#8b5cf626;color:#7c3aed}.case-session-item__method--inperson{background:var(--status-green-light);color:var(--status-green)}.case-session-item__join-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;background:var(--law-navy);color:#fff;border-radius:4px;font-size:11px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--law-navy)}.case-session-item__join-btn:hover{background:var(--law-navy-dark);border-color:var(--law-navy-dark);color:#fff}.case-session-item__join-btn svg{flex-shrink:0}.case-subject-content{background:var(--quiet-gray-50);border-radius:8px;padding:14px;font-size:14px;line-height:1.7;color:var(--color-text);white-space:pre-wrap}body.dark .case-subject-content{background:var(--quiet-gray-100)}.case-subject-section{margin-bottom:16px}.case-subject-section:last-child{margin-bottom:0}.case-subject-section__title{font-size:12px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.case-subject-section__title--primary{color:var(--law-navy)}.case-subject-section__title--success{color:var(--status-green)}.case-subject-section__title--warning{color:var(--status-orange)}.case-subject-section__content{background:var(--dashboard-card);border-radius:6px;padding:12px;font-size:13px;line-height:1.7;border:1px solid var(--color-border)}.case-timeline-section{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;margin-top:8px;overflow:hidden}.case-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border)}.case-timeline-header__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--color-heading)}.case-timeline-header__title svg{color:var(--law-navy);opacity:.8}.case-timeline-content{padding:8px 12px 20px}.case-najiz-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--status-green-light);border:1px solid rgba(5,150,105,.2);border-radius:8px;flex-wrap:wrap}.case-najiz-link__info{display:flex;align-items:center;gap:10px}.case-najiz-link__icon{width:36px;height:36px;background:var(--status-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.case-najiz-link__text strong{display:block;font-size:13px;color:var(--color-heading);margin-bottom:2px}.case-najiz-link__text span{font-size:11px;color:var(--color-text-secondary)}.case-najiz-link__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--status-green);color:#fff;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s}.case-najiz-link__btn:hover{opacity:.9}.case-fees-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.case-fee-item{text-align:center;padding:10px;background:var(--quiet-gray-50);border-radius:6px}body.dark .case-fee-item{background:var(--quiet-gray-100)}.case-fee-item__value{font-size:16px;font-weight:700;color:var(--color-heading);margin-bottom:2px}.case-fee-item__label{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase}.case-fee-item--remaining .case-fee-item__value{color:var(--status-orange)}.case-fee-item--paid .case-fee-item__value{color:var(--status-green)}.case-progress{height:6px;background:var(--quiet-gray-200);border-radius:3px;overflow:hidden}.case-progress__bar{height:100%;background:var(--status-green);border-radius:3px;transition:width .5s ease}@media (max-width: 768px){.case-detail-header{padding:12px 16px}.case-detail-layout{padding:16px;gap:16px}.case-detail-header__badges,.case-header-btn span{display:none}.case-parties-grid,.case-fees-summary{grid-template-columns:1fr}}.case-add-phone-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:8px;background:var(--status-green-light);color:var(--status-green);border:1px dashed var(--status-green);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.case-add-phone-btn:hover{background:var(--status-green);color:#fff;border-style:solid}.case-fee-item--overdue{background:var(--status-red-light)}.case-fee-item--overdue .case-fee-item__value{color:var(--status-red)}.case-progress__label{text-align:center;font-size:11px;color:var(--color-text-secondary);margin-top:6px;font-weight:500}.case-billing-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.case-billing-stat{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--quiet-gray-100);border-radius:6px;text-decoration:none;transition:all .15s;border:1px solid transparent}body.dark .case-billing-stat{background:var(--quiet-gray-200)}.case-billing-stat:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.case-billing-stat--warning{background:var(--status-red-light)}.case-billing-stat--warning:hover{background:var(--status-red-light);border-color:var(--status-red)}.case-billing-stat__icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center}.case-billing-stat__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.case-billing-stat__icon--red{background:var(--status-red-light);color:var(--status-red)}.case-billing-stat__text{font-size:12px;font-weight:500;color:var(--color-text)}.case-recent-payments{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.case-recent-payments__title{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.case-recent-payment{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--quiet-gray-50);border-radius:6px;margin-bottom:6px}body.dark .case-recent-payment{background:var(--quiet-gray-100)}.case-recent-payment:last-child{margin-bottom:0}.case-recent-payment__info{display:flex;flex-direction:column;gap:2px}.case-recent-payment__amount{font-size:13px;font-weight:600;color:var(--status-green)}.case-recent-payment__date{font-size:11px;color:var(--color-text-secondary)}.case-recent-payment__method{font-size:11px;padding:3px 8px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary)}.case-no-billing{text-align:center;padding:16px;background:var(--quiet-gray-50);border-radius:8px;margin-top:8px}body.dark .case-no-billing{background:var(--quiet-gray-100)}.case-no-billing p{font-size:13px;color:var(--color-text-secondary);margin-bottom:10px}.case-no-billing__link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--law-navy);color:#fff;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s}.case-no-billing__link:hover{background:var(--law-navy-dark)}.sessions-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.sessions-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.sessions-header-bar__start{display:flex;align-items:center;gap:16px}.sessions-header-bar__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-heading)}.sessions-header-bar__title svg{color:var(--law-navy)}.sessions-header-bar__stats{display:flex;gap:12px}.stat-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;background:var(--quiet-gray-100);color:var(--color-text-secondary)}.stat-badge--today{background:#dc26261a;color:var(--status-red)}.stat-badge--week{background:#d977061a;color:var(--status-orange)}.sessions-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.view-switcher{display:flex;background:var(--quiet-gray-100);padding:3px;border-radius:8px;border:1px solid var(--color-border)}.view-switcher__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.view-switcher__btn:hover{color:var(--law-navy)}.view-switcher__btn--active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:0 1px 3px #0000000d}.sessions-table-wrapper{padding:16px 20px}.sessions-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-size:13px}.sessions-table th{text-align:right;padding:12px 16px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border);white-space:nowrap}.sessions-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.sessions-table tr:last-child td{border-bottom:none}.sessions-table tbody tr{transition:all .2s;cursor:pointer}.sessions-table tbody tr:hover{background:var(--law-navy-light)}.sessions-table tbody tr:hover td{background:transparent}.session-info{display:flex;flex-direction:column}.session-case-title{font-weight:600;color:var(--color-heading);margin-bottom:2px}.session-case-number{font-size:12px;color:var(--color-text-secondary)}.session-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.session-date{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--color-heading)}.session-time{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary);margin-right:8px}.urgency-badge{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600}.join-session-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--law-navy);color:#fff;border-radius:4px;font-size:11px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--law-navy)}.join-session-btn:hover{background:var(--law-navy-dark);border-color:var(--law-navy-dark);color:#fff}.no-link-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--status-blue-light);color:var(--status-blue);border-radius:4px;font-size:11px;font-weight:500}.inperson-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--status-green-light);color:var(--status-green);border-radius:4px;font-size:11px;font-weight:500}.session-completed-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--quiet-gray-100);color:var(--quiet-gray-500);border-radius:4px;font-size:11px;font-weight:500}.calendar-view{padding:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.calendar-day-header{background:var(--quiet-gray-50);padding:10px;text-align:center;font-weight:600;font-size:13px;color:var(--color-text-secondary)}.calendar-day{background:var(--dashboard-card);min-height:120px;padding:8px;position:relative;transition:background .15s}.calendar-day:hover{background:var(--quiet-gray-50)}.calendar-day--today{background:#1e3a5f05}.calendar-date{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px;display:flex;justify-content:space-between}.calendar-day--today .calendar-date{color:var(--law-navy);font-weight:700}.calendar-session{display:flex;flex-direction:column;padding:4px 6px;border-radius:4px;background:var(--law-navy-light);border-right:3px solid var(--law-navy);margin-bottom:4px;cursor:pointer;font-size:11px;transition:all .15s}.calendar-session:hover{filter:brightness(.95);transform:translateY(-1px)}.calendar-session__title{font-weight:600;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-session__time{color:var(--color-text-secondary);font-size:10px}.export-dropdown{position:relative}.export-dropdown__menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--dashboard-card, white);border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid var(--color-border);min-width:200px;z-index:100;overflow:hidden;animation:exportDropdownFadeIn .15s ease-out}@keyframes exportDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-dropdown__header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border)}.export-dropdown__header--clickable{cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-dropdown__header--clickable:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.export-dropdown__cycle-icon{margin-right:auto;opacity:.5;transition:transform .2s}.export-dropdown__header--clickable:hover .export-dropdown__cycle-icon{opacity:1;transform:translate(-2px)}.export-dropdown__menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;font-size:14px;color:var(--color-text);cursor:pointer;text-align:right;transition:all .15s}.export-dropdown__menu button:hover{background:var(--quiet-gray-50)}.export-dropdown__menu button svg{color:var(--color-text-secondary)}.export-dropdown__menu button:first-of-type{color:#10b981}.export-dropdown__menu button:first-of-type svg{color:#10b981}.export-dropdown__menu button:nth-of-type(2){color:#3b82f6}.export-dropdown__menu button:nth-of-type(2) svg{color:#3b82f6}.export-dropdown__menu button:nth-of-type(3){color:#059669}.export-dropdown__menu button:nth-of-type(3) svg{color:#059669}@media (max-width: 768px){.sessions-header-bar{flex-direction:column;align-items:stretch}.sessions-header-bar__center{order:3}.calendar-grid{display:flex;flex-direction:column}.calendar-day{min-height:auto;border-bottom:1px solid var(--color-border)}.export-dropdown__menu{left:auto;right:0}}.client-cases{background:var(--dashboard-bg);min-height:100vh}.client-cases__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30;flex-wrap:wrap}.client-cases__title-section{display:flex;align-items:center;gap:12px}.client-cases__icon{width:40px;height:40px;background:var(--law-navy-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--law-navy)}.client-cases__title{font-size:20px;font-weight:600;color:var(--color-heading);margin:0}.client-cases__count{font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--quiet-gray-100);padding:4px 10px;border-radius:12px;margin-right:8px}.client-cases__filters{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}@media (max-width: 768px){.client-cases__filters{flex-basis:100%;max-width:100%;order:3;margin-top:12px}}.client-cases__search{flex:1;position:relative}.client-cases__search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.client-cases__search-input{width:100%;padding:10px 40px 10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--dashboard-card);font-size:14px;color:var(--color-text);outline:none;transition:border-color .15s}.client-cases__search-input:focus{border-color:var(--law-navy)}.client-cases__search-input::-moz-placeholder{color:var(--color-text-secondary)}.client-cases__search-input::placeholder{color:var(--color-text-secondary)}.client-cases__filter-select{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--dashboard-card);font-size:14px;color:var(--color-text);min-width:140px;cursor:pointer;outline:none}.client-cases__filter-select:focus{border-color:var(--law-navy)}.client-cases__content{padding:24px}.client-cases__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media (max-width: 640px){.client-cases__grid{grid-template-columns:1fr}}.case-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.case-card:hover{border-color:var(--law-navy);box-shadow:0 4px 12px #00000014}.case-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.case-card__title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 4px;line-height:1.4}.case-card__number{font-size:13px;color:var(--color-text-secondary)}.case-card__badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.case-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.case-badge--active{background:#10b9811a;color:#10b981}.case-badge--pending{background:#f59e0b1a;color:#f59e0b}.case-badge--closed{background:#6b72801a;color:#6b7280}.case-badge--settled{background:#3b82f61a;color:#3b82f6}.case-badge--appealed{background:#9333ea1a;color:#9333ea}.case-badge--dismissed{background:#ef44441a;color:#ef4444}.case-badge--low{background:#6b72801a;color:#6b7280}.case-badge--medium{background:#f59e0b1a;color:#f59e0b}.case-badge--high{background:#ef44441a;color:#ef4444}.case-badge--urgent{background:#ef444426;color:#dc2626}.case-card__details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.case-card__detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.case-card__detail svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}.case-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-border)}.case-card__updated{font-size:12px;color:var(--color-text-tertiary)}.case-card__action{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--law-navy);background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.case-card__action:hover{opacity:.8}.client-cases__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.client-cases__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--law-navy);border-radius:50%;animation:spin 1s linear infinite}.client-cases__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.client-cases__empty-icon{width:64px;height:64px;background:var(--quiet-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-text-secondary)}.client-cases__empty-title{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 8px}.client-cases__empty-text{font-size:14px;color:var(--color-text-secondary);margin:0}.client-case-detail{background:var(--dashboard-bg);min-height:100vh;padding:24px}.case-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.case-detail__title-section{flex:1}.case-detail__title{font-size:24px;font-weight:700;color:var(--color-heading);margin:0 0 8px}.case-detail__file-number{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.case-detail__actions{display:flex;gap:12px;flex-wrap:wrap}.case-detail__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.case-detail__btn--primary{background:var(--law-navy);color:#fff}.case-detail__btn--primary:hover{background:var(--law-navy-dark)}.case-detail__btn--success{background:#10b981;color:#fff}.case-detail__btn--success:hover{background:#059669}.case-detail__status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.case-detail__status--active{background:#10b9811a;color:#10b981}.case-detail__status--pending{background:#f59e0b1a;color:#f59e0b}.case-detail__status--closed{background:#6b72801a;color:#6b7280}.case-detail__status--settled{background:#3b82f61a;color:#3b82f6}.case-detail__content{display:grid;grid-template-columns:1fr 360px;gap:24px}@media (max-width: 1024px){.case-detail__content{grid-template-columns:1fr}}.case-detail__main,.case-detail__sidebar{display:flex;flex-direction:column;gap:24px}.detail-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.detail-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.detail-card__title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0;display:flex;align-items:center;gap:8px}.detail-card__title svg{color:var(--law-navy)}.detail-card__action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--law-navy-light);color:var(--law-navy);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.detail-card__action:hover{background:var(--law-navy);color:#fff}.detail-card__body{padding:20px}.case-info__description{font-size:14px;color:var(--color-text);line-height:1.7;margin-bottom:20px}.case-info__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.case-info__grid{grid-template-columns:1fr}}.case-info__item{display:flex;flex-direction:column;gap:4px}.case-info__label{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase}.case-info__value{font-size:14px;font-weight:500;color:var(--color-heading)}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--quiet-gray-100);border-radius:8px;transition:all .15s}.document-item:hover{background:var(--quiet-gray-200)}.document-item__icon{width:40px;height:40px;background:var(--dashboard-card);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--law-navy);flex-shrink:0}.document-item__content{flex:1;min-width:0}.document-item__title{font-size:14px;font-weight:600;color:var(--color-heading);margin:0 0 4px}.document-item__desc{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-item__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-tertiary)}.document-item__meta-item{display:flex;align-items:center;gap:4px}.document-item__badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.document-item__badge--category{background:var(--quiet-gray-200);color:var(--color-text-secondary)}.document-item__badge--confidential{background:#ef44441a;color:#ef4444}.document-item__actions{display:flex;gap:8px;flex-shrink:0}.document-item__btn{width:36px;height:36px;border-radius:6px;border:none;background:var(--dashboard-card);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.document-item__btn:hover{background:var(--law-navy);color:#fff}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:12px;padding-bottom:20px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";position:absolute;right:15px;top:32px;bottom:0;width:2px;background:var(--color-border)}.timeline-item__icon{width:32px;height:32px;border-radius:50%;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline-item__icon--document{background:#8b5cf6}.timeline-item__icon--hearing{background:#f59e0b}.timeline-item__icon--message{background:#10b981}.timeline-item__content{flex:1;padding-top:4px}.timeline-item__title{font-size:14px;font-weight:500;color:var(--color-heading);margin:0 0 4px}.timeline-item__date{font-size:12px;color:var(--color-text-tertiary)}.quick-info{display:flex;flex-direction:column;gap:12px}.quick-info__item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.quick-info__item:last-child{border-bottom:none}.quick-info__label{font-size:13px;color:var(--color-text-secondary)}.quick-info__value{font-size:13px;font-weight:500;color:var(--color-heading)}.documents-empty{text-align:center;padding:40px 20px}.documents-empty__icon{width:64px;height:64px;background:var(--quiet-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--color-text-secondary)}.documents-empty__title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 8px}.documents-empty__text{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px}.case-detail__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.case-detail__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--law-navy);border-radius:50%;animation:spin 1s linear infinite}.case-detail__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.case-detail__not-found-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#ef4444}.case-detail__not-found-title{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 8px}.case-detail__not-found-text{font-size:14px;color:var(--color-text-secondary);margin:0}.case-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.case-modal{background:var(--dashboard-card);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.case-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.case-modal__title{font-size:18px;font-weight:600;color:var(--color-heading);margin:0}.case-modal__close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.case-modal__close:hover{background:var(--quiet-gray-100);color:var(--color-heading)}.case-modal__body{padding:20px;overflow-y:auto}.case-modal__footer{display:flex;gap:12px;padding:20px;border-top:1px solid var(--color-border)}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-heading);margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);background:var(--dashboard-card);transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--law-navy)}.form-textarea{resize:vertical;min-height:100px}.form-file{width:100%;padding:10px 12px;border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s}.form-file:hover{border-color:var(--law-navy)}.modal-btn{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.modal-btn--primary{background:var(--law-navy);color:#fff}.modal-btn--primary:hover:not(:disabled){background:var(--law-navy-dark)}.modal-btn--success{background:#10b981;color:#fff}.modal-btn--success:hover:not(:disabled){background:#059669}.modal-btn--secondary{background:var(--quiet-gray-200);color:var(--color-text)}.modal-btn--secondary:hover{background:var(--quiet-gray-300)}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.comment-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.comment-form__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.comment-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.comment-btn--submit{background:var(--law-navy);color:#fff}.comment-btn--submit:hover:not(:disabled){background:var(--law-navy-dark)}.comment-btn--cancel{background:transparent;color:var(--color-text-secondary)}.comment-btn--cancel:hover{color:var(--color-heading)}.tasks-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.tasks-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.tasks-header__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-heading)}.tasks-header__subtitle{font-size:13px;color:var(--color-text-secondary);margin-right:10px}.tasks-view-switcher{display:flex;background:var(--quiet-gray-100);padding:3px;border-radius:8px;border:1px solid var(--color-border)}.tasks-view-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.tasks-view-btn:hover{color:var(--law-navy)}.tasks-view-btn.active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:0 1px 3px #0000000d}.tasks-filters{padding:12px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--dashboard-bg)}.task-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.task-filter-btn:hover{background:var(--quiet-gray-200)}.task-filter-btn.active{background:var(--law-navy-light);color:var(--law-navy);border-color:#1e3a5f1a}.tasks-table-container{padding:0 20px 20px;overflow-x:auto}.tasks-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-size:13px}.tasks-table th{text-align:right;padding:10px 16px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border)}.tasks-table td{padding:10px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.tasks-table tbody tr:hover{background:var(--quiet-gray-50)}.task-group-header{background:var(--quiet-gray-100)!important;font-weight:700;color:var(--law-navy)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.todo{background:#e2e8f0;color:#475569}.status-badge.in_progress{background:#dbeafe;color:#2563eb}.status-badge.review{background:#fef3c7;color:#d97706}.status-badge.completed{background:#d1fae5;color:#059669}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.priority-flag{display:inline-flex;align-items:center;gap:4px;font-size:12px}.priority-high{color:#dc2626}.priority-medium{color:#d97706}.priority-low{color:#059669}.board-view{padding:0 20px 20px;display:flex;gap:16px;overflow-x:auto;height:calc(100vh - 140px)}.board-column{min-width:280px;max-width:280px;display:flex;flex-direction:column;height:100%}.board-column-header{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;margin-bottom:8px;font-weight:600;color:var(--color-text-secondary);font-size:13px}.board-column-content{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:10px}.task-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:14px;box-shadow:0 1px 2px #00000008;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.task-card:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px);border-color:var(--law-navy-light)}.task-card-title{font-weight:500;font-size:14px;color:var(--color-heading);line-height:1.4}.task-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-secondary)}.task-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;border-top:1px solid var(--quiet-gray-100)}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:var(--quiet-gray-200);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-text)}.tasks-loading{padding:40px;text-align:center;color:var(--color-text-secondary)}.tasks-empty{padding:60px;text-align:center;color:var(--color-text-secondary)}.task-detail-page{background:var(--dashboard-bg);height:100vh;display:flex;flex-direction:column;overflow:hidden}.task-header{background:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:20}.task-header-left{display:flex;align-items:center;gap:16px}.task-breadcrumb-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;color:var(--color-text-secondary);font-size:14px;font-weight:500;border:1px solid transparent;transition:all .2s;background:transparent;cursor:pointer}.task-breadcrumb-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.task-id-badge{background:var(--quiet-gray-100);color:var(--color-text-secondary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-family:monospace}.status-select-wrapper{position:relative}.status-select-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s}.status-select-btn:hover{filter:brightness(.95)}.status-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:180px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:100;padding:4px;overflow:hidden}.status-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;text-align:right;cursor:pointer;border-radius:4px;font-size:13px;transition:all .1s}.status-option:hover{background:var(--quiet-gray-50)}.task-content-wrapper{flex:1;display:flex;overflow:hidden;background:var(--dashboard-card)}.task-main-col{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.task-main-inner{max-width:900px;margin:0 auto;width:100%;padding:40px 48px}.task-title-input{width:100%;font-size:28px;font-weight:700;color:var(--color-heading);border:none;outline:none;background:transparent;margin-bottom:24px;line-height:1.3}.task-title-input::-moz-placeholder{color:var(--quiet-gray-300)}.task-title-input::placeholder{color:var(--quiet-gray-300)}.task-desc-editor{width:100%;min-height:120px;color:var(--color-text);font-size:15px;line-height:1.7;outline:none;border:none;resize:none;background:transparent}.task-sidebar{width:380px;background:var(--quiet-gray-50);border-right:1px solid var(--color-border);overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;flex-shrink:0}body.dark .task-sidebar{background:#ffffff05}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-row{display:flex;align-items:center;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:8px;padding:10px 12px;transition:all .2s}.sidebar-row:hover{border-color:var(--law-navy)}.property-icon{width:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-left:10px}.property-content{flex:1;display:flex;flex-direction:column}.property-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px}.property-value{font-size:13px;font-weight:500;color:var(--color-text)}.task-subtasks-wrapper{margin-top:32px;border-top:1px solid var(--color-border);padding-top:32px}.section-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-heading);margin-bottom:16px}.task-activity-wrapper{margin-top:32px;border-top:1px solid var(--color-border);padding-top:32px}.comment-input-box{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;padding:0;margin-bottom:24px;transition:all .2s;box-shadow:0 2px 5px #00000005;overflow:hidden}.comment-input-box:focus-within{border-color:var(--law-navy);box-shadow:0 4px 12px #1e3a8a14}.comment-textarea{width:100%;border:none;outline:none;background:transparent;font-size:14px;min-height:80px;resize:none;padding:16px;line-height:1.6;color:var(--color-text)}.comment-textarea::-moz-placeholder{color:var(--quiet-gray-300)}.comment-textarea::placeholder{color:var(--quiet-gray-300)}.comment-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--quiet-gray-50);border-top:1px solid var(--color-border)}.send-btn{background:var(--law-navy);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.send-btn:disabled{background:var(--quiet-gray-200);color:var(--quiet-gray-400);cursor:not-allowed;box-shadow:none}.send-btn:hover:not(:disabled){background:var(--law-navy-dark);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.activity-item{display:flex;gap:16px;margin-bottom:20px}.activity-avatar{width:36px;height:36px;border-radius:10px;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 4px #0000001a}.activity-content{flex:1;background:var(--quiet-gray-50);padding:12px 16px;border-radius:12px 2px 12px 12px}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.activity-author{font-weight:600;font-size:13px;color:var(--color-heading)}.activity-time{font-size:11px;color:var(--color-text-secondary)}.activity-text{font-size:14px;color:var(--color-text);line-height:1.5}@media (max-width: 1024px){.task-content-wrapper{flex-direction:column;overflow-y:auto}.task-main-col{flex:none;overflow:visible}.task-sidebar{width:100%;border-right:none;border-top:1px solid var(--color-border);overflow:visible}}.documents-page{background-color:var(--dashboard-bg);height:100vh;overflow:hidden;display:flex;flex-direction:column}.docs-header{flex-shrink:0;position:relative;z-index:10;background-color:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.docs-title-area h1{font-size:20px;font-weight:600;color:var(--color-heading);margin:0;display:flex;align-items:center;gap:8px}.docs-title-area p{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0}.docs-actions{display:flex;gap:12px}.btn-upload{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--law-navy);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload:hover{background-color:var(--law-navy-dark);transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--quiet-gray-100)}.docs-layout{display:flex;flex:1;overflow:hidden;height:100%}.docs-sidebar{width:260px;flex-shrink:0;background-color:var(--quiet-gray-50);border-left:1px solid var(--color-border);padding:20px 16px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.sidebar-section-title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .15s}.sidebar-item:hover{background-color:var(--quiet-gray-200)}.sidebar-item.active{background-color:#1e3a5f1a;color:var(--law-navy);font-weight:500}.docs-content-wrapper{flex:1;display:flex;overflow:hidden;position:relative}.docs-list-panel{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.docs-content-wrapper.has-preview .docs-list-panel{border-left:1px solid var(--color-border)}.docs-preview-pane{width:450px;flex-shrink:0;background-color:var(--color-surface);display:flex;flex-direction:column;border-right:1px solid var(--color-border);overflow:hidden}.preview-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;background-color:var(--quiet-gray-50)}.preview-title{font-size:16px;font-weight:600;color:var(--color-heading);margin-bottom:4px;line-height:1.4}.preview-meta{font-size:12px;color:var(--color-text-secondary)}.preview-close-btn{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.preview-close-btn:hover{background-color:var(--quiet-gray-200);color:var(--color-text)}.preview-body{flex:1;padding:20px;display:flex;flex-direction:column;overflow-y:auto}.preview-content-area{flex:1;display:flex;flex-direction:column;min-height:300px;margin-bottom:20px;background-color:var(--quiet-gray-50);border:1px constant var(--color-border);border-radius:8px;overflow:hidden;position:relative}.preview-content-area img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.preview-content-area iframe{width:100%;height:100%;border:none}.preview-details{margin-bottom:20px;flex-shrink:0}.preview-details-row{margin-bottom:12px}.preview-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase}.preview-value{font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:8px}.preview-actions{margin-top:auto;padding-top:20px;border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.preview-action-btn:hover{background-color:var(--quiet-gray-50)}.preview-action-btn.primary{background-color:var(--law-navy);color:#fff;border-color:var(--law-navy)}.preview-action-btn.primary:hover{background-color:var(--law-navy-dark)}.docs-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-box{position:relative;width:300px}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);font-size:13px;outline:none;transition:all .2s}.search-input:focus{border-color:var(--law-navy);box-shadow:0 0 0 3px #1e3a5f1a}.view-toggles{display:flex;background-color:var(--quiet-gray-100);padding:2px;border-radius:6px}.view-toggle-btn{padding:6px;border-radius:4px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.view-toggle-btn.active{background-color:#fff;color:var(--law-navy);box-shadow:0 1px 2px #0000000d}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.doc-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;position:relative;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.doc-card:hover,.doc-card.selected{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:var(--law-navy)}.doc-card.selected{background-color:#1e3a5f0d}.doc-preview{width:100%;height:100px;background-color:var(--quiet-gray-50);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.doc-info{width:100%}.doc-name{font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:11px;color:var(--color-text-secondary)}.docs-list{display:flex;flex-direction:column;gap:4px}.doc-row{display:grid;grid-template-columns:40px 3fr 1fr 1fr 1fr 40px;align-items:center;padding:10px 16px;background-color:var(--color-surface);border-bottom:1px solid var(--quiet-gray-100);transition:background-color .15s;cursor:pointer}.doc-row:hover,.doc-row.selected{background-color:var(--quiet-gray-50)}.doc-row.selected{background-color:#1e3a5f0d;border-left:3px solid var(--law-navy)}.doc-row-icon{display:flex;align-items:center;justify-content:center}.doc-row-name{font-size:13px;font-weight:500;color:var(--color-text)}.doc-row-meta{font-size:12px;color:var(--color-text-secondary)}.doc-list-header{display:grid;grid-template-columns:40px 3fr 1fr 1fr 1fr 40px;padding:8px 16px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.header-cell{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;color:var(--color-text-secondary)}.empty-icon{width:64px;height:64px;background-color:var(--quiet-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--quiet-gray-500)}.doc-list-item{display:grid;grid-template-columns:32px 1fr 80px 100px 32px;align-items:center;padding:8px 12px;gap:8px;background-color:var(--color-surface);border-bottom:1px solid var(--quiet-gray-100);transition:background-color .15s;cursor:pointer}.doc-list-item:hover{background-color:var(--quiet-gray-50)}.doc-list-item.selected{background-color:#1e3a5f0d;border-right:3px solid var(--law-navy)}.doc-list-icon{display:flex;align-items:center;justify-content:center}.doc-list-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-list-meta,.doc-list-date{font-size:11px;color:var(--color-text-secondary);text-align:center}.doc-list-cloud{display:flex;align-items:center;justify-content:center}.activities-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.activities-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.activities-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.activities-header__title-area p{font-size:14px;color:var(--color-text-secondary);margin:0}.activities-header__actions{display:flex;align-items:center;gap:8px}.activities-header__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.activities-header__btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.activities-header__btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.activities-header__btn--primary:hover{background:var(--law-navy-dark)}.activities-filter{display:flex;align-items:center;gap:8px}.activities-filter__label{font-size:13px;color:var(--color-text-secondary)}.activities-filter__select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);outline:none;cursor:pointer;min-width:120px;transition:border-color var(--transition-fast)}.activities-filter__select:hover,.activities-filter__select:focus{border-color:var(--law-navy)}body.dark .activities-filter__select{background:var(--quiet-gray-200)}.activities-search{position:relative;display:flex;align-items:center}.activities-search__icon{position:absolute;right:10px;color:var(--color-text-secondary);pointer-events:none}.activities-search__input{padding:6px 32px 6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);outline:none;width:200px;transition:border-color var(--transition-fast),width var(--transition-normal)}.activities-search__input:focus{border-color:var(--law-navy);width:260px}body.dark .activities-search__input{background:var(--quiet-gray-200)}.activities-content{flex:1;padding:16px 20px;overflow-y:auto}.activities-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width: 1200px){.activities-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.activities-stats-grid{grid-template-columns:1fr}}.activities-stat-card{padding:12px 14px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:12px}.activities-stat-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.activities-stat-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activities-stat-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.activities-stat-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.activities-stat-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.activities-stat-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.activities-stat-card__content{flex:1;min-width:0}.activities-stat-card__value{font-size:22px;font-weight:700;color:var(--color-heading);line-height:1}.activities-stat-card__label{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.activities-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:calc(100vh - 180px);min-height:500px}@media (max-width: 1024px){.activities-board{grid-template-columns:1fr;height:auto}}.activities-column{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.activities-column__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.activities-column__title{font-size:13px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.activities-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--quiet-gray-200);border-radius:10px;font-size:11px;font-weight:600;color:var(--color-text-secondary)}body.dark .activities-column__count{background:var(--quiet-gray-300)}.activities-column__content{flex:1;overflow-y:auto;padding:8px}.activity-card{background:var(--quiet-gray-100);border:1px solid transparent;border-radius:6px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all var(--transition-fast)}body.dark .activity-card{background:var(--quiet-gray-200)}.activity-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.activity-card:last-child{margin-bottom:0}.activity-card__header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.activity-card__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.activity-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.activity-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.activity-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.activity-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.activity-card__icon--red{background:var(--status-red-light);color:var(--status-red)}.activity-card__title{flex:1;font-size:13px;font-weight:500;color:var(--color-heading);line-height:1.3}.activity-card__time{font-size:10px;color:var(--color-text-secondary);white-space:nowrap}.activity-card__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.activity-card__footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-card__tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--quiet-gray-200);border-radius:4px;font-size:10px;color:var(--color-text-secondary)}body.dark .activity-card__tag{background:var(--quiet-gray-300)}.activity-card__badge{padding:2px 6px;background:var(--law-navy-light);border-radius:4px;font-size:10px;font-weight:600;color:var(--law-navy)}.activities-column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--color-text-secondary)}.activities-column-empty__icon{opacity:.3;margin-bottom:8px}.activities-column-empty__text{font-size:12px}.activities-date-group{margin-bottom:20px}.activities-date-group:last-child{margin-bottom:0}.activities-date-label{display:inline-flex;align-items:center;padding:4px 10px;background:var(--quiet-gray-100);border-radius:4px;font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}body.dark .activities-date-label{background:var(--quiet-gray-200)}.activities-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:10px;padding:10px 8px;border-radius:6px;margin:0 -8px;transition:background var(--transition-fast);cursor:pointer;border:1px solid transparent}.activity-item:hover{background:var(--quiet-gray-100);border-color:var(--law-navy)}body.dark .activity-item:hover{background:var(--quiet-gray-200)}.activity-item__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.activity-item__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.activity-item__icon--green{background:var(--status-green-light);color:var(--status-green)}.activity-item__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.activity-item__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.activity-item__icon--red{background:var(--status-red-light);color:var(--status-red)}.activity-item__content{flex:1;min-width:0}.activity-item__title{font-size:13px;font-weight:500;color:var(--color-heading);margin-bottom:2px}.activity-item__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-item__meta{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.activity-item__meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary)}.activity-item__meta-tag svg{opacity:.7}.activity-item__badge{padding:2px 6px;background:var(--quiet-gray-200);border-radius:4px;font-size:10px;font-weight:600;color:var(--color-text-secondary)}body.dark .activity-item__badge{background:var(--quiet-gray-300)}.activity-item__time{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;margin-right:auto}.activities-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.activities-empty__icon{width:48px;height:48px;margin-bottom:16px;color:var(--color-text-secondary);opacity:.4}.activities-empty__title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.activities-empty__desc{font-size:13px;color:var(--color-text-secondary)}.reports-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.reports-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.reports-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.reports-header__title-area p{font-size:14px;color:var(--color-text-secondary);margin:0}.reports-header__actions{display:flex;align-items:center;gap:8px}.reports-header__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.reports-header__btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.reports-header__btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.reports-header__btn--primary:hover{background:var(--law-navy-dark)}.reports-toolbar{padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.reports-filter{display:flex;align-items:center;gap:8px}.reports-filter__label{font-size:13px;color:var(--color-text-secondary)}.reports-filter__select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);outline:none;cursor:pointer;min-width:140px;transition:border-color var(--transition-fast)}.reports-filter__select:hover,.reports-filter__select:focus{border-color:var(--law-navy)}body.dark .reports-filter__select{background:var(--quiet-gray-200)}.reports-content{flex:1;padding:16px 20px;overflow-y:auto}.reports-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width: 1200px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.reports-stats-grid{grid-template-columns:1fr}}.reports-stat-card{padding:12px 14px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:12px}.reports-stat-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.reports-stat-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reports-stat-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.reports-stat-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.reports-stat-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.reports-stat-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.reports-stat-card__icon--red{background:var(--status-red-light);color:var(--status-red)}.reports-stat-card__content{flex:1;min-width:0}.reports-stat-card__value{font-size:22px;font-weight:700;color:var(--color-heading);line-height:1}.reports-stat-card__label{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.reports-stat-card__trend{font-size:11px;display:flex;align-items:center;gap:3px;margin-top:4px}.reports-stat-card__trend--positive{color:var(--status-green)}.reports-stat-card__trend--negative{color:var(--status-red)}.reports-widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media (max-width: 1024px){.reports-widget-grid{grid-template-columns:1fr}}.reports-widget{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;transition:border-color var(--transition-fast);display:flex;flex-direction:column}.reports-widget:hover{border-color:var(--quiet-gray-400)}.reports-widget__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.reports-widget__title{font-size:14px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:6px}.reports-widget__title-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--law-navy-light);color:var(--law-navy)}.reports-widget__content{padding:12px;flex:1;overflow:auto}.reports-chart-list{display:flex;flex-direction:column;gap:6px}.reports-chart-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--quiet-gray-100);border-radius:6px;transition:background var(--transition-fast);border:1px solid transparent}body.dark .reports-chart-item{background:var(--quiet-gray-200)}.reports-chart-item:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.reports-chart-item__legend{display:flex;align-items:center;gap:8px}.reports-chart-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reports-chart-item__label{font-size:13px;font-weight:500;color:var(--color-text)}.reports-chart-item__value{font-size:12px;color:var(--color-text-secondary)}.reports-chart-item__badge{padding:2px 6px;background:var(--quiet-gray-200);border-radius:4px;font-size:11px;font-weight:600;color:var(--color-text-secondary)}body.dark .reports-chart-item__badge{background:var(--quiet-gray-300)}.reports-bar-chart{display:flex;flex-direction:column;gap:8px}.reports-bar-row{display:flex;align-items:center;gap:10px}.reports-bar-row__label{font-size:12px;font-weight:500;color:var(--color-text);min-width:50px}.reports-bar-row__track{flex:1;height:6px;background:var(--quiet-gray-200);border-radius:3px;overflow:hidden}.reports-bar-row__fill{height:100%;background:var(--law-navy);border-radius:3px;transition:width .6s ease}.reports-bar-row__value{font-size:11px;color:var(--color-text-secondary);min-width:50px;text-align:left}.reports-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 1024px){.reports-team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.reports-team-grid{grid-template-columns:1fr}}.reports-team-card{padding:12px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast);cursor:pointer}body.dark .reports-team-card{background:var(--quiet-gray-200)}.reports-team-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.reports-team-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.reports-team-card__avatar{width:36px;height:36px;background:var(--law-navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.reports-team-card__name{font-size:14px;font-weight:600;color:var(--color-heading)}.reports-team-card__role{font-size:11px;color:var(--color-text-secondary)}.reports-team-card__metrics{display:flex;flex-direction:column;gap:6px}.reports-team-card__metric{display:flex;justify-content:space-between;align-items:center;font-size:12px}.reports-team-card__metric-label{color:var(--color-text-secondary)}.reports-team-card__metric-value{font-weight:600;color:var(--color-heading)}.reports-team-card__metric-value--green{color:var(--status-green)}.reports-team-card__metric-value--navy{color:var(--law-navy)}.presence-badge{display:inline-flex;align-items:center;border-radius:3px;cursor:default;transition:all .2s ease;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1;white-space:nowrap}.presence-dot{display:inline-block;border-radius:50%;margin-left:6px;flex-shrink:0}.presence-label{font-weight:500}.presence-online{background-color:#ddfade;color:#0b6e29}.presence-online .presence-dot{background-color:#0b6e29}.presence-idle{background-color:#fdf5d3;color:#896b12}.presence-idle .presence-dot{background-color:#896b12}.presence-away{background-color:#faebd7;color:#d9730d}.presence-away .presence-dot{background-color:#d9730d}.presence-offline{background-color:#f1f1ef;color:#787774}.presence-offline .presence-dot{background-color:#9b9a97}.presence-size-small{padding:2px 6px;font-size:12px;height:20px}.presence-size-small .presence-dot{width:6px;height:6px}.presence-size-medium{padding:3px 8px;font-size:13px;height:24px}.presence-size-medium .presence-dot{width:7px;height:7px}.presence-size-large{padding:4px 10px;font-size:14px;height:28px}.presence-size-large .presence-dot{width:8px;height:8px}.presence-pulse-ring{display:none}.lawyers-report-page{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);min-height:100vh;display:flex;flex-direction:column}.lawyers-report-header{position:sticky;top:0;z-index:30;padding:24px 32px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.header-title-area h1{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--color-heading);margin:0}.header-title-area h1 svg{color:var(--color-text);width:20px;height:20px}.header-title-area p{display:none}.header-actions{display:flex;align-items:center;gap:12px}.filter-group{display:flex;align-items:center;gap:6px;font-size:13px}.filter-group label{color:var(--color-text-secondary);font-weight:400;display:flex;align-items:center;gap:4px}.filter-select,.filter-input{padding:4px 8px;border-radius:4px;background:transparent;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s;border:1px solid transparent}.filter-select:hover,.filter-input:hover{background:var(--color-surface-subtle)}.refresh-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.lawyers-report-content{flex:1;padding:24px 32px;width:100%}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary);font-size:14px}.lawyers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.lawyer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:12px;cursor:pointer;transition:background .1s ease;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px #00000008;height:100%;min-height:160px}.lawyer-card:hover{background:var(--color-surface-subtle)}.lawyer-card-header{display:flex;align-items:center;gap:10px}.lawyer-avatar-container{width:36px;height:36px;flex-shrink:0}.lawyer-avatar{width:100%;height:100%;border-radius:4px;overflow:hidden;background:var(--color-surface-subtle);display:flex;align-items:center;justify-content:center}.lawyer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:var(--color-text);text-transform:uppercase}.lawyer-info{display:flex;flex-direction:column;overflow:hidden}.lawyer-name{font-size:14px;font-weight:600;color:var(--color-heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lawyer-role{font-size:12px;color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-properties{display:flex;flex-direction:column;gap:6px;margin-top:auto}.card-property-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;height:20px}.card-property-label{color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;min-width:80px}.card-property-label svg{width:13px;height:13px;opacity:.7}.card-property-value{color:var(--color-heading);font-family:var(--font-family-mono, monospace);font-size:11px}.mini-progress-bar{width:50px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--color-primary);border-radius:2px}.lawyer-detail-content{color:var(--color-text);font-family:var(--font-family-base)}.detail-properties{display:flex;align-items:flex-start;gap:32px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.property-item{display:flex;flex-direction:column;gap:6px;font-size:14px}.property-label{width:auto;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.property-value{color:var(--color-heading);font-weight:500;font-size:14px}.detail-tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.tab{padding:8px 0;background:transparent;border:none;font-size:14px;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:all .2s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-heading);font-weight:600;box-shadow:0 1px 0 0 var(--color-heading)}.cases-table-container{overflow-x:auto;border-radius:4px;border:1px solid var(--color-border)}.cases-table{width:100%;border-collapse:collapse;font-size:13px}.cases-table th{text-align:right;font-weight:400;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:10px 12px;white-space:nowrap;background:var(--color-surface-subtle)}.cases-table td{padding:10px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.cases-table tr:last-child td{border-bottom:none}.notion-badge{display:inline-flex;align-items:center;padding:0 6px;height:20px;border-radius:3px;font-size:12px;white-space:nowrap;line-height:20px}.badge-green{background:#e3f9e5;color:#1b5e20}.badge-yellow{background:#fff8e1;color:#f57f17}.badge-red{background:#ffebee;color:#b71c1c}.badge-blue{background:#e3f2fd;color:#0d47a1}.badge-gray{background:#f5f5f5;color:#616161}.badge-orange{background:#fff3e0;color:#e65100}@media (prefers-color-scheme: dark){.badge-green{background:#1b5e2033;color:#81c784}.badge-yellow{background:#f57f1733;color:#ffd54f}.badge-red{background:#b71c1c33;color:#e57373}.badge-blue{background:#0d47a133;color:#64b5f6}.badge-gray{background:#ffffff1a;color:#bdbdbd}.badge-orange{background:#e6510033;color:#ffb74d}}.monthly-performance{padding:0}.chart-container{height:240px;display:flex;align-items:flex-end;gap:16px;padding:20px 10px 30px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);position:relative}.chart-column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}.chart-bar-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.chart-bar{width:100%;background:var(--color-primary);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease;position:relative;opacity:.8}.chart-bar:hover{opacity:1}.chart-label{font-size:11px;color:var(--color-text-secondary);margin-top:8px}.chart-value-label{font-size:11px;color:var(--color-heading);font-weight:600;margin-bottom:4px;text-align:center}.presence-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.presence-metric-box{border:1px solid var(--color-border);border-radius:4px;padding:12px;background:var(--color-surface)}.presence-metric-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px}.presence-metric-value{font-size:16px;font-weight:600;color:var(--color-heading)}@media (max-width: 768px){.lawyers-report-header{padding:24px 20px}.lawyers-report-content{padding:20px}.presence-summary-cards{grid-template-columns:1fr}}.notifications-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.notifications-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border)}.notifications-header-bar__start{display:flex;align-items:center;gap:12px;flex-shrink:0}.notifications-header-bar__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-heading)}.notifications-header-bar__title svg{color:var(--law-navy)}.notifications-header-bar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;color:#fff;background:var(--status-red);border-radius:9px}.notifications-header-bar__center{display:flex;align-items:center;gap:8px;flex:1;max-width:500px}@media (max-width: 768px){.notifications-header-bar{flex-wrap:wrap}.notifications-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.notifications-search-box{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--quiet-gray-100);border:1px solid var(--color-border);border-radius:6px;flex:1;transition:all var(--transition-fast)}body.dark .notifications-search-box{background:var(--quiet-gray-200)}.notifications-search-box:focus-within{border-color:var(--law-navy);background:var(--dashboard-card)}.notifications-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.notifications-search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none;min-width:100px}.notifications-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.notifications-search-box input::placeholder{color:var(--color-text-secondary)}.notifications-search-box__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:var(--quiet-gray-300);border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.notifications-search-box__clear:hover{background:var(--quiet-gray-400)}.notifications-filter-select{padding:6px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);font-size:13px;cursor:pointer;min-width:100px}body.dark .notifications-filter-select{background:var(--quiet-gray-200)}.notifications-filter-select:focus{outline:none;border-color:var(--law-navy)}.notifications-header-bar__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.notifications-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.notifications-btn:hover{border-color:var(--law-navy);color:var(--law-navy)}.notifications-btn--primary{background:var(--law-navy);border-color:var(--law-navy);color:#fff}.notifications-btn--primary:hover{background:var(--law-navy-dark)}.notifications-btn--success{background:var(--status-green);border-color:var(--status-green);color:#fff}.notifications-btn--success:hover{opacity:.9}.notifications-stats{display:flex;align-items:center;gap:6px;padding:8px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border)}.notifications-stat{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--quiet-gray-100);font-size:12px;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}body.dark .notifications-stat{background:var(--quiet-gray-200)}.notifications-stat:hover{background:var(--law-navy-light);color:var(--law-navy)}.notifications-stat__value{font-weight:700;color:var(--color-heading)}.notifications-stat--active{background:var(--law-navy-light);color:var(--law-navy);border:1px solid var(--law-navy)}.notifications-stat--active .notifications-stat__value{color:var(--law-navy)}.notifications-list{display:flex;flex-direction:column;gap:6px;padding:12px 20px;flex:1}.notification-card{display:flex;gap:10px;padding:10px 12px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.notification-card--unread{background:var(--law-navy-light);border-color:var(--law-navy)}.notification-card--unread:before{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--law-navy);border-radius:0 6px 6px 0}.notification-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.notification-card__icon svg{width:16px;height:16px}.notification-card__icon--task{background:var(--status-blue-light);color:var(--status-blue)}.notification-card__icon--warning,.notification-card__icon--calendar{background:var(--status-orange-light);color:var(--status-orange)}.notification-card__icon--document{background:var(--status-green-light);color:var(--status-green)}.notification-card__icon--case{background:var(--status-blue-light);color:var(--status-blue)}.notification-card__icon--system{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.notification-card__content{flex:1;min-width:0}.notification-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-card__title{font-size:13px;font-weight:500;color:var(--color-heading);margin:0;line-height:1.3}.notification-card--unread .notification-card__title{font-weight:600}.notification-card__type{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;flex-shrink:0}.notification-card__type--task{background:var(--status-blue-light);color:var(--status-blue)}.notification-card__type--warning{background:var(--status-red-light);color:var(--status-red)}.notification-card__type--calendar{background:var(--status-orange-light);color:var(--status-orange)}.notification-card__type--document{background:var(--status-green-light);color:var(--status-green)}.notification-card__type--case{background:var(--status-blue-light);color:var(--status-blue)}.notification-card__message{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-card__time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary)}.notification-card__time svg{width:12px;height:12px}.notification-card__actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.notification-card:hover .notification-card__actions{opacity:1}.notification-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);color:#fff}.notification-action-btn--read{background:var(--status-green)}.notification-action-btn--read:hover{background:#0f8a6f}.notification-action-btn--delete{background:var(--status-red)}.notification-action-btn--delete:hover{background:#c4253a}.notification-action-btn--view{background:var(--law-navy)}.notification-action-btn--view:hover{background:var(--law-navy-dark)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notifications-empty__icon{width:48px;height:48px;color:var(--color-text-secondary);margin-bottom:16px;opacity:.4}.notifications-empty__title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 6px}.notifications-empty__desc{font-size:13px;color:var(--color-text-secondary);margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notification-card{animation:slideIn .2s ease forwards}@media (max-width: 768px){.notifications-header-bar{padding:10px 16px}.notifications-stats{padding:8px 16px;overflow-x:auto}.notifications-list{padding:10px 16px}.notification-card__actions{opacity:1}.notifications-header-bar__end{display:none}}.admin-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.admin-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.admin-header__title-area p{font-size:14px;color:var(--color-text-secondary);margin:0}.admin-header__actions{display:flex;align-items:center;gap:8px}.admin-header__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.admin-header__btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.admin-header__btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.admin-header__btn--primary:hover{background:var(--law-navy-dark)}.admin-content{flex:1;padding:16px 20px;overflow-y:auto}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{padding:12px 14px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:12px}.admin-stat-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.admin-stat-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.admin-stat-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.admin-stat-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.admin-stat-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.admin-stat-card__content{flex:1;min-width:0}.admin-stat-card__value{font-size:22px;font-weight:700;color:var(--color-heading);line-height:1}.admin-stat-card__label{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.admin-stat-card__subtitle{font-size:11px;color:var(--color-text-secondary);margin-top:4px}.admin-section{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:16px}.admin-section__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border)}.admin-section__title{font-size:14px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.admin-section__title-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--law-navy-light);color:var(--law-navy)}.admin-section__content{padding:12px}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 1024px){.admin-settings-grid{grid-template-columns:1fr}}.admin-setting-card{padding:14px;border-radius:6px;background:var(--quiet-gray-100);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}body.dark .admin-setting-card{background:var(--quiet-gray-200)}.admin-setting-card:hover{border-color:var(--law-navy);background:var(--law-navy-light);transform:translateY(-2px)}.admin-setting-card__header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.admin-setting-card__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-setting-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.admin-setting-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.admin-setting-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.admin-setting-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.admin-setting-card__title{font-size:14px;font-weight:600;color:var(--color-heading)}.admin-setting-card__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:10px}.admin-setting-card__list{list-style:none;padding:0;margin:0}.admin-setting-card__list li{font-size:11px;color:var(--color-text-secondary);padding:2px 0;display:flex;align-items:center;gap:4px}.admin-setting-card__list li:before{content:"•";color:var(--law-navy)}.admin-skeleton{background:linear-gradient(90deg,var(--quiet-gray-200) 25%,var(--quiet-gray-100) 50%,var(--quiet-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-section__count{font-size:11px;font-weight:500;background:var(--quiet-gray-100);color:var(--color-text-secondary);padding:2px 8px;border-radius:10px}.admin-section__actions{display:flex;align-items:center;gap:8px}.admin-role-filter{padding:6px 10px;background:var(--quiet-gray-100);border:1px solid var(--color-border);border-radius:6px;font-size:13px;color:var(--color-text);cursor:pointer;min-width:120px}body.dark .admin-role-filter{background:var(--quiet-gray-200)}.admin-role-filter:focus{outline:none;border-color:var(--law-navy)}.admin-search-box{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--quiet-gray-100);border:1px solid var(--color-border);border-radius:6px;min-width:200px}body.dark .admin-search-box{background:var(--quiet-gray-200)}.admin-search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--color-text);flex:1}.admin-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.admin-search-box input::placeholder{color:var(--color-text-secondary)}.admin-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.admin-users-table-wrapper{position:relative}.admin-users-table{width:100%;border-collapse:collapse}.admin-users-table th{text-align:right;padding:10px 12px;font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.3px}body.dark .admin-users-table th{background:var(--quiet-gray-100)}.admin-users-table td{padding:10px 12px;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-users-table tbody tr:hover{background:var(--law-navy-light)}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.admin-user-info{min-width:0}.admin-user-name{font-weight:600;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-id{font-size:11px;color:var(--color-text-secondary);font-family:monospace}.admin-role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.admin-role-badge--admin{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-role-badge--partner{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.admin-role-badge--lawyer{background:var(--law-navy-light);color:var(--law-navy)}.admin-role-badge--assistant{background:var(--status-blue-light);color:var(--status-blue)}.admin-role-badge--client{background:var(--status-green-light);color:var(--status-green)}.admin-contact-cell{display:flex;flex-direction:column;gap:2px}.admin-contact-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}.admin-contact-item svg{flex-shrink:0}.admin-no-contact{color:var(--color-text-secondary)}.admin-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.admin-status-badge--active{background:var(--status-green-light);color:var(--status-green)}.admin-status-badge--inactive{background:var(--status-red-light);color:var(--status-red)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--color-text-secondary)}.admin-empty svg{margin-bottom:12px;opacity:.4}.admin-empty p{font-size:14px;margin:0}.admin-users-loading{padding:12px 0}.admin-pagination{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--color-border);background:var(--quiet-gray-50)}body.dark .admin-pagination{background:var(--quiet-gray-100)}.admin-pagination__info{font-size:12px;color:var(--color-text-secondary)}.admin-pagination__controls{display:flex;align-items:center;gap:8px}.table-loading-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.stats-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.stats-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.stats-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.stats-header__title-area p{font-size:14px;color:var(--color-text-secondary);margin:0}.stats-header__actions{display:flex;align-items:center;gap:8px}.stats-filter-tabs{display:flex;background:var(--quiet-gray-100);border-radius:6px;padding:3px}body.dark .stats-filter-tabs{background:var(--quiet-gray-200)}.stats-filter-tab{padding:6px 14px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:transparent;color:var(--color-text-secondary)}.stats-filter-tab:hover{color:var(--color-text)}.stats-filter-tab--active{background:var(--law-navy);color:#fff}.stats-content{flex:1;padding:16px 20px;overflow-y:auto}.stats-primary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}@media (max-width: 1400px){.stats-primary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-primary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-primary-grid{grid-template-columns:1fr}}.stats-card{padding:12px 14px;border-radius:6px;background:var(--dashboard-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:12px}.stats-card:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.stats-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-card__icon--navy{background:var(--law-navy-light);color:var(--law-navy)}.stats-card__icon--green{background:var(--status-green-light);color:var(--status-green)}.stats-card__icon--orange{background:var(--status-orange-light);color:var(--status-orange)}.stats-card__icon--blue{background:var(--status-blue-light);color:var(--status-blue)}.stats-card__icon--red{background:var(--status-red-light);color:var(--status-red)}.stats-card__content{flex:1;min-width:0}.stats-card__value{font-size:20px;font-weight:700;color:var(--color-heading);line-height:1}.stats-card__label{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.stats-card__trend{display:flex;align-items:center;gap:3px;font-size:11px;margin-top:4px}.stats-card__trend--positive{color:var(--status-green)}.stats-card__trend--negative{color:var(--status-red)}.stats-section{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:16px}.stats-section__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border)}.stats-section__title{font-size:14px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.stats-section__title-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--law-navy-light);color:var(--law-navy)}.stats-section__content{padding:12px}.stats-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 1024px){.stats-two-col{grid-template-columns:1fr}}.stats-insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1200px){.stats-insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-insights-grid{grid-template-columns:1fr}}.stats-insight-card{padding:12px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .stats-insight-card{background:var(--quiet-gray-200)}.stats-insight-card:hover{border-color:var(--law-navy)}.stats-insight-card__label{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px}.stats-insight-card__value{font-size:18px;font-weight:700;margin-bottom:4px}.stats-insight-card__desc{font-size:10px;color:var(--color-text-secondary);line-height:1.3}.stats-chart-list{display:flex;flex-direction:column;gap:6px}.stats-chart-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .stats-chart-item{background:var(--quiet-gray-200)}.stats-chart-item:hover{border-color:var(--law-navy)}.stats-chart-item__legend{display:flex;align-items:center;gap:8px}.stats-chart-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stats-chart-item__label{font-size:13px;font-weight:500;color:var(--color-text)}.stats-chart-item__value{font-size:13px;font-weight:600}.stats-chart-item__badge{font-size:10px;color:var(--color-text-secondary);margin-right:8px}.stats-metric-list{display:flex;flex-direction:column;gap:8px}.stats-metric-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .stats-metric-card{background:var(--quiet-gray-200)}.stats-metric-card:hover{border-color:var(--law-navy)}.stats-metric-card__info{display:flex;flex-direction:column}.stats-metric-card__label{font-size:12px;font-weight:500;color:var(--color-text)}.stats-metric-card__desc{font-size:10px;color:var(--color-text-secondary)}.stats-metric-card__value{font-size:16px;font-weight:700}.settings-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.settings-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.settings-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.settings-header__title-area h1 svg{color:var(--law-navy)}.settings-header__title-area p{font-size:13px;color:var(--color-text-secondary);margin:0}.settings-layout{display:grid;grid-template-columns:220px 1fr 280px;gap:0;flex:1;min-height:calc(100vh - 70px)}@media (max-width: 1200px){.settings-layout{grid-template-columns:200px 1fr}.settings-help-panel{display:none}}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}}.settings-sidebar{position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);overflow-y:auto;background:var(--dashboard-card);border-right:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:4px}body.dark .settings-sidebar{background:var(--quiet-gray-200)}@media (max-width: 768px){.settings-sidebar{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:10px 16px}}.settings-sidebar__tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;text-align:right;width:100%;transition:all var(--transition-fast)}.settings-sidebar__tab:hover{background:var(--quiet-gray-100);color:var(--law-navy)}body.dark .settings-sidebar__tab:hover{background:var(--quiet-gray-300)}.settings-sidebar__tab--active{background:var(--law-navy-light);color:var(--law-navy)}.settings-sidebar__tab--active:hover{background:var(--law-navy-light)}.settings-sidebar__tab svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.settings-sidebar__tab{width:auto;white-space:nowrap}}.settings-content{padding:16px 20px;overflow-y:auto}.settings-section{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section__header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border)}.settings-section__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--law-navy-light);color:var(--law-navy)}.settings-section__icon svg{width:14px;height:14px}.settings-section__title{font-size:14px;font-weight:600;color:var(--color-heading)}.settings-section__content{padding:16px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 768px){.settings-form-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field--full{grid-column:1 / -1}.settings-field__label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.settings-field__input{padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}body.dark .settings-field__input{background:var(--quiet-gray-200)}.settings-field__input:focus{border-color:var(--law-navy)}.settings-field__input::-moz-placeholder{color:var(--color-text-secondary)}.settings-field__input::placeholder{color:var(--color-text-secondary)}.settings-field__select{padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);cursor:pointer;outline:none}body.dark .settings-field__select{background:var(--quiet-gray-200)}.settings-field__select:focus{border-color:var(--law-navy)}.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.settings-btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.settings-btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.settings-btn--primary:hover{background:var(--law-navy-dark)}.settings-btn--success{background:var(--status-green);color:#fff;border-color:var(--status-green)}.settings-btn--success:hover{opacity:.9}.settings-btn--info{background:var(--status-blue);color:#fff;border-color:var(--status-blue)}.settings-btn--info:hover{opacity:.9}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-option-card{padding:14px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .settings-option-card{background:var(--quiet-gray-200)}.settings-option-card:hover{border-color:var(--law-navy)}.settings-option-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.settings-option-card__title{font-size:13px;font-weight:600;color:var(--color-heading)}.settings-option-card__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:12px}.settings-option-card__actions{display:flex;gap:8px}.settings-radio-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}body.dark .settings-radio-option{background:var(--quiet-gray-200)}.settings-radio-option:hover{border-color:var(--law-navy)}.settings-radio-option--active{border-color:var(--law-navy);background:var(--law-navy-light)}.settings-radio-option input{accent-color:var(--law-navy)}.settings-radio-option__icon{width:18px;height:18px;color:var(--color-text-secondary)}.settings-radio-option--active .settings-radio-option__icon{color:var(--law-navy)}.settings-radio-option__text{font-size:13px;font-weight:500;color:var(--color-text)}.settings-btn-group{display:flex;gap:8px;margin-top:14px}.settings-content>div[style]{background:var(--dashboard-card)!important;border-color:var(--color-border)!important}.settings-content div[style*="backgroundColor: var(--color-success-light)"],.settings-content div[style*="background-color: var(--color-success-light)"]{background-color:#10b9811a!important}.settings-content div[style*="backgroundColor: var(--color-warning-light)"],.settings-content div[style*="background-color: var(--color-warning-light)"]{background-color:#f59e0b1a!important}.settings-content div[style*="backgroundColor: var(--color-error-light)"],.settings-content div[style*="background-color: var(--color-error-light)"]{background-color:#ef44441a!important}.settings-content div[style*="backgroundColor: var(--color-info-light)"],.settings-content div[style*="background-color: var(--color-info-light)"]{background-color:#3b82f61a!important}body.dark .settings-content div[style*="backgroundColor: var(--color-success-light)"],body.dark .settings-content div[style*="background-color: var(--color-success-light)"]{background-color:#10b98126!important;border-color:#10b98166!important}body.dark .settings-content div[style*="backgroundColor: var(--color-warning-light)"],body.dark .settings-content div[style*="background-color: var(--color-warning-light)"]{background-color:#f59e0b26!important;border-color:#f59e0b66!important}body.dark .settings-content div[style*="backgroundColor: var(--color-error-light)"],body.dark .settings-content div[style*="background-color: var(--color-error-light)"]{background-color:#ef444426!important;border-color:#ef444466!important}body.dark .settings-content div[style*="backgroundColor: var(--color-info-light)"],body.dark .settings-content div[style*="background-color: var(--color-info-light)"]{background-color:#3b82f626!important;border-color:#3b82f666!important}body.dark .settings-content div[style*="backgroundColor: var(--color-background)"],body.dark .settings-content div[style*="background-color: var(--color-background)"]{background-color:var(--quiet-gray-200)!important}body.dark .settings-content div[style*="backgroundColor: var(--color-surface)"],body.dark .settings-content div[style*="background-color: var(--color-surface)"]{background-color:var(--quiet-gray-300)!important}body.dark .settings-content input[type=time],body.dark .settings-content select{background-color:var(--quiet-gray-200)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}body.dark .settings-content input[type=checkbox]{accent-color:var(--law-navy)}.settings-toggle{display:flex;align-items:center;cursor:pointer;gap:8px}.settings-toggle input{display:none}.settings-toggle__slider{position:relative;width:44px;height:24px;background:var(--quiet-gray-200);border-radius:12px;transition:all var(--transition-fast)}body.dark .settings-toggle__slider{background:var(--quiet-gray-300)}.settings-toggle__slider:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;right:3px;transition:all var(--transition-fast);box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle__slider{background:var(--law-navy)}.settings-toggle input:checked+.settings-toggle__slider:after{right:23px}.settings-help-panel{position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);overflow-y:auto;background:linear-gradient(180deg,#1e3a5f08,#1e3a5f03);border-left:1px solid var(--color-border);padding:20px;display:flex;flex-direction:column;gap:16px}body.dark .settings-help-panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.settings-help-panel__header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.settings-help-panel__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--law-navy-light);color:var(--law-navy)}.settings-help-panel__title{font-size:14px;font-weight:600;color:var(--color-heading)}.settings-help-panel__content{display:flex;flex-direction:column;gap:12px}.settings-help-panel__section{padding:12px;background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border)}.settings-help-panel__section-title{font-size:13px;font-weight:600;color:var(--color-heading);margin-bottom:6px}.settings-help-panel__section-text{font-size:12px;color:var(--color-text-secondary);line-height:1.5;margin:0}.settings-help-panel__tip{display:flex;gap:8px;padding:10px 12px;background:var(--status-blue-light);border-radius:6px;font-size:12px}.settings-help-panel__tip-icon{flex-shrink:0}.settings-help-panel__tip-text{color:var(--status-blue);line-height:1.4}.settings-help-panel__link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:6px;font-size:12px;color:var(--law-navy);cursor:pointer;transition:all var(--transition-fast)}.settings-help-panel__link:hover{background:var(--law-navy-light);border-color:var(--law-navy)}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form__group{display:flex;flex-direction:column;gap:6px}.settings-form__label{font-size:13px;font-weight:500;color:var(--color-heading)}.settings-form__input{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;background:var(--dashboard-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.settings-form__input:focus{outline:none;border-color:var(--law-navy)}.settings-form__input::-moz-placeholder{color:var(--color-text-secondary)}.settings-form__input::placeholder{color:var(--color-text-secondary)}.settings-subscription-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:24px}.settings-subscription-card__header{display:flex;justify-content:flex-end;margin-bottom:16px}.settings-subscription-card__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--status-green-light);color:var(--status-green);border-radius:20px;font-size:12px;font-weight:500}.settings-subscription-card__content{text-align:center;margin-bottom:24px}.settings-subscription-card__plan{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.settings-subscription-card__price{font-size:32px;font-weight:700;color:var(--color-heading);margin-bottom:12px}.settings-subscription-card__info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.settings-subscription-card__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.settings-invoices-table{overflow-x:auto}.settings-table{width:100%;border-collapse:collapse;font-size:13px}.settings-table th,.settings-table td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--color-border)}.settings-table th{background:var(--dashboard-bg);font-weight:600;color:var(--color-heading)}.settings-table td{color:var(--color-text)}.settings-table tbody tr:hover{background:var(--dashboard-bg)}.settings-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.settings-badge--success{background:var(--status-green-light);color:var(--status-green)}.settings-badge--warning{background:var(--status-yellow-light);color:var(--status-yellow)}.settings-badge--danger{background:var(--status-red-light);color:var(--status-red)}.settings-btn--small{padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.settings-btn--small:hover{background:var(--dashboard-bg);border-color:var(--law-navy);color:var(--law-navy)}.settings-btn--danger{background:transparent;border:1px solid var(--status-red);color:var(--status-red)}.settings-btn--danger:hover{background:var(--status-red-light)}.whatsapp-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.whatsapp-header{position:sticky;top:0;z-index:10;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--dashboard-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.whatsapp-header__title-area h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 2px;display:flex;align-items:center;gap:8px}.whatsapp-header__title-area h1 svg{color:var(--status-green)}.whatsapp-header__title-area p{font-size:14px;color:var(--color-text-secondary);margin:0}.whatsapp-header__actions{display:flex;align-items:center;gap:8px}.whatsapp-header__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text)}.whatsapp-header__btn:hover{border-color:var(--law-navy);background:var(--law-navy-light)}.whatsapp-header__btn--primary{background:var(--law-navy);color:#fff;border-color:var(--law-navy)}.whatsapp-header__btn--primary:hover{background:var(--law-navy-dark)}.whatsapp-header__btn--success{background:var(--status-green);color:#fff;border-color:var(--status-green)}.whatsapp-header__btn--success:hover{opacity:.9}.whatsapp-header__btn:disabled{opacity:.5;cursor:not-allowed}.whatsapp-tabs{display:flex;gap:0;padding:0 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);overflow-x:auto}.whatsapp-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);position:relative}.whatsapp-tab:hover,.whatsapp-tab--active{color:var(--law-navy)}.whatsapp-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--law-navy)}.whatsapp-tab svg{width:14px;height:14px}.whatsapp-content{flex:1;padding:16px 20px;overflow-y:auto}.whatsapp-section{background:var(--dashboard-card);border-radius:6px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:16px}.whatsapp-section__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border)}.whatsapp-section__title{font-size:14px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.whatsapp-section__title-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--status-green-light);color:var(--status-green)}.whatsapp-section__content{padding:14px}.whatsapp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 768px){.whatsapp-form-grid{grid-template-columns:1fr}}.whatsapp-field{display:flex;flex-direction:column;gap:6px}.whatsapp-field__label{font-size:12px;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.whatsapp-field__label svg{width:14px;height:14px;color:var(--color-text-secondary)}.whatsapp-field__input{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:13px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}body.dark .whatsapp-field__input{background:var(--quiet-gray-200)}.whatsapp-field__input:focus{border-color:var(--law-navy)}.whatsapp-field__input::-moz-placeholder{color:var(--color-text-secondary)}.whatsapp-field__input::placeholder{color:var(--color-text-secondary)}.whatsapp-toggle{display:flex;align-items:center;gap:10px}.whatsapp-toggle__checkbox{width:16px;height:16px;border-radius:4px;cursor:pointer;accent-color:var(--law-navy)}.whatsapp-toggle__text{font-size:13px;font-weight:500;color:var(--color-text)}.whatsapp-instances-grid{display:flex;flex-direction:column;gap:12px;max-width:500px}.whatsapp-instance-card{padding:20px;border:1px solid var(--color-border);border-radius:10px;background:var(--quiet-gray-100);transition:all var(--transition-fast);box-shadow:0 2px 4px #0000000a}body.dark .whatsapp-instance-card{background:var(--quiet-gray-200)}.whatsapp-instance-card:hover{border-color:var(--status-green);box-shadow:0 4px 12px #25d3661a}.whatsapp-instance-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.whatsapp-instance-card__name{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 4px}.whatsapp-instance-card__dept{font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.whatsapp-instance-card__dept:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-green)}.whatsapp-instance-card__status{display:flex;align-items:center;gap:8px}.whatsapp-instance-card__status-icon{width:20px;height:20px}.whatsapp-instance-card__status--connected{color:var(--status-green)}.whatsapp-instance-card__status--connecting{color:var(--status-orange)}.whatsapp-instance-card__status--disconnected{color:var(--status-red)}.whatsapp-instance-card__delete{padding:6px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all var(--transition-fast)}.whatsapp-instance-card__delete:hover{background:var(--status-red-light);color:var(--status-red)}.whatsapp-instance-card__info{display:flex;flex-direction:column;gap:10px;font-size:13px;margin-bottom:16px;padding:12px;background:var(--dashboard-bg);border-radius:8px}body.dark .whatsapp-instance-card__info{background:var(--quiet-gray-300)}.whatsapp-instance-card__row{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary)}.whatsapp-instance-card__value{font-weight:600;color:var(--color-text);font-family:SF Mono,Consolas,monospace}.whatsapp-instance-card__actions{display:flex;gap:10px}.whatsapp-instance-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;color:#fff}.whatsapp-instance-card__btn--primary{background:var(--law-navy)}.whatsapp-instance-card__btn--primary:hover{background:var(--law-navy-dark);transform:translateY(-1px)}.whatsapp-instance-card__btn--warning{background:var(--status-orange)}.whatsapp-instance-card__btn--warning:hover{opacity:.9;transform:translateY(-1px)}.whatsapp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.whatsapp-empty__icon{width:48px;height:48px;color:var(--color-text-secondary);opacity:.4;margin-bottom:16px}.whatsapp-empty__title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.whatsapp-empty__desc{font-size:13px;color:var(--color-text-secondary)}.whatsapp-notification-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--quiet-gray-100);border-radius:6px;margin-bottom:8px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .whatsapp-notification-item{background:var(--quiet-gray-200)}.whatsapp-notification-item:hover{border-color:var(--law-navy)}.whatsapp-notification-item:last-child{margin-bottom:0}.whatsapp-notification-item__info{flex:1}.whatsapp-notification-item__title{font-size:13px;font-weight:500;color:var(--color-heading);margin-bottom:2px}.whatsapp-notification-item__desc{font-size:11px;color:var(--color-text-secondary)}.whatsapp-notification-item__actions{display:flex;align-items:center;gap:12px}.whatsapp-template-card{padding:14px;background:var(--quiet-gray-100);border-radius:6px;margin-bottom:12px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .whatsapp-template-card{background:var(--quiet-gray-200)}.whatsapp-template-card:hover{border-color:var(--law-navy)}.whatsapp-template-card:last-child{margin-bottom:0}.whatsapp-template-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.whatsapp-template-card__title{font-size:13px;font-weight:600;color:var(--color-heading)}.whatsapp-template-card__textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-bg);font-size:12px;color:var(--color-text);resize:vertical;outline:none;transition:border-color var(--transition-fast)}body.dark .whatsapp-template-card__textarea{background:var(--quiet-gray-300)}.whatsapp-template-card__textarea:focus{border-color:var(--law-navy)}.whatsapp-schedule-grid{display:flex;flex-direction:column;gap:8px}.whatsapp-schedule-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--quiet-gray-100);border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}body.dark .whatsapp-schedule-row{background:var(--quiet-gray-200)}.whatsapp-schedule-row:hover{border-color:var(--law-navy)}.whatsapp-schedule-row__day{width:80px;font-size:13px;font-weight:500;color:var(--color-heading)}.whatsapp-schedule-row__inputs{display:flex;align-items:center;gap:8px;flex:1}.whatsapp-schedule-row__time{padding:6px 10px;border:1px solid var(--color-border);border-radius:4px;background:var(--dashboard-bg);font-size:12px;color:var(--color-text);outline:none}body.dark .whatsapp-schedule-row__time{background:var(--quiet-gray-300)}.whatsapp-schedule-row__time:focus{border-color:var(--law-navy)}.whatsapp-test{display:flex;flex-direction:column;gap:14px}.whatsapp-test__result{padding:12px;border-radius:6px;font-size:13px}.whatsapp-test__result--success{background:var(--status-green-light);color:var(--status-green);border:1px solid var(--status-green)}.whatsapp-test__result--error{background:var(--status-red-light);color:var(--status-red);border:1px solid var(--status-red)}.whatsapp-qr-modal{text-align:center;padding:20px}.whatsapp-qr-modal__image{max-width:280px;margin:0 auto 16px;border-radius:8px;box-shadow:var(--shadow-md)}.whatsapp-qr-modal__hint{font-size:13px;color:var(--color-text-secondary)}.whatsapp-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.landing{min-height:100vh;background-color:#fdfbf7;color:#212121;display:flex;flex-direction:column}.landing__main{flex:1}.landing__header{position:sticky;top:0;z-index:50;border-bottom:1px solid #E0E0E0;background-color:#fdfbf7f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:16px 0}.landing__header-inner{max-width:1120px;margin:0 auto;padding:0 16px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.landing__header-inner{flex-wrap:nowrap;gap:8px;min-height:56px}}.landing__brand{display:flex;align-items:center;gap:14px}.landing__brand-icon{width:46px;height:46px;border-radius:18px;background:linear-gradient(135deg,#0a192f,#1a3045);display:inline-flex;align-items:center;justify-content:center;color:#c5a572}.landing__brand-meta{font-size:13px;color:#666}.landing__brand-title{font-size:18px;font-weight:600;color:#0a192f}.landing__header-actions{display:flex;align-items:center;gap:12px}.landing__ghost-link{border:1px solid #E0E0E0;border-radius:999px;padding:6px 18px;font-size:13px;color:#212121;transition:color .2s ease,border-color .2s ease}.landing__ghost-link:hover{color:#0a192f;border-color:#c5a572}.landing__cta-button{display:inline-flex;align-items:center;gap:8px}.landing-hero{position:relative;overflow:hidden;padding:0 24px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a192f,#1a2f47)}.landing-hero__bg:before,.landing-hero__bg:after{content:"";position:absolute;border-radius:50%;filter:blur(110px);opacity:.55}.landing-hero__bg:before{width:380px;height:380px;top:-120px;left:25%;background:#c5a57226}.landing-hero__bg:after{width:480px;height:480px;bottom:-160px;right:-80px;background:#c5a5721a}.landing-hero__animated-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.shooting-star{position:absolute;top:50%;left:50%;height:2px;background:linear-gradient(-45deg,#fff,#00f0);border-radius:999px;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;opacity:0}.shooting-star:before{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,#00f0,#fff,#00f0);transform:translate(50%) rotate(45deg);border-radius:100%;animation:shining 3s ease-in-out infinite}.shooting-star:after{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,#00f0,#fff,#00f0);transform:translate(50%) rotate(45deg);border-radius:100%;animation:shining 3s ease-in-out infinite}.shooting-star:nth-child(1){top:calc(50% - 100px);left:calc(50% - 250px);animation-delay:.65s}.shooting-star:nth-child(1):before,.shooting-star:nth-child(1):after{animation-delay:.65s}.shooting-star:nth-child(2){top:calc(50% - 50px);left:calc(50% - 200px);animation-delay:.15s}.shooting-star:nth-child(2):before,.shooting-star:nth-child(2):after{animation-delay:.15s}.shooting-star:nth-child(3){top:calc(50% + -0px);left:calc(50% - 150px);animation-delay:1.6s}.shooting-star:nth-child(3):before,.shooting-star:nth-child(3):after{animation-delay:1.6s}.shooting-star:nth-child(4){top:calc(50% + 50px);left:calc(50% - 200px);animation-delay:4.7s}.shooting-star:nth-child(4):before,.shooting-star:nth-child(4):after{animation-delay:4.7s}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shooting{0%{transform:translate(0)}to{transform:translate(300px)}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}.floating-icon{position:absolute;color:#c5a57214;animation:float 10s ease-in-out infinite}.floating-icon--1{top:15%;left:10%;animation-delay:0s}.floating-icon--2{bottom:20%;right:10%;animation-delay:-3s;transform:rotate(15deg)}.floating-icon--3{top:20%;right:20%;animation-delay:-6s;transform:rotate(-10deg)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.landing-hero__grid{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px}@media (min-width: 1024px){.landing-hero__grid{flex-direction:row;align-items:flex-start}}.landing-hero__intro{flex:1;text-align:center;margin-top:-80px}@media (min-width: 768px){.landing-hero__intro{margin-top:-100px}}@media (min-width: 1024px){.landing-hero__intro{text-align:right;margin-top:-120px}}.landing-hero__tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(197,165,114,.3);border-radius:999px;padding:6px 16px;font-size:13px;color:#c5a572;margin-bottom:16px}.landing-hero__title{font-size:clamp(32px,6vw,64px);font-weight:700;line-height:1.2;margin-bottom:18px;color:#fdfbf7}@media (max-width: 768px){.landing-hero__title{line-height:1.5}}.landing-hero__title-rotating{display:inline-block;position:relative;min-width:280px;height:1.2em;vertical-align:bottom}.landing-hero__title-break-mobile{display:none}@media (max-width: 768px){.landing-hero__title-break-mobile{display:inline}.landing-hero__title-rotating{min-width:150px;display:inline-block;margin:0}}.landing-hero__title-word{display:inline-block;color:#c5a572;position:relative;text-align:center}.landing-hero__subtitle{font-size:18px;line-height:1.7;color:#fdfbf7d9;margin-bottom:28px}.landing-hero__actions{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}@media (min-width: 640px){.landing-hero__actions{gap:16px;justify-content:flex-start}}.landing-cta__primary{display:inline-flex;align-items:center;gap:8px;font-size:16px;padding:16px 32px;border-radius:18px;white-space:nowrap;background-color:#c5a572;color:#0a192f;border:none;font-weight:600;transition:all .3s ease}.landing-cta__primary:hover{background-color:#d4b685;transform:translateY(-2px);box-shadow:0 8px 24px #c5a57259}.landing-hero__primary{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:14px 20px;border-radius:18px;white-space:nowrap;background-color:#c5a572;color:#0a192f;border:none;font-weight:600;transition:all .3s ease}.landing-hero__primary:hover{background-color:#d4b685;transform:translateY(-2px);box-shadow:0 8px 24px #c5a57259}@media (min-width: 640px){.landing-hero__primary{gap:12px;font-size:16px;padding:16px 28px}}.landing-hero__secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(253,251,247,.3);border-radius:18px;padding:14px 20px;font-size:14px;color:#fdfbf7;background:transparent;transition:all .3s ease;white-space:nowrap}@media (min-width: 640px){.landing-hero__secondary{gap:10px;font-size:16px;padding:16px 28px}}.landing-hero__secondary:hover{border-color:#c5a572;background-color:#c5a5721a}.landing-scroll-indicator{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:12px;color:#fff6;font-size:13px;letter-spacing:1px;cursor:pointer;transition:color .3s ease;z-index:10}@media (min-width: 768px){.landing-scroll-indicator{display:flex}}.landing-scroll-indicator:hover{color:#fffc}.landing-scroll-mouse{width:26px;height:42px;border:2px solid currentColor;border-radius:20px;position:relative}.landing-scroll-wheel{width:4px;height:8px;background-color:currentColor;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}.landing-hero__stats{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.landing-hero__stat{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;background-color:#ffffff0d}.landing-hero__stat-value{display:block;font-size:34px;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent}.landing-hero__stat-value[data-tone=indigo]{background-image:linear-gradient(130deg,#818cf8,#38bdf8)}.landing-hero__stat-value[data-tone=emerald]{background-image:linear-gradient(130deg,#34d399,#a7f3d0)}.landing-hero__stat-value[data-tone=amber]{background-image:linear-gradient(130deg,#fbbf24,#fde68a)}.landing-hero__stat-label{font-size:14px;color:#ffffffb3}.landing-hero__showcase{flex:1;display:flex;flex-direction:column;gap:20px}.landing-case{border-radius:28px;border:1px solid rgba(255,255,255,.15);background-color:#ffffff0d;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-case__header{display:flex;align-items:center;justify-content:space-between;color:#ffffffbf;margin-bottom:20px}.landing-case__header strong{display:block;color:#fff;font-size:20px}.landing-case__status{border-radius:14px;background-color:#10b9812e;padding:8px 16px;font-size:13px;color:#6ee7b7}.landing-case__details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:#ffffffbf}.landing-case__details strong{color:#fff}.landing-case__accent{color:var(--color-primary)}.landing-progress__label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:24px;margin-bottom:8px;color:#fffc}.landing-progress__track{height:8px;border-radius:999px;background-color:#ffffff26;overflow:hidden}.landing-progress__bar{display:block;height:100%;border-radius:inherit;background-image:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.landing-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.landing-mini-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background-color:#ffffff0f;padding:16px}.landing-mini-card p{margin:0;font-size:14px;color:#ffffffa6}.landing-mini-card strong{display:block;margin-top:8px;font-size:18px}.landing-section{padding:96px 24px}.landing-section--light{background-color:#fdfbf7;color:#212121}.landing-section--muted{background-color:#f5f3ed;color:#212121}.landing-section__header{max-width:760px;margin:0 auto 48px;text-align:center}.landing-section__header h2{font-size:clamp(28px,4vw,40px);margin:12px 0}.landing-section__header p{color:#666;line-height:1.6}.landing-eyebrow{font-size:13px;font-weight:600;color:#0a192f;letter-spacing:.08em}.landing-suite__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.landing-suite{border-radius:28px;border:1px solid #E0E0E0;background-color:#fdfbf7;padding:28px;box-shadow:0 18px 60px #0a192f14;transition:all .3s ease}.landing-suite:hover{border-color:#c5a572;box-shadow:0 20px 70px #0a192f1f}.landing-suite__icon{width:54px;height:54px;border-radius:18px;background-color:#0a192f14;color:#0a192f;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.landing-suite h3{margin:0 0 10px;font-size:20px}.landing-suite p{margin:0;color:#666;line-height:1.6}.landing-workflow{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}@media (min-width: 1024px){.landing-workflow{grid-template-columns:repeat(4,1fr);gap:20px}}.landing-workflow__card{border-radius:28px;border:1px solid #E0E0E0;background-color:#fdfbf7;padding:28px;box-shadow:0 18px 40px #0a192f14;transition:all .3s ease}.landing-workflow__card:hover{border-color:#c5a572;transform:translateY(-4px);box-shadow:0 22px 50px #0a192f1f}.landing-workflow__icon{width:56px;height:56px;border-radius:18px;background-color:#0a192f14;color:#0a192f;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-workflow__step{font-size:13px;color:#c5a572;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.landing-workflow__card h3{margin:8px 0;font-size:20px}.landing-workflow__card p{margin:0;color:#666;line-height:1.6}.landing-testimonials{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.landing-testimonial{border-radius:28px;border:1px solid #e5e7ef;background-color:#f8fafc;padding:32px;min-height:220px}.landing-testimonial__quote{font-size:18px;line-height:1.8;color:#1f2b46;margin-bottom:24px}.landing-testimonial__name{font-weight:600}.landing-testimonial__role{font-size:14px;color:#5d6b85}.landing-cta{position:relative;overflow:hidden;padding:120px 24px;background:linear-gradient(135deg,#0a192f,#1a2f47)}.landing-cta__card{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:56px 40px;text-align:center}.landing-cta__card h2{font-size:clamp(28px,4vw,40px);margin-bottom:16px;color:#fdfbf7}.landing-cta__card p{color:#fdfbf7d9;margin-bottom:28px}.landing-cta__actions{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.landing-cta__actions{flex-direction:row;justify-content:center}}.landing-cta__secondary{border:1px solid rgba(253,251,247,.4);border-radius:18px;padding:16px 32px;color:#fdfbf7;transition:all .3s ease}.landing-cta__secondary:hover{border-color:#c5a572;background-color:#c5a5721a}.landing__footer{border-top:1px solid #E0E0E0;background-color:#0a192f;padding:32px 24px;color:#fdfbf7b3}.landing__footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}@media (min-width: 768px){.landing__footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.landing__brand--footer{gap:8px;color:#fdfbf7}.landing__brand-icon--inline{color:#c5a572}.landing__privacy-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(197,165,114,.4);border-radius:12px;background:transparent;color:#0a192f;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.landing__privacy-btn:hover{background:#c5a572;border-color:#c5a572;color:#fdfbf7;transform:translateY(-2px);box-shadow:0 4px 12px #c5a5724d}@media (max-width: 768px){.landing__privacy-btn{padding:6px 10px;font-size:11px;gap:4px;border-radius:8px}.landing__privacy-btn svg{width:14px;height:14px}}.privacy-overlay{position:fixed;inset:0;z-index:9999;background:#0a0e14;color:#f8fafc;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:40px 20px}.privacy-overlay::-webkit-scrollbar{width:8px}.privacy-overlay::-webkit-scrollbar-track{background:#c5a0591a;border-radius:10px}.privacy-overlay::-webkit-scrollbar-thumb{background:#c5a059;border-radius:10px}.privacy-overlay::-webkit-scrollbar-thumb:hover{background:#d4b685}.privacy-close-btn{position:fixed;top:24px;left:24px;z-index:10000;width:48px;height:48px;border-radius:50%;background:#c5a0591a;border:1px solid rgba(197,160,89,.3);color:#c5a059;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.privacy-close-btn:hover{background:#c5a059;color:#0a0e14;transform:rotate(90deg)}.privacy-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.2;pointer-events:none}.privacy-container{position:relative;z-index:10;max-width:1000px;width:100%;text-align:center}@media (max-width: 768px){.privacy-overlay{padding:20px 10px;scrollbar-width:none;-ms-overflow-style:none}.privacy-overlay::-webkit-scrollbar{display:none}.privacy-container{width:100%;max-width:100%}.privacy-container--manual{scrollbar-width:none;-ms-overflow-style:none}.privacy-container--manual::-webkit-scrollbar{display:none}}.privacy-container--manual{overflow-y:auto;max-height:100vh;padding:100px 20px;scroll-behavior:smooth}.privacy-container--manual::-webkit-scrollbar{width:8px}.privacy-container--manual::-webkit-scrollbar-track{background:#c5a0591a;border-radius:10px}.privacy-container--manual::-webkit-scrollbar-thumb{background:#c5a059;border-radius:10px}.privacy-container--manual::-webkit-scrollbar-thumb:hover{background:#d4b685}.privacy-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.privacy-scene.active{position:relative;opacity:1;pointer-events:auto}.privacy-scene--manual{position:relative;opacity:1;pointer-events:auto;margin-bottom:100px;min-height:80vh}.privacy-title{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:24px;line-height:1.2}.privacy-highlight{color:#c5a059}.privacy-subtitle{font-size:clamp(16px,2vw,20px);color:#94a3b8;max-width:700px;line-height:1.6;font-weight:300}.privacy-heading{font-size:clamp(28px,4vw,36px);font-weight:600;margin-bottom:24px}.privacy-text{font-size:clamp(16px,2vw,18px);color:#cbd5e1;max-width:800px;line-height:1.8}.privacy-architecture{width:100%;max-width:700px;margin:0 auto 40px}.privacy-server{display:flex;flex-direction:column;align-items:center;margin-bottom:80px}.privacy-base{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 20px}.privacy-client,.privacy-storage{display:flex;flex-direction:column;align-items:center;gap:16px}.privacy-node{position:relative;width:100px;height:100px;border-radius:20px;background:#94a3b81a;border:1px solid rgba(148,163,184,.3);display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .3s ease}.privacy-node--blocked{opacity:.3;filter:grayscale(1);color:#64748b}.privacy-node--storage{border-color:#3b82f64d}.privacy-node-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ef4444;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.privacy-label{font-size:12px;color:#94a3b8;font-weight:500}.privacy-connection{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.privacy-flow-line{width:100%;height:40px}.data-flow{stroke:#3b82f6;stroke-width:2;fill:none;stroke-dasharray:8;animation:flow 1.5s linear infinite}@keyframes flow{to{stroke-dashoffset:-16}}.privacy-flow-label{font-size:10px;color:#3b82f6b3;white-space:nowrap;text-align:center}.privacy-tech-note{font-size:clamp(14px,2vw,16px);color:#cbd5e1;font-weight:500;margin-top:20px}.privacy-final-title{font-size:clamp(28px,4vw,36px);font-weight:700;margin-bottom:40px}.privacy-actions{display:flex;gap:20px;flex-direction:column;align-items:center}@media (min-width: 640px){.privacy-actions{flex-direction:row;justify-content:center}}.privacy-btn{padding:16px 40px;border-radius:18px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .4s ease;border:none;display:inline-flex;align-items:center;gap:8px}.privacy-btn--primary{background:#c5a059;color:#0a0e14;border:1px solid #c5a059}.privacy-btn--primary:hover{background:#d4b685;transform:translateY(-2px);box-shadow:0 8px 24px #c5a05959}.privacy-btn--secondary{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.4)}.privacy-btn--secondary:hover{color:#c5a059;border-color:#c5a059}.privacy-scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;z-index:10001;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.privacy-scroll-icon{width:50px;height:50px;border-radius:50%;background:#c5a05926;border:2px solid #c5a059;display:flex;align-items:center;justify-content:center;color:#c5a059;transition:all .3s ease}.privacy-scroll-indicator:hover .privacy-scroll-icon{background:#c5a059;color:#0a0e14;transform:scale(1.1)}.privacy-scroll-indicator span{font-size:13px;color:#c5a059;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.privacy-overlay{padding:80px 20px 40px}.privacy-base{flex-direction:column;gap:60px}.privacy-connection{width:2px;height:60px}.privacy-flow-line{width:40px;height:100%;transform:rotate(90deg)}.privacy-server{margin-bottom:60px}.privacy-node{width:80px;height:80px}.privacy-scroll-indicator{bottom:20px}.privacy-scroll-icon{width:40px;height:40px}.privacy-scroll-indicator span{font-size:11px}}.wekalat-page{display:flex;flex-direction:column;gap:0;min-height:100vh;background:var(--dashboard-bg)}.wekalat-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.wekalat-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.wekalat-header-bar__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading)}.wekalat-header-bar__title svg{color:var(--law-navy)}.wekalat-header-bar__count{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-100);padding:2px 8px;border-radius:10px}body.dark .wekalat-header-bar__count{background:var(--quiet-gray-200)}.wekalat-header-bar__stats{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.wekalat-header-bar__stats{display:none}}.wekala-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent}.wekala-stat-pill__dot{width:6px;height:6px;border-radius:50%}.wekala-stat-pill--approved{background:var(--status-green-light);color:var(--status-green)}.wekala-stat-pill--approved .wekala-stat-pill__dot{background:var(--status-green)}.wekala-stat-pill--expired{background:var(--status-orange-light);color:var(--status-orange)}.wekala-stat-pill--expired .wekala-stat-pill__dot{background:var(--status-orange)}.wekala-stat-pill--pending{background:var(--status-blue-light);color:var(--status-blue)}.wekala-stat-pill--pending .wekala-stat-pill__dot{background:var(--status-blue)}.wekalat-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;max-width:600px;min-width:200px}@media (max-width: 768px){.wekalat-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.wekalat-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--quiet-gray-50);border:1px solid var(--color-border);border-radius:6px;flex:1;transition:all .15s}body.dark .wekalat-search-box{background:var(--quiet-gray-100)}.wekalat-search-box:focus-within{border-color:var(--law-navy);background:var(--dashboard-card)}.wekalat-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.wekalat-search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.wekalat-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.wekalat-search-box input::placeholder{color:var(--color-text-secondary)}.wekalat-search-box__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--quiet-gray-200);border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.wekalat-search-box__clear:hover{background:var(--quiet-gray-300)}.wekalat-filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);font-size:13px;cursor:pointer;min-width:120px}.wekalat-filter-select:focus{outline:none;border-color:var(--law-navy)}.wekalat-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.wekalat-icon-btn:hover{border-color:var(--law-navy);color:var(--law-navy)}.wekalat-header-bar__end{display:flex;align-items:center;gap:10px;flex-shrink:0}.wekalat-view-tabs{display:flex;background:var(--quiet-gray-100);border-radius:6px;padding:2px}body.dark .wekalat-view-tabs{background:var(--quiet-gray-200)}.wekalat-view-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.wekalat-view-tab:hover{color:var(--law-navy)}.wekalat-view-tab--active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:var(--shadow-xs)}.wekalat-table-wrapper{overflow-x:auto;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;margin:16px 20px}.wekalat-table{width:100%;border-collapse:collapse;font-size:13px}.wekalat-table thead{background:var(--quiet-gray-50);position:sticky;top:0}body.dark .wekalat-table thead{background:var(--quiet-gray-100)}.wekalat-table th{padding:12px 16px;text-align:right;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.wekalat-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.wekalat-table tbody tr{cursor:pointer;transition:all .2s ease}.wekalat-table tbody tr:hover{background:var(--law-navy-light)}.wekalat-table tbody tr:last-child td{border-bottom:none}.wekala-number{font-weight:600;color:var(--color-heading)}.wekala-type{font-size:12px;color:var(--color-text-secondary)}.wekala-parties{display:flex;flex-wrap:wrap;gap:4px}.wekala-party-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;background:var(--quiet-gray-100)}body.dark .wekala-party-tag{background:var(--quiet-gray-200)}.wekala-party-tag--client{background:var(--status-blue-light);color:var(--status-blue)}.wekala-party-tag--agent{background:var(--status-green-light);color:var(--status-green)}.wekala-date-cell{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.wekala-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.wekala-status-badge__dot{width:6px;height:6px;border-radius:50%}.wekala-status-badge--approved{background:var(--status-green-light);color:var(--status-green)}.wekala-status-badge--approved .wekala-status-badge__dot{background:var(--status-green)}.wekala-status-badge--expired{background:var(--status-orange-light);color:var(--status-orange)}.wekala-status-badge--expired .wekala-status-badge__dot{background:var(--status-orange)}.wekala-status-badge--suspended{background:var(--status-red-light);color:var(--status-red)}.wekala-status-badge--suspended .wekala-status-badge__dot{background:var(--status-red)}.wekala-status-badge--pending{background:var(--status-blue-light);color:var(--status-blue)}.wekala-status-badge--pending .wekala-status-badge__dot{background:var(--status-blue)}.wekala-status-badge--terminated{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.wekala-status-badge--terminated .wekala-status-badge__dot{background:var(--quiet-gray-500)}.wekala-actions-cell{display:flex;align-items:center;gap:4px}.wekala-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.wekala-action-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.wekalat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px 20px}.wekala-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:16px;cursor:pointer;transition:all .15s;position:relative}.wekala-card:hover{border-color:var(--law-navy);box-shadow:var(--shadow-sm)}.wekala-card__stripe{position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 8px 8px 0}.wekala-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-right:8px}.wekala-card__title{font-size:15px;font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:8px}.wekala-card__type{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.wekala-card__parties{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.wekala-card__party-group{padding:8px 10px;border-radius:6px;font-size:12px}.wekala-card__party-group--clients{background:var(--status-blue-light)}.wekala-card__party-group--agents{background:var(--status-green-light)}.wekala-card__party-label{font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}.wekala-card__party-list{display:flex;flex-wrap:wrap;gap:4px}.wekala-card__party-name{padding:2px 8px;background:var(--dashboard-card);border-radius:4px;border:1px solid var(--color-border)}.wekala-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}.wekala-card__date{display:flex;align-items:center;gap:4px}.wekalat-loading{display:flex;flex-direction:column;gap:8px;padding:20px}.wekalat-skeleton-row{height:60px;background:var(--quiet-gray-100);border-radius:8px;animation:pulse 1.5s infinite}body.dark .wekalat-skeleton-row{background:var(--quiet-gray-200)}.wekalat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.wekalat-empty__icon{color:var(--color-text-secondary);margin-bottom:16px}.wekalat-empty__title{font-size:18px;font-weight:600;color:var(--color-heading);margin-bottom:8px}.wekalat-empty__desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.wekalat-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--dashboard-card);border-top:1px solid var(--color-border);position:sticky;bottom:0;z-index:30}.wekalat-pagination__info{font-size:13px;color:var(--color-text-secondary)}.wekalat-pagination__controls{display:flex;align-items:center;gap:8px}.wekalat-pagination-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;font-size:12px;color:var(--color-text);transition:all .15s}.wekalat-pagination-btn:hover:not(:disabled){border-color:var(--law-navy);color:var(--law-navy)}.wekalat-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.wekalat-pagination-pages{display:flex;gap:4px}.wekalat-pagination-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;font-size:13px;color:var(--color-text);transition:all .15s}.wekalat-pagination-page:hover{border-color:var(--law-navy)}.wekalat-pagination-page--active{background:var(--law-navy);border-color:var(--law-navy);color:#fff}@media (max-width: 768px){.wekalat-header-bar{padding:12px 16px}.wekalat-table-wrapper,.wekalat-grid{margin:12px 16px}.wekalat-pagination{flex-direction:column;gap:12px}}.modal-content{background:var(--dashboard-card);border-radius:16px;width:100%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0a192f40,0 0 0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.1);animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content--lg{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--quiet-gray-50)}.modal-title{font-size:18px;font-weight:600;color:var(--color-heading);margin:0;display:flex;align-items:center;gap:10px}.modal-subtitle{font-size:13px;color:var(--color-text-secondary);margin:6px 0 0;display:flex;align-items:center;gap:6px}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.modal-close:hover{border-color:var(--status-red);color:var(--status-red)}.modal-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--color-border);background:var(--quiet-gray-50);overflow-x:auto}body.dark .modal-tabs{background:var(--quiet-gray-100)}.modal-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .15s}.modal-tab:hover{background:var(--dashboard-card);color:var(--law-navy)}.modal-tab--active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:var(--shadow-xs)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.modal-info-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--quiet-gray-50);border-radius:8px;border:1px solid var(--color-border)}.modal-info-card__icon{color:var(--law-navy)}.modal-info-card__label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.modal-info-card__value{font-size:14px;font-weight:500;color:var(--color-text)}.modal-info-text{padding:16px;background:var(--quiet-gray-50);border-radius:8px;border:1px solid var(--color-border);margin-top:12px}body.dark .modal-info-text{background:var(--quiet-gray-100)}.modal-info-text h4{font-size:14px;font-weight:600;color:var(--color-heading);margin:0 0 10px;display:flex;align-items:center;gap:8px}.modal-info-text h4 svg{color:var(--law-navy)}.modal-info-text p{font-size:13px;line-height:1.7;color:var(--color-text-secondary);margin:0;white-space:pre-wrap;max-height:200px;overflow-y:auto}.modal-party-list{display:flex;flex-direction:column;gap:10px}.modal-party-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--quiet-gray-50);border-radius:8px;border:1px solid var(--color-border);border-right-width:4px}body.dark .modal-party-card{background:var(--quiet-gray-100)}.modal-party-card--client{border-right-color:var(--status-blue)}.modal-party-card--agent{border-right-color:var(--status-green)}.modal-party-card__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-party-card--client .modal-party-card__icon{background:var(--status-blue-light);color:var(--status-blue)}.modal-party-card--agent .modal-party-card__icon{background:var(--status-green-light);color:var(--status-green)}.modal-party-card__name{font-size:14px;font-weight:500;color:var(--color-heading)}.modal-party-card__id,.modal-party-card__role{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.modal-permissions-list{display:flex;flex-direction:column;gap:8px}.permission-accordion{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s ease}.permission-accordion--open{border-color:var(--law-navy);box-shadow:0 2px 8px #0a192f14}.permission-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--quiet-gray-50);border:none;text-align:right;font-size:14px;transition:all .15s ease}body.dark .permission-accordion__header{background:var(--quiet-gray-100)}.permission-accordion__header:hover{background:var(--law-navy-light)}.permission-accordion--open .permission-accordion__header{background:var(--law-navy-light);border-bottom:1px solid var(--color-border)}.permission-accordion__title{display:flex;align-items:center;gap:10px;color:var(--color-heading);font-weight:500}.permission-accordion__title svg{color:var(--status-green)}.permission-accordion__arrow{color:var(--color-text-secondary);transition:transform .25s ease}.permission-accordion__arrow--open{transform:rotate(-90deg)}.permission-accordion__content{padding:16px;background:var(--dashboard-card);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.permission-accordion__text{margin:0 0 12px;font-size:13px;line-height:1.8;color:var(--color-text-secondary)}.permission-accordion__text:last-child{margin-bottom:0}.permission-accordion__clauses{margin:0;padding-right:20px;font-size:12px;color:var(--color-text-secondary);line-height:2}.permission-accordion__clauses li{position:relative;padding-right:8px}.permission-accordion__clauses li::marker{color:var(--status-green)}.modal-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.account-status-page{min-height:100vh;background:var(--dashboard-bg);display:flex;align-items:center;justify-content:center;padding:20px}.account-status-container{max-width:500px;width:100%}.account-status-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;padding:40px;text-align:center}.account-status-icon{width:80px;height:80px;border-radius:50%;background:var(--status-yellow-light);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.account-status-icon svg{color:var(--status-yellow)}.account-status-title{font-size:24px;font-weight:700;color:var(--color-heading);margin:0 0 12px}.account-status-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.6}.account-status-date{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:var(--status-red);font-weight:500}.account-status-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;text-align:right}.account-status-info__section h3{font-size:13px;font-weight:600;color:var(--color-heading);margin:0 0 10px}.account-status-list{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.8}.account-status-list--allowed{color:var(--status-green)}.account-status-list--blocked{color:var(--status-red)}.account-status-pricing{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;padding:16px;background:var(--dashboard-bg);border-radius:8px}.account-status-pricing__option{text-align:center;padding:16px;border-radius:8px;position:relative}.account-status-pricing__option--recommended{background:var(--law-navy-light);border:2px solid var(--law-navy)}.account-status-pricing__badge{position:absolute;top:-10px;right:50%;transform:translate(50%);background:var(--law-navy);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;white-space:nowrap}.account-status-pricing__label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.account-status-pricing__price{font-size:22px;font-weight:700;color:var(--color-heading)}.account-status-pricing__period{font-size:12px;color:var(--color-text-secondary)}.account-status-pricing__savings{font-size:11px;color:var(--status-green);font-weight:500;margin-top:4px}.account-status-pricing__divider{font-size:12px;color:var(--color-text-secondary)}.account-status-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.account-status-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.account-status-btn--primary{background:var(--law-navy);color:#fff}.account-status-btn--primary:hover{background:var(--law-navy-dark)}.account-status-btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.account-status-btn--secondary:hover{background:var(--dashboard-bg)}.account-status-support{font-size:12px;color:var(--color-text-secondary);margin:0}@media (max-width: 500px){.account-status-info{grid-template-columns:1fr}.account-status-pricing,.account-status-actions{flex-direction:column}}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:20px}.payment-result-container{width:100%;max-width:480px}.payment-result-card{background:var(--color-bg-primary);border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 40px #0000001a;border:1px solid var(--color-border)}.payment-result-card--success{border-top:4px solid var(--status-green)}.payment-result-card--failed{border-top:4px solid var(--status-red)}.payment-result-card--pending{border-top:4px solid var(--status-warning, #f59e0b)}.payment-result-icon{margin-bottom:24px}.payment-result-icon--success{color:var(--status-green)}.payment-result-icon--failed{color:var(--status-red)}.payment-result-icon--loading{color:var(--color-primary)}.payment-result-icon--pending{color:var(--status-warning, #f59e0b)}.retry-count{font-size:13px;color:var(--color-text-tertiary);margin-top:8px}.payment-result-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.payment-result-message{font-size:15px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.payment-result-details{background:var(--color-bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px}.payment-result-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.payment-result-detail:last-child{border-bottom:none}.payment-result-detail__label{font-size:14px;color:var(--color-text-secondary)}.payment-result-detail__value{font-size:14px;font-weight:600;color:var(--color-text-primary)}.payment-result-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-result-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.payment-result-btn--primary{background:var(--color-primary);color:#fff}.payment-result-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.payment-result-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.payment-result-btn--secondary:hover{background:var(--color-bg-tertiary)}.payment-result-footer{font-size:13px;color:var(--color-text-secondary)}.payment-result-footer a{color:var(--color-primary);text-decoration:none}.payment-result-footer a:hover{text-decoration:underline}@media (max-width: 480px){.payment-result-card{padding:24px}.payment-result-title{font-size:20px}.payment-result-icon svg{width:48px;height:48px}}.lawyer-suspended{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f7f7f5;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#37352f}.lawyer-suspended__container{background:#fff;border:1px solid #e9e9e7;border-radius:4px;padding:60px 48px;max-width:520px;width:100%;box-shadow:0 4px 24px #0000000a;text-align:center;position:relative;overflow:hidden}.lawyer-suspended__icon{color:#e03e3e;margin-bottom:20px;display:inline-flex;justify-content:center;align-items:center;background:#fbe4e4;padding:16px;border-radius:50%}.lawyer-suspended__title{font-size:24px;font-weight:600;color:#37352f;margin-bottom:24px;letter-spacing:-.01em}.lawyer-suspended__message{font-size:15px;line-height:1.6;color:#37352f;margin-bottom:40px}.user-greeting{display:block;margin-bottom:8px;font-weight:500}.lawyer-suspended__contact{text-align:right;margin-bottom:40px;border-top:1px solid #e9e9e7;padding-top:24px}.lawyer-suspended__contact h3{font-size:13px;font-weight:600;color:#9b9a97;margin-bottom:16px;text-transform:uppercase;letter-spacing:.03em}.lawyer-suspended__contact-methods{display:flex;flex-direction:column;gap:8px}.contact-method{display:flex;align-items:center;gap:12px;background:transparent;padding:8px 12px;border-radius:4px;color:#37352f;font-size:14px;transition:background-color .1s;cursor:default}.contact-method:hover{background:#f1f1ef}.contact-icon{display:flex;align-items:center;justify-content:center;color:#5f5e5b}.lawyer-suspended__logout-btn{background:transparent;border:1px solid #e0e0e0;color:#6b6b6b;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.lawyer-suspended__logout-btn:hover{background:#f7f7f5;color:#37352f;border-color:#d0d0d0}@media (max-width: 600px){.lawyer-suspended__container{padding:40px 24px;box-shadow:none;background:transparent;border:none}.lawyer-suspended{background:#fff;align-items:flex-start}}.clients-page{background:var(--dashboard-bg);min-height:100vh}.clients-header-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap;position:sticky;top:0;z-index:30}.clients-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.clients-header-bar__title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--color-heading)}.clients-header-bar__title svg{color:var(--law-navy)}.clients-header-bar__count{font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--quiet-gray-100);padding:2px 8px;border-radius:12px}.clients-header-bar__center{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.clients-header-bar__end{display:flex;align-items:center;gap:12px;flex-shrink:0}.clients-content{padding:0}.clients-loading{padding:20px;display:flex;flex-direction:column;gap:12px}.clients-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.clients-empty__icon{width:48px;height:48px;margin-bottom:16px;color:var(--color-text-secondary);opacity:.4}.clients-empty__title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}.clients-empty__desc{font-size:14px;color:var(--color-text-secondary);max-width:300px}.clients-table-wrapper{padding:16px 20px 0}.clients-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000005;font-size:13px}.clients-table th{text-align:right;padding:12px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-50);border-bottom:1px solid var(--color-border);white-space:nowrap}body.dark .clients-table th{background:var(--quiet-gray-100)}.clients-table th:first-child{border-top-right-radius:8px}.clients-table th:last-child{border-top-left-radius:8px}.clients-table td{padding:12px 16px;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table tbody tr:last-child td:first-child{border-bottom-right-radius:8px}.clients-table tbody tr:last-child td:last-child{border-bottom-left-radius:8px}.clients-table tbody tr{cursor:pointer;transition:all .2s ease}.clients-table tbody tr:hover{background:var(--law-navy-light)}.clients-table tbody tr:hover td{background:transparent}.client-name-cell{display:flex;align-items:center;gap:10px}.client-avatar{width:32px;height:32px;border-radius:50%;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.client-name{font-weight:600;color:var(--color-heading)}.client-id-badge{display:inline-flex;padding:4px 10px;background:var(--quiet-gray-100);color:var(--color-text-secondary);border-radius:5px;font-size:12px;font-weight:500;font-family:monospace}body.dark .client-id-badge{background:var(--quiet-gray-200)}.client-phone{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text)}.client-phone svg{color:var(--status-green)}.client-phone .no-phone{color:var(--color-text-secondary);font-style:italic}.cases-count{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-blue-light);color:var(--status-blue);border-radius:5px;font-size:12px;font-weight:500}.cases-count svg{width:14px;height:14px}.client-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600}.client-badge--vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.client-badge--regular{background:var(--status-green-light);color:var(--status-green)}.date-cell{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.date-cell svg{width:14px;height:14px}.clients-pagination{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 20px;background:var(--dashboard-card);border-top:1px solid var(--color-border);position:sticky;bottom:0;z-index:20}.clients-pagination__info{font-size:13px;color:var(--color-text-secondary)}.clients-pagination__controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.pagination-btn:hover:not(:disabled){border-color:var(--law-navy);background:var(--law-navy-light)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.clients-header-bar{flex-direction:column;align-items:stretch;gap:12px}.clients-header-bar__center{order:3}.clients-table-wrapper{padding:12px;overflow-x:auto}.clients-table{min-width:600px}}.clients-table-wrapper{position:relative}.table-loading-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}body.dark .table-loading-overlay{background:#00000080}.spinning{animation:spin 1s linear infinite}.icon-btn.spinning svg{animation:spin 1s linear infinite}.client-detail{background:var(--dashboard-bg);min-height:100vh}.loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:var(--color-text-secondary)}.spinner{width:32px;height:32px;border:2px solid var(--quiet-gray-200);border-top-color:var(--law-navy);border-radius:50%;animation:spin .8s linear infinite}.error-state button{padding:8px 16px;background:var(--law-navy);color:#fff;border:none;border-radius:6px;cursor:pointer}.client-header{background:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:12px 20px}.back-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;margin-bottom:12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:color .15s}.back-link:hover{color:var(--law-navy)}.client-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.client-avatar{width:40px;height:40px;border-radius:8px;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.client-main{flex:1;min-width:150px}.client-main h1{font-size:18px;font-weight:600;color:var(--color-heading);margin:0 0 4px}.client-meta{display:flex;gap:12px;font-size:12px;color:var(--color-text-secondary)}.client-meta span{display:inline-flex;align-items:center;gap:4px}.header-stats{display:flex;gap:16px;padding:0 16px;border-right:1px solid var(--color-border);margin-right:16px}.stat{text-align:center;text-decoration:none}.stat-value{display:flex;align-items:center;justify-content:center;gap:4px;font-size:18px;font-weight:600;color:var(--color-heading)}.stat-label{font-size:11px;color:var(--color-text-secondary)}.stat--active .stat-value{color:var(--status-green)}.stat--session{padding:6px 10px;border-radius:6px;background:var(--status-orange-light);transition:transform .15s}.stat--session:hover{transform:scale(1.02)}.stat--session .stat-value{color:var(--status-orange);font-size:14px}.rating{display:flex;gap:2px}.rating button{padding:4px;background:transparent;border:none;color:var(--quiet-gray-300);cursor:pointer;transition:color .15s,transform .15s}.rating button:hover{transform:scale(1.1)}.rating button.active{color:#fbbf24}.rating button.active svg{fill:#fbbf24}.tabs{display:flex;gap:4px;padding:0 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border)}.tabs button{display:flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s;margin-bottom:-1px}.tabs button:hover{color:var(--law-navy)}.tabs button.active{color:var(--law-navy);border-bottom-color:var(--law-navy)}.content{padding:16px 20px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary);opacity:.6}.empty p{margin-top:12px;font-size:14px}.cases-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.case-item{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:16px;padding:12px 16px;background:var(--dashboard-card);text-decoration:none;color:inherit;transition:background .15s}.case-item:hover{background:var(--law-navy-light)}.case-main{display:flex;flex-direction:column;gap:2px}.case-number{font-size:11px;font-family:monospace;color:var(--color-text-secondary)}.case-title{font-size:13px;font-weight:500;color:var(--color-heading)}.case-status{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500}.status--active{background:var(--status-green-light);color:var(--status-green)}.status--pending{background:var(--status-orange-light);color:var(--status-orange)}.status--closed{background:var(--quiet-gray-200);color:var(--quiet-gray-600)}.case-court{font-size:12px;color:var(--color-text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-date{font-size:12px;color:var(--color-text-secondary)}.case-link{color:var(--color-text-secondary);opacity:0;transition:opacity .15s}.case-item:hover .case-link{opacity:1}.timeline{position:relative;padding-right:20px}.timeline:before{content:"";position:absolute;right:5px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:16px}.timeline-dot{position:absolute;right:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--law-navy)}.timeline-content{padding:8px 12px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:6px}.timeline-desc{display:block;font-size:13px;color:var(--color-text);margin-bottom:4px}.timeline-meta{display:flex;gap:12px;font-size:11px;color:var(--color-text-secondary)}@media (max-width: 768px){.client-info{flex-direction:column;align-items:flex-start}.header-stats{border-right:none;margin-right:0;padding:12px 0 0;border-top:1px solid var(--color-border);width:100%}.case-item{grid-template-columns:1fr auto}.case-court,.case-date,.case-link{display:none}}.requests-page{display:flex;flex-direction:column;gap:0;min-height:100vh;background:var(--dashboard-bg)}.requests-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.requests-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.requests-header-bar__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading)}.requests-header-bar__title svg{color:var(--law-navy)}.requests-header-bar__count{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-100);padding:2px 8px;border-radius:10px}body.dark .requests-header-bar__count{background:var(--quiet-gray-200)}.requests-header-bar__stats{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.requests-header-bar__stats{display:none}}.request-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent}.request-stat-pill__dot{width:6px;height:6px;border-radius:50%}.request-stat-pill--pending{background:var(--status-orange-light);color:var(--status-orange)}.request-stat-pill--pending .request-stat-pill__dot{background:var(--status-orange)}.request-stat-pill--approved{background:var(--status-green-light);color:var(--status-green)}.request-stat-pill--approved .request-stat-pill__dot{background:var(--status-green)}.request-stat-pill--rejected{background:var(--status-red-light);color:var(--status-red)}.request-stat-pill--rejected .request-stat-pill__dot{background:var(--status-red)}.requests-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;max-width:600px;min-width:200px}@media (max-width: 768px){.requests-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.requests-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--quiet-gray-50);border:1px solid var(--color-border);border-radius:6px;flex:1;transition:all .15s}body.dark .requests-search-box{background:var(--quiet-gray-100)}.requests-search-box:focus-within{border-color:var(--law-navy);background:var(--dashboard-card)}.requests-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.requests-search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.requests-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.requests-search-box input::placeholder{color:var(--color-text-secondary)}.requests-search-box__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--quiet-gray-200);border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.requests-search-box__clear:hover{background:var(--quiet-gray-300)}.requests-filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card);color:var(--color-text);font-size:13px;cursor:pointer;min-width:120px}.requests-filter-select:focus{outline:none;border-color:var(--law-navy)}.requests-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--dashboard-card);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.requests-icon-btn:hover{border-color:var(--law-navy);color:var(--law-navy)}.requests-header-bar__end{display:flex;align-items:center;gap:10px;flex-shrink:0}.requests-view-tabs{display:flex;background:var(--quiet-gray-100);border-radius:6px;padding:2px}body.dark .requests-view-tabs{background:var(--quiet-gray-200)}.requests-view-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.requests-view-tab:hover{color:var(--law-navy)}.requests-view-tab--active{background:var(--dashboard-card);color:var(--law-navy);box-shadow:var(--shadow-xs)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--law-navy);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--quiet-gray-100);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--quiet-gray-200)}.requests-table-wrapper{overflow-x:auto;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;margin:16px 20px}.requests-table{width:100%;border-collapse:collapse;font-size:13px}.requests-table thead{background:var(--quiet-gray-50);position:sticky;top:0}body.dark .requests-table thead{background:var(--quiet-gray-100)}.requests-table th{padding:12px 16px;text-align:right;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.requests-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.requests-table tbody tr{cursor:pointer;transition:all .2s ease}.requests-table tbody tr:hover{background:var(--law-navy-light)}.requests-table tbody tr:last-child td{border-bottom:none}.request-user{display:flex;align-items:center;gap:10px}.request-user__avatar{width:28px;height:28px;border-radius:50%;background:var(--law-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.request-type-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:12px;background:var(--quiet-gray-100);color:var(--color-text)}body.dark .request-type-tag{background:var(--quiet-gray-200)}.request-date-cell{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.request-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.request-status-badge__dot{width:6px;height:6px;border-radius:50%}.request-status-badge--pending{background:var(--status-orange-light);color:var(--status-orange)}.request-status-badge--pending .request-status-badge__dot{background:var(--status-orange)}.request-status-badge--approved{background:var(--status-green-light);color:var(--status-green)}.request-status-badge--approved .request-status-badge__dot{background:var(--status-green)}.request-status-badge--rejected{background:var(--status-red-light);color:var(--status-red)}.request-status-badge--rejected .request-status-badge__dot{background:var(--status-red)}.request-actions-cell{display:flex;align-items:center;gap:4px}.request-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.request-action-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy)}.request-action-btn--danger:hover{background:var(--status-red-light);color:var(--status-red)}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 20px}.request-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;padding:16px;cursor:pointer;transition:all .15s}.request-card:hover{border-color:var(--law-navy);box-shadow:var(--shadow-sm)}.request-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.request-card__user{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:var(--color-text)}.request-card__reason{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.request-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}.request-card__date{display:flex;align-items:center;gap:4px}.requests-loading{display:flex;flex-direction:column;gap:8px;padding:20px}.requests-skeleton-row{height:60px;background:var(--quiet-gray-100);border-radius:8px;animation:pulse 1.5s infinite}body.dark .requests-skeleton-row{background:var(--quiet-gray-200)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.requests-empty__icon{color:var(--color-text-secondary);margin-bottom:16px}.requests-empty__title{font-size:18px;font-weight:600;color:var(--color-heading);margin-bottom:8px}.requests-empty__desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.animate-spin{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#0a192f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--dashboard-card);border-radius:12px;width:100%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0a192f40;border:1px solid var(--color-border);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content--lg{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--quiet-gray-50)}body.dark .modal-header{background:var(--quiet-gray-100)}.modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-heading);margin:0}.modal-title svg{color:var(--law-navy)}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.modal-close:hover{background:var(--quiet-gray-100);color:var(--color-text)}.modal-body{padding:20px;overflow-y:auto}.modal-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;background:var(--status-red-light);color:var(--status-red);font-size:13px;margin-bottom:16px}.modal-form-group{margin-bottom:16px}.modal-form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-card);color:var(--color-text);font-size:13px;outline:none;transition:border-color .15s}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:var(--law-navy)}.modal-form-group textarea{resize:vertical;min-height:80px}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--color-border)}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.modal-info-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--quiet-gray-50);border-radius:8px}body.dark .modal-info-card{background:var(--quiet-gray-100)}.modal-info-card__icon{color:var(--law-navy);flex-shrink:0;margin-top:2px}.modal-info-card__label{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px}.modal-info-card__value{font-size:13px;font-weight:500;color:var(--color-text)}.modal-reason-box{padding:12px;background:var(--quiet-gray-50);border-radius:8px;font-size:13px;color:var(--color-text);line-height:1.5}body.dark .modal-reason-box{background:var(--quiet-gray-100)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.btn-approve{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--status-green);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-approve:hover{opacity:.9}.btn-reject{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--status-red);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-reject:hover{opacity:.9}@media (max-width: 768px){.requests-header-bar{padding:12px 16px}.requests-table-wrapper,.requests-grid{margin:12px 16px}.modal-info-grid,.modal-form-row{grid-template-columns:1fr}}.requests-settings-btn{background:var(--quiet-gray-100)}.requests-settings-btn:hover,body.dark .requests-settings-btn{background:var(--quiet-gray-200)}body.dark .requests-settings-btn:hover{background:var(--quiet-gray-300)}.settings-type-form{padding:16px;background:var(--quiet-gray-50);border-radius:8px;margin-bottom:16px}body.dark .settings-type-form{background:var(--quiet-gray-100)}.settings-form-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--color-heading)}.settings-checkboxes{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.settings-checkbox input{width:16px;height:16px;accent-color:var(--law-navy)}.settings-add-btn-container{margin-bottom:16px}.settings-types-list{display:flex;flex-direction:column;gap:8px}.settings-empty{text-align:center;padding:32px;color:var(--color-text-secondary);font-size:14px}.settings-type-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:8px;transition:all .15s}.settings-type-item:hover{border-color:var(--law-navy-light)}.settings-type-item--inactive{opacity:.6;background:var(--quiet-gray-50)}body.dark .settings-type-item--inactive{background:var(--quiet-gray-100)}.settings-type-info{flex:1;min-width:0}.settings-type-name{font-size:14px;font-weight:600;color:var(--color-heading);margin-bottom:4px}.settings-type-desc{font-size:12px;color:var(--color-text-secondary);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-type-badges{display:flex;gap:6px;flex-wrap:wrap}.settings-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:500;border-radius:10px;background:var(--law-navy-light);color:var(--law-navy)}body.dark .settings-badge{background:#0e53784d;color:var(--law-gold-light)}.settings-badge--inactive{background:var(--status-red-light);color:var(--status-red)}.settings-type-actions{display:flex;align-items:center;gap:4px}.settings-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all .15s}.settings-action-btn:hover{background:var(--quiet-gray-100);color:var(--color-text)}body.dark .settings-action-btn:hover{background:var(--quiet-gray-200)}.settings-action-btn--danger:hover{background:var(--status-red-light);color:var(--status-red)}.settings-action-btn .text-green{color:var(--status-green)}.client-messages-container{display:flex;flex-direction:column;height:calc(100vh - 64px);background:var(--dashboard-bg);direction:rtl}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);flex-shrink:0}.header-content{display:flex;align-items:center;gap:10px}.header-icon{width:32px;height:32px;padding:6px;background:var(--law-navy-light);color:var(--law-navy);border-radius:8px;flex-shrink:0}.messages-header h1{font-size:16px;font-weight:600;color:var(--color-heading);margin:0}.messages-header p{font-size:12px;color:var(--color-text-secondary);margin:0}.refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);border-radius:6px;transition:all .15s;flex-shrink:0}.refresh-btn:hover{background:var(--quiet-gray-100);color:var(--law-navy);border-color:var(--law-navy)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{width:16px;height:16px}.refresh-icon.spinning{animation:spin 1s linear infinite}.messages-layout{display:flex;flex:1;overflow:hidden;min-height:0}.conversations-panel{width:280px;min-width:280px;max-width:280px;background:var(--dashboard-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.client-messages-container .conversations-panel .search-box{display:flex!important;align-items:center!important;gap:8px!important;margin:10px!important;padding:8px 12px!important;background:var(--quiet-gray-100)!important;border-radius:8px!important;border:1px solid transparent!important;transition:all .15s!important;flex-shrink:0!important;flex-grow:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-sizing:border-box!important;overflow:hidden!important}.client-messages-container .conversations-panel .search-box:focus-within{background:var(--dashboard-card)!important;border-color:var(--law-navy)!important}.client-messages-container .conversations-panel .search-box .search-icon{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;color:var(--color-text-tertiary)!important;flex-shrink:0!important}.client-messages-container .conversations-panel .search-box input,.client-messages-container .conversations-panel .search-box input[type=text]{all:unset!important;flex:1!important;font-size:13px!important;color:var(--color-text)!important;min-width:0!important;direction:rtl!important}.client-messages-container .conversations-panel .search-box input::-moz-placeholder{color:var(--color-text-tertiary)!important}.client-messages-container .conversations-panel .search-box input::placeholder{color:var(--color-text-tertiary)!important}.conversations-list{flex:1;overflow-y:auto;padding:0 8px 8px;min-height:0}.conversation-item{display:flex;gap:10px;padding:10px;cursor:pointer;border-radius:8px;transition:background .15s;margin-bottom:2px}.conversation-item:hover{background:var(--quiet-gray-100)}.conversation-item.active{background:var(--law-navy-light)}.conversation-avatar{position:relative;width:36px;height:36px;min-width:36px;background:var(--quiet-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversation-avatar svg{width:16px;height:16px;color:var(--color-text-secondary)}.unread-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.conversation-info{flex:1;min-width:0;overflow:hidden}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:8px}.party-name{font-weight:600;color:var(--color-heading);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.message-time{font-size:10px;color:var(--color-text-tertiary);flex-shrink:0}.case-title{display:flex;align-items:center;gap:4px;margin-bottom:2px}.case-title .case-icon{width:10px;height:10px;color:var(--color-text-tertiary);flex-shrink:0}.case-title span{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.you-label{color:var(--law-navy);font-weight:500}.messages-panel{flex:1;display:flex;flex-direction:column;background:var(--dashboard-bg);min-width:0;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);min-height:52px;flex-shrink:0}.back-btn{display:none;width:32px;height:32px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);border-radius:6px;transition:all .15s;flex-shrink:0}.back-btn:hover{background:var(--quiet-gray-100)}.chat-info{flex:1;min-width:0}.chat-info h3{margin:0;font-size:14px;font-weight:600;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-number{font-size:11px;color:var(--color-text-secondary)}.recipient-selector select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--dashboard-card);font-size:12px;color:var(--color-text);cursor:pointer;outline:none;min-width:140px}.recipient-selector select:focus{border-color:var(--law-navy)}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.message{display:flex;gap:8px;max-width:70%}.message.mine{margin-right:auto;flex-direction:row-reverse}.message.theirs{margin-left:auto}.message-avatar{width:28px;height:28px;min-width:28px;background:var(--quiet-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-avatar svg{width:14px;height:14px;color:var(--color-text-secondary)}.message-content{display:flex;flex-direction:column;gap:2px;min-width:0}.sender-name{font-size:11px;font-weight:600;color:var(--color-heading)}.sender-role{font-weight:400;color:var(--color-text-secondary);margin-right:4px}.message-bubble{padding:8px 12px;border-radius:12px;position:relative;word-wrap:break-word}.message.mine .message-bubble{background:var(--law-navy);color:#fff;border-bottom-left-radius:4px}.message.theirs .message-bubble{background:var(--dashboard-card);color:var(--color-text);border-bottom-right-radius:4px;border:1px solid var(--color-border)}.message-bubble p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;align-items:center;gap:4px;margin-top:2px;justify-content:flex-end}.message.mine .message-meta{color:#ffffffb3}.message.theirs .message-meta{color:var(--color-text-tertiary)}.message-meta .message-time{display:flex;align-items:center;gap:3px;font-size:9px}.read-status{display:flex;align-items:center}.read-status svg{width:12px;height:12px}.message-input-area{padding:12px 16px;background:var(--dashboard-card);border-top:1px solid var(--color-border);flex-shrink:0}.error-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;color:#dc2626;border-radius:8px;margin-bottom:10px;font-size:12px}.error-message button{margin-right:auto;background:transparent;border:none;cursor:pointer;font-size:16px;color:#dc2626;padding:0;line-height:1}.input-container{display:flex;align-items:flex-end;gap:10px;background:var(--quiet-gray-100);border-radius:20px;padding:6px 6px 6px 14px;border:1px solid var(--color-border);transition:border-color .15s}.input-container:focus-within{border-color:var(--law-navy)}.input-container textarea{flex:1;border:none;background:transparent;resize:none;font-size:13px;padding:6px 0;max-height:80px;outline:none;color:var(--color-text);font-family:inherit;line-height:1.4}.input-container textarea::-moz-placeholder{color:var(--color-text-tertiary)}.input-container textarea::placeholder{color:var(--color-text-tertiary)}.send-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:none;background:var(--law-navy);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--law-navy-dark);transform:scale(1.05)}.send-btn:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.send-btn svg{width:16px;height:16px}.loading-state,.empty-state,.empty-messages,.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:var(--color-text-secondary);flex:1}.loading-state .spinner,.empty-state .empty-icon,.empty-messages .empty-icon,.no-chat-selected .big-icon{width:40px;height:40px;color:var(--color-text-tertiary);margin-bottom:12px}.spinner{animation:spin 1s linear infinite}.empty-state p,.empty-messages p,.no-chat-selected h3{font-size:14px;font-weight:600;color:var(--color-heading);margin:0 0 4px}.empty-state span,.empty-messages span,.no-chat-selected p{font-size:12px;color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.messages-layout{flex-direction:column}.conversations-panel{width:100%;min-width:100%;max-width:100%;border-left:none;max-height:40vh;border-bottom:1px solid var(--color-border)}.conversations-panel.hidden{display:none}.messages-panel.full{display:flex;height:100%}.back-btn{display:flex}.message{max-width:85%}.recipient-selector select{min-width:100px;font-size:11px}}.notebook-workspace{--bg: #fff;--bg-secondary: #fbfbfa;--bg-hover: #f1f1f0;--bg-active: #e8e8e8;--text: #37352f;--text-secondary: #787774;--text-muted: #9b9a97;--border: #e9e9e7;--accent: #2383e2;--accent-bg: rgba(35, 131, 226, .08)}body.dark .notebook-workspace{--bg: #191919;--bg-secondary: #202020;--bg-hover: #2f2f2f;--bg-active: #3a3a3a;--text: #e0e0e0;--text-secondary: #9b9b9b;--text-muted: #6b6b6b;--border: #2f2f2f;--accent: #2383e2;--accent-bg: rgba(35, 131, 226, .15)}body.classic .notebook-workspace{--bg: #faf8f5;--bg-secondary: #f5f2ed;--bg-hover: #ebe7e0;--bg-active: #e0dcd4;--text: #3d3929;--text-secondary: #7a7567;--text-muted: #9a958a;--border: #e5e0d6;--accent: #8b7355;--accent-bg: rgba(139, 115, 85, .1)}.notebook-workspace{display:flex;height:calc(100vh - 64px);background:var(--bg);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.notebook-sidebar{width:260px;min-width:260px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s,min-width .2s}.notebook-workspace.sidebar-collapsed .notebook-sidebar{width:0;min-width:0;border:none;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.sidebar-title svg{opacity:.7}.sidebar-toggle{padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary)}.sidebar-toggle:hover{background:var(--bg-hover)}.sidebar-search{display:flex;align-items:center;gap:8px;margin:8px 10px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:4px}.sidebar-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text)}.sidebar-search input::-moz-placeholder{color:var(--text-muted)}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search svg{color:var(--text-muted);width:14px;height:14px}.sidebar-categories{padding:8px 10px}.category-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:13px;text-align:right;transition:background .1s}.category-btn:hover{background:var(--bg-hover)}.category-btn.active{background:var(--accent-bg);color:var(--accent)}.category-icon{font-size:14px}.category-name{flex:1;font-weight:500}.category-count{font-size:11px;color:var(--text-muted);min-width:20px;text-align:center}.category-btn.active .category-count{color:var(--accent)}.new-note-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 10px;padding:8px 12px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .1s}.new-note-btn:hover{opacity:.9}.new-note-btn.large{padding:8px 12px;margin:0}body.classic .notebook-workspace .new-note-btn{background:#4a2c1a!important;color:#fff!important}body.classic .notebook-workspace .new-note-btn span,body.classic .notebook-workspace .new-note-btn svg{color:#fff!important}.notes-list{flex:1;overflow-y:auto;padding:4px 10px}.note-item{padding:10px 12px;margin-bottom:2px;background:transparent;border-radius:4px;cursor:pointer;transition:background .1s}.note-item:hover{background:var(--bg-hover)}.note-item.selected{background:var(--accent-bg)}.note-item.pinned{border-right:2px solid #f5a623}.note-item-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.pin-icon{color:#f5a623;width:12px;height:12px}.note-item-title{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.note-item-date{display:flex;align-items:center;gap:3px}.note-item-date svg{width:10px;height:10px}.loading-spinner{display:flex;justify-content:center;padding:24px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.spinner-small{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.empty-notes{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.notebook-main{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:visible;position:relative}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;padding:8px 16px;border-bottom:1px solid var(--border);gap:12px}.toolbar-right{display:flex;align-items:center;gap:8px;flex:1}.toolbar-left{display:flex;align-items:center;gap:6px}.note-title-input{flex:1;max-width:300px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:600;background:transparent;color:var(--text);outline:none}.note-title-input:hover{background:var(--bg-hover)}.note-title-input:focus{background:var(--bg);border-color:var(--accent)}.note-title-input::-moz-placeholder{color:var(--text-muted);font-weight:400}.note-title-input::placeholder{color:var(--text-muted);font-weight:400}.category-select{padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;background:var(--bg);color:var(--text);cursor:pointer;outline:none}.category-select:hover{background:var(--bg-hover)}.autosave-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);padding:4px 8px;background:var(--bg-secondary);border-radius:4px}.autosave-status svg{width:12px;height:12px}.toolbar-btn-wrapper{position:relative}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:6px 8px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:background .1s}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text)}.toolbar-btn.active{background:var(--accent-bg);color:var(--accent)}.toolbar-btn svg{width:16px;height:16px}.linked-case-badge{font-size:10px;padding:2px 4px;background:var(--accent);color:#fff;border-radius:2px}.reminder-dot{width:6px;height:6px;background:#f5a623;border-radius:50%;position:absolute;top:4px;left:4px}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000014;min-width:200px;max-height:280px;overflow-y:auto;z-index:100}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.dropdown-header button{padding:2px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:2px}.dropdown-header button:hover{background:var(--bg-hover)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;text-align:right;cursor:pointer;font-size:13px;color:var(--text);transition:background .1s}.dropdown-item:hover{background:var(--bg-hover)}.notebook-workspace .editor-container{padding-bottom:120px}.notebook-workspace .tiptap-editor{margin-top:32px;border:none;border-radius:0}.notebook-workspace .tiptap-toolbar{border-radius:0;border-top:1px solid var(--border)}.notebook-ai-widget{position:absolute;bottom:18px;left:16px;right:16px;margin:0 auto;width:min(720px,100%);z-index:300;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 18px #00000014;padding:8px}.notebook-ai-widget-row{display:flex;align-items:center;gap:8px}.notebook-ai-widget-input{flex:1;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:9px 11px;font-size:13px;color:var(--text);outline:none}.notebook-ai-widget-input::-moz-placeholder{color:var(--text-muted)}.notebook-ai-widget-input::placeholder{color:var(--text-muted)}.notebook-ai-widget-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.notebook-ai-widget-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:10px;padding:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.notebook-ai-widget-btn:hover{background:var(--bg-hover);color:var(--text)}.notebook-ai-widget-btn:disabled{opacity:.6;cursor:not-allowed}.notebook-ai-widget-btn.subtle{background:transparent}.notebook-ai-widget-spin{animation:notebookAiSpin .9s linear infinite}@keyframes notebookAiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notebook-ai-widget-loading{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--accent-bg);color:var(--text-secondary);font-size:12px}.notebook-ai-widget-pulse{width:10px;height:10px;border-radius:999px;background:var(--accent);animation:notebookAiPulse 1.1s ease-in-out infinite}@keyframes notebookAiPulse{0%{transform:scale(.85);opacity:.55}50%{transform:scale(1.05);opacity:1}to{transform:scale(.85);opacity:.55}}.notebook-ai-widget-error{margin-top:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px}.notebook-ai-widget-answer{margin-top:8px;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.notebook-ai-widget-answer-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.notebook-ai-widget-answer-text{font-size:13px;color:var(--text);line-height:1.6;white-space:pre-wrap}.dropdown-item.danger{color:#e03e3e}.dropdown-item.danger:hover{background:#e03e3e14}.dropdown-item svg{width:14px;height:14px}.case-selector{min-width:260px}.reminder-picker{padding:10px}.reminder-picker input[type=datetime-local]{width:100%;padding:8px 10px;margin-bottom:6px;border:1px solid var(--border);border-radius:4px;font-size:13px;background:var(--bg);color:var(--text)}.editor-container{flex:1;overflow-y:auto;padding:0 48px 32px;cursor:text;background:var(--bg)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-state svg{color:var(--text-muted);opacity:.5;margin-bottom:16px}.empty-state h2{font-size:18px;font-weight:600;color:var(--text);margin-bottom:6px}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.empty-state .tips{margin-top:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:6px;text-align:right;max-width:320px}.empty-state .tips h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase}.empty-state .tips ul{list-style:none;padding:0;margin:0}.empty-state .tips li{padding:6px 0;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.empty-state .tips li:before{content:"•";color:var(--text-muted)}.empty-state .tips code{background:var(--bg-hover);padding:2px 6px;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#e03e3e}@media (max-width: 768px){.notebook-workspace{flex-direction:column}.notebook-sidebar{width:100%;min-width:100%;height:auto;max-height:45vh;border-left:none;border-bottom:1px solid var(--border)}.notebook-workspace.sidebar-collapsed .notebook-sidebar{max-height:48px;width:100%;min-width:100%}.editor-container{padding:20px 16px}.editor-toolbar{flex-wrap:wrap;padding:8px 12px}.toolbar-right{width:100%;margin-bottom:6px}.note-title-input{max-width:100%}.toolbar-left{width:100%;flex-wrap:wrap}}.legal-ai-btn-main{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9f9f9);color:var(--text-primary, #37352f);border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .1s}.legal-ai-btn-main:hover{background:var(--bg-hover, #f0f0f0)}.legal-ai-btn-main.active{background:var(--bg-hover, #ebebeb)}.legal-ai-btn-main:disabled{opacity:.5;cursor:not-allowed}.legal-ai-btn-main svg.rotated{transform:rotate(180deg)}.legal-ai-dropdown{position:absolute;top:100%;right:0;margin-top:4px;z-index:1000;min-width:240px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e5e5);border-radius:6px;box-shadow:0 4px 12px #00000014;overflow:hidden}.legal-ai-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-tertiary, #9b9b9b);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #f0f0f0)}.legal-ai-group{border-bottom:1px solid var(--border-color, #f0f0f0)}.legal-ai-group:last-child{border-bottom:none}.legal-ai-group-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary, #37352f);font-size:13px;font-weight:500;cursor:pointer;text-align:right;transition:background .1s}.legal-ai-group-btn:hover,.legal-ai-group-btn.expanded{background:var(--bg-hover, #f7f7f7)}.legal-ai-group-btn span:nth-child(2){flex:1}.legal-ai-group-btn svg{transition:transform .15s;color:var(--text-tertiary, #9b9b9b)}.legal-ai-group-btn svg.rotated{transform:rotate(-90deg)}.legal-ai-items{background:var(--bg-secondary, #fafafa)}.legal-ai-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px 8px 24px;border:none;background:transparent;color:var(--text-secondary, #5a5a5a);font-size:13px;cursor:pointer;text-align:right;transition:background .1s}.legal-ai-item:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #37352f)}.legal-ai-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.legal-ai-result-modal{background:var(--bg-primary, #fff);border-radius:8px;box-shadow:0 8px 32px #00000026;width:560px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.legal-ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e5e5)}.legal-ai-modal-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #37352f)}.legal-ai-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-tertiary, #9b9b9b);border-radius:4px;cursor:pointer;transition:background .1s}.legal-ai-close-btn:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #37352f)}.legal-ai-modal-body{flex:1;padding:16px;overflow-y:auto}.legal-ai-section{margin-bottom:16px}.legal-ai-section:last-child{margin-bottom:0}.legal-ai-label{font-size:11px;font-weight:600;color:var(--text-tertiary, #9b9b9b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.legal-ai-original-box{padding:10px 12px;background:var(--bg-secondary, #f9f9f9);border:1px solid var(--border-color, #e5e5e5);border-radius:4px;font-size:13px;line-height:1.6;color:var(--text-secondary, #5a5a5a);max-height:100px;overflow-y:auto;white-space:pre-wrap}.legal-ai-result-box{padding:10px 12px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e5e5);border-radius:4px;font-size:13px;line-height:1.7;color:var(--text-primary, #37352f);max-height:250px;overflow-y:auto;white-space:pre-wrap}.legal-ai-markdown{white-space:normal}.legal-ai-markdown strong{font-weight:600;color:var(--text-primary, #37352f)}.legal-ai-markdown em{font-style:italic}.legal-ai-markdown h1,.legal-ai-markdown h2,.legal-ai-markdown h3{font-weight:600;margin-top:16px;margin-bottom:8px;color:var(--text-primary, #37352f)}.legal-ai-markdown h1{font-size:18px}.legal-ai-markdown h2{font-size:16px}.legal-ai-markdown h3{font-size:14px}.legal-ai-markdown ul,.legal-ai-markdown ol{margin:8px 0;padding-right:20px}.legal-ai-markdown li{margin:4px 0}.legal-ai-markdown p{margin:8px 0}.legal-ai-markdown code{background:var(--bg-secondary, #f7f6f3);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.legal-ai-markdown pre{background:var(--bg-secondary, #f7f6f3);padding:12px;border-radius:4px;overflow-x:auto;margin:8px 0}.legal-ai-markdown pre code{background:transparent;padding:0}.legal-ai-markdown table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px}.legal-ai-markdown th,.legal-ai-markdown td{border:1px solid var(--border-color, #e5e5e5);padding:8px 10px;text-align:right}.legal-ai-markdown th{background:var(--bg-secondary, #f7f6f3);font-weight:600;color:var(--text-primary, #37352f)}.legal-ai-markdown tr:nth-child(2n){background:var(--bg-hover, #fafafa)}.legal-ai-markdown tr:hover{background:var(--bg-selected, #f0f0f0)}.legal-ai-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--text-tertiary, #9b9b9b);font-size:13px}.legal-ai-spin{animation:spin 1s linear infinite}.legal-ai-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:13px}.legal-ai-modal-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color, #e5e5e5);flex-direction:row-reverse}.legal-ai-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e5e5e5);background:var(--bg-primary, #fff);color:var(--text-secondary, #5a5a5a);border-radius:4px;font-size:13px;cursor:pointer;transition:background .1s}.legal-ai-action-btn:hover{background:var(--bg-hover, #f7f7f7);color:var(--text-primary, #37352f)}.legal-ai-action-btn.primary{background:var(--accent-primary, #2383e2);border-color:var(--accent-primary, #2383e2);color:#fff}.legal-ai-action-btn.primary:hover{background:var(--accent-hover, #0b6bcb)}body.dark .legal-ai-btn-main,body.dark .legal-ai-dropdown,body.dark .legal-ai-result-modal{--bg-primary: #191919;--bg-secondary: #252525;--bg-hover: #2f2f2f;--text-primary: #e0e0e0;--text-secondary: #9b9b9b;--text-tertiary: #6b6b6b;--border-color: #333}body.dark .legal-ai-error{background:#2d1f1f;border-color:#5c2323}.legal-ai-dropdown,.legal-ai-result-modal{direction:rtl;text-align:right;font-family:inherit}.contracts-page{display:flex;flex-direction:column;gap:0;min-height:100vh;background:var(--dashboard-bg, var(--color-background))}.contracts-page .requests-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card, var(--color-surface));border-bottom:1px solid var(--color-border);flex-wrap:wrap}.contracts-page .requests-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.contracts-page .requests-header-bar__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading)}.contracts-page .requests-header-bar__title svg{color:var(--law-navy, var(--color-primary))}.contracts-page .requests-header-bar__count{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-100, var(--color-surface-subtle));padding:2px 8px;border-radius:10px}.contracts-page .requests-header-bar__stats{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.contracts-page .requests-header-bar__stats{display:none}}.contracts-page .request-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent}.contracts-page .request-stat-pill__dot{width:6px;height:6px;border-radius:50%}.contracts-page .request-stat-pill--pending{background:var(--status-orange-light, #fef3c7);color:var(--status-orange, #d97706)}.contracts-page .request-stat-pill--pending .request-stat-pill__dot{background:var(--status-orange, #d97706)}.contracts-page .request-stat-pill--approved{background:var(--status-green-light, #d1fae5);color:var(--status-green, #059669)}.contracts-page .request-stat-pill--approved .request-stat-pill__dot{background:var(--status-green, #059669)}.contracts-page .request-stat-pill--rejected{background:var(--status-red-light, #fee2e2);color:var(--status-red, #dc2626)}.contracts-page .request-stat-pill--rejected .request-stat-pill__dot{background:var(--status-red, #dc2626)}.contracts-page .requests-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;max-width:600px;min-width:200px}@media (max-width: 768px){.contracts-page .requests-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.contracts-page .requests-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--quiet-gray-50, var(--color-surface-subtle));border:1px solid var(--color-border);border-radius:6px;flex:1;transition:all .15s}body.dark .contracts-page .requests-search-box{background:var(--quiet-gray-100)}.contracts-page .requests-search-box:focus-within{border-color:var(--law-navy, var(--color-primary));background:var(--dashboard-card, var(--color-surface))}.contracts-page .requests-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.contracts-page .requests-search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.contracts-page .requests-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.contracts-page .requests-search-box input::placeholder{color:var(--color-text-secondary)}.contracts-page .requests-search-box__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--quiet-gray-200, var(--color-border));border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.contracts-page .requests-search-box__clear:hover{background:var(--quiet-gray-300)}.contracts-page .requests-filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));color:var(--color-text);font-size:13px;cursor:pointer;min-width:120px}.contracts-page .requests-filter-select:focus{outline:none;border-color:var(--law-navy, var(--color-primary))}.contracts-page .requests-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.contracts-page .requests-icon-btn:hover{border-color:var(--law-navy, var(--color-primary));color:var(--law-navy, var(--color-primary))}.contracts-page .requests-header-bar__end{display:flex;align-items:center;gap:10px;flex-shrink:0}.contracts-page .requests-view-tabs{display:flex;background:var(--quiet-gray-100, var(--color-surface-subtle));border-radius:6px;padding:2px}body.dark .contracts-page .requests-view-tabs{background:var(--quiet-gray-200)}.contracts-page .requests-view-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.contracts-page .requests-view-tab:hover{color:var(--law-navy, var(--color-primary))}.contracts-page .requests-view-tab--active{background:var(--dashboard-card, var(--color-surface));color:var(--law-navy, var(--color-primary));box-shadow:var(--shadow-xs)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;border-radius:var(--radius-sm, 12px);background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.header-content h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-heading);margin:0}.header-content p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-success{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-success);color:#fff;border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover:not(:disabled){filter:brightness(.9)}.btn-warning{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-warning);color:#fff;border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-warning:hover:not(:disabled){filter:brightness(.9)}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs, 13px)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm, 14px);padding:0}.btn-link:hover{text-decoration:underline}.filters-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);transition:all .2s ease}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-box input{flex:1;border:none;outline:none;font-size:var(--font-size-sm, 14px);color:var(--color-text);background:transparent}.search-box input::-moz-placeholder{color:var(--color-text-secondary)}.search-box input::placeholder{color:var(--color-text-secondary)}.search-box svg{color:var(--color-text-secondary);flex-shrink:0}.filter-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-filters{display:flex;gap:4px;background-color:var(--color-surface);padding:4px;border-radius:var(--radius-xs, 8px);border:1px solid var(--color-border)}.status-filter{padding:8px 14px;border:none;background:none;border-radius:6px;font-size:var(--font-size-xs, 13px);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.status-filter:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.status-filter.active{background-color:var(--color-primary);color:#fff}.filter-toggle{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;font-size:var(--font-size-sm, 14px)}.filter-toggle:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.filter-toggle.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.advanced-filters{display:flex;gap:20px;padding:20px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);margin-bottom:20px;border:1px solid var(--color-border);overflow:hidden;flex-wrap:wrap;box-shadow:var(--shadow-xs)}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group label{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);font-weight:600}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);background-color:var(--color-surface);color:var(--color-text);transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--font-size-sm, 14px);color:var(--color-text);padding-top:20px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.loading-state,.empty-state,.loading-page,.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border)}.loading-state .spinner,.loading-page .spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state svg,.error-page svg{color:var(--color-border-strong);margin-bottom:16px;opacity:.7}.empty-state h3,.error-page h2{font-size:var(--font-size-lg, 18px);color:var(--color-text);margin:0 0 8px;font-weight:600}.empty-state p{margin:0 0 24px;color:var(--color-text-secondary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:24px}.templates-grid .template-card{position:relative;background-color:var(--dashboard-card, var(--color-surface));border-radius:8px;border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;padding:0;text-align:right}.default-badge{position:absolute;top:12px;right:12px;padding:3px 8px;background:var(--color-primary-soft, rgba(59, 130, 246, .15));color:var(--color-primary);font-size:11px;font-weight:500;border-radius:4px;z-index:5}.card-menu{position:absolute;top:10px;left:10px;z-index:10}.menu-trigger{padding:6px;background-color:var(--dashboard-card, var(--color-surface));border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background-color:var(--dashboard-card, var(--color-surface));border-radius:6px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;z-index:9999;padding:4px 0}.menu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:none;font-size:14px;color:var(--color-text);cursor:pointer;text-align:right}.card-content{padding:16px;cursor:pointer;flex:1;display:flex;flex-direction:column;gap:10px}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.status-dot.active{color:var(--color-success);background-color:var(--color-success-soft, rgba(5, 150, 105, .1))}.status-dot.inactive{color:var(--color-error);background-color:var(--color-error-soft, rgba(220, 38, 38, .1))}.template-name{font-size:15px;font-weight:600;color:var(--color-heading);margin:0;line-height:1.4}.template-name-ar{font-size:13px;color:var(--color-text-secondary);margin:0}.template-description{font-size:13px;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;flex:1}.template-info{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto}.info-item{font-size:13px;display:flex;align-items:center;gap:6px}.info-item .label{color:var(--color-text-secondary);font-size:12px;font-weight:400}.info-item .value{color:var(--color-text);font-weight:500}.payment-terms-preview{display:flex;align-items:center;gap:8px;font-size:13px}.terms-label{color:var(--color-text-secondary);font-size:12px}.terms-count{color:var(--color-primary);font-weight:600;font-size:13px}.card-actions{display:flex;gap:8px;padding:12px 16px;background:var(--color-surface-subtle, rgba(0, 0, 0, .02));border-top:1px solid var(--color-border)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;background-color:var(--color-primary);color:#fff}.action-btn:hover{background-color:var(--color-primary-hover)}.action-btn.secondary{background-color:var(--color-surface-subtle);color:var(--color-text);border:1px solid var(--color-border)}.action-btn.secondary:hover{background-color:var(--color-border)}.contracts-table-wrapper{background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);overflow:visible;box-shadow:var(--shadow-xs)}.contracts-table{width:100%;border-collapse:collapse}.contracts-table th{padding:16px 18px;text-align:right;font-size:var(--font-size-xs, 12px);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);white-space:nowrap}.contracts-table td{padding:16px 18px;font-size:var(--font-size-sm, 14px);border-bottom:1px solid var(--color-border);vertical-align:middle}.contracts-table tbody tr:last-child td{border-bottom:none}.contract-row{cursor:pointer;transition:background-color .2s ease}.contract-row:hover{background-color:var(--color-surface-subtle)}.number-badge{display:inline-block;padding:6px 10px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 6px);font-size:var(--font-size-xs, 12px);font-weight:600;color:var(--color-text);font-family:monospace}.title-cell{display:flex;flex-direction:column;gap:4px}.title-cell .title{font-weight:500;color:var(--color-heading)}.title-cell .template-name{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);font-weight:400}.client-cell,.case-cell,.date-cell{display:flex;align-items:center;gap:10px;color:var(--color-text)}.client-cell svg,.case-cell svg,.date-cell svg{color:var(--color-text-secondary);flex-shrink:0}.no-case{color:var(--color-border-strong)}.contract-value .amount{display:block;font-weight:600;color:var(--color-heading)}.contract-value .paid{display:block;font-size:var(--font-size-xs, 12px);color:var(--color-success);margin-top:4px}.status-badge.large{padding:8px 16px;font-size:var(--font-size-sm, 13px)}.actions-menu,.contract-actions,.invoice-actions,.payment-actions{position:relative;z-index:1}.contract-actions .menu-dropdown,.invoice-actions .menu-dropdown,.payment-actions .menu-dropdown{z-index:9999}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px;background-color:var(--color-surface);border-radius:var(--radius-xs, 8px);border:1px solid var(--color-border)}.page-btn{display:flex;align-items:center;justify-content:center;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text);transition:all .2s ease}.page-btn:hover:not(:disabled){background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-md, 16px);padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg);position:relative;z-index:10001}.modal-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-info-soft);color:var(--color-info);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-icon.danger{background-color:var(--color-error-soft);color:var(--color-error)}.modal-icon.success{background-color:var(--color-success-soft);color:var(--color-success)}.modal-icon.warning{background-color:var(--color-warning-soft);color:var(--color-warning)}.modal-content h3{font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--color-heading);margin:0 0 12px}.modal-content>p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0 0 20px;line-height:1.6}.modal-content .warning{color:var(--color-error);font-size:var(--font-size-sm, 13px);margin-top:8px}.modal-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);margin-bottom:20px;text-align:right;background-color:var(--color-surface);color:var(--color-text);transition:all .2s ease}.modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.modal-amount{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-heading);margin:12px 0 20px}.modal-actions{display:flex;gap:14px;justify-content:center;margin-top:8px}.modal-actions button{flex:1;max-width:160px}.send-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:right}.send-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid var(--color-border);border-radius:var(--radius-xs, 10px);cursor:pointer;transition:all .2s ease;background-color:var(--color-surface)}.send-option:hover,.send-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-soft)}.send-option input{display:none}.option-content{display:flex;flex-direction:column;gap:4px}.option-content strong{font-size:var(--font-size-sm, 14px);color:var(--color-heading)}.option-content span{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.contract-detail-page{padding:24px;min-height:100vh;background-color:var(--color-background)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:20px}.header-right{display:flex;align-items:flex-start;gap:16px}.back-btn{display:flex;align-items:center;justify-content:center;padding:12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text);transition:all .2s ease}.back-btn:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.contract-number,.invoice-number{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);font-family:monospace}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.summary-card{display:flex;align-items:center;gap:18px;padding:24px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);transition:all .2s ease}.summary-card:hover{box-shadow:var(--shadow-sm)}.summary-card .card-icon{width:52px;height:52px;border-radius:var(--radius-sm, 12px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card .card-content{display:flex;flex-direction:column;gap:6px}.summary-card .label{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary)}.summary-card .value{font-size:var(--font-size-xl, 20px);font-weight:700;color:var(--color-heading)}.detail-tabs{display:flex;gap:4px;background-color:var(--color-surface);padding:6px;border-radius:var(--radius-sm, 10px);border:1px solid var(--color-border);margin-bottom:24px;overflow-x:auto}.detail-tabs .tab{display:flex;align-items:center;gap:10px;padding:12px 18px;border:none;background:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.detail-tabs .tab:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.detail-tabs .tab.active{background-color:var(--color-primary);color:#fff}.tab-badge{padding:3px 8px;background-color:#ffffff40;border-radius:12px;font-size:var(--font-size-xs, 11px);font-weight:600}.detail-tabs .tab:not(.active) .tab-badge{background-color:var(--color-surface-subtle);color:var(--color-text)}.detail-content{background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);padding:28px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.info-section{padding:24px;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm, 12px)}.info-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.info-content{display:flex;flex-direction:column;gap:14px}.info-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm, 14px)}.info-row .label{color:var(--color-text-secondary)}.info-row .value{color:var(--color-heading);font-weight:500}.info-row.total{padding-top:14px;border-top:1px solid var(--color-border);font-weight:600}.info-row .discount{color:var(--color-error)}.parties-list,.payment-terms-list,.invoices-list{display:flex;flex-direction:column;gap:18px}.party-card,.payment-term-card,.invoice-card{background-color:var(--color-surface-subtle);border-radius:var(--radius-sm, 12px);padding:20px;border:1px solid var(--color-border);transition:all .2s ease}.party-header,.term-header,.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.party-type{padding:5px 12px;border-radius:var(--radius-xs, 6px);font-size:var(--font-size-xs, 12px);font-weight:600}.party-type.first_party{background-color:var(--color-info-soft);color:var(--color-info)}.party-type.second_party{background-color:var(--color-success-soft);color:var(--color-success)}.party-role{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.party-content h4,.term-info h4{font-size:var(--font-size-lg, 16px);font-weight:600;color:var(--color-heading);margin:0 0 10px}.party-content p{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary);margin:6px 0}.term-order{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);margin-left:8px}.term-status{padding:5px 12px;border-radius:20px;font-size:var(--font-size-xs, 12px);font-weight:500}.term-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px}.term-details .detail{display:flex;flex-direction:column;gap:4px}.term-details .label{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary)}.term-details .value{font-size:var(--font-size-sm, 14px);color:var(--color-heading);font-weight:500}.invoice-card{cursor:pointer;transition:all .2s ease}.invoice-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.invoice-status{padding:5px 12px;border-radius:20px;font-size:var(--font-size-xs, 12px);font-weight:500}.invoice-status.paid{background-color:var(--color-success-soft);color:var(--color-success)}.invoice-status.partial{background-color:var(--color-info-soft);color:var(--color-info)}.invoice-status.overdue{background-color:var(--color-error-soft);color:var(--color-error)}.invoice-content{display:flex;flex-direction:column;gap:6px}.invoice-title{font-weight:500;color:var(--color-heading);margin:0}.invoice-amount{font-size:var(--font-size-lg, 16px);font-weight:600;color:var(--color-heading);margin:0}.invoice-date{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);margin:0}.empty-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:var(--color-text-secondary)}.empty-tab svg{margin-bottom:14px;opacity:.6}.notes-section{margin-top:28px}.notes-section h3{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text);margin:0 0 14px}.notes-section p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);line-height:1.7;margin:0}.form-group{text-align:right;margin-bottom:16px}.form-group label{display:block;font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);background-color:var(--color-surface);color:var(--color-text);resize:vertical;min-height:80px;transition:all .2s ease}.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.form-group textarea::-moz-placeholder{color:var(--color-text-secondary)}.form-group textarea::placeholder{color:var(--color-text-secondary)}@media (max-width: 1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filters-bar{flex-direction:column;gap:12px}.search-box{min-width:100%}.filter-buttons{width:100%;justify-content:space-between}.status-filters{flex-wrap:wrap}}@media (max-width: 768px){.contracts-page,.contract-detail-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-start}.summary-cards,.info-grid{grid-template-columns:1fr}.detail-tabs{padding:4px}.detail-tabs .tab{padding:10px 14px;font-size:var(--font-size-xs, 13px)}.modal-content{padding:24px;margin:16px}}.contract-builder-page{padding:24px;min-height:100vh;background-color:var(--color-background, var(--dashboard-bg, #f9fafb))}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.builder-header h1{font-size:24px;font-weight:700;color:var(--color-heading, #111827);margin:0}.builder-header p,.builder-header .template-name{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:4px 0 0}.steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;padding:0 40px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:default;transition:all .3s}.step.completed{cursor:pointer}.step-icon{width:48px;height:48px;border-radius:50%;background-color:var(--color-border, #e5e7eb);color:var(--color-text-secondary, #9ca3af);display:flex;align-items:center;justify-content:center;transition:all .3s}.step.active .step-icon{background-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 0 0 4px var(--color-primary-soft, rgba(59, 130, 246, .2))}.step.completed .step-icon{background-color:var(--color-success, #059669);color:#fff}.step-title{font-size:13px;color:var(--color-text-secondary, #6b7280);font-weight:500;white-space:nowrap}.step.active .step-title{color:var(--color-primary, #3b82f6);font-weight:600}.step.completed .step-title{color:var(--color-success, #059669)}.step-connector{width:80px;height:2px;background-color:var(--color-border, #e5e7eb);margin:0 8px 24px}.builder-content{background-color:var(--color-surface, white);border-radius:16px;border:1px solid var(--color-border, #e5e7eb);padding:32px;min-height:500px}.step-content{max-width:100%}.step-section{margin-bottom:32px}.step-section h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-heading, #111827);margin:0 0 20px}.search-input{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-surface-subtle, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;margin-bottom:20px}.search-input input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--color-text, #111827)}.search-input input::-moz-placeholder{color:var(--color-text-secondary, #9ca3af)}.search-input input::placeholder{color:var(--color-text-secondary, #9ca3af)}.search-input svg{color:var(--color-text-secondary, #9ca3af)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.selection-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.selection-card:hover{border-color:#93c5fd;background-color:#f9fafb}.selection-card.selected{border-color:#3b82f6;background-color:#eff6ff}.selection-card .card-icon{width:48px;height:48px;border-radius:10px;background-color:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selection-card.selected .card-icon{background-color:#dbeafe;color:#3b82f6}.selection-card .card-info{flex:1;min-width:0}.selection-card .card-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.selection-card .card-info p{font-size:13px;color:#6b7280;margin:0;display:flex;align-items:center;gap:6px}.selection-card .card-info .court{color:#3b82f6;font-size:12px}.selected-badge{position:absolute;top:12px;left:12px;width:24px;height:24px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center}.selection-summary{margin-top:24px;padding:16px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.selection-summary h4{font-size:14px;color:#059669;margin:0 0 8px}.selection-summary .summary-content{font-size:14px;color:#374151}.selection-summary p{margin:4px 0}.template-selection h3{margin-bottom:24px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.template-card-enhanced{position:relative;background-color:var(--dashboard-card, var(--color-surface, white));border-radius:10px;border:1px solid var(--color-border, #e5e7eb);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease}body.dark .template-card-enhanced{background-color:var(--dashboard-card, #1f2937);border-color:var(--color-border, #374151)}.template-card-enhanced:hover{border-color:var(--color-primary, #3b82f6)}.template-card-enhanced .default-badge{position:absolute;top:12px;right:12px;padding:3px 10px;background:var(--color-primary-soft, rgba(59, 130, 246, .15));color:var(--color-primary, #3b82f6);font-size:11px;font-weight:600;border-radius:4px;z-index:5}.template-card-enhanced .card-content{padding:18px;flex:1;display:flex;flex-direction:column;gap:12px;text-align:right}.template-card-enhanced .card-header{display:flex;justify-content:space-between;align-items:flex-start}.template-card-enhanced .type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600}.template-card-enhanced .status-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px}.template-card-enhanced .status-dot.active{color:var(--color-success, #059669);background-color:#0596691f}.template-card-enhanced .status-dot.inactive{color:var(--color-error, #dc2626);background-color:#dc26261f}.template-card-enhanced .template-name{font-size:16px;font-weight:600;color:var(--color-heading, #111827);margin:0;line-height:1.5}body.dark .template-card-enhanced .template-name{color:#f9fafb}.template-card-enhanced .template-name-ar{font-size:13px;color:var(--color-text-secondary, #6b7280);margin:0}.template-card-enhanced .template-description{font-size:13px;color:var(--color-text-secondary, #6b7280);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;flex:1}.template-card-enhanced .template-info{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto}.template-card-enhanced .info-item{font-size:13px;display:flex;align-items:center;gap:6px}.template-card-enhanced .info-item .label{color:var(--color-text-secondary, #9ca3af);font-size:12px;font-weight:400}.template-card-enhanced .info-item .value{color:var(--color-text, #374151);font-weight:600}body.dark .template-card-enhanced .info-item .value{color:#e5e7eb}.template-card-enhanced .payment-terms-preview{display:flex;align-items:center;gap:8px;font-size:13px;padding-top:8px;border-top:1px dashed var(--color-border, #e5e7eb)}.template-card-enhanced .terms-label{color:var(--color-text-secondary, #6b7280);font-size:12px}.template-card-enhanced .terms-count{color:var(--color-primary, #3b82f6);font-weight:700;font-size:13px}.template-card-enhanced .card-actions{display:flex;gap:8px;padding:12px 18px;background:var(--color-surface-subtle, rgba(0, 0, 0, .02));border-top:1px solid var(--color-border, #e5e7eb)}body.dark .template-card-enhanced .card-actions{background:#ffffff08;border-top-color:var(--color-border, #374151)}.template-card-enhanced .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.template-card-enhanced .action-btn.select-btn{background-color:var(--color-primary, #3b82f6);color:#fff}.template-card-enhanced .action-btn.select-btn:hover{background-color:var(--color-primary-hover, #2563eb)}.template-card{padding:24px;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.template-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.template-card .template-icon{width:64px;height:64px;border-radius:16px;background-color:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.template-card:hover .template-icon{background-color:#dbeafe;color:#3b82f6}.template-card h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.template-card p{font-size:13px;color:#6b7280;margin:0 0 12px}.template-card .template-meta{display:flex;justify-content:center;gap:16px;font-size:12px;color:#9ca3af}.template-editor-section{display:flex;flex-direction:column;gap:20px}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.editor-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;min-height:500px}.editor-main{min-height:400px}.editor-sidebar{border-right:1px solid #e5e7eb;padding-right:24px}.builder-tabs{display:flex;gap:4px;background-color:#fff;padding:4px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:24px}.builder-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.builder-tabs .tab:hover{background-color:#f3f4f6}.builder-tabs .tab.active{background-color:#3b82f6;color:#fff}.content-tab{display:grid;grid-template-columns:1fr 320px;gap:24px;min-height:500px}.editor-section{min-height:400px}.variables-section{border-right:1px solid #e5e7eb;padding-right:24px}.settings-tab{max-width:800px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:13px;font-weight:500;color:#374151}.form-group .required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;gap:24px}.payments-tab{max-width:900px}.payments-header{margin-bottom:24px}.payments-header h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.payments-header p{font-size:14px;color:#6b7280;margin:0}.financial-form{margin-bottom:32px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.financial-summary{padding:20px;background-color:#f9fafb;border-radius:10px}.financial-summary .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.financial-summary .summary-row span:first-child{color:#6b7280}.financial-summary .summary-row span:last-child{font-weight:600;color:#111827}.financial-summary .summary-row.total{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:16px;font-size:16px}.financial-summary .summary-row.total span:last-child{color:#3b82f6}.final-review h3{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#111827;margin:0 0 24px}.review-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.review-section{padding:20px;background-color:#f9fafb;border-radius:10px}.review-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.review-item{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.review-item .label{color:#6b7280}.review-item .value{color:#111827;font-weight:500}.review-item.total{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px;font-weight:600}.payment-term-review{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.payment-term-review:last-child{border-bottom:none}.term-name{color:#374151}.term-amount{font-weight:600;color:#3b82f6}.final-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.builder-navigation{display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.spinner{animation:spin .8s linear infinite}@media (max-width: 768px){.steps-indicator{flex-wrap:wrap;gap:8px;padding:0}.step-connector{display:none}.content-tab,.editor-layout{grid-template-columns:1fr}.variables-section,.editor-sidebar{border-right:none;padding-right:0;border-top:1px solid #e5e7eb;padding-top:24px}.settings-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-row{grid-template-columns:1fr}}.from-case-summary{background:var(--dashboard-card, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:32px;text-align:center;max-width:500px;margin:0 auto}.from-case-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.from-case-header .success-icon{color:var(--status-green, #10b981);background:var(--status-green-light, rgba(16, 185, 129, .1));padding:12px;border-radius:50%;width:48px;height:48px}.from-case-header h3{font-size:18px;font-weight:600;color:var(--color-heading, #111827);margin:0}.from-case-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.from-case-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--quiet-gray-50, #f9fafb);border-radius:8px;text-align:right}body.dark .from-case-item{background:var(--quiet-gray-100, #374151)}.from-case-item__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--law-navy-light, rgba(30, 58, 95, .1));color:var(--law-navy, #1e3a5f);flex-shrink:0}.from-case-item__content{display:flex;flex-direction:column;gap:4px;flex:1}.from-case-item__label{font-size:12px;color:var(--color-text-secondary, #6b7280);font-weight:500}.from-case-item__value{font-size:15px;font-weight:600;color:var(--color-heading, #111827)}.from-case-item__sub{font-size:13px;color:var(--color-text-secondary, #6b7280)}.change-selection-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280);background:transparent;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.change-selection-btn:hover{background:var(--quiet-gray-100, #f3f4f6);border-color:var(--law-navy, #1e3a5f);color:var(--law-navy, #1e3a5f)}.loading-case-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--color-text-secondary, #6b7280)}.loading-case-data .spinner{animation:spin 1s linear infinite;color:var(--law-navy, #1e3a5f)}.loading-case-data p{font-size:14px;margin:0}.billing-page{display:flex;flex-direction:column;gap:0;min-height:100vh;background:var(--dashboard-bg, var(--color-background))}.billing-page .requests-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card, var(--color-surface));border-bottom:1px solid var(--color-border);flex-wrap:wrap}.billing-page .requests-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.billing-page .requests-header-bar__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading)}.billing-page .requests-header-bar__title svg{color:var(--law-navy, var(--color-primary))}.billing-page .requests-header-bar__count{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--quiet-gray-100, var(--color-surface-subtle));padding:2px 8px;border-radius:10px}.billing-page .requests-header-bar__stats{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.billing-page .requests-header-bar__stats{display:none}}.billing-page .request-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent}.billing-page .request-stat-pill__dot{width:6px;height:6px;border-radius:50%}.billing-page .request-stat-pill--pending{background:var(--status-orange-light, #fef3c7);color:var(--status-orange, #d97706)}.billing-page .request-stat-pill--pending .request-stat-pill__dot{background:var(--status-orange, #d97706)}.billing-page .request-stat-pill--approved{background:var(--status-green-light, #d1fae5);color:var(--status-green, #059669)}.billing-page .request-stat-pill--approved .request-stat-pill__dot{background:var(--status-green, #059669)}.billing-page .request-stat-pill--rejected{background:var(--status-red-light, #fee2e2);color:var(--status-red, #dc2626)}.billing-page .request-stat-pill--rejected .request-stat-pill__dot{background:var(--status-red, #dc2626)}.billing-page .requests-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;max-width:600px;min-width:200px}@media (max-width: 768px){.billing-page .requests-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.billing-page .requests-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--quiet-gray-50, var(--color-surface-subtle));border:1px solid var(--color-border);border-radius:6px;flex:1;transition:all .15s}body.dark .billing-page .requests-search-box{background:var(--quiet-gray-100)}.billing-page .requests-search-box:focus-within{border-color:var(--law-navy, var(--color-primary));background:var(--dashboard-card, var(--color-surface))}.billing-page .requests-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.billing-page .requests-search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.billing-page .requests-search-box input::-moz-placeholder{color:var(--color-text-secondary)}.billing-page .requests-search-box input::placeholder{color:var(--color-text-secondary)}.billing-page .requests-search-box__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--quiet-gray-200, var(--color-border));border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.billing-page .requests-search-box__clear:hover{background:var(--quiet-gray-300)}.billing-page .requests-filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));color:var(--color-text);font-size:13px;cursor:pointer;min-width:120px}.billing-page .requests-filter-select:focus{outline:none;border-color:var(--law-navy, var(--color-primary))}.billing-page .requests-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.billing-page .requests-icon-btn:hover{border-color:var(--law-navy, var(--color-primary));color:var(--law-navy, var(--color-primary))}.billing-page .requests-header-bar__end{display:flex;align-items:center;gap:10px;flex-shrink:0}.billing-page .requests-view-tabs{display:flex;background:var(--quiet-gray-100, var(--color-surface-subtle));border-radius:6px;padding:2px}body.dark .billing-page .requests-view-tabs{background:var(--quiet-gray-200)}.billing-page .requests-view-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.billing-page .requests-view-tab:hover{color:var(--law-navy, var(--color-primary))}.billing-page .requests-view-tab--active{background:var(--dashboard-card, var(--color-surface));color:var(--law-navy, var(--color-primary));box-shadow:var(--shadow-xs)}.billing-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.billing-page .header-content{display:flex;align-items:center;gap:16px}.billing-page .header-icon{width:48px;height:48px;border-radius:var(--radius-sm, 12px);background-color:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center}.billing-page .header-content h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-heading);margin:0}.billing-page .header-content p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0}.billing-page .filters-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.billing-page .search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);transition:all .2s ease}.billing-page .search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.billing-page .search-box input{flex:1;border:none;outline:none;font-size:var(--font-size-sm, 14px);color:var(--color-text);background:transparent}.billing-page .search-box input::-moz-placeholder{color:var(--color-text-secondary)}.billing-page .search-box input::placeholder{color:var(--color-text-secondary)}.billing-page .search-box svg{color:var(--color-text-secondary);flex-shrink:0}.billing-page .filter-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.billing-page .status-filters{display:flex;gap:4px;background-color:var(--color-surface);padding:4px;border-radius:var(--radius-xs, 8px);border:1px solid var(--color-border)}.billing-page .status-filter{padding:8px 14px;border:none;background:none;border-radius:6px;font-size:var(--font-size-xs, 13px);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.billing-page .status-filter:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.billing-page .status-filter.active{background-color:var(--color-primary);color:#fff}.billing-page .filter-toggle{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.billing-page .filter-toggle:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.billing-page .filter-toggle.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.billing-page .advanced-filters{display:flex;gap:20px;padding:20px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);margin-bottom:20px;border:1px solid var(--color-border);overflow:hidden;flex-wrap:wrap;box-shadow:var(--shadow-xs)}.billing-page .filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.billing-page .filter-group label{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);font-weight:600}.billing-page .filter-group select,.billing-page .filter-group input{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);background-color:var(--color-surface);color:var(--color-text);transition:all .2s ease}.billing-page .filter-group select:focus,.billing-page .filter-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.billing-page .loading-state,.billing-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border)}.billing-page .loading-state .spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.billing-page .empty-state svg{color:var(--color-border-strong);margin-bottom:16px;opacity:.7}.billing-page .empty-state h3{font-size:var(--font-size-lg, 18px);color:var(--color-text);margin:0 0 8px;font-weight:600}.billing-page .empty-state p{margin:0;color:var(--color-text-secondary)}.invoices-table-wrapper,.payments-table-wrapper{background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);overflow:visible;box-shadow:var(--shadow-xs)}.invoices-table,.payments-table{width:100%;border-collapse:collapse}.invoices-table th,.payments-table th{padding:16px 18px;text-align:right;font-size:var(--font-size-xs, 12px);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);white-space:nowrap}.invoices-table td,.payments-table td{padding:16px 18px;font-size:var(--font-size-sm, 14px);border-bottom:1px solid var(--color-border);vertical-align:middle}.invoices-table tbody tr:last-child td,.payments-table tbody tr:last-child td{border-bottom:none}.invoice-row,.payment-row{cursor:pointer;transition:background-color .2s ease}.invoice-row:hover,.payment-row:hover{background-color:var(--color-surface-subtle)}.invoice-number .number-badge,.payment-number .number-badge{display:inline-block;padding:6px 10px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 6px);font-size:var(--font-size-xs, 12px);font-weight:600;color:var(--color-text);font-family:monospace}.invoice-client .client-cell,.payment-client .client-cell{display:flex;align-items:flex-start;gap:10px}.invoice-client .client-cell svg,.payment-client .client-cell svg{color:var(--color-text-secondary);margin-top:3px;flex-shrink:0}.invoice-client .client-cell>div{display:flex;flex-direction:column;gap:4px}.client-name{font-weight:500;color:var(--color-heading)}.invoice-title{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.invoice-amount,.payment-amount .amount{font-weight:600;color:var(--color-heading)}.invoice-paid .has-paid,.invoice-remaining .has-remaining{color:var(--color-warning)}.invoice-remaining .fully-paid{color:var(--color-success)}.due-cell{display:flex;align-items:flex-start;gap:10px}.due-cell svg{color:var(--color-text-secondary);margin-top:3px;flex-shrink:0}.due-cell>div{display:flex;flex-direction:column;gap:4px}.due-date{color:var(--color-text)}.due-days{font-size:var(--font-size-xs, 11px)}.due-days.overdue{color:var(--color-error);font-weight:600}.due-days.soon{color:var(--color-warning)}.method-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 13px);color:var(--color-text)}.bank-name{display:block;font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary);margin-top:4px}.invoice-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--color-info-soft);color:var(--color-info);border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 13px);cursor:pointer;transition:all .2s ease}.invoice-link:hover{filter:brightness(.95)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:var(--font-size-xs, 12px);font-weight:500}.invoice-actions,.payment-actions{position:relative;z-index:1}.actions-menu{position:relative}.menu-trigger{padding:8px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.menu-trigger:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background-color:var(--color-surface);border-radius:var(--radius-xs, 8px);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;z-index:9999}.menu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;font-size:var(--font-size-sm, 14px);color:var(--color-text);cursor:pointer;text-align:right;transition:background-color .15s ease}.menu-dropdown button:hover{background-color:var(--color-surface-subtle)}.menu-dropdown button.danger{color:var(--color-error)}.menu-dropdown button.success{color:var(--color-success)}.menu-dropdown button.warning{color:var(--color-warning)}.billing-page .pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px;background-color:var(--color-surface);border-radius:var(--radius-xs, 8px);border:1px solid var(--color-border)}.billing-page .page-btn{display:flex;align-items:center;justify-content:center;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);cursor:pointer;color:var(--color-text);transition:all .2s ease}.billing-page .page-btn:hover:not(:disabled){background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.billing-page .page-btn:disabled{opacity:.4;cursor:not-allowed}.billing-page .page-info{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);font-weight:500}.billing-page .modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.billing-page .modal-content{background-color:var(--color-surface);border-radius:var(--radius-md, 16px);padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg);position:relative;z-index:10001}.billing-page .modal-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-info-soft);color:var(--color-info);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.billing-page .modal-icon.danger{background-color:var(--color-error-soft);color:var(--color-error)}.billing-page .modal-icon.success{background-color:var(--color-success-soft);color:var(--color-success)}.billing-page .modal-icon.warning{background-color:var(--color-warning-soft);color:var(--color-warning)}.billing-page .modal-content h3{font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--color-heading);margin:0 0 12px}.billing-page .modal-content>p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0 0 20px;line-height:1.6}.billing-page .modal-amount{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-heading);margin:12px 0 20px}.billing-page .modal-actions{display:flex;gap:14px;justify-content:center;margin-top:8px}.billing-page .modal-actions button{flex:1;max-width:160px}.billing-page .send-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:right}.billing-page .send-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid var(--color-border);border-radius:var(--radius-xs, 10px);cursor:pointer;transition:all .2s ease;background-color:var(--color-surface)}.billing-page .send-option:hover,.billing-page .send-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-soft)}.billing-page .send-option input{display:none}.billing-page .option-content{display:flex;flex-direction:column;gap:4px}.billing-page .option-content strong{font-size:var(--font-size-sm, 14px);color:var(--color-heading)}.billing-page .option-content span{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.billing-page .form-group{text-align:right;margin-bottom:16px}.billing-page .form-group label{display:block;font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text);margin-bottom:8px}.billing-page .form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);background-color:var(--color-surface);color:var(--color-text);resize:vertical;min-height:80px;transition:all .2s ease}.billing-page .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.billing-page .form-group textarea::-moz-placeholder{color:var(--color-text-secondary)}.billing-page .form-group textarea::placeholder{color:var(--color-text-secondary)}.invoice-detail-page{padding:24px;min-height:100vh;background-color:var(--color-background)}.invoice-detail-page .detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:20px}.invoice-detail-page .header-right{display:flex;align-items:flex-start;gap:16px}.invoice-detail-page .header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.progress-section{margin-bottom:24px;padding:20px 24px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border)}.progress-bar{height:10px;background-color:var(--color-surface-subtle);border-radius:6px;overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:6px;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.invoice-detail-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.invoice-detail-page .summary-card{display:flex;align-items:center;gap:18px;padding:24px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);transition:all .2s ease}.invoice-detail-page .summary-card:hover{box-shadow:var(--shadow-sm)}.payments-section{margin-top:28px;padding:28px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{display:flex;align-items:center;gap:10px;font-size:var(--font-size-lg, 16px);font-weight:600;color:var(--color-heading);margin:0}.payments-list{display:flex;flex-direction:column;gap:14px}.payment-card{padding:20px;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);transition:all .2s ease}.payment-card:hover{box-shadow:var(--shadow-sm)}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.payment-number{font-family:monospace;font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary)}.payment-status{padding:5px 12px;border-radius:20px;font-size:var(--font-size-xs, 12px);font-weight:500}.payment-content{display:flex;flex-direction:column;gap:10px}.payment-amount{font-size:var(--font-size-xl, 18px);font-weight:700;color:var(--color-heading)}.payment-details{display:flex;gap:20px;font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary);flex-wrap:wrap}.payment-details span{display:flex;align-items:center;gap:6px}.payment-reference{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.empty-payments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:var(--color-text-secondary)}.empty-payments svg{margin-bottom:14px;opacity:.6}.notes-section{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.note-block{padding:20px;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm, 12px)}.note-block.internal{background-color:var(--color-warning-soft)}.note-block h4{font-size:var(--font-size-sm, 13px);font-weight:600;color:var(--color-text);margin:0 0 10px}.note-block p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);line-height:1.7;margin:0}.invoice-detail-page .info-section{padding:24px;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm, 12px)}.invoice-detail-page .info-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.invoice-detail-page .info-content{display:flex;flex-direction:column;gap:14px}.invoice-detail-page .info-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm, 14px)}.invoice-detail-page .info-row .label{color:var(--color-text-secondary)}.invoice-detail-page .info-row .value{color:var(--color-heading);font-weight:500}@media (max-width: 1024px){.billing-page .filters-bar{flex-direction:column;gap:12px}.billing-page .search-box{min-width:100%}.billing-page .filter-buttons{width:100%;justify-content:space-between}.billing-page .status-filters{flex-wrap:wrap}}@media (max-width: 768px){.billing-page,.invoice-detail-page{padding:16px}.billing-page .page-header,.invoice-detail-page .detail-header{flex-direction:column;align-items:flex-start;gap:16px}.invoice-detail-page .header-actions{width:100%;justify-content:flex-start}.invoice-detail-page .summary-cards,.content-grid,.notes-section{grid-template-columns:1fr}.billing-page .modal-content{padding:24px;margin:16px}.invoices-table-wrapper,.payments-table-wrapper{overflow-x:auto}}.billing-stats-grid{display:grid;gap:16px}@media (max-width: 1024px){.billing-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.billing-stats-grid{grid-template-columns:1fr!important}}.billing-stats-card{background-color:var(--dashboard-card, var(--color-surface));border-radius:12px;padding:20px;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--color-border);direction:rtl;transition:all .2s ease}body.dark .billing-stats-card{background-color:var(--dashboard-card, #1f2937);border-color:var(--color-border, #374151)}.billing-stats-card.clickable{cursor:pointer}.billing-stats-card.clickable:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));border-color:var(--color-primary)}.billing-stats-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.billing-stats-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.billing-stats-card__trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600}.billing-stats-card__trend--positive{background-color:var(--status-green-light, #ecfdf5);color:var(--status-green, #059669)}body.dark .billing-stats-card__trend--positive{background-color:#05966926}.billing-stats-card__trend--negative{background-color:var(--status-red-light, #fef2f2);color:var(--status-red, #dc2626)}body.dark .billing-stats-card__trend--negative{background-color:#dc262626}.billing-stats-card__trend--neutral{background-color:var(--quiet-gray-100, #f3f4f6);color:var(--color-text-secondary, #6b7280)}body.dark .billing-stats-card__trend--neutral{background-color:var(--quiet-gray-200, #374151)}.billing-stats-card__title{font-size:14px;color:var(--color-text-secondary, #6b7280);margin-bottom:4px}.billing-stats-card__value{font-size:28px;font-weight:700;color:var(--color-heading, #111827);line-height:1.2}body.dark .billing-stats-card__value{color:#f9fafb}.billing-stats-card__subtitle{font-size:13px;color:var(--color-text-secondary, #9ca3af);margin-top:4px}.billing-stats-card__trend-label{font-size:12px;color:var(--color-text-secondary, #9ca3af);margin-top:8px}.mini-stats-card{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--quiet-gray-50, #f9fafb);border-radius:8px;direction:rtl}body.dark .mini-stats-card{background-color:var(--quiet-gray-100, #374151)}.mini-stats-card__indicator{width:4px;height:32px;border-radius:2px;flex-shrink:0}.mini-stats-card__content{flex:1}.mini-stats-card__label{font-size:12px;color:var(--color-text-secondary, #6b7280)}.mini-stats-card__value{font-size:16px;font-weight:600;color:var(--color-heading, #111827)}body.dark .mini-stats-card__value{color:#f9fafb}.billing-dashboard{display:flex;flex-direction:column;gap:0;min-height:100vh;background:var(--dashboard-bg, var(--color-background))}.billing-dashboard .requests-header-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--dashboard-card, var(--color-surface));border-bottom:1px solid var(--color-border);flex-wrap:wrap}.billing-dashboard .requests-header-bar__start{display:flex;align-items:center;gap:16px;flex-shrink:0}.billing-dashboard .requests-header-bar__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-heading)}.billing-dashboard .requests-header-bar__title svg{color:var(--law-navy, var(--color-primary))}.billing-dashboard .requests-header-bar__stats{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.billing-dashboard .requests-header-bar__stats{display:none}}.billing-dashboard .request-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent}.billing-dashboard .request-stat-pill__dot{width:6px;height:6px;border-radius:50%}.billing-dashboard .request-stat-pill--pending{background:var(--status-orange-light, #fef3c7);color:var(--status-orange, #d97706)}.billing-dashboard .request-stat-pill--pending .request-stat-pill__dot{background:var(--status-orange, #d97706)}.billing-dashboard .request-stat-pill--approved{background:var(--status-green-light, #d1fae5);color:var(--status-green, #059669)}.billing-dashboard .request-stat-pill--approved .request-stat-pill__dot{background:var(--status-green, #059669)}.billing-dashboard .request-stat-pill--rejected{background:var(--status-red-light, #fee2e2);color:var(--status-red, #dc2626)}.billing-dashboard .request-stat-pill--rejected .request-stat-pill__dot{background:var(--status-red, #dc2626)}.billing-dashboard .requests-header-bar__center{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;min-width:150px}@media (max-width: 768px){.billing-dashboard .requests-header-bar__center{order:3;flex-basis:100%;max-width:100%}}.billing-dashboard .requests-filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));color:var(--color-text);font-size:13px;cursor:pointer;min-width:100px}.billing-dashboard .requests-filter-select:focus{outline:none;border-color:var(--law-navy, var(--color-primary))}.billing-dashboard .requests-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--dashboard-card, var(--color-surface));border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.billing-dashboard .requests-icon-btn:hover{border-color:var(--law-navy, var(--color-primary));color:var(--law-navy, var(--color-primary))}.billing-dashboard .requests-header-bar__end{display:flex;align-items:center;gap:10px;flex-shrink:0}.billing-dashboard .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--quiet-gray-100, var(--color-surface-subtle));color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.billing-dashboard .btn-secondary:hover{background:var(--quiet-gray-200)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.dashboard-header .header-content{display:flex;align-items:center;gap:16px}.dashboard-header .header-icon{width:52px;height:52px;border-radius:var(--radius-sm, 12px);background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center}.dashboard-header h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-heading);margin:0}.dashboard-header p{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0}.dashboard-content{display:grid;grid-template-columns:1fr 420px;gap:28px;margin-top:20px}.chart-section{background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);padding:28px;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.chart-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-section h2{font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-heading);margin:0}.year-select{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease}.year-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.side-sections{display:flex;flex-direction:column;gap:24px}.dashboard-section{background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.dashboard-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-section .section-header h3{display:flex;align-items:center;gap:10px;font-size:var(--font-size-base, 15px);font-weight:600;color:var(--color-heading);margin:0}.view-all{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm, 13px);cursor:pointer;transition:all .2s ease;font-weight:500}.view-all:hover{color:var(--color-primary-hover);text-decoration:underline}.section-content{max-height:300px;overflow-y:auto}.invoice-list{display:flex;flex-direction:column;gap:12px}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 10px);cursor:pointer;transition:all .2s ease}.invoice-item:hover{background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translate(-4px)}.invoice-item.overdue{background-color:var(--color-error-soft);border-right:4px solid var(--color-error)}.invoice-item.overdue:hover{background-color:var(--color-error-soft)}.invoice-item.upcoming{background-color:var(--color-warning-soft);border-right:4px solid var(--color-warning)}.invoice-item.upcoming:hover{background-color:var(--color-warning-soft)}.item-main{display:flex;flex-direction:column;gap:4px}.item-main .invoice-number{font-size:var(--font-size-xs, 12px);font-family:monospace;color:var(--color-text-secondary)}.item-main .client-name{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-heading)}.item-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-details .amount{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-heading)}.item-details .overdue-days{font-size:var(--font-size-xs, 11px);color:var(--color-error);font-weight:600}.item-details .due-date{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary)}.payments-list{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 10px);transition:all .2s ease}.payment-item:hover{background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.payment-item .payment-icon{width:36px;height:36px;border-radius:var(--radius-xs, 10px);background-color:var(--color-success-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-item.pending .payment-icon{background-color:var(--color-warning-soft)}.payment-item .payment-info{flex:1;display:flex;flex-direction:column;gap:4px}.payment-item .payment-number{font-size:var(--font-size-xs, 12px);font-family:monospace;color:var(--color-text-secondary)}.payment-item .client-name{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-heading)}.payment-item .payment-amount{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-success)}.payment-item .payment-amount.pending{color:var(--color-warning)}.payment-item .payment-date{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.btn-sm.btn-confirm{padding:8px 14px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-xs, 8px);font-size:var(--font-size-xs, 12px);cursor:pointer;transition:all .2s ease;font-weight:500}.btn-sm.btn-confirm:hover{background-color:var(--color-primary-hover)}.contracts-list{display:flex;flex-direction:column;gap:12px}.contract-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:var(--color-surface-subtle);border-radius:var(--radius-xs, 10px);cursor:pointer;transition:all .2s ease}.contract-item:hover{background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translate(-4px)}.contract-item .contract-info{display:flex;flex-direction:column;gap:4px}.contract-item .contract-number{font-size:var(--font-size-xs, 12px);font-family:monospace;color:var(--color-text-secondary)}.contract-item .client-name{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-heading)}.contract-item .contract-value{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.contract-item .total{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-heading)}.contract-item .collected{font-size:var(--font-size-xs, 11px);color:var(--color-success)}.empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--color-text-secondary)}.empty-section svg{margin-bottom:12px;opacity:.6}.empty-section p{font-size:var(--font-size-sm, 13px);margin:0}.dashboard-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.quick-stats{display:flex;justify-content:center;gap:40px;margin-top:28px;padding:24px;background-color:var(--color-surface);border-radius:var(--radius-sm, 12px);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:var(--font-size-xl, 22px);font-weight:700;color:var(--color-heading)}.stat-value.danger{color:var(--color-error)}.icon-success{color:var(--status-green)}.icon-danger{color:var(--status-red)}.icon-warning{color:var(--status-orange)}.icon-primary{color:var(--status-blue)}.icon-muted{color:var(--color-text-secondary)}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:var(--color-text-secondary)}.loading-page .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xs, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}@media (max-width: 1200px){.dashboard-content{grid-template-columns:1fr}.side-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dashboard-bottom{grid-template-columns:1fr}}@media (max-width: 768px){.billing-dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.side-sections{grid-template-columns:1fr}.quick-stats{flex-wrap:wrap;gap:24px;padding:20px}.stat-item{min-width:120px}.dashboard-section,.chart-section{padding:20px}}.availability-page{padding:0;min-height:100vh;background:var(--color-surface-subtle);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-family-base)}.availability-page .notion-header{display:flex;align-items:center;gap:24px;padding:20px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.availability-page .notion-header__title{display:flex;align-items:center;gap:12px}.availability-page .notion-header__icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.availability-page .notion-header h1{font-size:20px;font-weight:600;color:var(--color-heading);margin:0}.availability-page .notion-header__subtitle{font-size:14px;color:var(--color-text-secondary);margin:0;padding-right:16px;border-right:1px solid var(--color-border)}.availability-page .notion-header__actions{display:flex;gap:8px;margin-right:auto}.availability-page .notion-icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.availability-page .notion-icon-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.availability-page .notion-icon-btn:disabled{opacity:.5;cursor:not-allowed}.availability-page .notion-primary-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;border:none;background:var(--color-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}body.classic .availability-page .notion-primary-btn{background:var(--color-accent)}body.dark .availability-page .notion-primary-btn{color:var(--color-background)}.availability-page .notion-primary-btn:hover{opacity:.9}.availability-page .notion-primary-btn:disabled{opacity:.5;cursor:not-allowed}.availability-page .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:4px;border:none;background:var(--color-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s ease;height:32px}body.dark .availability-page .primary-btn{background:var(--color-primary);color:var(--color-background)}body.classic .availability-page .primary-btn{background:var(--color-accent);color:#fff}.availability-page .primary-btn:hover{background:var(--color-primary-hover)}body.classic .availability-page .primary-btn:hover{background:var(--color-accent-hover)}.availability-page .primary-btn:disabled{opacity:.6;cursor:default}.availability-page .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border-radius:4px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:background .1s ease;height:28px}.availability-page .secondary-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.availability-page .content-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:24px 32px 60px;max-width:1200px;margin:0 auto;width:100%}.availability-page .card{background:transparent;border-radius:0;border:none;padding:0;box-shadow:none;margin-bottom:0}.availability-page .card:first-child{grid-column:1 / 2}.availability-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.availability-page .card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-heading);margin:0}.availability-page .schedule-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.availability-page .day-row{padding:16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background .1s ease;display:flex;flex-direction:column;gap:12px}.availability-page .day-row:last-child{border-bottom:none}.availability-page .day-row--disabled{background:var(--color-surface-subtle)}.availability-page .day-header{display:flex;align-items:center;justify-content:space-between;height:28px}.availability-page .day-name{font-weight:500;font-size:15px;color:var(--color-text);width:80px}.availability-page .toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.availability-page .toggle-label input{display:none}.availability-page .toggle-switch{width:36px;height:20px;background:var(--color-border-strong);border-radius:14px;position:relative;transition:background .2s ease}.availability-page .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0000001a}.availability-page .toggle-label input:checked+.toggle-switch{background:var(--color-primary)}body.classic .availability-page .toggle-label input:checked+.toggle-switch{background:var(--color-accent)}.availability-page .toggle-label input:checked+.toggle-switch:after{transform:translate(16px)}.availability-page .day-status{font-size:12px;padding:4px 8px;border-radius:4px;background:var(--color-surface-subtle);color:var(--color-text-secondary)}.availability-page .toggle-label input:checked~.day-status{background:var(--color-success-soft);color:var(--color-success)}.availability-page .day-slots{margin-left:48px;display:flex;flex-direction:column;gap:8px}.availability-page .slot-row{display:flex;align-items:center;gap:8px}.availability-page .slot-row input[type=time]{padding:4px 8px;border-radius:4px;border:1px solid transparent;background:var(--color-surface-subtle);color:var(--color-text);font-size:14px;font-family:inherit;cursor:pointer;transition:all .1s ease}.availability-page .slot-row input[type=time]:hover{background:var(--color-border)}body.dark .availability-page .slot-row input[type=time]:hover{background:var(--color-gray-300)}.availability-page .slot-row input[type=time]:focus{outline:none;background:var(--color-surface);box-shadow:0 0 0 2px var(--color-primary-soft);border:1px solid var(--color-primary)}body.classic .availability-page .slot-row input[type=time]:focus{box-shadow:0 0 0 2px var(--color-accent-soft);border:1px solid var(--color-accent)}.availability-page .slot-separator{color:var(--color-text-secondary);font-size:14px}.availability-page .remove-slot-btn{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.availability-page .remove-slot-btn:hover{background:var(--color-error-soft);color:var(--color-error)}.availability-page .add-slot-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;border:none;background:transparent;font-size:13px;color:var(--color-text-secondary);cursor:pointer;width:-moz-fit-content;width:fit-content;transition:color .1s}.availability-page .add-slot-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.availability-page .settings-form{display:flex;flex-direction:column;gap:20px}.availability-page .form-group{display:flex;flex-direction:column;gap:6px}.availability-page .form-group label{font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.availability-page .form-group input[type=text],.availability-page .form-group input[type=date],.availability-page .form-group select{padding:8px 10px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;box-shadow:var(--shadow-xs);transition:border-color .1s}.availability-page .form-group input:focus,.availability-page .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}body.classic .availability-page .form-group input:focus,body.classic .availability-page .form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.availability-page .durations-grid{display:flex;flex-wrap:wrap;gap:8px}.availability-page .duration-option{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .1s}.availability-page .duration-option:hover{background:var(--color-surface-subtle)}.availability-page .duration-option--selected{background:var(--color-primary-soft);border-color:transparent;color:var(--color-primary)}body.classic .availability-page .duration-option--selected{background:var(--color-accent-soft);color:var(--color-accent)}body.dark .availability-page .duration-option--selected{background:var(--color-primary-soft);color:var(--color-primary)}.availability-page .exceptions-list{display:flex;flex-direction:column;gap:8px}.availability-page .exception-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);transition:all .1s}.availability-page .exception-item:hover{background:var(--color-surface-subtle)}.availability-page .exception-date{font-weight:500;font-size:14px;color:var(--color-text)}.availability-page .exception-reason{font-size:12px;color:var(--color-text-secondary);margin-right:8px}.availability-page .exception-type{padding:2px 6px;border-radius:4px;font-size:12px;background:var(--color-surface-subtle);color:var(--color-text-secondary)}.availability-page .exception-type--blocked{background:var(--color-error-soft);color:var(--color-error)}.availability-page .delete-exception-btn{margin-right:auto;opacity:0;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:4px;transition:all .1s}.availability-page .exception-item:hover .delete-exception-btn{opacity:1}.availability-page .delete-exception-btn:hover{background:var(--color-error-soft);color:var(--color-error)}.availability-page .empty-exceptions{padding:32px;text-align:center;border:1px dashed var(--color-border);border-radius:4px;color:var(--color-text-secondary)}.availability-page .empty-exceptions p{font-size:14px;margin-bottom:4px}.availability-page .empty-exceptions span{font-size:12px}.availability-page .message{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:16px 32px 0;border-radius:8px;font-size:14px;max-width:1200px}.availability-page .message--error{background:var(--color-error-soft);color:var(--color-text);border:1px solid var(--color-error)}body.dark .availability-page .message--error{border-color:#ff7b8a4d}.availability-page .message--success{background:var(--color-success-soft);color:var(--color-text);border:1px solid var(--color-success)}body.dark .availability-page .message--success{border-color:#46c2b34d}.availability-page .message--info{background:var(--color-info-soft);color:var(--color-info);border:1px solid transparent}.availability-page .modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}body.dark .availability-page .modal-overlay{background:#0009}.availability-page .modal-content{background:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:90%;max-width:480px}.availability-page .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding:16px 24px}.availability-page .modal-header h3{font-weight:600;font-size:16px;color:var(--color-heading);margin:0}.availability-page .close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .1s}.availability-page .close-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.availability-page .modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.availability-page .modal-footer{background:var(--color-surface-subtle);border-top:1px solid var(--color-border);padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.availability-page .btn-secondary{padding:8px 16px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .1s}.availability-page .btn-secondary:hover{background:var(--color-surface-subtle)}.availability-page .btn-primary{padding:8px 16px;border-radius:4px;border:none;background:var(--color-primary);color:#fff;font-size:14px;cursor:pointer;transition:all .1s}body.classic .availability-page .btn-primary{background:var(--color-accent)}body.dark .availability-page .btn-primary{color:var(--color-background)}.availability-page .btn-primary:hover{background:var(--color-primary-hover)}body.classic .availability-page .btn-primary:hover{background:var(--color-accent-hover)}.availability-page .text-law-navy{color:var(--color-primary)}body.classic .availability-page .text-law-navy{color:var(--color-accent)}.availability-page .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.availability-page .content-grid{grid-template-columns:1fr;padding:24px}.availability-page .notion-header{padding:16px 24px}.availability-page .card:first-child{grid-column:1}.availability-page .message{margin:16px 24px 0}}@media (max-width: 640px){.availability-page .notion-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.availability-page .notion-header__subtitle{border-right:none;padding-right:0}.availability-page .notion-header__actions{margin-right:0;width:100%;justify-content:flex-end}.availability-page .content-grid{padding:16px;gap:24px}.availability-page .day-header{height:auto}.availability-page .day-slots{margin-left:0;margin-top:16px}.availability-page .message{margin:12px 16px 0}}