@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";@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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--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-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.625rem;--color-border:#e5e7eb;--color-input:#e5e7eb;--color-ring:#f97015;--color-background:#fff;--color-foreground:#0f1729;--color-primary:#f97015;--color-primary-foreground:#fff;--color-secondary:#f3f4f6;--color-secondary-foreground:#0f1729;--color-muted:#f3f4f6;--color-muted-foreground:#6b7280;--color-accent:#f3f4f6;--color-accent-foreground:#0f1729;--color-destructive:#ef4343;--color-destructive-foreground:#fff;--color-success:#21c45d;--color-success-foreground:#fff;--color-warning:#f59f0a;--color-warning-foreground:#fff;--color-card:#fff;--color-card-foreground:#0f1729;--color-popover:#fff;--color-popover-foreground:#0f1729}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-1{inset-inline:calc(var(--spacing) * 1)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-20{top:calc(var(--spacing) * 20)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[45vh\]{max-height:45vh}.max-h-\[80vh\]{max-height:80vh}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;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)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-border{border-color:var(--color-border)}.border-current{border-color:currentColor}.border-input{border-color:var(--color-input)}.border-primary{border-color:var(--color-primary)}.border-primary\/40{border-color:#f9701566}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-background{background-color:var(--color-background)}.bg-background\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--color-background) 95%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive{background-color:var(--color-destructive)}.bg-muted{background-color:var(--color-muted)}.bg-muted\/50{background-color:#f3f4f680}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.bg-muted\/60{background-color:#f3f4f699}@supports (color:color-mix(in lab,red,red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--color-muted) 60%,transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary-foreground{background-color:var(--color-primary-foreground)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.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-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.p-px{padding:1px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--color-card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success-foreground{color:var(--color-success-foreground)}.text-warning-foreground{color:var(--color-warning-foreground)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:ring-2:focus-within{--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-within\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}@media(hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#ef4343e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#f97015e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-destructive:hover{color:var(--color-destructive)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-4:hover{text-underline-offset:4px}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.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-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--color-accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--color-accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--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)}.data-\[state\=checked\]\:translate-x-4\.5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--color-primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--color-primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--color-primary-foreground)}.data-\[state\=closed\]\:animate-\[accordion-up_200ms_ease-out\][data-state=closed]{animation:.2s ease-out accordion-up}.data-\[state\=open\]\:animate-\[accordion-down_200ms_ease-out\][data-state=open]{animation:.2s ease-out accordion-down}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--color-input)}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--color-muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>button\]\:bg-accent>button{background-color:var(--color-accent)}.\[\&\>button\]\:bg-primary>button{background-color:var(--color-primary)}.\[\&\>button\]\:text-accent-foreground>button{color:var(--color-accent-foreground)}.\[\&\>button\]\:text-primary-foreground>button{color:var(--color-primary-foreground)}@media(hover:hover){.\[\&\>button\]\:hover\:bg-primary>button:hover{background-color:var(--color-primary)}.\[\&\>button\]\:hover\:text-primary-foreground>button:hover{color:var(--color-primary-foreground)}}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}.dark{--color-border:#2d3643;--color-input:#2d3643;--color-ring:#f97015;--color-background:#0b111e;--color-foreground:#f3f5f7;--color-primary:#f97015;--color-primary-foreground:#fff;--color-secondary:#1f252e;--color-secondary-foreground:#f3f5f7;--color-muted:#1f252e;--color-muted-foreground:#98a1ae;--color-accent:#252c37;--color-accent-foreground:#f3f5f7;--color-destructive:#dc2828;--color-destructive-foreground:#fff;--color-success:#28bd5f;--color-success-foreground:#fff;--color-warning:#f59f0a;--color-warning-foreground:#fff;--color-card:#0e1525;--color-card-foreground:#f3f5f7;--color-popover:#0e1525;--color-popover-foreground:#f3f5f7}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.client-detail-page{padding:30px 44px 64px;background-color:#f5f6fa;min-height:100vh;font-family:Inter,sans-serif;color:#475569}.cd-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#64748b;background:none;border:none;cursor:pointer;margin-bottom:18px;padding:0;transition:color .15s}.cd-back:hover{color:#f7931e}.cd-header{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:24px 26px;margin-bottom:22px;box-shadow:0 1px 3px #0000000a;position:sticky;top:12px;z-index:10}.cd-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:18px}.cd-identity{display:flex;align-items:center;gap:16px}.cd-avatar{width:56px;height:56px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,#f7931e,#e8590c);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:19px;box-shadow:0 4px 14px #f7931e59}.cd-identity h1{margin:0 0 4px;font-family:Syne,sans-serif;font-weight:700;font-size:22px;color:#0f172a}.cd-company{display:flex;align-items:center;gap:5px;margin:0 0 6px;font-size:12.5px;color:#94a3b8}.cd-meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:#94a3b8}.cd-meta-row strong{color:#475569;font-weight:600}.cd-header-right{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.cd-status-block{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cd-active-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:99px;font-size:11px;font-weight:700;padding:6px 12px;cursor:pointer;font-family:inherit;transition:filter .15s}.cd-active-toggle:hover{filter:brightness(.96)}.cd-active-toggle.active{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.cd-active-toggle.inactive{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.cd-actions{display:flex;gap:8px;flex-wrap:wrap}.cd-action-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e6ef;background:#f8f9fc;color:#475569;border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.cd-action-btn:disabled{opacity:.5;cursor:not-allowed}.cd-action-danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.cd-action-danger:hover{background:#fee2e2!important;color:#dc2626!important;border-color:#fecaca!important}.cd-action-primary{background:linear-gradient(135deg,#f7931e,#e8590c);color:#fff;border:none}.cd-action-primary:hover{filter:brightness(1.07);color:#fff!important}.cd-tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid #e8eaf0;overflow-x:auto}.cd-tab{display:flex;align-items:center;gap:7px;padding:11px 16px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:#94a3b8;border-bottom:2.5px solid transparent;white-space:nowrap;transition:all .15s}.cd-tab:hover{color:#f7931e}.cd-tab.active{color:#f7931e;border-bottom-color:#f7931e}.cd-panel{background:#fff;border:1px solid #e8eaf0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.cd-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.cd-panel-header h2{margin:0;font-family:Syne,sans-serif;font-weight:700;font-size:16px;color:#0f172a}.cd-panel-subtitle{font-size:12.5px;color:#94a3b8}.detail-section{margin-bottom:26px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 14px;font-family:Syne,sans-serif;font-weight:700;font-size:13px;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;border-bottom:1px solid #f0f1f6}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:10.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.detail-value{font-size:13.5px;color:#0f172a;font-weight:500;text-transform:capitalize}.detail-notes{margin:0;font-size:13.5px;color:#334155;line-height:1.6;white-space:pre-wrap}.cd-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.cd-payment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:26px}.cd-summary-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.cd-summary-value{font-family:Syne,sans-serif;font-weight:700;font-size:19px;color:#0f172a}.cd-summary-green{background:#f0fdf4;border-color:#bbf7d0}.cd-summary-green .cd-summary-value{color:#16a34a}.cd-summary-amber{background:#fffbeb;border-color:#fde68a}.cd-summary-amber .cd-summary-value{color:#d97706}.cd-summary-red{background:#fef2f2;border-color:#fecaca}.cd-summary-red .cd-summary-value{color:#dc2626}.cd-subheading{margin:0 0 14px;font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:#0f172a}.cd-timeline{display:flex;flex-direction:column;gap:18px}.cd-timeline-row{display:flex;align-items:flex-start;gap:14px}.cd-timeline-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cd-timeline-message{font-size:13px;font-weight:600;color:#0f172a}.cd-timeline-time{font-size:11.5px;color:#94a3b8;margin-top:3px}.cd-assign-block{margin-top:16px;padding-top:16px;border-top:1px solid #f0f1f6}.cd-assign-row{display:flex;align-items:flex-start;gap:10px;max-width:520px}.cd-assign-row>:first-child{flex:1}.cd-remark-composer{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.cd-remark-composer textarea{width:100%;border:1px solid #e2e6ef;border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;resize:vertical}.cd-remark-composer textarea:focus{outline:none;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a}.cd-remark-composer button{align-self:flex-end}.cd-remark-feed{display:flex;flex-direction:column;gap:14px}.cd-remark-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px;padding:14px 16px}.cd-remark-card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.cd-remark-name{font-weight:700;font-size:13px;color:#0f172a}.cd-remark-role{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#f7931e;background:#fff1e3;padding:2px 8px;border-radius:99px}.cd-remark-time{font-size:11.5px;color:#94a3b8;margin-left:auto}.cd-remark-message{margin:0;font-size:13.5px;color:#334155;line-height:1.6;white-space:pre-wrap}.cd-progress-form{display:flex;flex-direction:column;gap:10px;background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px;padding:16px;margin-bottom:22px;max-width:560px}.cd-progress-form input,.cd-progress-form textarea,.cd-progress-form select{border:1px solid #e2e6ef;border-radius:8px;padding:9px 11px;font-size:13.5px;font-family:inherit}.cd-progress-form-row{display:flex;gap:10px}.cd-progress-form-row select{flex:1}.cd-progress-form-row input{width:130px}.cd-progress-form-actions{display:flex;gap:8px}.cd-progress-entry{background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px;padding:14px 16px;margin-bottom:14px}.cd-progress-entry-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cd-progress-title{font-weight:700;font-size:13.5px;color:#0f172a}.cd-status-pill{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:99px}.cd-progress-entry-header .btn-small{margin-left:auto}.cd-progress-description{margin:0 0 10px;font-size:13px;color:#475569;line-height:1.5}.cd-progress-bar-track{height:7px;border-radius:99px;background:#e8eaf0;overflow:hidden;margin-bottom:8px}.cd-progress-bar-fill{height:100%;border-radius:99px;transition:width .2s}.ctd-project-list{display:flex;flex-direction:column;gap:26px}.ctd-project-block:not(:last-child){padding-bottom:22px;border-bottom:1px solid #f0f1f6}.ctd-project-name{margin:0 0 12px;font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:#0f172a}.ctd-section-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:10px}.ctd-description-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px;padding:16px 18px}@media(max-width:768px){.client-detail-page{padding:20px}.cd-header{position:static}.cd-header-row{flex-direction:column}}.cd-pi-section{margin-top:28px;border-top:1px solid #eef0f4;padding-top:22px}.cd-pi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cd-pi-header-left{display:flex;align-items:center;gap:8px}.cd-pi-header-left h3{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#0f172a;margin:0}.cd-pi-count{background:#f7931e1a;color:#f7931e;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.cd-pi-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:linear-gradient(135deg,#f7931e,#e8590c);color:#fff;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .18s,transform .15s;border:none}.cd-pi-upload-btn:hover:not(.disabled){filter:brightness(1.07);transform:translateY(-1px)}.cd-pi-upload-btn.disabled{opacity:.6;cursor:not-allowed}.cd-pi-error{font-size:12.5px;color:#dc2626;margin-bottom:10px}.cd-pi-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:#94a3b8;font-size:13px}.cd-pi-list{display:flex;flex-direction:column;gap:10px}.cd-pi-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#fff;border:1px solid #eef0f4;border-radius:12px;transition:border-color .18s,box-shadow .18s}.cd-pi-item:hover{border-color:#fed7aa;box-shadow:0 2px 10px #f7931e12}.cd-pi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-pi-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cd-pi-name{font-size:13.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-pi-meta{font-size:11.5px;color:#94a3b8}.cd-pi-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-small-danger{color:#dc2626!important}.btn-small-danger:hover{background:#fee2e2!important;border-color:#fca5a5!important}.searchable-select{position:relative;width:100%}.searchable-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:border-color .2s}.searchable-select-trigger:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.searchable-select-trigger:focus{outline:none;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a}.searchable-select-placeholder{color:#9ca3af}.searchable-select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e6ef;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;z-index:50;overflow:hidden}.searchable-select-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #f0f1f6;color:#94a3b8}.searchable-select-search input{flex:1;border:none;outline:none;font-size:13.5px;font-family:inherit;color:#333}.searchable-select-list{max-height:220px;overflow-y:auto}.searchable-select-option{padding:9px 12px;font-size:13.5px;color:#334155;cursor:pointer}.searchable-select-option:hover{background:#fff7ed;color:#e8590c}.searchable-select-option.selected{background:#fff1e3;color:#e8590c;font-weight:600}.searchable-select-empty{padding:14px 12px;font-size:13px;color:#94a3b8;text-align:center}.client-form-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.client-form-container h2{margin:0 0 20px;color:#333;font-size:20px}.client-form{display:flex;flex-direction:column;gap:16px}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-submit,.btn-cancel{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reminder-form-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.reminder-form-container h2{margin:0 0 20px;color:#333;font-size:20px}.error-message{background-color:#fee;color:#c00;padding:12px 16px;border-radius:4px;margin-bottom:16px;border-left:4px solid #c00}.reminder-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a}.amount-group{display:flex;gap:8px}.amount-group input{flex:1}.currency-select{width:80px;padding:10px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.btn-submit,.btn-send,.btn-cancel{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit{background-color:#f7931e;color:#fff}.btn-submit:hover:not(:disabled){background-color:#c2410c}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-send{background-color:#dc2626;color:#fff}.btn-send:hover:not(:disabled){background-color:#b91c1c}.btn-send:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-cancel{background-color:#e5e7eb;color:#333}.btn-cancel:hover{background-color:#d1d5db}.ddp-panel{padding:14px 16px;background:#f8fafc;border-top:1px dashed #e2e8f0}.ddp-description{margin:0 0 10px;font-size:12.5px;color:#64748b}.ddp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 16px}.ddp-field{display:flex;flex-direction:column;gap:2px}.ddp-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8}.ddp-value{font-size:13px;color:#1e293b;word-break:break-word}.ddp-empty{padding:12px 16px;font-size:13px;color:#94a3b8;background:#f8fafc;border-top:1px dashed #e2e8f0;margin:0}.deliverables-tracker{display:flex;flex-direction:column;gap:18px}.deliverable-row{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#fff}.deliverable-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.deliverable-title{font-weight:600;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:8px}.frequency-badge{font-size:11px;font-weight:600;color:#f7931e;background:#fff4e6;padding:2px 8px;border-radius:99px;text-transform:none}.deliverable-status{font-size:11px;font-weight:600;padding:3px 9px;border:1px solid;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.deliverable-status-select{font-size:11px;font-weight:600;padding:3px 9px;border:1px solid;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;background:#fff;cursor:pointer}.deliverable-status-select:disabled{opacity:.6;cursor:not-allowed}.deliverable-expand-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:#9ca3af;cursor:pointer;padding:2px;margin-right:2px}.deliverable-expand-btn:hover{color:#f7931e}.deliverable-progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin-bottom:8px}.deliverable-progress-fill{height:100%;border-radius:99px;transition:width .3s ease}.deliverable-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.deliverable-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10.5px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:16px;font-weight:700;color:#1f2937}.deliverable-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.deliverable-actions>button{padding:8px 14px;border:1px solid #f7931e;border-radius:8px;background:#fff;color:#f7931e;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.deliverable-actions>button:first-child{background:#f7931e;color:#fff}.deliverable-actions>button:disabled{opacity:.6;cursor:not-allowed}.deliverable-manual-update{display:flex;gap:6px;margin-left:auto}.deliverable-manual-update input{width:170px;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.deliverable-manual-update button{padding:8px 14px;border:none;border-radius:8px;background:#e5e7eb;color:#374151;font-size:13px;font-weight:600;cursor:pointer}.deliverable-manual-update button:disabled{opacity:.6;cursor:not-allowed}.add-deliverable-form{display:flex;gap:8px;border:1px dashed #d1d5db;border-radius:10px;padding:12px}.add-deliverable-form input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.add-deliverable-form input[type=number]{max-width:110px}.add-deliverable-form select{max-width:140px;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.add-deliverable-form button{padding:8px 14px;border:none;border-radius:8px;background:#f7931e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.add-deliverable-form button:disabled{opacity:.6;cursor:not-allowed}.payment-manager{display:flex;flex-direction:column;gap:20px}.payment-summary-card{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;background:#f9fafb;position:relative}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.summary-value{font-size:18px;font-weight:700;color:#1f2937}.overdue-badge{margin-left:auto;background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px}.add-payment-form{display:flex;flex-direction:column;gap:10px;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.add-payment-form h4{margin:0 0 4px;font-size:14px;color:#1f2937}.add-payment-form .form-row{display:flex;gap:10px}.add-payment-form .form-field{flex:1;display:flex;flex-direction:column;gap:4px}.add-payment-form .form-field label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.add-payment-form input,.add-payment-form select{width:100%;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.add-payment-form button{align-self:flex-start;padding:9px 16px;border:none;border-radius:8px;background:#f7931e;color:#fff;font-weight:600;font-size:13px;cursor:pointer}.add-payment-form button:disabled{opacity:.6;cursor:not-allowed}.form-hint{margin:0;font-size:12px;color:#9ca3af}.payment-history table{width:100%;border-collapse:collapse;font-size:13px}.payment-history th,.payment-history td{text-align:left;padding:8px 10px;border-bottom:1px solid #f1f5f9}.payment-history h4{margin-bottom:10px;font-size:14px;color:#1f2937}.contract-detail{display:flex;flex-direction:column;gap:24px;min-width:600px}.contract-detail-header{display:flex;justify-content:space-between;align-items:flex-start}.contract-detail-header h2{margin:0 0 4px;font-size:20px;color:#1f2937}.contract-detail-header p{margin:0;font-size:13px;color:#6b7280}.contract-detail-section h3{margin:0 0 12px;font-size:15px;color:#1f2937}.contract-detail-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:-8px}.contract-detail-tab{padding:10px 18px;border:none;background:transparent;font-size:13.5px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.contract-detail-tab.active{color:#f7931e;border-bottom-color:#f7931e}.clients-page{padding:36px 44px 64px;background-color:#f5f6fa;min-height:100vh;font-family:Inter,sans-serif;color:#475569}.page-header{margin-bottom:28px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#64748b;text-decoration:none;margin-bottom:14px;transition:color .15s}.back-link:hover{color:#f7931e}.page-header h1{margin:0 0 6px;color:#0f172a;font-size:26px;font-family:Syne,sans-serif;font-weight:700}.page-header p{margin:0;color:#94a3b8;font-size:13.5px}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.overview-main{min-width:0}.overview-sidebar{display:flex;flex-direction:column;gap:18px}.sidebar-panel{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:20px 20px 18px;box-shadow:0 1px 3px #0000000a}.sidebar-panel-title{margin:0 0 16px;font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:#0f172a}.donut-wrap{display:flex;flex-direction:column;align-items:center}.donut-chart{position:relative;width:100%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.donut-center-value{font-family:Syne,sans-serif;font-weight:700;font-size:22px;color:#0f172a}.donut-center-label{font-size:10.5px;color:#94a3b8;font-weight:600}.donut-legend{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:10px}.donut-legend-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.donut-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.donut-legend-label{color:#475569;font-weight:600}.donut-legend-count{margin-left:auto;color:#94a3b8;font-weight:600}.quick-actions-list{display:flex;flex-direction:column;gap:8px}.quick-action-btn{display:flex;align-items:center;gap:11px;border:1px solid #eef0f4;background:#f8f9fc;border-radius:11px;padding:11px 12px;font-size:13px;font-weight:600;font-family:inherit;color:#334155;cursor:pointer;text-align:left;transition:all .15s}.quick-action-btn:hover{background:#fff4e6;border-color:#fed7aa;color:#c2410c;transform:translate(2px)}.quick-action-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;flex-shrink:0}.quick-action-orange{background:#fff4e6;color:#f7931e}.quick-action-green{background:#dcfce7;color:#16a34a}.quick-action-blue{background:#dbeafe;color:#2563eb}.leaderboard-list{display:flex;flex-direction:column;gap:14px}.leaderboard-row{display:flex;align-items:center;gap:12px}.leaderboard-rank{width:24px;height:24px;flex-shrink:0;border-radius:8px;background:#fff4e6;color:#f7931e;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.leaderboard-name{font-size:13px;font-weight:600;color:#0f172a}.leaderboard-count{font-size:11.5px;color:#94a3b8;margin-top:1px}.sidebar-view-all{display:inline-flex;align-items:center;gap:4px;margin-top:14px;border:none;background:none;color:#f7931e;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;padding:0}.sidebar-view-all:hover{color:#e8590c}.view-toggle{display:inline-flex;gap:2px;background:#f1f5f9;border-radius:9px;padding:3px;margin-left:auto}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;border:none;background:none;border-radius:7px;color:#94a3b8;cursor:pointer;transition:all .15s}.view-toggle-btn:hover{color:#475569}.view-toggle-btn.active{background:#fff;color:#f7931e;box-shadow:0 1px 3px #00000014}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:30px}.kpi-trend{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:11px;font-weight:700}.kpi-trend.trend-up{color:#16a34a}.kpi-trend.trend-down{color:#dc2626}.kpi-card{position:relative;overflow:hidden;border-radius:18px;padding:22px 22px 20px;background:#fff;border:1px solid #e8eaf0;box-shadow:0 1px 3px #0000000a;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.kpi-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.5}.kpi-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin-bottom:14px}.kpi-value{position:relative;z-index:1;font-family:Syne,sans-serif;font-weight:700;font-size:26px;color:#0f172a;line-height:1}.kpi-label{position:relative;z-index:1;margin-top:6px;font-size:12.5px;font-weight:600;color:#64748b}.kpi-orange .kpi-icon{background:#fff4e6;color:#f7931e}.kpi-orange:after{background:#fff4e6}.kpi-green .kpi-icon{background:#dcfce7;color:#16a34a}.kpi-green:after{background:#dcfce7}.kpi-blue .kpi-icon{background:#dbeafe;color:#2563eb}.kpi-blue:after{background:#dbeafe}.kpi-amber .kpi-icon{background:#fef3c7;color:#d97706}.kpi-amber:after{background:#fef3c7}.kpi-pink .kpi-icon{background:#fce7f3;color:#db2777}.kpi-pink:after{background:#fce7f3}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:18px;padding:28px;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 30px 60px -10px #00000040}.close-btn{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;cursor:pointer;color:#64748b;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .18s}.close-btn:hover{background-color:#e2e8f0;color:#0f172a}.tabs{display:flex;gap:4px;margin-bottom:28px;border-bottom:1px solid #e8eaf0}.tab{display:flex;align-items:center;gap:8px;padding:12px 18px;background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:600;font-family:inherit;color:#94a3b8;border-bottom:2.5px solid transparent;transition:all .18s;margin-bottom:-1px}.tab:hover{color:#f7931e}.tab.active{color:#f7931e;border-bottom-color:#f7931e}.tab-count{background:#fff4e6;color:#f7931e;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px}.tab.active .tab-count{background:#f7931e;color:#fff}.section-header{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.filter-bar{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap;align-items:center}.filter-select{padding:9px 14px;border:1px solid #e2e6ef;border-radius:9px;font-size:12.5px;font-family:inherit;background:#fff;color:#475569;cursor:pointer}.filter-select:focus{outline:none;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a}.filter-date{display:flex;align-items:center;gap:8px}.filter-date-clear{display:inline-flex;align-items:center;gap:4px;border:none;background:#fef2f2;color:#dc2626;font-size:11.5px;font-weight:600;padding:7px 10px;border-radius:8px;cursor:pointer;font-family:inherit}.filter-date-clear:hover{background:#fee2e2}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.search-box input{width:100%;padding:11px 14px 11px 38px;border:1px solid #e2e6ef;border-radius:10px;font-size:13.5px;font-family:inherit;background:#fff;transition:border-color .18s,box-shadow .18s}.search-box input:focus{outline:none;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a}.btn-primary,.btn-secondary,.btn-third,.btn-four,.btn-danger{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:9px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap}.btn-primary{padding:11px 20px;background:linear-gradient(135deg,#f7931e,#e8590c);color:#fff;box-shadow:0 6px 18px #f7931e47}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn-secondary{background-color:#fff4e6;color:#c2410c;font-size:12.5px;padding:7px 13px}.btn-third{background-color:#fef3c7;color:#b45309;font-size:12.5px;padding:7px 13px}.btn-four{background-color:#dbeafe;color:#1d4ed8;font-size:12.5px;padding:7px 13px}.btn-secondary:hover{background-color:#fed7aa}.btn-third:hover{background-color:#fde68a}.btn-four:hover{background-color:#bfdbfe}.btn-primary:active,.btn-secondary:active,.btn-third:active,.btn-four:active,.btn-danger:active{transform:translateY(0)}.btn-secondary:hover,.btn-third:hover,.btn-four:hover,.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.btn-danger{background-color:#fef2f2;color:#dc2626;font-size:12.5px;padding:7px 13px}.btn-danger:hover{background-color:#fee2e2}.btn-small{background:#f8fafc;border:1px solid #eef0f4;cursor:pointer;padding:7px;display:inline-flex;align-items:center;justify-content:center;color:#64748b;border-radius:7px;transition:all .15s}.btn-small:hover{background:#fff4e6;color:#f7931e;border-color:#fed7aa}.loading{text-align:center;padding:50px;color:#94a3b8;font-size:13.5px}.empty-state{text-align:center;padding:64px 20px;background:#fff;border:1px solid #e8eaf0;border-radius:16px;color:#94a3b8;font-size:13.5px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.client-card{position:relative;background-color:#fff;border-radius:18px;padding:22px 20px 20px;border:1px solid #e8eaf0;box-shadow:0 2px 8px #0f172a0f;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.client-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f7931e,#e8590c)}.client-card:hover{border-color:#fed7aa;box-shadow:0 12px 32px #f7931e24;transform:translateY(-3px)}.client-card-clickable{cursor:pointer}.card-footer-meta{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f0f1f6}.last-updated{font-size:11.5px;color:#94a3b8}.card-arrow{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#f7931e}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:10px}.client-identity{display:flex;align-items:center;gap:12px;min-width:0}.client-avatar{width:44px;height:44px;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#f7931e,#e8590c);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:15px;box-shadow:0 4px 12px #f7931e59}.card-header h3{margin:0;font-size:15px;font-family:Syne,sans-serif;font-weight:700;color:#0f172a}.client-company{font-size:11.5px;color:#94a3b8;margin-top:2px}.status{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize;flex-shrink:0}.status-select{border:none;outline:none;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px;transition:filter .15s,opacity .15s}.status-select:hover{filter:brightness(.96)}.status-select:disabled{cursor:not-allowed;opacity:.6}.status.active{background-color:#f0fdf4;color:#16a34a}.status.inactive{background-color:#fef2f2;color:#dc2626}.status.prospective{background-color:#fffbeb;color:#d97706}.status.open{background-color:#dbeafe;color:#1d4ed8}.status.converted{background-color:#f0fdf4;color:#16a34a}.status.cold{background-color:#f1f5f9;color:#64748b}.status.ni{background-color:#fef2f2;color:#dc2626}.status.draft{background-color:#f3f4f6;color:#374151}.status.sent{background-color:#fff4e6;color:#f7931e}.status.accepted{background-color:#f0fdf4;color:#16a34a}.status.rejected{background-color:#fef2f2;color:#dc2626}.status.expired{background-color:#fef2f2;color:#991b1b}.status.drafted{background-color:#f3f4f6;color:#374151}.status.paid{background-color:#f0fdf4;color:#16a34a}.status.received{background-color:#fff4e6;color:#f7931e}.card-body{margin-bottom:16px;font-size:12.5px}.card-body p{margin:7px 0;color:#64748b}.card-body strong{color:#334155;font-weight:600}.login-access-badge{display:flex;align-items:center;gap:5px;color:#16a34a!important;font-weight:600;font-size:11.5px}.card-footer{display:flex;flex-wrap:wrap;gap:7px;padding-top:14px;border-top:1px solid #f0f1f6}.table-container{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8eaf0;box-shadow:0 1px 3px #0000000a}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead{background-color:#f8f9fc}.data-table th{padding:13px 18px;text-align:left;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #e8eaf0}.data-table td{padding:13px 18px;border-bottom:1px solid #f0f1f6;color:#334155}.data-table tbody tr{transition:background .15s}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:#f8f9fc}.reminder-type{display:inline-block;padding:4px 10px;background-color:#f0fdf4;color:#16a34a;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize}.action-buttons{display:flex;gap:6px}@media(max-width:1100px){.overview-layout{grid-template-columns:1fr}}@media(max-width:768px){.clients-page{padding:20px}.clients-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.view-toggle{margin-left:0}.section-header{flex-direction:column}.search-box{width:100%}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 12px}}.client-dashboard{min-height:100vh;background:#f5f6fa;padding:32px 40px 64px;font-family:Inter,sans-serif}.client-dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:14px;color:#94a3b8;font-family:Inter,sans-serif}.client-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:18px 26px;box-shadow:0 1px 3px #0000000a}.client-header-brand{display:flex;align-items:center;gap:18px}.client-header-logo{height:36px;width:auto;display:block}.client-header-divider{width:1px;height:32px;background:#e8eaf0}.client-dashboard-header h1{font-family:Syne,sans-serif;font-weight:700;font-size:19px;color:#0f172a;margin:0 0 4px}.client-dashboard-header p{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#94a3b8;margin:0}.client-dashboard-header button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(220,38,38,.3);background:#dc26260f;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:#dc2626;transition:background .16s,transform .15s}.client-dashboard-header button:hover{background:#dc26261f;transform:translateY(-1px)}.client-dashboard-empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e8eaf0;border-radius:16px;padding:64px 0;font-size:13.5px}.client-project-card{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 1px 3px #0000000a}.client-project-card h2{font-family:Syne,sans-serif;font-weight:700;font-size:17px;color:#0f172a;margin:0 0 18px;display:flex;align-items:center;gap:8px}.client-project-card h2:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f7931e,#e8590c);flex-shrink:0}.client-card{margin-bottom:18px;padding:20px;background:#f8f9fc;border:1px solid #eef0f4;border-radius:14px}.client-card:last-child{margin-bottom:0}.client-card h3{display:flex;align-items:center;gap:7px;font-family:Syne,sans-serif;font-weight:700;font-size:13.5px;color:#0f172a;margin:0 0 16px}.client-dashboard-muted{color:#94a3b8;font-size:13px}.client-deliverables{display:flex;flex-direction:column;gap:16px}.client-deliverable-row{border-bottom:1px solid #eef0f4;padding-bottom:12px}.client-deliverable-row:last-child{border-bottom:none;padding-bottom:0}.client-deliverable-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:8px}.client-status-pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.client-frequency-badge{margin-left:8px;font-size:11px;font-weight:700;color:#f7931e;background:#fff4e6;padding:2px 9px;border-radius:99px}.client-progress-bar{width:100%;height:8px;background:#eef0f4;border-radius:99px;overflow:hidden}.client-progress-fill{height:100%;border-radius:99px;transition:width .3s ease}.client-deliverable-meta{font-size:12px;color:#94a3b8;margin-top:7px}.client-payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.client-payment-label{display:block;font-size:10.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-bottom:5px}.client-payment-value{display:block;font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#0f172a}.client-overdue-badge{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;font-size:12px;font-weight:700;padding:6px 13px;border-radius:99px}@media(max-width:700px){.client-dashboard{padding:20px}.client-dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.client-payment-grid{grid-template-columns:repeat(2,1fr)}}