@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--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-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-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--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-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.right-3{right:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.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}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline\!{display:inline!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.h-2{height:calc(var(--spacing) * 2)}.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-24{height:calc(var(--spacing) * 24)}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-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}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}: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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.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-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pl-10{padding-left:calc(var(--spacing) * 10)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.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)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.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-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--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-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-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(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,)}.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-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))}.select-all{-webkit-user-select:all;user-select:all}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-700:hover{color:var(--color-red-700)}}.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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:bg-blue-400:disabled{background-color:var(--color-blue-400)}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(min-width:48rem){.md\:w-\[45\%\]{width:45%}.md\:w-\[55\%\]{width:55%}.md\:flex-row{flex-direction:row}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}:root{--font-geist-sans:"Open Sans", sans-serif;--font-geist-mono:"Open Sans", sans-serif;--bg:oklch(98.4% .002 260);--surface:#fff;--surface-2:oklch(97.6% .003 260);--surface-3:oklch(96.5% .004 260);--ink:oklch(24% .012 264);--ink-2:oklch(42% .012 264);--muted:oklch(56% .01 264);--faint:oklch(70% .008 264);--line:oklch(92.2% .004 264);--line-2:oklch(94.8% .003 264);--accent:oklch(55% .155 256);--accent-press:oklch(49% .155 256);--accent-soft:oklch(95.5% .028 256);--accent-line:oklch(90% .045 256);--accent-ink:oklch(42% .15 256);--ok:oklch(60% .115 158);--ok-soft:oklch(95.5% .03 158);--warn:oklch(68% .135 64);--warn-soft:oklch(95.8% .04 74);--danger:oklch(58% .165 26);--danger-soft:oklch(96.2% .03 26);--radius:13px;--radius-s:9px;--radius-xs:6px;--shadow-sm:0 1px 2px oklch(40% .02 264/.05), 0 1px 3px oklch(40% .02 264/.04)}@media(prefers-color-scheme:dark){:root{--bg:oklch(18% .005 260);--surface:oklch(23% .007 260);--surface-2:oklch(28% .008 260);--surface-3:oklch(33% .009 260);--ink:oklch(92% .008 260);--ink-2:oklch(75% .01 264);--muted:oklch(62% .01 264);--faint:oklch(48% .009 264);--line:oklch(35% .01 260);--line-2:oklch(30% .008 260);--accent:oklch(75% .155 256);--accent-press:oklch(80% .155 256);--accent-soft:oklch(25% .03 256);--accent-line:oklch(35% .05 256);--accent-ink:oklch(75% .12 256);--ok:oklch(65% .12 158);--ok-soft:oklch(25% .04 158);--warn:oklch(72% .14 64);--warn-soft:oklch(28% .05 74);--danger:oklch(63% .17 26);--danger-soft:oklch(28% .04 26);--shadow-sm:0 1px 2px oklch(0% 0 0/.2), 0 1px 3px oklch(0% 0 0/.15)}}body{background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans),"Open Sans"}.nav-item{border-radius:var(--radius-s);color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.workspace-item{color:var(--ink-2)}.nav-item svg{color:var(--faint)}.role-card{border-radius:var(--radius-s);align-items:center;gap:10px;padding:8px;display:flex}.avatar{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:grid}.role-name{font-size:12.5px;font-weight:600}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex}@media(prefers-color-scheme:dark){.topbar{background:#101214cc}}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px;transition:background .12s}*{scrollbar-color:var(--line) transparent;scrollbar-width:thin}.search input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:38px;color:var(--ink);border-radius:10px;padding:0 12px 0 38px;font-size:13.5px}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn.sm{border-radius:9px;width:32px;height:32px}.icon-btn .badge-count{background:var(--danger);color:#fff;border:2px solid var(--surface);box-sizing:content-box;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) badge-pop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 2px #00000026}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.spacer{flex:1}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.dashboard-hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.dashboard-hero-title{letter-spacing:-.02em;font-size:39px;font-weight:650;line-height:1.06}.dashboard-hero-sub{color:var(--muted);margin-top:6px;font-size:14px;font-weight:500;line-height:1.35}.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.scrim,.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#292e3852;position:fixed;inset:0}.modal,.modal-card{z-index:61;background:var(--surface);border-radius:16px;flex-direction:column;width:min(640px,94vw);max-height:90vh;animation:.2s cubic-bezier(.22,.61,.36,1) pop;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 50px #353b4524,0 4px 14px #4248530f}.modal.modal-wide{width:min(860px,96vw)}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.96)}to{transform:translate(-50%,-50%)scale(1)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.modal-head-main{align-items:flex-start;gap:12px;display:flex}.modal-head-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.modal-title{color:var(--ink);font-size:15px;font-weight:700}.modal-subtitle{color:var(--muted);margin-top:3px;font-size:13px}.modal-body{padding:20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.modal-form{gap:12px;display:grid}.type-row{gap:10px;display:grid}.type-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.type-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ffield{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13.5px;transition:border .12s,box-shadow .12s}.ffield.area{resize:vertical;height:auto;min-height:74px;padding:10px 12px}.field-check-row{justify-content:flex-end;align-items:center;display:flex}.value-box{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 14px;font-weight:600;display:flex}.value-box.success{background:var(--ok-soft);color:#005d38;color:oklch(42% .1 158);border-color:#badfc8}.value-box.info{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.upload-drop{border:1px dashed var(--line);background:var(--surface-2);text-align:center;min-height:136px;color:var(--muted);border-radius:14px;place-items:center;gap:5px;padding:18px;display:grid}.upload-drop strong{color:var(--ink-2);font-size:29px;font-weight:600}.upload-drop span{font-size:24px}.upload-drop input{display:none}.notify-banner{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);border-radius:10px;align-items:center;gap:8px;padding:11px 12px;font-size:12px;display:flex}.modal-form label{color:var(--ink-2);gap:5px;font-size:12.5px;font-weight:600;display:grid}.modal-form input,.modal-form select{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:9px;padding:0 12px;font-size:13.5px}.modal-form input:focus,.modal-form select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.modal-form input[type=file]{padding-top:7px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-preview{display:grid}@media(max-width:900px){.type-row-2,.type-row-3,.fgrid{grid-template-columns:1fr}.field-check-row{justify-content:flex-start}}.stat{flex-direction:column;gap:10px;padding:18px;display:flex}.stat-val{letter-spacing:-.025em;font-size:30px;font-weight:700}.stat-foot{color:var(--muted);font-size:12px}.logo{color:#fff;letter-spacing:-.02em;border-radius:12px;place-items:center;font-size:12.5px;font-weight:700;display:grid}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.reminder{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:14px 16px;display:flex}@keyframes fadeUp{0%{transform:translateY(7px)}to{transform:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:.875rem}.panel-muted{background:var(--surface-muted)}.tbl thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:11px 14px;font-size:11px;font-weight:600}.table-wrap{overflow-x:auto}.mono{font-family:var(--font-geist-mono),monospace}.client-cell .meta{line-height:1.3}.client-cell .nm{font-size:13.5px;font-weight:600}.client-cell .sub{color:var(--muted);font-size:11.5px}.doctype{border-radius:6px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.kcard{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px}.notif{border-bottom:1px solid var(--line-2);gap:12px;padding:14px 16px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.chip-count{font-family:var(--font-geist-mono),monospace;color:var(--muted);font-size:12px}.doc-cell{align-items:center;gap:10px;display:flex}.doc-icon{background:var(--surface-2);border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;display:grid}.row-actions{justify-content:flex-end;gap:6px;display:flex}.viewonly-note{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.notif-row{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notif-row:hover{background:var(--surface-2)}.notif-row:last-child{border-bottom:none}.notif-row.unread{background:#e5f1fc}.notif-ico.contract{background:var(--accent-soft);color:var(--accent-ink)}.notif-ico.amendment{color:#643b9a;background:#f2edff;background:oklch(95.5% .035 300)}.notif-ico.po{color:#005c71;color:oklch(44% .12 220);background:#d2f9fb}.notif-ico.reminder{background:var(--warn-soft);color:#7b4704}.notif-ico.expired{background:var(--danger-soft);color:#972e2b}.notif-main{flex:1;min-width:0}.notif-detail{color:var(--ink-2);margin-top:2px;font-size:13px}.notif-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.notif-dot{background:var(--accent);border-radius:50%;align-self:center;width:8px;height:8px}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-summary-grid{grid-template-columns:1.7fr 1fr 1fr}.dashboard-content-grid{grid-template-columns:1.6fr 1.05fr;align-items:start}.dashboard-left-stack,.dashboard-right-stack{gap:16px;display:grid}.stat-compact{gap:8px;padding:16px}.kpi-card{min-height:114px}.small-stat-card{min-height:149px}.kpi-suffix{color:var(--muted);margin-left:4px;font-size:20px;font-weight:500}.mix-inline{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mix-dot{border-radius:20px;width:8px;height:8px;margin-bottom:8px}.mix-dot.recurring{background:var(--accent)}.mix-dot.onetime{background:#5d9847}.stat-inline-val{margin-bottom:2px;font-size:15px;font-weight:700;line-height:1.2}.btn-sm-inline{border-radius:9px;height:30px;padding:0 10px;font-size:12px}.dash-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.border-bottom{border-bottom:1px solid var(--line)}.dashboard-main-grid{grid-template-columns:1.45fr 1fr}.dashboard-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-bar{border-radius:20px;gap:2px;height:14px;margin-bottom:14px;display:flex;overflow:hidden}.mix-segment{height:100%;display:block}.mix-segment.recurring{background:var(--accent)}.mix-segment.onetime{background:#5d9847}.mix-metrics{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mix-label{color:var(--muted);margin-bottom:4px;font-size:12px}.mix-sub{color:var(--muted);font-size:11.5px}.forecast-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:14px;margin-top:16px;display:grid}.forecast-col{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.forecast-val{color:var(--muted);min-height:16px;margin-bottom:6px;font-size:11px;display:block}.forecast-bar{background:var(--accent-soft);border:1px solid var(--accent-line);transform-origin:bottom;border-radius:8px 8px 6px 6px;width:60px;min-height:6px;transition:transform .2s,background-color .2s,border-color .2s}.forecast-col:hover .forecast-bar{background:var(--accent);border-color:var(--accent-press);transform:scaleY(1.05)}.forecast-bar.hot{background:var(--warn-soft);border-color:#eacba6}.forecast-col:hover .forecast-bar.hot{background:var(--warn);border-color:#d9a767}.forecast-month{color:var(--ink-2);margin-top:6px;font-size:12px;font-weight:600}.forecast-count{color:var(--muted);min-height:14px;font-size:11px}.service-list{flex-direction:column;gap:10px;display:flex}.service-row{grid-template-columns:minmax(140px,1fr) 1.45fr auto;align-items:center;gap:12px;display:grid}.service-name{color:var(--ink-2);font-size:12.5px}.service-track{background:var(--surface-3);border-radius:20px;height:8px;overflow:hidden}.service-fill{background:var(--accent);border-radius:20px;height:100%;display:block}.service-value{color:var(--ink-2);font-size:12.5px}.reminder-main{flex:1;min-width:0}.reminder-title{font-size:13px;font-weight:600;line-height:1.2}.reminder-sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.25}.reminder-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.reminder-stage{color:var(--muted);white-space:nowrap;font-size:11px}.account-row{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.account-row:hover{background:var(--surface-2)}.account-row:last-child{border-bottom:none}.account-rank{width:18px;color:var(--muted);flex:none;font-size:12.5px}.account-main{flex:1;min-width:0}.account-chip-wrap{margin-top:3px}.account-chip{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.account-name{color:var(--ink);font-size:13.5px;font-weight:600}.account-sub{color:var(--muted);margin-top:2px;font-size:11px}.account-value{color:var(--ink);font-size:13.5px;font-weight:700}.account-value-wrap{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.activity-list{flex-direction:column;display:flex}.timeline-list .activity-row{position:relative}.timeline-list .activity-row:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:38px;bottom:-10px;left:29px}.activity-row{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:12px 16px;display:flex}.activity-row:last-child{border-bottom:none}.activity-ico{background:var(--surface-2);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;display:grid}.activity-main{flex:1;min-width:0}.activity-title{font-size:13px;font-weight:600}.activity-sub{color:var(--muted);margin-top:2px;font-size:12px}@media(max-width:980px){.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:8px;padding:12px}.brand-sub-row,.nav-label,.sidebar-footer{display:none}.sidebar{white-space:nowrap;display:block;overflow-x:auto}.nav-item{width:auto;margin-right:6px;display:inline-flex}.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:10px 12px}.search{flex-basis:100%;order:2;max-width:100%}.topbar-actions{justify-content:flex-end;width:100%}.content-inner{padding:20px 14px 36px}.page-head{flex-wrap:wrap;gap:10px}.dashboard-hero{flex-wrap:wrap;align-items:flex-start;gap:12px}.dashboard-hero-title{font-size:28px}.dashboard-hero-sub{margin-top:4px;font-size:13.5px}.dashboard-hero-actions{justify-content:flex-start;width:100%}.dashboard-kpi-grid,.dashboard-kpi-grid-4,.dashboard-main-grid,.dashboard-extra-grid,.dashboard-summary-grid,.dashboard-content-grid,.mix-inline,.forecast-grid,.mix-metrics{grid-template-columns:1fr}.service-row{grid-template-columns:1fr;gap:6px}.dash-head{flex-wrap:wrap;align-items:flex-start}.reminder,.reminder-side{align-items:flex-start}}.notif:last-child{border-bottom:none}.notif-title{font-size:13.5px;font-weight:600;line-height:1.4}.billing-comp-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.billing-comp-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:11px;align-items:center;width:100%;padding:12px 14px;transition:border .12s,background .12s;display:flex}.billing-comp-card:hover{background:var(--surface-2)}.billing-comp-card:disabled{opacity:.55;cursor:not-allowed;background:var(--surface-2);border-color:var(--line)}.billing-comp-card:disabled:hover{background:var(--surface-2)}.billing-comp-card.on{border-color:var(--accent);background:var(--accent-soft)}.billing-comp-card .comp-icon{color:var(--muted);flex-shrink:0;margin-right:12px}.billing-comp-card.on .comp-icon{color:var(--accent)}.billing-comp-card .comp-main{flex:1;min-width:0;margin-right:8px}.billing-comp-card .comp-title{color:var(--ink);font-size:13.5px;font-weight:700}.billing-comp-card.on .comp-title{color:var(--accent-ink)}.billing-comp-card .comp-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.billing-comp-card .comp-check{border:1px solid var(--line);background:var(--surface);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.billing-comp-card.on .comp-check{background:var(--accent);border-color:var(--accent);color:#fff}.payment-terms-row{align-items:center;gap:8px;display:flex}.term-btn{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink-2);cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px;font-weight:600;transition:all .12s}.term-btn:hover{background:var(--surface-2)}.term-btn.on{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.term-input-wrap{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;width:110px;height:38px;padding:0 12px;transition:all .12s;display:flex}.term-input-wrap:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.modal-form input.term-input{width:100%;color:var(--ink);font-size:13px;font-weight:650;font-family:var(--font-geist-sans),sans-serif;text-align:left;outline:none;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.term-input-unit{color:var(--muted);font-size:12.5px;font-weight:500;font-family:var(--font-geist-sans),sans-serif;margin-left:6px}.delivery-row{gap:8px;display:flex}.delivery-btn{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink-2);cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px;font-weight:600;transition:all .12s}.delivery-btn:hover{background:var(--surface-2)}.delivery-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.checkpills-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.checkpill{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.checkpill:hover{background:var(--surface-2)}.checkpill.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}.checkpill .pill-check-ico{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:inline-flex}.positions-table{border-collapse:collapse;width:100%;margin-bottom:10px}.positions-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;font-size:11px;font-weight:600}.positions-table td{vertical-align:middle;padding:6px}.positions-table input.ffield{border-radius:8px;height:36px;padding:0 10px;font-size:13px}.btn-add-pos{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.btn-add-pos:hover{background:var(--accent-soft)}.positions-summary-row{justify-content:space-between;align-items:center;margin-top:4px;padding:0 6px;display:flex}.positions-summary-text{color:var(--ink-2);font-size:13px;font-weight:600}.btn-delete-pos{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;place-items:center;padding:6px;transition:background .12s,color .12s;display:grid}.btn-delete-pos:hover{background:var(--danger-soft);color:var(--danger)}@media(max-width:900px){.billing-comp-grid{grid-template-columns:1fr}}:root{--bg:oklch(98.4% .002 260);--surface:#fff;--surface-2:oklch(97.6% .003 260);--surface-3:oklch(96.5% .004 260);--ink:oklch(24% .012 264);--ink-2:oklch(42% .012 264);--muted:oklch(56% .01 264);--faint:oklch(70% .008 264);--line:oklch(92.2% .004 264);--line-2:oklch(94.8% .003 264);--accent:oklch(55% .155 256);--accent-press:oklch(49% .155 256);--accent-soft:oklch(95.5% .028 256);--accent-line:oklch(90% .045 256);--accent-ink:oklch(42% .15 256);--ok:oklch(60% .115 158);--ok-soft:oklch(95.5% .03 158);--warn:oklch(68% .135 64);--warn-soft:oklch(95.8% .04 74);--danger:oklch(58% .165 26);--danger-soft:oklch(96.2% .03 26);--radius:13px;--radius-s:9px;--radius-xs:6px;--shadow-sm:0 1px 2px oklch(40% .02 264/.05), 0 1px 3px oklch(40% .02 264/.04);--shadow-md:0 4px 14px oklch(40% .02 264/.07), 0 1px 3px oklch(40% .02 264/.05);--shadow-lg:0 18px 50px oklch(35% .02 264/.14), 0 4px 14px oklch(40% .02 264/.06);--sans:"Open Sans", system-ui, -apple-system, sans-serif;--mono:"Open Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd1d4 padding-box content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#b5b7bb padding-box content-box}.app{grid-template-columns:248px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.brand{align-items:center;gap:11px;padding:8px 8px 4px;display:flex}.brand-logo{width:168px;max-width:100%;height:auto;display:block}.brand-sub-row{color:var(--muted);letter-spacing:.02em;padding:0 10px 14px;font-size:11px;font-weight:500}.brand-mark{background:var(--ink);color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.brand-mark .dot{background:var(--accent);border-radius:3px;width:11px;height:11px}.brand-name{letter-spacing:-.01em;font-size:14.5px;font-weight:700;line-height:1.1}.brand-sub{color:var(--muted);letter-spacing:.02em;font-size:11px}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:16px 10px 6px;font-size:10.5px;font-weight:700}.nav-item{border-radius:var(--radius-s);color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-item svg{color:var(--faint);flex:none}.nav-item.active svg{color:var(--accent)}.nav-item .count{color:var(--muted);background:var(--surface-3);border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-item.active .count{color:var(--accent-ink);background:#fff}.nav-item .count.alert{background:var(--danger);color:#fff}.sidebar-footer{border-top:1px solid var(--line-2);margin-top:auto;padding-top:14px}.role-card{border-radius:var(--radius-s);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:background .12s;display:flex}.role-card:hover{background:var(--surface-2)}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:grid}.role-meta{min-width:0;line-height:1.25}.role-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.role-role{color:var(--muted);font-size:11px}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;flex:none;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex}.search{flex:1;align-items:center;max-width:460px;display:flex;position:relative}.search svg{color:var(--faint);pointer-events:none;position:absolute;left:12px}.search input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:38px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px 0 38px;font-size:13.5px;transition:border .14s,background .14s,box-shadow .14s}.search input::placeholder{color:var(--faint)}.search input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.search .kbd{font-family:var(--mono);color:var(--faint);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:11px;position:absolute;right:10px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);border-radius:10px;place-items:center;transition:background .12s,border .12s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.icon-btn .badge-dot{background:var(--danger);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.content{flex:1;overflow-y:auto}.content-inner{max-width:1320px;margin:0 auto;padding:28px 32px 64px}.page-head{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.02em;font-size:23px;font-weight:700}.page-sub{color:var(--muted);margin-top:3px;font-size:13.5px}.page-head .spacer{flex:1}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:13px;font-weight:600;transition:background .12s,border .12s,box-shadow .12s,transform 40ms;display:inline-flex}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-press)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-soft{background:var(--accent-soft);color:var(--accent-ink)}.btn-soft:hover{background:var(--accent-line)}.btn-sm{border-radius:8px;height:32px;padding:0 11px;font-size:12.5px}.btn-icon-only{justify-content:center;width:38px;padding:0}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:18px}.grid{gap:16px;display:grid}.stat{flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--muted);font-size:12.5px;font-weight:500}.stat-ico{background:var(--surface-2);width:32px;height:32px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.stat-val{letter-spacing:-.025em;font-feature-settings:"tnum";font-size:30px;font-weight:700;line-height:1}.stat-val .unit{color:var(--muted);margin-left:3px;font-size:15px;font-weight:600}.stat-foot{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.trend{align-items:center;gap:3px;font-weight:600;display:inline-flex}.trend.up{color:var(--ok)}.trend.down{color:var(--danger)}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.badge .dot{border-radius:50%;width:6px;height:6px}.badge.active{background:var(--ok-soft);color:#005d38;color:oklch(42% .1 158)}.badge.active .dot{background:var(--ok)}.badge.expiring{background:var(--warn-soft);color:#874e00;color:oklch(48% .11 64)}.badge.expiring .dot{background:var(--warn)}.badge.expired{background:var(--danger-soft);color:#9e2c2a}.badge.expired .dot{background:var(--danger)}.badge.draft{background:var(--surface-3);color:var(--muted)}.badge.draft .dot{background:var(--faint)}.badge.neutral{background:var(--surface-3);color:var(--ink-2)}.chip{border:1px solid var(--line);background:var(--surface);height:30px;color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:500;transition:background .12s,border .12s;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}.doctype{border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.doctype.contract{background:var(--accent-soft);color:var(--accent-ink)}.doctype.amendment{color:#643b9a;background:#f2edff;background:oklch(95.5% .035 300)}.doctype.po{color:#005c71;color:oklch(44% .12 220);background:#d2f9fb}.tbl{border-collapse:collapse;width:100%}.tbl thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:600}.tbl tbody td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:13px 14px;font-size:13px}.tbl tbody tr{transition:background .1s}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.clickable:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.t-strong{color:var(--ink);font-weight:600}.t-muted{color:var(--muted)}.client-cell{align-items:center;gap:11px;display:flex}.logo{color:#fff;letter-spacing:-.02em;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;display:grid}.client-cell .meta{min-width:0;line-height:1.3}.client-cell .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.tbl td:first-child,.tbl th:first-child{min-width:212px}.client-cell .sub{color:var(--muted);white-space:nowrap;font-size:11.5px}.hcbar{align-items:center;gap:9px;display:flex}.hcbar .track{background:var(--surface-3);border-radius:20px;flex:1;min-width:60px;height:6px;overflow:hidden}.hcbar .fill{background:var(--accent);border-radius:20px;height:100%}.hcbar .fill.warn{background:var(--warn)}.hcbar .fill.over{background:var(--danger)}.hcbar .lbl{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;font-size:11.5px}.numin{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:2px;height:32px;padding:0 8px;transition:border .12s,box-shadow .12s;display:inline-flex}.numin:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.numin input{width:100%;font-family:var(--mono);color:var(--ink);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.numin input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numin-aff{font-family:var(--mono);color:var(--muted);font-size:12px}.txtin{border:1px solid var(--line);background:var(--surface);height:32px;font-family:var(--sans);color:var(--ink);border-radius:8px;outline:none;padding:0 10px;font-size:13px;font-weight:500;transition:border .12s,box-shadow .12s}.txtin:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.txtin::placeholder{color:var(--faint)}.stepper{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:stretch;height:32px;display:inline-flex;overflow:hidden}.stepper:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.stepper button{background:var(--surface-2);width:28px;color:var(--ink-2);border:none;place-items:center;font-size:16px;font-weight:600;line-height:1;display:grid}.stepper button:hover{background:var(--accent-soft);color:var(--accent-ink)}.stepper input{border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;width:42px;font-family:var(--mono);color:var(--ink);background:var(--surface);-moz-appearance:textfield;outline:none;font-size:13px;font-weight:600}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.msf-row{border-bottom:1px solid var(--line-2);grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:11px 0;display:grid}.msf-row:last-of-type{border-bottom:none}.msf-head{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:700}.msf-total{background:var(--accent-soft);border-radius:11px;align-items:baseline;gap:10px;margin-top:14px;padding:14px 16px;display:flex}.msf-total .big{font-family:var(--mono);letter-spacing:-.02em;color:var(--accent-ink);font-size:26px;font-weight:700}.countdown{font-family:var(--mono);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.countdown.soon{color:#874e00;color:oklch(48% .11 64)}.countdown.urgent{color:#9e2c2a}.countdown.safe{color:var(--muted)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:0;display:flex}.tab{color:var(--muted);background:0 0;border:none;padding:11px 14px;font-size:13.5px;font-weight:500;transition:color .12s;position:relative}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);font-weight:600}.tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab .pill{color:var(--muted);background:var(--surface-3);border-radius:20px;margin-left:7px;padding:0 7px;font-size:11px;font-weight:600}.timeline{padding-left:6px;position:relative}.tl-item{gap:14px;padding-bottom:20px;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";background:var(--line);width:1.5px;position:absolute;top:26px;bottom:-2px;left:13px}.tl-dot{background:var(--surface-2);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);z-index:1;border-radius:50%;flex:none;place-items:center;display:grid}.tl-dot.accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.tl-body{flex:1;padding-top:3px}.tl-title{font-size:13.5px}.tl-title b{font-weight:600}.tl-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.reminder{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:background .1s;display:flex}.reminder:last-child{border-bottom:none}.reminder:hover{background:var(--surface-2)}.reminder .rail{border-radius:4px;flex:none;align-self:stretch;width:4px}.reminder .rail.urgent{background:var(--danger)}.reminder .rail.soon{background:var(--warn)}.reminder .rail.safe{background:var(--faint)}.kanban{grid-auto-columns:300px;grid-auto-flow:column;gap:16px;padding-bottom:16px;display:grid;overflow-x:auto}.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;max-height:calc(100vh - 230px);display:flex}.kcol-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:13px 15px;display:flex;position:sticky;top:0}.kcol-dot{border-radius:3px;width:9px;height:9px}.kcol-title{font-size:13px;font-weight:600}.kcol-count{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-left:auto;padding:0 8px;font-size:11.5px;font-weight:600}.kcol-body{flex-direction:column;gap:10px;padding:11px;display:flex;overflow-y:auto}.kcard{background:var(--surface);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:11px;padding:13px;transition:box-shadow .14s,border .14s,transform 60ms}.kcard:hover{box-shadow:var(--shadow-md);border-color:var(--accent-line)}.kcard:active{transform:scale(.99)}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#292e3852;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:61;width:min(560px,94vw);box-shadow:var(--shadow-lg);flex-direction:column;animation:.26s cubic-bezier(.22,.61,.36,1) slidein;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(0)}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.modal{z-index:61;background:var(--surface);width:min(640px,94vw);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;max-height:90vh;animation:.2s cubic-bezier(.22,.61,.36,1) pop;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-head,.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.modal-body,.drawer-body{padding:20px;overflow-y:auto}.modal-foot,.drawer-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 20px;display:flex}.notif{border-bottom:1px solid var(--line-2);cursor:pointer;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.notif:hover{background:var(--surface-2)}.notif.unread{background:var(--accent-soft)}.notif.unread:hover{background:var(--accent-line)}.notif-ico{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.notif-body{flex:1;min-width:0}.notif-title{font-size:13.5px;line-height:1.4}.notif-time{color:var(--muted);margin-top:3px;font-size:11.5px}.notif .unread-dot{background:var(--accent);border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.pop{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:70;border-radius:13px;position:absolute;overflow:hidden}.pop-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 13px;font-size:13px;transition:background .1s;display:flex}.pop-item:hover{background:var(--surface-2)}.pop-item.on{color:var(--accent-ink);font-weight:600}.pop-item svg{color:var(--faint)}.pop-item.on svg{color:var(--accent)}.pdfpage{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:4px;padding:30px 34px}.pdf-line{background:var(--surface-3);border-radius:3px;height:9px;margin-bottom:10px}.doc-panel-scrim{z-index:55;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#292e3838}.doc-panel{z-index:56;background:var(--surface);flex-direction:column;width:min(420px,96vw);animation:.28s cubic-bezier(.22,.61,.36,1) doc-panel-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 32px #353b451f,-1px 0 4px #4248530f}@keyframes doc-panel-in{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.doc-panel-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.doc-panel-icon{background:var(--surface-2);width:42px;height:42px;color:var(--ink-2);border-radius:11px;flex:none;place-items:center;display:grid}.doc-panel-title{word-break:break-word;font-size:15.5px;font-weight:700;line-height:1.25}.doc-panel-subtitle{color:var(--muted);margin-top:3px;font-size:12px}.doc-panel-body{flex:1;padding:18px 20px 24px;overflow-y:auto}.doc-panel-meta{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.doc-panel-desc{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:10px;margin-bottom:16px;padding:12px 14px}.doc-panel-desc-label{color:var(--accent-ink);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.doc-panel-desc-text{color:var(--accent-ink);font-size:13px;line-height:1.45}.doc-panel-preview{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:8px;padding:24px 22px;background:#fff!important}.doc-panel-preview,.doc-panel-preview *{color:#1e293b!important}.doc-panel-preview .t-muted{color:#64748b!important}.doc-panel-preview .pdf-line{background:#e2e8f0!important}.doc-panel-holder-row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.doc-panel-lines{flex-direction:column;display:flex}.doc-panel-page-note{text-align:center;color:var(--faint);margin-top:10px;font-size:11.5px}.doc-panel-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:14px 20px;display:flex}.divider{background:var(--line);height:1px;margin:0}.empty{text-align:center;color:var(--muted);padding:48px 20px}.kv{grid-template-columns:130px 1fr;gap:6px 14px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{color:var(--ink);margin:0;font-weight:500}.section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:700}.banner{border-radius:11px;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.banner.warn{background:var(--warn-soft);color:#7b4704}.banner.info{background:var(--accent-soft);color:var(--accent-ink)}.banner.danger{background:var(--danger-soft);color:#972e2b}.tag{color:var(--muted);background:var(--surface-3);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.fgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.full{grid-column:1/-1}.flabel{color:var(--ink-2);font-size:12px;font-weight:600}.flabel .opt{color:var(--faint);font-weight:500}.ffield{border:1px solid var(--line);background:var(--surface);height:40px;font-family:var(--sans);color:var(--ink);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13.5px;transition:border .12s,box-shadow .12s}.ffield:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.ffield::placeholder{color:var(--faint)}select.ffield{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2399a' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:30px}.fhint{color:var(--muted);font-size:11.5px}.hctoggle{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;height:40px;color:var(--ink-2);border-radius:9px;align-items:center;gap:9px;padding:0 12px;font-size:13px;display:flex}.hctoggle input{width:16px;height:16px;accent-color:var(--accent)}.billopt{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:flex-start;gap:10px;padding:12px 32px 12px 13px;transition:border .12s,background .12s;display:flex;position:relative}.billopt:hover:not(:disabled){border-color:var(--accent-line)}.billopt.on{border-color:var(--accent);background:var(--accent-soft)}.billopt:disabled{opacity:.5;cursor:not-allowed}.billopt-ic{color:var(--muted);flex:none;margin-top:1px}.billopt.on .billopt-ic{color:var(--accent)}.billopt-txt{min-width:0}.billopt-lbl{color:var(--ink);font-size:13px;font-weight:650}.billopt-sub{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.billopt-check{border:1.5px solid var(--line);color:#fff;background:var(--surface-2);border-radius:5px;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:11px;right:11px}.billopt.on .billopt-check{background:var(--accent);border-color:var(--accent)}.bills-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.bill-chip{letter-spacing:.02em;background:var(--accent-soft);height:19px;color:var(--accent-ink);border:1px solid var(--accent-line);border-radius:5px;align-items:center;padding:0 7px;font-size:10.5px;font-weight:600;display:inline-flex}.net-pill{background:var(--surface-3);height:20px;color:var(--ink-2);border:1px solid var(--line);border-radius:5px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.net-pill svg{color:var(--faint)}.pterms{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.pterm-chip{border:1px solid var(--line);background:var(--surface);min-width:40px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:8px;padding:0 11px;font-size:13px;font-weight:600;transition:border .12s,background .12s,color .12s}.pterm-chip:hover{border-color:var(--accent-line)}.pterm-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.pterm-custom{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:border .12s,background .12s;display:inline-flex}.pterm-custom.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.pterm-custom input{width:44px;font-family:var(--mono);color:var(--ink);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.pterm-custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pterm-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.typecard{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:13px 12px;transition:border .12s,background .12s}.typecard.on{border-color:var(--accent);background:var(--accent-soft)}.typecard .tc-ico{color:var(--ink-2)}.typecard.on .tc-ico{color:var(--accent)}.typecard .tc-lbl{margin-top:8px;font-size:13px;font-weight:600}.typecard.on .tc-lbl{color:var(--accent-ink)}.typecard .tc-sub{color:var(--muted);margin-top:2px;font-size:11px}.fade-in{animation:.32s cubic-bezier(.22,.61,.36,1) fadeUp}.role-pill{background:var(--surface-3);color:var(--ink-2);border-radius:7px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.bchip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.bchip.rec{background:var(--accent-soft);color:var(--accent-ink)}.bchip.one{color:#286209;background:#e5f6e0}.bchip.mix{color:#623e96;background:#f2edff;background:oklch(95.5% .03 300)}.acct-head{cursor:pointer;align-items:center;gap:13px;padding:14px 16px;transition:background .12s;display:flex}.acct-head:hover{background:var(--surface-2)}.acct-ic{color:#fff;letter-spacing:-.02em;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.acct-meta{flex-wrap:wrap;gap:8px 22px;padding:4px 16px 12px 63px;display:flex}.acct-kv{color:var(--ink-2);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.acct-kv svg{color:var(--faint);flex:none}.acct-billing-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 16px 14px 63px;display:flex}.btype{letter-spacing:.02em;border:1px solid var(--line);background:var(--surface);border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;transition:background .12s,border .12s,color .12s;display:inline-flex}.btype.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.btype.off{color:var(--faint);background:var(--surface-2)}.invchip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.invchip .invdot{border-radius:50%;width:6px;height:6px}.invchip.sent{background:var(--ok-soft);color:#005d38;color:oklch(42% .1 158)}.invchip.sent .invdot{background:var(--ok)}.invchip.pending{background:var(--warn-soft);color:#874e00;color:oklch(48% .11 64)}.invchip.pending .invdot{background:var(--warn)}.invchip.missed{background:var(--danger-soft);color:#9e2c2a}.invchip.missed .invdot{background:var(--danger)}.invchip.na{background:var(--surface-3);color:var(--faint)}.invchip.na .invdot{background:var(--faint)}.viewonly-note{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.badge.inactive{background:var(--surface-3);color:var(--muted)}.badge.inactive .dot{background:var(--faint)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#b63230}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger-soft);border-color:var(--danger-soft)}.acct-inactive{opacity:.92}.acct-inactive .acct-head{background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 9px,var(--surface) 9px,var(--surface) 18px)}.acct-editing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ended-banner{background:var(--surface-3);color:var(--ink-2);border-radius:10px;align-items:center;gap:11px;margin:0 16px 4px;padding:11px 16px;display:flex}.ended-banner>svg{color:var(--muted);flex:none}.acct-edit-body{padding:4px 16px 8px}.acct-edit-foot{border-top:1px solid var(--line);background:var(--surface-2);align-items:center;gap:8px;padding:13px 16px;display:flex}.err-banner{background:var(--danger-soft);color:#892120;border-radius:10px;gap:11px;margin-bottom:16px;padding:12px 14px;font-size:12.5px;display:flex}.err-banner>svg{flex:none;margin-top:1px}.err-banner ul{gap:2px;margin:0;padding-left:16px;display:grid}.seg{border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:0;display:inline-flex;overflow:hidden}.seg-btn{background:var(--surface);height:38px;color:var(--ink-2);cursor:pointer;border:none;border-right:1px solid var(--line);padding:0 14px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--surface-2)}.seg-btn.on{background:var(--accent-soft);color:var(--accent-ink)}.att-grid{flex-wrap:wrap;gap:7px;display:flex}.att-chip{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink-2);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 12px 0 9px;font-size:12.5px;font-weight:600;transition:border .12s,background .12s,color .12s;display:inline-flex}.att-chip:hover:not(:disabled){border-color:var(--accent-line)}.att-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.att-chip:disabled{opacity:.45;cursor:not-allowed}.att-box{border:1.5px solid var(--line);color:#fff;background:var(--surface-2);border-radius:5px;flex:none;place-items:center;width:16px;height:16px;display:grid}.att-chip.on .att-box{background:var(--accent);border-color:var(--accent)}.binfo{gap:8px;display:grid}.binfo-row{grid-template-columns:130px 1fr;align-items:start;gap:12px;font-size:12.5px;display:grid}.binfo-k{color:var(--muted);font-weight:500}.binfo-v{color:var(--ink-2);min-width:0}.po-edit{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:13px 13px 10px;position:relative}.po-edit-grid{grid-template-columns:1fr 1fr;gap:11px 13px;display:grid}.po-edit-grid .field.full{grid-column:1/-1}.po-del{border:1px solid var(--line);background:var(--surface);height:26px;color:var(--danger);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:11px;right:11px}.po-del:hover{background:var(--danger-soft);border-color:var(--danger-soft)}.pos-editor{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.pos-erow{border-bottom:1px solid var(--line-2);grid-template-columns:1fr 64px 1fr 1fr 100px 28px;align-items:center;gap:8px;padding:7px 9px;display:grid}.pos-erow:last-of-type{border-bottom:none}.pos-erow .ffield{height:32px}.pos-ehead{background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:6px 9px;font-size:10px;font-weight:700}.pos-total{text-align:right;color:var(--ink-2);font-size:12px;font-weight:600}.pos-del{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.pos-del:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger-soft);color:var(--danger)}.pos-del:disabled{opacity:.4;cursor:not-allowed}.pos-foot{background:var(--surface-2);border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;display:flex}.pos-grand{color:var(--muted);font-size:12px}.ceiling-edit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ceiling-topnote{color:var(--muted);font-size:11.5px}.po-block{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 14px}.po-block.po-inactive{background:var(--surface-2);opacity:.82}.po-block-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.po-svc{font-size:13.5px;font-weight:700}.po-num{color:var(--muted);margin-top:2px;font-size:11.5px}.pos-table{border:1px solid var(--line-2);border-radius:9px;margin-top:11px;overflow:hidden}.pos-trow{border-bottom:1px solid var(--line-2);grid-template-columns:1fr 60px 120px 120px;align-items:center;gap:8px;padding:8px 11px;font-size:12.5px;display:grid}.pos-trow:last-child{border-bottom:none}.pos-trow>div:nth-child(2){text-align:center}.pos-trow>div:nth-child(3),.pos-trow>div:nth-child(4){text-align:right}.pos-thead{background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:700}.pos-tfoot{background:var(--surface-2);font-weight:700}.ceiling-box{background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;margin-top:11px;padding:10px 12px}.ceiling-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.ceiling-lbl{color:var(--ink-2);font-size:11.5px;font-weight:600}.ceiling-bar{background:var(--line);border-radius:4px;height:7px;overflow:hidden}.ceiling-fill{background:var(--accent);border-radius:4px;height:100%}.ceiling-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:7px;font-size:11.5px;display:flex}.ceiling-bal b{color:var(--ok)}.ceiling-bal.low b{color:var(--danger)}.ceiling-topups{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.topup-chip{background:var(--ok-soft);height:20px;color:var(--ok);border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:10.5px;font-weight:600;display:inline-flex}.po-actions{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:11px;display:flex}.topup-summary{background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.topup-summary>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.topup-summary>div b{color:var(--ink)}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-md);opacity:0;border-radius:11px;align-items:center;gap:10px;max-width:min(460px,92vw);padding:11px 16px;font-size:13px;font-weight:500;transition:opacity .22s,transform .22s;display:flex;transform:translateY(8px)}.toast.in{opacity:1;transform:translateY(0)}.toast .toast-ic{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:14px;display:grid}.toast.ok .toast-ic{background:var(--ok)}.toast.error{background:#621d1b}.toast.error .toast-ic{background:var(--danger)}.toast.info .toast-ic{background:var(--accent)}#print-area{display:none}@media print{body.printing .app{display:none!important}body.printing #print-area{color:#111;font-family:var(--sans);display:block}@page{margin:16mm}#print-area .ph{border-bottom:2px solid #111;margin-bottom:18px;padding-bottom:12px}#print-area .plogo{width:188px;height:auto;margin-bottom:10px;display:block}#print-area h1{letter-spacing:-.02em;margin:12px 0 4px;font-size:26px}#print-area .psub{color:#555;margin-top:2px;font-size:12.5px}#print-area .pt{border-collapse:collapse;width:100%;margin-bottom:18px}#print-area .pt th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#666;border-bottom:1.5px solid #111;padding:8px;font-size:10px}#print-area .pt td{border-bottom:1px solid #ddd;padding:9px 8px;font-size:12.5px}#print-area .pt .r,#print-area .ptot,#print-area .r{text-align:right}#print-area .pt .b{font-weight:700}#print-area .mono{font-family:Open Sans,sans-serif}#print-area .ptot{width:320px;margin-left:auto}#print-area .ptot>div{border-bottom:1px solid #eee;justify-content:space-between;padding:7px 0;font-size:13px;display:flex}#print-area .ptot .hl{border-top:2px solid #111;border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:700}#print-area .pfoot{color:#888;border-top:1px solid #ddd;margin-top:28px;padding-top:10px;font-size:11px}#print-area h2{border-bottom:1px solid #ccc;margin:18px 0 8px;padding-bottom:4px;font-size:15px}#print-area h2 .hsub{color:#777;font-size:11px;font-weight:500}#print-area .flat{padding:8px 0 4px;font-size:13px}#print-area .atot{text-align:right;color:#333;padding:6px 0 4px;font-size:12.5px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@keyframes spin{to{transform:rotate(360deg)}}