@charset "UTF-8";*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.ik-component,.ik-component *),:where(.ik-component,.ik-component *):after,:where(.ik-component,.ik-component *):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(.ik-component,.ik-component *):after,:where(.ik-component,.ik-component *):before{--tw-content:""}.ik-component{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;line-height:inherit;margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr:where(.ik-component,.ik-component *){border-top-width:1px;color:inherit;height:0}abbr:where([title]):where(.ik-component,.ik-component *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.ik-component,.ik-component *),h2:where(.ik-component,.ik-component *),h3:where(.ik-component,.ik-component *),h4:where(.ik-component,.ik-component *),h5:where(.ik-component,.ik-component *),h6:where(.ik-component,.ik-component *){font-size:inherit;font-weight:inherit}a:where(.ik-component,.ik-component *){color:inherit;text-decoration:inherit}b:where(.ik-component,.ik-component *),strong:where(.ik-component,.ik-component *){font-weight:bolder}code:where(.ik-component,.ik-component *),kbd:where(.ik-component,.ik-component *),pre:where(.ik-component,.ik-component *),samp:where(.ik-component,.ik-component *){font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small:where(.ik-component,.ik-component *){font-size:80%}sub:where(.ik-component,.ik-component *),sup:where(.ik-component,.ik-component *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.ik-component,.ik-component *){bottom:-.25em}sup:where(.ik-component,.ik-component *){top:-.5em}table:where(.ik-component,.ik-component *){border-collapse:collapse;border-color:inherit;text-indent:0}button:where(.ik-component,.ik-component *),input:where(.ik-component,.ik-component *),optgroup:where(.ik-component,.ik-component *),select:where(.ik-component,.ik-component *),textarea:where(.ik-component,.ik-component *){font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button:where(.ik-component,.ik-component *),select:where(.ik-component,.ik-component *){text-transform:none}button:where(.ik-component,.ik-component *),input:where([type=button]):where(.ik-component,.ik-component *),input:where([type=reset]):where(.ik-component,.ik-component *),input:where([type=submit]):where(.ik-component,.ik-component *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.ik-component,.ik-component *){outline:auto}:-moz-ui-invalid:where(.ik-component,.ik-component *){box-shadow:none}progress:where(.ik-component,.ik-component *){vertical-align:baseline}:where(.ik-component,.ik-component *) ::-webkit-inner-spin-button,:where(.ik-component,.ik-component *) ::-webkit-outer-spin-button{height:auto}[type=search]:where(.ik-component,.ik-component *){-webkit-appearance:textfield;outline-offset:-2px}:where(.ik-component,.ik-component *) ::-webkit-search-decoration{-webkit-appearance:none}:where(.ik-component,.ik-component *) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary:where(.ik-component,.ik-component *){display:list-item}blockquote:where(.ik-component,.ik-component *),dd:where(.ik-component,.ik-component *),dl:where(.ik-component,.ik-component *),figure:where(.ik-component,.ik-component *),h1:where(.ik-component,.ik-component *),h2:where(.ik-component,.ik-component *),h3:where(.ik-component,.ik-component *),h4:where(.ik-component,.ik-component *),h5:where(.ik-component,.ik-component *),h6:where(.ik-component,.ik-component *),hr:where(.ik-component,.ik-component *),p:where(.ik-component,.ik-component *),pre:where(.ik-component,.ik-component *){margin:0}fieldset:where(.ik-component,.ik-component *){margin:0;padding:0}legend:where(.ik-component,.ik-component *){padding:0}menu:where(.ik-component,.ik-component *),ol:where(.ik-component,.ik-component *),ul:where(.ik-component,.ik-component *){list-style:none;margin:0;padding:0}dialog:where(.ik-component,.ik-component *){padding:0}textarea:where(.ik-component,.ik-component *){resize:vertical}:where(.ik-component,.ik-component *) input::-moz-placeholder,:where(.ik-component,.ik-component *) textarea::-moz-placeholder{color:#9ca3af;opacity:1}:where(.ik-component,.ik-component *) input::placeholder,:where(.ik-component,.ik-component *) textarea::placeholder{color:#9ca3af;opacity:1}[role=button]:where(.ik-component,.ik-component *),button:where(.ik-component,.ik-component *){cursor:pointer}:disabled:where(.ik-component,.ik-component *){cursor:default}audio:where(.ik-component,.ik-component *),canvas:where(.ik-component,.ik-component *),embed:where(.ik-component,.ik-component *),iframe:where(.ik-component,.ik-component *),img:where(.ik-component,.ik-component *),object:where(.ik-component,.ik-component *),svg:where(.ik-component,.ik-component *),video:where(.ik-component,.ik-component *){display:block;vertical-align:middle}img:where(.ik-component,.ik-component *),video:where(.ik-component,.ik-component *){height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])):where(.ik-component,.ik-component *){display:none}.ik-fixed{position:fixed}.ik-relative{position:relative}.ik-inset-0{top:0;right:0;bottom:0;left:0}.ik-left-\[50\%\]{left:50%}.ik-top-\[50\%\]{top:50%}.ik-z-\[1009\]{z-index:1009}.ik-z-\[1010\]{z-index:1010}.ik-z-\[1011\]{z-index:1011}.ik-z-\[999\]{z-index:999}.ik-mx-2{margin-left:.5rem;margin-right:.5rem}.ik-mx-auto{margin-left:auto;margin-right:auto}.ik-my-2{margin-bottom:.5rem;margin-top:.5rem}.ik-my-\[20px\]{margin-bottom:20px;margin-top:20px}.ik-ml-2{margin-left:.5rem}.ik-mr-2{margin-right:.5rem}.ik-mt-1{margin-top:.25rem}.ik-mt-2{margin-top:.5rem}.ik-mt-\[12px\]{margin-top:12px}.ik-block{display:block}.ik-inline-block{display:inline-block}.ik-flex{display:flex}.ik-hidden{display:none}.ik-h-5{height:1.25rem}.ik-h-6{height:1.5rem}.ik-h-8{height:2rem}.ik-h-\[40px\]{height:40px}.ik-h-\[48px\]{height:48px}.ik-h-full{height:100%}.ik-max-h-\[420px\]{max-height:420px}.ik-max-h-\[85vh\]{max-height:85vh}.ik-w-5{width:1.25rem}.ik-w-6{width:1.5rem}.ik-w-8{width:2rem}.ik-w-\[110px\]{width:110px}.ik-w-\[320px\]{width:320px}.ik-w-\[90vw\]{width:90vw}.ik-w-full{width:100%}.ik-min-w-\[140px\]{min-width:140px}.ik-min-w-\[320px\]{min-width:320px}.ik-max-w-\[490px\]{max-width:490px}.ik-flex-1{flex:1 1 0%}.ik-flex-shrink{flex-shrink:1}.ik-translate-x-\[-50\%\]{--tw-translate-x:-50%}.ik-translate-x-\[-50\%\],.ik-translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ik-translate-y-\[-50\%\]{--tw-translate-y:-50%}.ik-cursor-pointer{cursor:pointer}.ik-flex-col{flex-direction:column}.\!ik-items-start{align-items:flex-start!important}.ik-items-center{align-items:center}.ik-justify-center{justify-content:center}.ik-justify-between{justify-content:space-between}.ik-gap-2{gap:.5rem}.ik-gap-\[10px\]{gap:10px}.ik-gap-\[12px\]{gap:12px}.ik-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.ik-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.ik-overflow-auto{overflow:auto}.ik-rounded{border-radius:.25rem}.ik-rounded-3xl{border-radius:1.5rem}.ik-rounded-\[12px\]{border-radius:12px}.ik-rounded-\[13px\]{border-radius:13px}.ik-rounded-md{border-radius:.375rem}.ik-rounded-xl{border-radius:.75rem}.ik-border{border-width:1px}.ik-border-black\/5{border-color:#0000000d}.ik-border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.ik-border-teal-600{--tw-border-opacity:1;border-color:rgb(13 148 136/var(--tw-border-opacity,1))}.ik-border-transparent{border-color:transparent}.ik-border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.ik-bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.ik-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.ik-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.ik-bg-primary{--tw-bg-opacity:1;background-color:rgb(20 111 104/var(--tw-bg-opacity,1))}.ik-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ik-bg-opacity-25{--tw-bg-opacity:.25}.ik-fill-current{fill:currentColor}.ik-p-0{padding:0}.ik-p-2\.5{padding:.625rem}.ik-p-5{padding:1.25rem}.ik-p-\[20px\]{padding:20px}.ik-px-3{padding-left:.75rem;padding-right:.75rem}.ik-px-6{padding-left:1.5rem;padding-right:1.5rem}.ik-px-\[10px\]{padding-left:10px;padding-right:10px}.ik-px-\[15px\]{padding-left:15px;padding-right:15px}.ik-px-\[5px\]{padding-left:5px;padding-right:5px}.ik-py-1{padding-bottom:.25rem;padding-top:.25rem}.ik-py-2{padding-bottom:.5rem;padding-top:.5rem}.ik-py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.ik-text-left{text-align:left}.ik-text-center{text-align:center}.ik-text-sm{font-size:.875rem;line-height:1.25rem}.ik-text-xs{font-size:.75rem;line-height:1rem}.ik-font-bold{font-weight:700}.ik-font-light{font-weight:300}.ik-font-normal{font-weight:400}.ik-font-semibold{font-weight:600}.ik-leading-\[16px\]{line-height:16px}.ik-leading-\[20px\]{line-height:20px}.ik-leading-\[25px\]{line-height:25px}.ik-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.ik-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.ik-text-primary{--tw-text-opacity:1;color:rgb(20 111 104/var(--tw-text-opacity,1))}.ik-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.ik-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ik-shadow-\[0px_2px_10px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0px 2px 10px rgba(0,0,0,.03);--tw-shadow-colored:0px 2px 10px var(--tw-shadow-color)}.ik-shadow-\[0px_2px_10px_rgba\(0\,0\,0\,0\.03\)\],.ik-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ik-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ik-outline-none{outline:2px solid transparent;outline-offset:2px}.ik-backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-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)}.ik-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[--anchor-gap\:8px\]{--anchor-gap:8px}.hover\:ik-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:ik-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:ik-bg-teal-600:hover{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity,1))}.hover\:ik-shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:ik-border-gray-400:focus{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.focus\:ik-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:ik-border-gray-200:active{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.active\:ik-border-primary:active{--tw-border-opacity:1;border-color:rgb(20 111 104/var(--tw-border-opacity,1))}.active\:ik-bg-gray-300:active{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.active\:ik-bg-teal-700:active{--tw-bg-opacity:1;background-color:rgb(15 118 110/var(--tw-bg-opacity,1))}.disabled\:ik-border-gray-300:disabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.disabled\:ik-bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.disabled\:ik-shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[closed\]\:ik-scale-95[data-closed]{--tw-scale-x:.95;--tw-scale-y:.95}.data-\[closed\]\:ik-scale-95[data-closed],.data-\[closed\]\:ik-transform[data-closed]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:ik-opacity-0[data-closed]{opacity:0}.data-\[enter\]\:ik-duration-100[data-enter]{transition-duration:.1s}.data-\[leave\]\:ik-duration-75[data-leave]{transition-duration:75ms}.data-\[enter\]\:ik-ease-out[data-enter]{transition-timing-function:cubic-bezier(0,0,.2,1)}.data-\[leave\]\:ik-ease-in[data-leave]{transition-timing-function:cubic-bezier(.4,0,1,1)}.dark\:ik-border-white\/5:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){border-color:#ffffff0d}.dark\:ik-bg-black:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:ik-bg-zinc-800:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\:ik-bg-zinc-900:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\:ik-text-teal-500:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.dark\:ik-text-white:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ik-text-zinc-400:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\:hover\:ik-bg-signerDarkHoverBg:hover:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(52 52 58/var(--tw-bg-opacity,1))}.dark\:disabled\:ik-border-zinc-700:disabled:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.dark\:disabled\:ik-bg-zinc-700:disabled:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}:root{--brand-50: #FEF2F2;--brand-100: #FEE2E2;--brand-200: #FECACA;--brand-300: #FCA5A5;--brand-400: #F87171;--brand-500: #EF4444;--brand-600: #B91C1C;--brand-700: #991B1B;--brand-800: #7F1D1D;--brand-900: #450A0A;--gold-100: #FDF7E5;--gold-200: #FAEDCB;--gold-300: #F5D88D;--gold-400: #F0C55C;--gold-500: #C59E38;--gold-600: #A27C1A;--gold-700: #8B6B10;--accent-500: #34A853;--accent-600: #2F855A;--neutral-50: #FAF7F2;--neutral-100: #F5EFE6;--neutral-200: #EBE3D5;--neutral-300: #D6CCC0;--neutral-400: #B8AFA5;--neutral-500: #8B7E74;--neutral-600: #6B5F56;--neutral-700: #4A4038;--neutral-800: #2A2320;--neutral-900: #1A1513;--success-500: #16A34A;--warning-500: #D97706;--error-500: #DC2626;--info-500: #2563EB;--bg: var(--neutral-50);--surface: var(--neutral-100);--panel: #FFFFFF;--panel-muted: var(--neutral-50);--text: var(--neutral-800);--text-strong: var(--neutral-900);--muted: var(--neutral-500);--text-inverse: #FFFFFF;--border: rgba(26, 21, 19, .08);--border-strong: rgba(26, 21, 19, .12);--focus-ring-color: rgba(185, 28, 28, .25);--font-heading: "Crimson Pro", "Merriweather", "Noto Serif", Georgia, serif;--font-body: "Be Vietnam Pro", "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-xs: .7rem;--font-sm: .75rem;--font-md: .8125rem;--font-lg: .9375rem;--font-xl: 1.0625rem;--font-2xl: 1.125rem;--font-3xl: 1.25rem;--font-4xl: 1.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.55;--space-1: 3px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 20px;--space-6: 28px;--space-8: 40px;--space-10: 56px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(26, 21, 19, .04);--shadow-sm: 0 1px 3px rgba(26, 21, 19, .06);--shadow-md: 0 4px 12px rgba(26, 21, 19, .08);--shadow-lg: 0 8px 24px rgba(26, 21, 19, .12);--shadow-xl: 0 12px 40px rgba(26, 21, 19, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .3s;--z-base: 0;--z-dropdown: 20;--z-drawer: 30;--z-modal: 40;--z-toast: 60;--z-overlay: 80;--toast-success-border: rgba(22, 163, 74, .25);--toast-error-border: rgba(220, 38, 38, .25);--toast-info-border: rgba(37, 99, 235, .22)}html{height:100vh}body{margin:0;height:100vh;overflow:hidden;font-family:var(--font-body);font-size:var(--font-md);font-weight:var(--weight-normal);line-height:var(--leading-normal);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit;background:transparent;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight)}::selection{background:var(--brand-200);color:var(--brand-900)}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.app{max-width:420px;margin:0 auto;height:100vh;background:var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box}.skip-link{position:fixed;left:var(--space-3);top:var(--space-3);transform:translateY(-160%);z-index:var(--z-overlay);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--panel);color:var(--brand-600);border:1px solid var(--border);text-decoration:none;font-weight:var(--weight-bold);transition:transform var(--duration-normal) var(--ease-out)}.skip-link:focus{transform:translateY(0);outline:3px solid var(--focus-ring-color);outline-offset:2px}.header{padding:var(--space-2) var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 360px){.header-brand .brand-name{display:none}}.header-right{display:flex;align-items:center}.header-context-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-full);color:var(--brand-700)}.context-icon{display:flex;align-items:center;opacity:.8}.context-title{font-size:11px;font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.nav a{color:var(--brand-600);text-decoration:none;margin-right:var(--space-2)}.nav.is-hidden{display:none}.app-loading{padding:var(--space-4);opacity:.7}.content{height:calc(100vh - 48px);padding:var(--space-3);overflow:auto;box-sizing:border-box}.hamburger-btn{min-width:40px;height:40px;background:var(--brand-700);color:var(--text-inverse);border:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.hamburger-btn:hover{background:var(--brand-800)}.icon-btn{min-width:40px;min-height:40px;background:transparent;color:var(--text);border:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:var(--z-drawer)}.drawer-backdrop.is-open{display:block}.drawer{position:fixed;top:0;left:0;height:100vh;width:80%;max-width:320px;background:var(--panel);box-shadow:var(--shadow-lg);z-index:calc(var(--z-drawer) + 1);transition:transform .18s var(--ease-out);transform:translate(-100%);display:flex;flex-direction:column}.drawer.is-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.drawer-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:var(--weight-extrabold);color:var(--brand-700);font-size:22px;letter-spacing:-.01em}.drawer-nav{display:flex;flex-direction:column;padding:var(--space-2);overflow-y:auto;flex:1}.drawer-group{margin-bottom:var(--space-4);display:grid;gap:2px}.drawer-group-title{padding:0 var(--space-3) var(--space-1);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;color:var(--muted);letter-spacing:.1em;opacity:.8}.drawer-actions{margin-top:auto;padding:var(--space-4) var(--space-3);display:grid}.drawer-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;width:100%;border-radius:var(--radius-md);background:#b91c1c0a;border:1px solid rgba(185,28,28,.12);color:var(--brand-700);font-size:var(--font-sm);font-weight:var(--weight-extrabold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.drawer-logout-btn:hover{background:var(--brand-700);color:var(--text-inverse);border-color:var(--brand-700)}.drawer-footer{padding:var(--space-3);border-top:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;gap:2px}.drawer-theme,.drawer-version{font-size:10px;color:var(--muted);font-family:var(--font-mono);text-transform:lowercase;opacity:.5}.drawer-link{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 var(--space-3);margin:2px 0;border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-size:var(--font-md);font-weight:var(--weight-medium);border:0;background:transparent;cursor:pointer;box-sizing:border-box;transition:all var(--duration-fast) var(--ease-out)}.drawer-link:hover{background:var(--neutral-100);color:var(--brand-700)}.drawer-link-content{display:flex;align-items:center;gap:var(--space-3);flex:1;text-align:left}.drawer-arrow{opacity:.3;transition:transform var(--duration-fast) var(--ease-out)}.drawer-link:hover .drawer-arrow{opacity:.8;transform:translate(2px)}.drawer-link.is-active{background:var(--brand-50);color:var(--brand-700);font-weight:var(--weight-extrabold)}.drawer-link.is-active .drawer-arrow{opacity:.6}.drawer-link.soon{color:var(--muted)}.drawer-link.logout{color:var(--brand-700);font-weight:var(--weight-semi)}.badge{background:var(--neutral-100);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--font-xs)}.tree-screen{max-width:420px;margin:0 auto}.toolbar{display:flex;gap:var(--space-1);margin:var(--space-1) 0}.tree-canvas{width:100%;height:calc(100vh - 130px);background:var(--surface);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border)}.mobile-frame{width:100%;max-width:420px;margin:0 auto;height:100vh;background:var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box}@media (min-width: 960px){.app{max-width:1180px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.content{padding:var(--space-5)}}.auth-title{font-family:var(--font-heading);font-size:32px;margin:0;color:var(--brand-700);font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1}.auth-subtitle{margin:8px 0 0;color:var(--muted);font-size:var(--font-sm);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.1em;opacity:.7}.auth-stack{display:grid;gap:var(--space-4)}.mobile-frame.is-auth{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.login-wrap{flex:1;display:flex;flex-direction:column;width:100%;padding:var(--space-6) var(--space-4);box-sizing:border-box;overflow-y:auto;align-items:center}.login-hero{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);text-align:center;flex-shrink:0}.mobile-frame.is-compact .login-hero{margin-bottom:var(--space-4);gap:var(--space-2)}.mobile-frame.is-compact .login-wrap{padding-top:var(--space-4)}.login-panel{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-top:3px solid var(--gold-500);display:flex;flex-direction:column;flex-shrink:0}.login-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.login-tabs{display:flex;gap:2px;background:var(--neutral-100);border-radius:var(--radius-md);padding:2px;margin-bottom:var(--space-1)}.login-tab{flex:1;background:transparent;color:var(--text-muted);border:0;padding:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.login-tab.active{background:var(--brand-700);color:#fff;box-shadow:var(--shadow-sm)}.login-tab:not(.active):hover{background:var(--neutral-200)}.auth-card-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.auth-back-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.auth-back-btn:hover{background:var(--neutral-100);color:var(--brand-700)}.auth-card-title{font-size:12px;font-weight:var(--weight-extrabold);color:var(--text-strong);text-transform:uppercase;letter-spacing:.05em}.auth-center-icon{display:flex;justify-content:center;margin-bottom:var(--space-1)}.auth-center-icon .icon-ring{width:52px;height:52px;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #991b1b0d}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-input-group{display:grid;gap:6px}.auth-label{font-size:9px;font-weight:var(--weight-extrabold);color:var(--muted);letter-spacing:.1em}.auth-huge-input input{height:48px!important;font-size:16px!important;font-weight:var(--weight-extrabold)!important;text-align:center;border-radius:var(--radius-md)!important}.auth-sub-hint{text-align:center;color:var(--muted);font-size:10px;opacity:.8}.otp-container{position:relative;margin:var(--space-3) 0}.otp-loading-overlay{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:var(--radius-md);color:var(--brand-700)}.auth-resend-area{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-1)}.auth-text-link{background:none;border:none;padding:0;font-size:11px;font-weight:var(--weight-bold);color:var(--brand-600);cursor:pointer;text-decoration:underline}.auth-text-link:disabled{color:var(--muted);text-decoration:none;cursor:not-allowed;opacity:.5}.auth-divider-v{width:1px;height:12px;background:var(--border)}.auth-status-msg{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--weight-semi);text-align:center;margin-top:var(--space-2)}.auth-status-msg.is-error{background:#fef2f2;color:var(--error-700);border:1px solid #FEE2E2}.auth-status-msg.is-success{background:#f0fdf4;color:var(--success-700);border:1px solid #DCFCE7}.auth-tech-badge{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--neutral-50);border:1px solid var(--border-strong);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tech-badge-title{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-bold)}.tech-badge-features{display:flex;flex-direction:column;gap:6px;width:100%;padding-top:var(--space-2);border-top:1px dashed var(--border)}.tech-feature{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--text-strong);font-weight:var(--weight-semi)}.tech-feature svg{color:var(--brand-600);opacity:.7}.auth-docked-footer{flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center;gap:var(--space-4);background:var(--panel-muted);border-top:1px solid var(--border);width:100%}.auth-docked-footer .footer-meta{font-size:9px;color:var(--muted);font-family:var(--font-mono);text-transform:lowercase;opacity:.5}.auth-otp{display:flex;gap:var(--space-2);justify-content:center}.otp-input-box{width:38px;height:48px;text-align:center;font-size:20px;font-weight:var(--weight-extrabold);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);color:var(--brand-700);transition:all var(--duration-fast) var(--ease-out)}.otp-input-box:focus{border-color:var(--gold-500);outline:none;box-shadow:0 0 0 4px #c59e381a;transform:translateY(-2px)}.auth-divider{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0;position:relative;width:100%}.auth-divider:after{content:"HOẶC";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);padding:0 var(--space-2);font-size:9px;color:var(--muted);font-weight:var(--weight-bold);letter-spacing:.1em}.auth-hint{margin:0;font-size:11px;color:var(--muted);text-align:center}.ui-text{margin:0}.ui-text-title{font-size:var(--font-xl);font-weight:var(--weight-extrabold);font-family:var(--font-heading);color:var(--brand-600);line-height:var(--leading-tight)}.ui-text-subtitle{font-size:var(--font-md);color:var(--muted);line-height:var(--leading-normal)}.ui-text-body{font-size:var(--font-md);line-height:var(--leading-relaxed)}.ui-text-muted{font-size:var(--font-md);color:var(--muted);line-height:var(--leading-relaxed)}.ui-text-caption{font-size:var(--font-xs);color:var(--muted);line-height:var(--leading-normal)}.ui-btn,.auth-btn{cursor:pointer;box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out);border-radius:var(--radius-md);font-weight:var(--weight-semi)}.ui-btn:disabled,.auth-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn:focus-visible,.auth-btn:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.ui-btn-sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-xs)}.ui-btn-md{min-height:40px;padding:0 var(--space-4);font-size:var(--font-sm)}.ui-btn-lg{min-height:48px;padding:0 var(--space-5);font-size:var(--font-md);letter-spacing:.01em}.ui-btn-block{width:100%;max-width:320px;margin-left:auto;margin-right:auto}.ui-spinner{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.55);border-top-color:#ffffff2e;animation:ui-spin .9s linear infinite}.ui-btn-secondary .ui-spinner,.auth-btn-secondary .ui-spinner{border-color:#0f172a47;border-top-color:#0f172a1a}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-btn-primary,.auth-btn-primary{background:var(--brand-700);color:var(--text-inverse);border:0}.ui-btn-primary:hover,.auth-btn-primary:hover{background:var(--brand-800)}.ui-btn-secondary,.auth-btn-secondary{background:var(--panel);color:var(--brand-600);border:1px solid var(--border)}.ui-btn-secondary:hover,.auth-btn-secondary:hover{background:var(--neutral-50)}.ui-input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.ui-input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;z-index:1}.ui-input,.auth-input,.ui-select,.ui-textarea{width:100%;box-sizing:border-box;height:40px;padding:0 var(--space-3);font-size:var(--font-sm);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-strong);background:var(--surface);transition:all var(--duration-fast) var(--ease-out)}.ui-input.is-with-icon,.auth-input.is-with-icon,.ui-select.is-with-icon,.ui-textarea.is-with-icon{padding-left:calc(var(--space-3) + 20px)}.ui-input:focus,.auth-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--brand-500);background:var(--panel);box-shadow:0 0 0 4px #b91c1c14}.ui-input:disabled,.auth-input:disabled,.ui-select:disabled,.ui-textarea:disabled{background:var(--neutral-100);color:var(--muted);cursor:not-allowed;border-color:var(--border)}.ui-input::placeholder,.auth-input::placeholder,.ui-select::placeholder,.ui-textarea::placeholder{color:var(--neutral-400);font-weight:var(--weight-medium)}.ui-textarea{height:auto;min-height:80px;padding:8px var(--space-3);line-height:var(--leading-normal);resize:vertical}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.ui-link{color:var(--brand-600);text-decoration:none}.ui-link:hover{text-decoration:underline}.ui-link:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.ui-link-muted{opacity:.7}.brand-identity{display:flex;align-items:center;gap:var(--space-3)}.brand-info{display:grid;gap:0}.brand-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand-name{font-family:var(--font-heading);font-weight:var(--weight-extrabold);color:var(--brand-700);line-height:1.1}.brand-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-700);color:#fff;border-radius:4px;font-weight:800;letter-spacing:.1em;line-height:1;border:1px solid var(--gold-500);padding:1px 4px;font-size:7px;box-shadow:var(--shadow-xs);width:fit-content}.brand-tagline{margin:4px 0 0;font-size:10px;color:var(--muted);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.brand-identity.is-sm{gap:8px}.brand-identity.is-sm .brand-name{font-size:13px}.brand-identity.is-sm .brand-badge{font-size:6px;padding:1px 3px}.brand-identity.is-md{gap:10px}.brand-identity.is-md .brand-name{font-size:16px}.brand-identity.is-md .brand-badge{font-size:7px;padding:1px 4px}.brand-identity.is-lg{gap:12px}.brand-identity.is-lg .brand-name{font-size:20px}.brand-identity.is-lg .brand-badge{font-size:8px;padding:2px 5px}.brand-identity.is-xl{flex-direction:column;text-align:center;gap:var(--space-4)}.brand-identity.is-xl .brand-title-row{align-items:center;gap:6px}.brand-identity.is-xl .brand-name{font-size:36px}.brand-identity.is-xl .brand-badge{font-size:11px;padding:3px 12px;border-radius:var(--radius-full)}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:0;cursor:pointer;box-sizing:border-box}.ui-icon-btn:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.ui-icon-btn-ghost{background:transparent;color:inherit}.ui-icon-btn-ghost:hover{background:var(--neutral-100)}.ui-icon-btn-secondary{background:var(--panel);color:var(--brand-600);border:1px solid var(--border)}.ui-icon-btn-secondary:hover{background:var(--neutral-50)}.ui-field{display:grid;gap:var(--space-1);width:100%}.ui-field-label{font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-strong)}.ui-field-control{display:block}.ui-field-meta{min-height:14px}.ui-field-meta-spacer{height:14px}.ui-field-hint{font-size:10px;color:var(--muted)}.ui-field-error{font-size:10px;color:var(--error-600);font-weight:var(--weight-semi)}.ui-toast-viewport{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));width:min(420px,100vw - 24px);display:grid;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.ui-toast{pointer-events:auto;display:flex;gap:var(--space-2);align-items:flex-start;justify-content:space-between;background:#ffffffeb;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px)}.ui-toast-message{font-size:var(--font-sm);line-height:var(--leading-normal)}.ui-toast-close{flex:0 0 auto;width:24px;height:24px;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ui-toast-close:hover{background:var(--neutral-100);color:var(--text)}.ui-toast-close:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.ui-toast-success{border-color:var(--toast-success-border)}.ui-toast-error{border-color:var(--toast-error-border)}.ui-toast-info{border-color:var(--toast-info-border)}.ui-divider{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}.ui-section{box-sizing:border-box;width:100%}.ui-section-pad-none{padding:0}.ui-section-pad-sm{padding:var(--space-2)}.ui-section-pad-md{padding:var(--space-4)}.ui-section-pad-lg{padding:var(--space-5)}.ui-section-max-none{max-width:none;margin:0}.ui-section-max-sm{max-width:640px;margin:0 auto}.ui-section-max-md{max-width:768px;margin:0 auto}.ui-section-max-lg{max-width:1024px;margin:0 auto}.ui-section-max-xl{max-width:1200px;margin:0 auto}.ui-grid{display:grid}.ui-grid-gap-0{gap:0}.ui-grid-gap-4{gap:var(--space-1)}.ui-grid-gap-8{gap:var(--space-2)}.ui-grid-gap-10{gap:10px}.ui-grid-gap-12{gap:var(--space-3)}.ui-grid-gap-16{gap:var(--space-4)}.ui-grid-gap-20{gap:20px}.ui-grid-gap-24{gap:var(--space-5)}.ui-grid-gap-32{gap:var(--space-6)}.ui-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.ui-modal-backdrop,.ui-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#0f172a5c}.ui-modal{position:fixed;left:50%;top:50%;z-index:calc(var(--z-overlay) + 1);width:min(520px,100vw - 24px);max-height:calc(100vh - var(--space-6));transform:translate(-50%,-50%);overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ui-modal-header,.ui-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.ui-modal-title,.ui-drawer-title{margin:0;font-family:var(--font-heading);color:var(--text-strong);font-size:var(--font-lg);font-weight:var(--weight-extrabold);line-height:var(--leading-tight)}.ui-modal-description,.ui-drawer-description{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal)}.ui-modal-body,.ui-drawer-body{padding:var(--space-4)}.ui-modal-close,.ui-drawer-close{width:32px;height:32px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:transparent}.ui-modal-close:hover,.ui-drawer-close:hover{background:var(--neutral-100);color:var(--text)}.ui-drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-overlay) + 1);width:min(420px,92vw);overflow:auto;background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--shadow-lg)}.pricing{padding:var(--space-4) 0 var(--space-6);max-width:1200px;margin:0 auto}.pricing-hero{text-align:center;margin-bottom:var(--space-6);display:flex;flex-direction:column;align-items:center}.pricing-title{font-family:var(--font-heading);font-size:var(--font-3xl);margin:0 0 var(--space-2);color:var(--brand-600);font-weight:var(--weight-extrabold)}.pricing-subtitle{opacity:.8;margin:0;color:var(--muted);max-width:600px;line-height:var(--leading-normal);font-weight:var(--weight-medium)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.pricing-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-5);position:relative;display:flex;flex-direction:column;transition:all var(--duration-normal) var(--ease-out)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-200)}.pricing-card.is-highlight{background:var(--brand-600);border:none;color:var(--text-inverse);box-shadow:0 12px 40px #b91c1c38;transform:scale(1.02)}.pricing-card.is-highlight .pricing-card-title,.pricing-card.is-highlight .pricing-price-amount,.pricing-card.is-highlight .pricing-check,.pricing-card.is-highlight .pricing-price-note{color:var(--text-inverse)}.pricing-card.is-highlight:hover{transform:scale(1.02) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;right:var(--space-4);background:var(--gold-500);color:var(--neutral-900);padding:4px 12px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm)}.pricing-card-title{margin:0 0 var(--space-2);font-size:var(--font-xl);font-family:var(--font-heading);font-weight:var(--weight-extrabold);color:var(--brand-600)}.pricing-price{margin-bottom:var(--space-4);display:flex;align-items:baseline;gap:4px}.pricing-price-amount{font-family:var(--font-heading);font-size:var(--font-3xl);font-weight:var(--weight-extrabold);color:var(--text-strong)}.pricing-price-note{opacity:.7;font-size:var(--font-sm);font-weight:var(--weight-bold)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-6);font-size:var(--font-sm);display:grid;gap:12px;flex:1}.pricing-feature{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.pricing-check{color:var(--brand-600);flex-shrink:0;margin-top:2px}.pricing-cta{font-weight:var(--weight-semi);box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%;height:48px;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--weight-extrabold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-fast) var(--ease-out)}.pricing-card.is-highlight .pricing-cta{background:var(--panel);color:var(--brand-600)}.pricing-card.is-highlight .pricing-cta:hover{background:var(--neutral-50)}.pricing-card:not(.is-highlight) .pricing-cta{background:var(--brand-600);color:var(--text-inverse)}.pricing-card:not(.is-highlight) .pricing-cta:hover{background:var(--brand-700)}.pricing-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:var(--space-4)}.pricing-modal-card{max-width:440px;width:100%;padding:0;overflow:hidden;border-top:4px solid var(--gold-500)}.pricing-modal-header{padding:var(--space-4) var(--space-4) var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.pricing-modal-title{margin:0;font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold)}.pricing-modal-close{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.pricing-modal-close:hover{background:var(--neutral-100)}.pricing-modal-body{padding:var(--space-4)}.pricing-modal-amount{margin:0 0 var(--space-4);font-family:var(--font-heading);font-size:var(--font-3xl);font-weight:var(--weight-extrabold);color:var(--brand-600)}.pricing-modal-amount-note{font-size:var(--font-md);font-weight:var(--weight-bold);opacity:.6;margin-left:8px}.pricing-methods-title{margin:0 0 var(--space-3);font-weight:var(--weight-extrabold);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pricing-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.pricing-method{padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all var(--duration-fast) var(--ease-out)}.pricing-method:hover{border-color:var(--brand-200);background:var(--surface)}.pricing-method.is-selected{border-color:var(--brand-600);background:var(--brand-50)}.pricing-method.is-selected .pricing-method-icon{color:var(--brand-600)}.pricing-method.is-selected .pricing-method-name{color:var(--brand-700)}.pricing-method-radio{display:none}.pricing-method-icon{color:var(--muted);transition:color var(--duration-fast)}.pricing-method-name{font-weight:var(--weight-extrabold);font-size:11px;text-transform:uppercase}.pricing-receipt{display:grid;gap:10px;margin-bottom:var(--space-5);padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md);border:1px solid var(--border)}.receipt-row{display:flex;align-items:center;gap:10px;font-size:var(--font-sm);color:var(--text-strong)}.receipt-row svg{color:var(--muted);opacity:.8}.receipt-row code{background:#0000000d;padding:2px 6px;border-radius:4px;font-weight:var(--weight-bold)}.receipt-status{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gold-700);font-weight:var(--weight-extrabold);padding-top:var(--space-2);border-top:1px dashed var(--border)}.pricing-modal-actions{padding:0 var(--space-4) var(--space-4);display:flex;gap:var(--space-3)}.pricing-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pricing-footer-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-xs);color:var(--muted);font-weight:var(--weight-medium)}.pricing-footer-item svg{opacity:.6}@media (max-width: 760px){.pricing-grid{grid-template-columns:1fr}.pricing-card.is-highlight{transform:none}.pricing-card.is-highlight:hover{transform:translateY(-4px)}.pricing-methods-grid{grid-template-columns:1fr}}.persons-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.persons-header-row{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.persons-toolbar{margin-bottom:var(--space-4)}.persons-info-banner{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-3);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-md);color:var(--brand-700);font-size:var(--font-sm);font-weight:var(--weight-medium)}.persons-info-banner code{background:#0000000d;padding:2px 6px;border-radius:4px}.persons-id-box{max-width:400px}.persons-help{opacity:.7;font-size:var(--font-xs);margin-top:4px}.persons-card{padding:var(--space-4);margin-bottom:var(--space-5);border-top:3px solid var(--gold-500)}.persons-card-title{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);color:var(--brand-600);margin:0 0 var(--space-4);display:flex;align-items:center;gap:8px}.persons-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.persons-span-all{grid-column:1/-1}.persons-actions{margin-top:var(--space-4)}.persons-list-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.persons-list-header .persons-card-title{margin:0}.persons-divider{flex:1;height:1px;background:var(--border)}.persons-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:60px 0;color:var(--muted)}.persons-list{display:grid;gap:var(--space-2)}.person-list-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.person-list-item:hover{border-color:var(--brand-200);background:var(--panel);transform:translate(4px)}.person-item-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.persons-avatar{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--panel);box-shadow:var(--shadow-xs);background:var(--surface);flex-shrink:0}.persons-avatar.is-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-600);font-size:var(--font-xs);font-weight:var(--weight-extrabold);background:var(--brand-50);border-color:var(--brand-100)}.person-item-info{display:grid;min-width:0}.person-item-name{font-weight:var(--weight-extrabold);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-md)}.person-item-id{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.person-item-id code{opacity:.7}.person-copy-btn{padding:4px;border-radius:4px;color:var(--muted);cursor:pointer;line-height:1}.person-copy-btn:hover{color:var(--brand-600);background:var(--brand-50)}.person-item-meta{display:flex;align-items:center;gap:var(--space-2)}.person-meta-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--neutral-100);border-radius:var(--radius-full);font-size:11px;color:var(--muted);font-weight:var(--weight-bold)}.persons-empty{text-align:center;padding:40px 0;border:2px dashed var(--border);border-radius:var(--radius-lg)}.search-results{padding-left:18px;margin:0}.search-name{font-weight:var(--weight-semi)}.search-highlight{background:#c59e3838;color:inherit;padding:0 2px;border-radius:var(--radius-sm)}.relations-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.relations-header-row{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.relations-toolbar{margin-bottom:var(--space-4)}.relations-info-banner{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-3);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-md);color:var(--brand-700);font-size:var(--font-sm);font-weight:var(--weight-medium)}.relations-info-banner code{background:#0000000d;padding:2px 6px;border-radius:4px}.relations-id-box{max-width:400px}.relations-help{opacity:.7;font-size:var(--font-xs);margin-top:var(--space-2);color:var(--muted)}.relations-grid-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.relations-card{padding:var(--space-4);border-top:3px solid var(--gold-500)}.relations-card-title{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);color:var(--brand-600);margin:0 0 var(--space-4);display:flex;align-items:center;gap:8px}.relations-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.relations-span-all{grid-column:1/-1}.relations-actions{margin-top:var(--space-4)}.relations-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.relations-inline-btn{padding:4px 8px;border-radius:4px;border:1px solid var(--brand-200);background:var(--brand-50);color:var(--brand-700);font-size:var(--font-xs);font-weight:var(--weight-bold);cursor:pointer}.relations-inline-btn:hover{background:var(--brand-100)}.relations-check{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-sm);color:var(--text-strong);font-weight:var(--weight-medium);cursor:pointer}.relations-lists-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.relations-divider{height:1px;background:var(--border);margin-bottom:var(--space-3)}.relations-list{display:grid;gap:var(--space-2)}.relation-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-sm)}.relation-item.is-marriage{border-left:3px solid var(--gold-400)}.relation-item-content{display:flex;align-items:center;gap:8px}.relation-role{font-weight:var(--weight-extrabold);color:var(--brand-600)}.relation-child{font-weight:var(--weight-bold);color:var(--text-strong)}.relation-spouses{font-weight:var(--weight-bold);color:var(--gold-600)}.relation-arrow{color:var(--muted);opacity:.5}.relation-item-ids{display:flex;flex-direction:column;gap:2px}.relation-item-ids code{font-size:10px;opacity:.6;color:var(--muted)}.relation-remove-btn{padding:6px;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer}.relation-remove-btn:hover{color:var(--error-500);background:var(--brand-50)}.relation-date{font-size:11px;color:var(--muted);font-weight:var(--weight-medium)}.relations-loading{padding:20px;text-align:center;color:var(--muted)}@media (max-width: 800px){.relations-grid-main,.relations-lists-grid{grid-template-columns:1fr}}.families-bg{min-height:100vh;background:var(--bg);padding-top:var(--space-4)}.families-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:0}.families-header-meta{display:grid;gap:4px}.families-header-sub{margin:0;color:var(--muted);font-size:var(--font-sm);font-weight:var(--weight-medium)}.families-form{padding:var(--space-4);margin-bottom:var(--space-5);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);display:grid;gap:var(--space-3);border-top:3px solid var(--gold-500)}.families-form-title{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--font-xl);color:var(--brand-600);font-weight:var(--weight-extrabold)}.families-loading{text-align:center;padding:80px 20px}.families-loading-text{color:var(--muted);margin:var(--space-3) 0 0;font-size:var(--font-sm);font-weight:var(--weight-medium)}.families-grid{display:grid;gap:var(--space-4)}.families-message{margin-bottom:var(--space-4)}.families-empty{text-align:center;padding:60px var(--space-5);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;align-items:center}.families-empty-title{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--font-xl);color:var(--text-strong);font-weight:var(--weight-extrabold)}.families-empty-sub{color:var(--muted);margin:0 0 var(--space-6);max-width:320px;line-height:var(--leading-normal)}.family-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-4);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.family-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-200)}.family-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.family-card-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--brand-100)}.family-card-main{flex:1;min-width:0}.family-card-name{margin:0;font-family:var(--font-heading);font-size:var(--font-xl);font-weight:var(--weight-extrabold);color:var(--brand-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-card-origin{margin:4px 0 0;font-size:var(--font-xs);color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:var(--weight-medium)}.family-card-stats{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.family-card-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.family-card-stat-value{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:var(--weight-extrabold);color:var(--text-strong);display:flex;align-items:center;gap:6px}.family-card-stat-value svg{opacity:.6}.family-card-stat-value.is-members{color:var(--brand-600)}.family-card-stat-value.is-generations{color:var(--gold-600)}.family-card-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.05em}.family-card-stat-divider{width:1px;background:var(--border)}.family-card-desc{margin:0;font-size:var(--font-sm);color:var(--muted);line-height:var(--leading-relaxed);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.family-card-footer{margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px dashed var(--border)}.family-card-privacy{font-size:var(--font-xs);color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:var(--weight-medium)}.family-card-cta{font-size:var(--font-sm);color:var(--brand-600);font-weight:var(--weight-bold);display:flex;align-items:center;gap:4px}.treeview{display:flex;flex-direction:column;height:calc(100vh - 56px);background:var(--bg)}.treeview-header{padding:var(--space-3) var(--space-3) var(--space-2);background:var(--panel);border-bottom:1px solid var(--border);display:grid;gap:var(--space-2)}.treeview-header-top{display:flex;align-items:center;gap:var(--space-2)}.treeview-header-top .ui-button{gap:var(--space-2);display:inline-flex;align-items:center}@media (max-width: 768px){.treeview-back-btn{padding:0 var(--space-2);min-width:40px;justify-content:center}}.treeview-header-meta{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center}.treeview-header-title{margin:0;font-family:var(--font-heading);font-size:20px;font-weight:var(--weight-extrabold);color:var(--brand-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.treeview-header-sub{margin:2px 0 0;font-size:var(--font-xs);opacity:.7}.treeview-header-actions{display:flex;gap:var(--space-2);overflow:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.treeview-header-actions .ui-button{white-space:nowrap;gap:6px;padding:0 12px}@media (max-width: 768px){.is-hidden-mobile{display:none}}.treeview-header-actions::-webkit-scrollbar{display:none}.treeview-jump{display:grid;gap:6px}.treeview-jump-label{color:var(--muted);font-size:var(--font-xs);font-weight:var(--weight-bold)}.treeview-jump-select{height:40px;font-size:var(--font-sm)}.treeview-add{padding:var(--space-3);background:var(--panel);border-bottom:1px solid var(--border)}.treeview-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.treeview-add-grid>.treeview-add-span{grid-column:1/-1}.treeview-add-actions{margin-top:var(--space-2)}@media (max-width: 360px){.treeview-add-grid{grid-template-columns:1fr}}.treeview-state{padding:var(--space-4);background:var(--panel);border-bottom:1px solid var(--border);display:grid;gap:var(--space-2)}.treeview-state-no-border{border-bottom:0}.treeview-state-title{font-size:var(--font-md);font-weight:var(--weight-bold)}.treeview-state-sub{font-size:var(--font-xs);opacity:.75}.treeview-canvas{flex:1;position:relative;overflow:hidden}.tree-canvas{width:100%;height:100%}.tree-canvas .node{cursor:pointer}.tree-canvas .node circle{transition:fill var(--duration-fast) var(--ease-out),stroke var(--duration-fast) var(--ease-out),stroke-width var(--duration-fast) var(--ease-out),r var(--duration-fast) var(--ease-out)}.tree-canvas .node text{fill:var(--text-strong);paint-order:stroke;stroke:#ffffffd1;stroke-linejoin:round;stroke-width:3px}.tree-canvas .node:hover circle,.tree-canvas .node:focus-visible circle{fill:var(--brand-500);stroke:var(--gold-500);stroke-width:3px}.tree-canvas .node:focus-visible{outline:none}.tree-canvas .node.is-selected circle{r:14px;fill:#22c55e;stroke:var(--gold-500);stroke-width:4px}.tree-canvas .node.is-selected text{font-weight:var(--weight-extrabold);fill:#22c55e}.treeview-overlay{position:fixed;left:0;right:0;top:56px;bottom:0;background:#0f172a47;z-index:99}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.treeview-panel{position:fixed;right:0;top:56px;bottom:0;width:min(380px,92vw);background:var(--panel);box-shadow:-12px 0 32px #00000029;overflow-y:auto;z-index:var(--z-modal);border-left:1px solid var(--border);animation:slideIn var(--duration-normal) var(--ease-out) forwards}.treeview-panel-header{padding:var(--space-4);position:sticky;top:0;z-index:1}.treeview-panel-header.is-male{background:linear-gradient(135deg,var(--info-500) 0%,#7C3AED 100%)}.treeview-panel-header.is-female{background:linear-gradient(135deg,#db2777,#7c3aed)}.treeview-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.treeview-panel-header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.treeview-panel-name{min-width:0}.treeview-avatar{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 18px #0000002e}.treeview-avatar-fallback{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff2e;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--weight-extrabold);letter-spacing:.4px}.treeview-person-name{color:var(--text-inverse);font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treeview-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.treeview-panel-close{background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;color:var(--text-inverse);font-weight:var(--weight-bold);line-height:1;transition:background var(--duration-fast) var(--ease-out)}.treeview-panel-close:hover{background:#ffffff47}.treeview-panel-close:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.treeview-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.treeview-panel-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:36px;border-radius:var(--radius-md);padding:0 var(--space-3);cursor:pointer;font-weight:var(--weight-bold);font-size:var(--font-sm);line-height:1;box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out)}.treeview-panel-action:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.treeview-panel-action.is-ghost{background:#ffffff2e;border:1px solid rgba(255,255,255,.22);color:var(--text-inverse)}.treeview-panel-action.is-ghost:hover{background:#ffffff42}.treeview-panel-action.is-solid{background:#ffffffe6;border:1px solid rgba(255,255,255,.55);color:var(--text-strong);font-weight:var(--weight-extrabold)}.treeview-panel-action.is-solid:hover{background:var(--panel)}.treeview-panel-action.is-wide{grid-column:1/-1}.treeview-panel-body{padding:var(--space-4);display:grid;gap:var(--space-3)}.treeview-info-grid{display:grid;gap:var(--space-2)}.treeview-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-3)}.treeview-card-title{font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2);display:flex;align-items:center;gap:6px}.treeview-card-icon{display:inline-flex;opacity:.7}.treeview-note{font-size:var(--font-md);color:var(--text-strong);line-height:var(--leading-relaxed);white-space:pre-wrap}.treeview-inforow{display:flex;justify-content:space-between;align-items:center}.treeview-inforow-label{font-size:var(--font-sm);color:var(--muted);display:flex;align-items:center}.treeview-inforow-icon{margin-right:8px;opacity:.6;display:inline-flex}.treeview-inforow-value{font-size:var(--font-md);color:var(--text);font-weight:var(--weight-medium)}.treeview-chip{display:inline-flex;align-items:center;padding:6px var(--space-2);border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:.2px;line-height:1}.treeview-chip.is-light{background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}.treeview-chip.is-success{background:#10b98138;border:1px solid rgba(16,185,129,.35)}.treeview-chip.is-muted{background:var(--neutral-100);border:1px solid var(--border);color:var(--muted)}.io-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.io-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.io-header .is-title{color:var(--text-strong);display:flex;align-items:center}.io-header-sub,.io-panel-sub,.io-file-name{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal)}.io-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.io-panel,.io-empty{padding:var(--space-4);border:1px solid var(--border);background:var(--surface)}.io-panel-title{margin:0 0 var(--space-3);font-family:var(--font-heading);color:var(--brand-100);font-size:var(--font-lg);font-weight:var(--weight-bold);display:flex;align-items:center;gap:8px}.io-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.io-inline-actions{display:flex;justify-content:flex-end;margin:var(--space-1) 0 var(--space-3)}.io-file-custom{position:relative;width:100%}.io-file-custom .io-file{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.io-file-custom .io-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--panel-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:center;color:var(--muted)}.io-file-custom .io-file-label:hover{border-color:var(--brand-400);background:var(--panel);color:var(--text-strong)}.io-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0}.io-stat{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center;align-items:center}.io-stat-icon{margin-bottom:4px;opacity:.8}.io-stat-value{font-family:var(--font-heading);font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--text-strong)}.io-stat-label{font-size:var(--font-xs);color:var(--muted);font-weight:var(--weight-medium)}.io-stat.is-success{border-color:#22c55e33;background:#22c55e0d}.io-stat.is-success .io-stat-value,.io-stat.is-success .io-stat-icon{color:#22c55e}.io-stat.is-error{border-color:#ef444433;background:#ef44440d}.io-stat.is-error .io-stat-value,.io-stat.is-error .io-stat-icon{color:#ef4444}.io-stat.is-warn{border-color:#eab30833;background:#eab3080d}.io-stat.is-warn .io-stat-value,.io-stat.is-warn .io-stat-icon{color:#eab308}.io-result{display:flex;align-items:center;gap:10px;margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:var(--weight-medium);border:1px solid transparent}.io-result.is-success{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.io-result.is-error{color:#ef4444;background:#ef44441a;border-color:#ef444433}.io-issues{display:grid;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.io-issue{display:grid;grid-template-columns:auto auto 1fr 2fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--panel-muted);border-left:3px solid var(--border-strong)}.io-issue.is-error{border-left-color:#ef4444;background:#ef44440d}.io-issue.is-warning{border-left-color:#eab308;background:#eab3080d}.io-issue-badge{display:flex;align-items:center;gap:4px;font-weight:var(--weight-bold);font-size:var(--font-xs);text-transform:uppercase}.io-issue-row{color:var(--text-strong);font-weight:var(--weight-bold);white-space:nowrap}.io-issue-field{color:var(--brand-300);opacity:.8}.io-issue-msg{color:var(--text)}.io-section-title{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-md);font-weight:var(--weight-bold);color:var(--text-strong)}.io-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-muted)}.io-table{width:100%;min-width:800px;border-collapse:collapse}.io-table th,.io-table td{padding:12px var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-sm);vertical-align:middle}.io-table th{color:var(--muted);font-weight:var(--weight-bold);background:var(--surface)}.io-table tr:hover td{background:#ffffff05}.io-table tr:last-child td{border-bottom:0}.io-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-4)}.io-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:var(--space-3)}.io-step-num{width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-800);color:var(--brand-100);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);border:1px solid var(--brand-600)}.io-step-text{font-size:var(--font-sm);color:var(--muted);line-height:var(--leading-normal)}@media (max-width: 900px){.io-steps-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.io-header{display:grid}.io-header-actions{justify-content:stretch}.io-header-actions .ui-button{flex:1 1 auto}.io-grid,.io-stats{grid-template-columns:1fr}.io-panel-header{display:grid;gap:var(--space-3)}.io-issue{grid-template-columns:1fr;gap:4px}.io-steps-grid{grid-template-columns:1fr}}.privacy-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.privacy-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.privacy-header-sub,.privacy-panel-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.privacy-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.privacy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:var(--space-4);margin-bottom:var(--space-4)}.privacy-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500)}.privacy-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.privacy-panel-title{margin:0;font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.privacy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.privacy-stat{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);transition:all var(--duration-fast) var(--ease-out);text-align:center;align-items:center}.privacy-stat:hover{border-color:var(--brand-200);transform:translateY(-1px)}.privacy-stat-icon{opacity:.6;margin-bottom:2px}.privacy-stat-value{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);color:var(--text-strong)}.privacy-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.05em}.privacy-stat.is-info .privacy-stat-value,.privacy-stat.is-info .privacy-stat-icon{color:var(--info-500)}.privacy-stat.is-warn .privacy-stat-value,.privacy-stat.is-warn .privacy-stat-icon{color:var(--gold-600)}.privacy-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.privacy-switches{display:grid;gap:var(--space-2);align-self:end}.privacy-section-title{margin:var(--space-4) 0 var(--space-3);color:var(--text-strong);font-size:var(--font-sm);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.privacy-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.privacy-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.privacy-toggle:hover{border-color:var(--brand-200);background:var(--panel)}.privacy-toggle span{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text)}.privacy-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--brand-600);flex-shrink:0}.privacy-checkbox.is-checked{border-color:var(--brand-600);background:var(--brand-50)}.privacy-checkbox input{display:none}.privacy-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.privacy-table{width:100%;min-width:780px;border-collapse:collapse}.privacy-table th,.privacy-table td{padding:12px var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-sm);vertical-align:middle}.privacy-table th{background:var(--neutral-100);color:var(--muted);font-weight:var(--weight-bold);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.privacy-table tr:hover td{background:#00000003}.privacy-table tr:last-child td{border-bottom:0}.privacy-row-name{font-weight:var(--weight-bold);color:var(--text-strong)}.privacy-status{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;background:var(--neutral-200);color:var(--muted)}.privacy-status.is-deceased{background:#b91c1c1a;color:var(--brand-600)}.privacy-status.is-living{background:#16a34a1a;color:var(--success-500)}.is-hidden-tag{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;font-weight:var(--weight-bold);opacity:.6}.privacy-audit{display:grid;gap:var(--space-2)}.privacy-audit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);font-size:var(--font-sm);transition:all var(--duration-fast) var(--ease-out)}.privacy-audit-row:hover{border-color:var(--brand-200);transform:translate(2px)}.audit-row-main{display:flex;align-items:center;gap:10px;color:var(--text-strong);font-weight:var(--weight-medium)}.audit-icon{color:var(--muted);opacity:.6}.privacy-audit-row time{color:var(--muted);font-size:11px;font-weight:var(--weight-medium)}.privacy-empty-text{color:var(--muted);text-align:center;padding:20px;font-size:var(--font-sm)}@media (max-width: 860px){.privacy-header{display:grid;gap:var(--space-4)}.privacy-header-actions{justify-content:stretch}.privacy-header-actions .ui-button{flex:1}.privacy-grid,.privacy-controls,.privacy-toggles,.privacy-stats{grid-template-columns:1fr}.privacy-audit-row{display:grid;gap:4px}.privacy-audit-row time{justify-self:end}}.fund-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.fund-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.fund-header-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.fund-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-4);margin-bottom:var(--space-4)}.fund-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500)}.fund-panel-title{margin:0 0 var(--space-4);font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.fund-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.fund-stat{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);transition:all var(--duration-fast) var(--ease-out)}.fund-stat:hover{border-color:var(--brand-200);transform:translateY(-1px)}.fund-stat-icon{opacity:.6;margin-bottom:2px}.fund-stat-value{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);color:var(--text-strong)}.fund-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.05em}.fund-stat.is-success .fund-stat-value,.fund-stat.is-success .fund-stat-icon{color:var(--success-500)}.fund-stat.is-error .fund-stat-value,.fund-stat.is-error .fund-stat-icon{color:var(--error-500)}.fund-stat.is-brand .fund-stat-value,.fund-stat.is-brand .fund-stat-icon{color:var(--brand-600)}.fund-stat.is-warn .fund-stat-value,.fund-stat.is-warn .fund-stat-icon{color:var(--gold-600)}.fund-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.fund-span-all{grid-column:1/-1}.fund-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.fund-table{width:100%;min-width:780px;border-collapse:collapse}.fund-table th,.fund-table td{padding:12px var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-sm);vertical-align:middle}.fund-table th{background:var(--neutral-100);color:var(--muted);font-weight:var(--weight-bold);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.fund-table tr:hover td{background:#00000003}.fund-table tr:last-child td{border-bottom:0}.fund-kind{display:inline-flex;align-items:center;gap:6px;font-weight:var(--weight-bold);font-size:12px}.fund-kind.is-contribution{color:var(--success-500)}.fund-kind.is-expense{color:var(--error-500)}.fund-status{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;background:var(--neutral-200);color:var(--muted)}.fund-status.is-approved{background:#16a34a1f;color:var(--success-500)}.fund-status.is-draft{background:var(--gold-100);color:var(--gold-700)}.fund-status.is-voided,.fund-status.is-rejected{background:var(--brand-50);color:var(--brand-700)}.fund-amount{font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--font-md)}.fund-amount.is-contribution{color:var(--success-600)}.fund-amount.is-expense{color:var(--error-600)}.fund-row-name{font-weight:var(--weight-bold);color:var(--text-strong)}.fund-row-sub{font-size:11px;color:var(--muted);margin-top:2px}.fund-row-actions{display:flex;gap:6px}.fund-empty-row{color:var(--muted);text-align:center;padding:40px!important}@media (max-width: 900px){.fund-form{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.fund-header,.fund-grid{display:grid;grid-template-columns:1fr}.fund-form,.fund-stats{grid-template-columns:1fr}.fund-header-actions{justify-content:stretch}.fund-header-actions .ui-button{flex:1}}.events-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.events-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.events-header-sub,.events-panel-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.events-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-4);margin-bottom:var(--space-4)}.events-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500)}.events-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.events-panel-title{margin:0 0 var(--space-3);font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.events-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.events-stat{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);transition:all var(--duration-fast) var(--ease-out);text-align:center;align-items:center}.events-stat:hover{border-color:var(--brand-200);transform:translateY(-1px)}.events-stat-icon{opacity:.6;margin-bottom:2px}.events-stat-value{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:var(--weight-extrabold);color:var(--text-strong)}.events-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.05em}.events-stat.is-success .events-stat-value,.events-stat.is-success .events-stat-icon{color:var(--success-500)}.events-stat.is-info .events-stat-value,.events-stat.is-info .events-stat-icon{color:var(--info-500)}.events-stat.is-warn .events-stat-value,.events-stat.is-warn .events-stat-icon{color:var(--gold-600)}.events-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.events-span-all{grid-column:1/-1}.events-toggle-wrap{display:flex;align-items:center;height:48px;margin-top:12px}.events-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--font-sm);color:var(--text-strong);font-weight:var(--weight-medium)}.events-toggle input{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-600)}.events-select-box{max-width:200px;flex:0 0 auto}.events-checkin{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.events-checkin .ui-input-wrapper{flex:1}.events-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.events-table{width:100%;min-width:820px;border-collapse:collapse}.events-table th,.events-table td{padding:12px var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-sm);vertical-align:middle}.events-table th{background:var(--neutral-100);color:var(--muted);font-weight:var(--weight-bold);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.events-table tr:hover td{background:#00000003}.events-table tr:last-child td{border-bottom:0}.events-status{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;background:var(--neutral-200);color:var(--muted)}.events-status.is-checked_in{background:#16a34a1f;color:var(--success-500)}.events-row-name{font-weight:var(--weight-bold);color:var(--text-strong)}.events-row-branch{font-size:12px;color:var(--muted);font-weight:var(--weight-medium)}.events-row-phone{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.events-empty-row{color:var(--muted);text-align:center;padding:40px!important}@media (max-width: 960px){.events-form{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.events-header,.events-panel-header,.events-grid{display:grid;grid-template-columns:1fr}.events-form,.events-stats,.events-checkin{grid-template-columns:1fr}.events-select-box{max-width:none}}.reminders-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.reminders-header{margin-bottom:var(--space-5)}.reminders-header-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.reminders-grid{margin-bottom:var(--space-4)}.reminders-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500)}.reminders-panel-title{margin:0 0 var(--space-4);font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.reminders-list{display:grid;gap:var(--space-3)}.reminder-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.reminder-item:hover{border-color:var(--brand-200);transform:translate(4px)}.reminder-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.reminder-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;border:1px solid var(--brand-100);flex-shrink:0}.reminder-info{min-width:0}.reminder-name{font-family:var(--font-heading);font-size:var(--font-md);font-weight:var(--weight-extrabold);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-date{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:var(--muted);font-weight:var(--weight-medium)}.reminder-right{text-align:right;display:grid;gap:4px;flex-shrink:0}.reminder-countdown{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;color:var(--muted);font-weight:var(--weight-bold)}.reminder-countdown strong{font-size:var(--font-xl);color:var(--text-strong)}.reminder-countdown.is-soon{color:var(--error-500)}.reminder-countdown.is-soon strong{color:var(--error-600)}.reminder-solar-date{font-size:10px;color:var(--muted);font-weight:var(--weight-medium);line-height:1.3}.reminders-loading{text-align:center;padding:40px;color:var(--muted);display:grid;gap:12px;justify-items:center}.reminders-empty{text-align:center;padding:40px var(--space-4);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--muted)}@media (max-width: 640px){.reminder-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.reminder-right{text-align:left;justify-items:flex-start}.reminder-countdown{justify-content:flex-start}}.media-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.media-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.media-header-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.media-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.media-panel{padding:var(--space-4);border-top:3px solid var(--gold-500)}.media-panel-title{margin:0 0 var(--space-3);font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.quota-bar-container{height:10px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-2) 0}.quota-bar{height:100%;background:var(--brand-600);border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.quota-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:var(--weight-bold)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.media-gallery{margin-top:var(--space-5)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.gallery-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-200)}.gallery-preview{position:relative;aspect-ratio:4/3;background:var(--neutral-100);overflow:hidden}.gallery-preview img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.gallery-preview:hover img{transform:scale(1.05)}.gallery-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase;color:var(--text-inverse);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.gallery-badge.is-portrait{background:#b91c1ccc}.gallery-badge.is-document{background:#2563ebcc}.gallery-badge.is-monument{background:#10b981cc}.gallery-info{padding:var(--space-3)}.gallery-title{font-family:var(--font-heading);font-size:var(--font-md);font-weight:var(--weight-extrabold);color:var(--text-strong);margin-bottom:4px}.gallery-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-weight:var(--weight-medium)}@media (max-width: 760px){.media-header,.media-grid{grid-template-columns:1fr;display:grid}.gallery-grid{grid-template-columns:1fr}}.collab-bg{min-height:100%;padding:var(--space-4) 0 var(--space-6);background:var(--bg)}.collab-header{margin-bottom:var(--space-5)}.collab-header-sub{margin:6px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.collab-grid{margin-bottom:var(--space-4)}.collab-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500)}.collab-panel.is-logs{border-top-color:var(--brand-400)}.collab-panel-title{margin:0 0 var(--space-4);font-family:var(--font-heading);color:var(--brand-600);font-size:var(--font-lg);font-weight:var(--weight-extrabold);display:flex;align-items:center;gap:10px}.collab-form{display:grid;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.members-title-section{margin:0 0 var(--space-3);font-size:var(--font-sm);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.collab-members-list{display:grid;gap:var(--space-2)}.collab-member-row{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.collab-member-row:hover{border-color:var(--brand-200);background:var(--surface)}.member-principal{min-width:0}.member-principal code{font-size:11px;color:var(--muted);opacity:.8}.member-role-status{display:flex;align-items:center;gap:12px;text-align:right;flex-shrink:0}.member-role{font-size:var(--font-sm);font-weight:var(--weight-extrabold);color:var(--text-strong)}.member-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase}.member-status.is-active{background:#16a34a1a;color:var(--success-500)}.member-status.is-invited{background:var(--gold-100);color:var(--gold-700)}.audit-timeline{display:grid;gap:var(--space-3)}.audit-card{padding:var(--space-3) var(--space-4);border-left:3px solid var(--border-strong);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0;transition:all var(--duration-fast) var(--ease-out)}.audit-card:hover{border-left-color:var(--brand-500);background:var(--panel)}.audit-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.audit-entity-badge{padding:1px 6px;background:var(--brand-50);color:var(--brand-600);border-radius:4px;font-size:10px;font-weight:var(--weight-extrabold);text-transform:uppercase}.audit-time{font-size:10px;color:var(--muted);font-weight:var(--weight-medium)}.audit-action{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--text-strong);margin-bottom:4px}.audit-actor{font-size:10px;color:var(--muted)}.audit-actor code{opacity:.6}.collab-main-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4)}@media (max-width: 860px){.collab-main-layout{grid-template-columns:1fr}.collab-member-row{flex-direction:column;align-items:flex-start;gap:10px}.member-role-status{text-align:left;width:100%;justify-content:space-between}}.dashboard-container{display:flex;flex-direction:column;height:100%;background:var(--bg)}.dashboard-scroll-area{flex:1;overflow-y:auto;padding-bottom:var(--space-4)}.dashboard-section{padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-1) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.dashboard-welcome{flex:1;min-width:0;display:grid;gap:2px}.dashboard-title{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--font-md);font-weight:var(--weight-extrabold);color:var(--brand-700);text-transform:uppercase;letter-spacing:.02em}.dashboard-title .title-icon{color:var(--brand-600);flex-shrink:0}.dashboard-sub{margin:0;color:var(--muted);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.dashboard-selector-wrap{width:200px;flex:0 0 auto;display:grid;gap:2px}.selector-label{font-size:9px;font-weight:var(--weight-extrabold);text-transform:uppercase;color:var(--muted);letter-spacing:.05em;text-align:right}.dashboard-selector{height:34px!important;font-size:12px!important;font-weight:var(--weight-bold);width:100%!important;padding:0 8px!important;background-color:var(--panel)!important}.dashboard-grid{display:grid;gap:var(--space-4)}.dashboard-main-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dashboard-stat-card{padding:var(--space-3);display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.dashboard-stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--brand-200)}.dashboard-stat-card .stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--muted);flex-shrink:0}.dashboard-stat-card .stat-content{flex:1;display:grid;gap:0}.dashboard-stat-card .stat-value{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:var(--weight-extrabold);color:var(--text-strong);line-height:1}.dashboard-stat-card .stat-label{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.02em}.dashboard-stat-card .stat-arrow{opacity:.2}.dashboard-stat-card.is-brand{border:1px solid var(--brand-100)}.dashboard-stat-card.is-brand .stat-icon{background:var(--brand-50);color:var(--brand-600)}.dashboard-stat-card.is-brand .stat-value{color:var(--brand-700)}.dashboard-stat-card.is-gold{border:1px solid var(--gold-200)}.dashboard-stat-card.is-gold .stat-icon{background:var(--gold-100);color:var(--gold-600)}.dashboard-stat-card.is-gold .stat-value{color:var(--gold-700)}.dashboard-actions-panel{padding:var(--space-3);background:var(--surface);border:1px solid var(--border)}.dashboard-section-title{margin:0;font-family:var(--font-body);font-size:10px;font-weight:var(--weight-extrabold);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-3)}.dashboard-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--space-3) var(--space-1);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.dashboard-action-btn .action-icon{color:var(--muted);transform:scale(.9)}.dashboard-action-btn .action-label{font-size:10px;font-weight:var(--weight-bold);color:var(--text-strong)}.dashboard-action-btn:hover{background:var(--neutral-50);border-color:var(--brand-300)}.dashboard-action-btn:hover .action-icon{color:var(--brand-600)}.dashboard-action-btn.is-primary{background:var(--brand-50);border-color:var(--brand-100)}.dashboard-action-btn.is-primary .action-icon{color:var(--brand-600)}.dashboard-action-btn.is-primary:hover{background:var(--brand-100)}.dashboard-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dashboard-list-panel{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-md)}.dashboard-panel-header{padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--neutral-50)}.dashboard-list{display:grid;flex:1}.dashboard-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);transition:background .15s}.dashboard-list-item:last-child{border-bottom:0}.dashboard-list-item:hover{background:#00000003}.dashboard-list-item .item-info{flex:1;display:grid;gap:0}.dashboard-list-item .item-name{font-size:13px;font-weight:var(--weight-bold);color:var(--text-strong)}.dashboard-list-item .item-sub{font-size:9px;color:var(--muted);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.02em}.dashboard-list-item .item-badge{width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--muted);flex-shrink:0;font-size:10px}.dashboard-list-item .item-badge.is-urgent{background:var(--brand-50);color:var(--brand-600)}.dashboard-list-item .item-badge.is-info{background:var(--info-500);color:#fff}.item-empty{text-align:center;padding:20px;color:var(--muted);font-size:11px;margin:0;opacity:.6}.dashboard-docked-footer{flex:0 0 24px;background:var(--panel-muted);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:0 var(--space-4);z-index:10}.footer-meta{font-size:9px;color:var(--muted);font-family:var(--font-mono);text-transform:lowercase;opacity:.6;letter-spacing:.02em}.dashboard-loading{text-align:center;padding:100px 20px;color:var(--muted);display:grid;gap:16px;justify-items:center}@media (max-width: 760px){.dashboard-header{flex-direction:row;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2)}.dashboard-welcome{flex:1}.dashboard-selector-wrap{width:140px}.dashboard-selector{height:32px!important;font-size:11px!important}.selector-label{display:none}.dashboard-main-stats{grid-template-columns:1fr 1fr;gap:var(--space-2)}.dashboard-stat-card{padding:var(--space-2);gap:8px}.dashboard-stat-card .stat-icon{width:32px;height:32px}.dashboard-stat-card .stat-value{font-size:var(--font-md)}.dashboard-actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.dashboard-action-btn{padding:var(--space-3) var(--space-2)}.dashboard-action-btn .action-label{font-size:9px}.dashboard-side-grid{grid-template-columns:1fr;gap:var(--space-3)}}
