@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-100:oklch(93.6% .032 17.717);--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-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-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-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--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-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--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-indigo-500:oklch(58.5% .233 277.117);--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-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--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);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #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}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.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-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-4{margin-left:calc(var(--spacing)*4)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.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-64{min-height:calc(var(--spacing)*64)}.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-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.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)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.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-1\/2{--tw-translate-y: -50% ;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)}.-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)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.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-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}: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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-emerald-50{background-color:var(--color-emerald-50)}.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-gray-300{background-color:var(--color-gray-300)}.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-green-600{background-color:var(--color-green-600)}.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-100{background-color:var(--color-red-100)}.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)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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-emerald-600{color:var(--color-emerald-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-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-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.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-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.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))}.transition-shadow{transition-property:box-shadow;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-gray-300:hover{border-color:var(--color-gray-300)}.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-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.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-gray-400:hover{background-color:var(--color-gray-400)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.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\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-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:40rem){.sm\:w-48{width:calc(var(--spacing)*48)}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-yellow-800{border-color:var(--color-yellow-800)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-500{color:var(--color-gray-500)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-400{color:var(--color-yellow-400)}@media (hover:hover){.dark\:hover\:border-gray-600:hover{border-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-yellow-900\/30:hover{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-yellow-900\/30:hover{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-white:hover{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-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);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{position:relative}.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__input--with-icon{padding-inline-end:var(--space-9)}.auth-field__input--with-toggle{padding-inline-start:var(--space-9)}.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-field__toggle:hover,.auth-field__toggle:focus-visible{color:var(--color-primary)}.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-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);background:0 0;border:none;padding:0;text-decoration:none}.auth-link:hover,.auth-link:focus-visible{text-decoration:underline}.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:before{inset-inline-start:0}.auth-divider:after{inset-inline-end:0}.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-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{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__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{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__list-item svg{color:#ffffffe0}.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-loader__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}: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;--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}.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 svg{color:var(--color-text-secondary);flex-shrink:0}.search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px}.search-box input::-moz-placeholder{color:var(--color-text-secondary)}.search-box input::placeholder{color:var(--color-text-secondary)}.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);transform:scale(1.003);box-shadow:0 2px 8px #0a192f0f}.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-btn:hover:not(:disabled){border-color:var(--law-navy);background:var(--law-navy-light)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.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)}@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}}: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;--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-space-x-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-space-x-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}.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:1000;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__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}}: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);--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)}.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}.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}}.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)}.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__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-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:4px}.case-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.case-timeline-header__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-heading)}.case-timeline-header__title svg{color:var(--law-navy)}.case-timeline-content{padding:16px}.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}}.sessions-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.sessions-header-bar{position:sticky;top:0;z-index:40;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);transform:scale(1.002)}.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}.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}@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)}}.tasks-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.tasks-header{position:sticky;top:0;z-index:40;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);min-height:100vh;display:flex;flex-direction:column}.task-header{position:sticky;top:0;z-index:50;background:var(--dashboard-card);border-bottom:1px solid var(--color-border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.task-header-left{display:flex;align-items:center;gap:16px}.task-header-actions{display:flex;align-items:center;gap:8px}.task-breadcrumb-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;color:var(--color-text-secondary);font-size:13px;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:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.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)}.task-content-wrapper{flex:1;max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;padding:24px;align-items:start}@media (max-width: 1024px){.task-content-wrapper{grid-template-columns:1fr}}.task-main-col{background:var(--dashboard-card);border-radius:12px;border:1px solid var(--color-border);min-height:500px;display:flex;flex-direction:column}.task-title-section{padding:24px 24px 16px}.task-title-input{width:100%;font-size:24px;font-weight:600;color:var(--color-heading);border:none;outline:none;background:transparent;resize:none;line-height:1.4}.task-title-input::-moz-placeholder{color:var(--quiet-gray-300)}.task-title-input::placeholder{color:var(--quiet-gray-300)}.task-desc-section{padding:0 24px 24px}.task-desc-editor{min-height:100px;color:var(--color-text);font-size:14px;line-height:1.6;outline:none}.task-desc-placeholder{color:var(--color-text-secondary);font-style:italic}.task-section{padding:24px;border-top:1px solid var(--quiet-gray-100)}.task-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;transition:all .2s}.checklist-checkbox{margin-top:3px;width:16px;height:16px;border-radius:4px;border:2px solid var(--quiet-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.checklist-checkbox.checked{background:var(--law-navy);border-color:var(--law-navy)}.checklist-text{flex:1;font-size:14px;color:var(--color-text)}.checklist-text.checked{text-decoration:line-through;color:var(--color-text-secondary)}.activity-section{background:var(--quiet-gray-50);border-top:1px solid var(--color-border);padding:24px}.activity-tabs{display:flex;gap:16px;margin-bottom:16px;border-bottom:1px solid var(--color-border)}.activity-tab{padding-bottom:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent}.activity-tab.active{color:var(--law-navy);border-bottom-color:var(--law-navy)}.comment-box-wrapper{display:flex;gap:12px;margin-bottom:24px}.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:12px;font-weight:600}.comment-input-area{flex:1;background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:12px;box-shadow:0 1px 2px #0000000d}.comment-textarea{width:100%;border:none;outline:none;font-size:14px;resize:none;min-height:60px}.comment-actions{display:flex;justify-content:flex-end;margin-top:8px}.task-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--dashboard-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.sidebar-row{margin-bottom:16px}.sidebar-row:last-child{margin-bottom:0}.sidebar-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-value-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--quiet-gray-50);border:1px solid transparent;border-radius:6px;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.sidebar-value-btn:hover{background:var(--quiet-gray-100);border-color:var(--quiet-gray-200)}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--quiet-gray-100);color:var(--color-text)}.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:50;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)}.activities-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.activities-header{position:sticky;top:0;z-index:50;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:50;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)}.notifications-page{display:flex;flex-direction:column;min-height:100vh;background:var(--dashboard-bg)}.notifications-header-bar{position:sticky;top:0;z-index:50;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:50;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}}.stats-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.stats-header{position:sticky;top:0;z-index:50;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:50;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;gap:0;flex:1;min-height:calc(100vh - 70px)}@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)}.whatsapp-page{background-color:var(--dashboard-bg);min-height:100vh;display:flex;flex-direction:column}.whatsapp-header{position:sticky;top:0;z-index:50;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:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.whatsapp-instance-card{padding:14px;border:1px solid var(--color-border);border-radius:6px;background:var(--quiet-gray-100);transition:all var(--transition-fast)}body.dark .whatsapp-instance-card{background:var(--quiet-gray-200)}.whatsapp-instance-card:hover{border-color:var(--law-navy)}.whatsapp-instance-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.whatsapp-instance-card__name{font-size:14px;font-weight:600;color:var(--color-heading);margin:0 0 2px}.whatsapp-instance-card__dept{font-size:12px;color:var(--color-text-secondary)}.whatsapp-instance-card__status{display:flex;align-items:center;gap:6px}.whatsapp-instance-card__status-icon{width:18px;height:18px}.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:4px;background:none;border:none;color:var(--status-red);cursor:pointer;border-radius:4px;transition:background var(--transition-fast)}.whatsapp-instance-card__delete:hover{background:var(--status-red-light)}.whatsapp-instance-card__info{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:12px}.whatsapp-instance-card__row{display:flex;justify-content:space-between;color:var(--color-text-secondary)}.whatsapp-instance-card__value{font-weight:500;color:var(--color-text)}.whatsapp-instance-card__actions{display:flex;gap:8px}.whatsapp-instance-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px;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)}.whatsapp-instance-card__btn--warning{background:var(--status-orange)}.whatsapp-instance-card__btn--warning:hover{opacity:.9}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}.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}.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:40;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);transform:scale(1.005);box-shadow:0 2px 8px #0a192f14}.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)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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-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: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)}body.dark .modal-header{background:var(--quiet-gray-100)}.modal-title{font-size:18px;font-weight:600;color:var(--color-heading);margin:0;display:flex;align-items:center;gap:10px}.modal-title svg{color:var(--law-navy)}.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)}body.dark .modal-info-card{background:var(--quiet-gray-100)}.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}