@layer reset,tokens,theme,base,utilities,components,views,responsive;@layer components{.sf-symbol{display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:var(--font-family-system);font-style:normal;font-variant:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;color:currentColor;transition:all var(--duration-ios-quick) var(--easing-ios-default)}.sf-symbol--size-caption-2{font-size:var(--font-size-caption-2);width:1em;height:1em}.sf-symbol--size-caption-1{font-size:var(--font-size-caption-1);width:1em;height:1em}.sf-symbol--size-footnote{font-size:var(--font-size-footnote);width:1em;height:1em}.sf-symbol--size-callout{font-size:var(--font-size-callout);width:1em;height:1em}.sf-symbol--size-body{font-size:var(--font-size-body);width:1em;height:1em}.sf-symbol--size-headline{font-size:var(--font-size-headline);width:1em;height:1em}.sf-symbol--size-title-3{font-size:var(--font-size-title-3);width:1em;height:1em}.sf-symbol--size-title-2{font-size:var(--font-size-title-2);width:1em;height:1em}.sf-symbol--size-title-1{font-size:var(--font-size-title-1);width:1em;height:1em}.sf-symbol--size-large-title{font-size:var(--font-size-large-title);width:1em;height:1em}.sf-symbol--weight-ultralight{font-weight:100}.sf-symbol--weight-thin{font-weight:200}.sf-symbol--weight-light{font-weight:300}.sf-symbol--weight-regular{font-weight:400}.sf-symbol--weight-medium,.sf-symbol--weight-semibold{font-weight:600}.sf-symbol--weight-bold{font-weight:700}.sf-symbol--weight-heavy{font-weight:800}.sf-symbol--weight-black{font-weight:900}.sf-symbol__shape{display:inline-block;width:1em;height:1em;position:relative;color:inherit}.sf-symbol--gear .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M50 30c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20zm0-6c-3 0-5-2-5-5v-9c0-3 2-5 5-5s5 2 5 5v9c0 3-2 5-5 5zm0 52c3 0 5 2 5 5v9c0 3-2 5-5 5s-5-2-5-5v-9c0-3 2-5 5-5zm26-26c0-3 2-5 5-5h9c3 0 5 2 5 5s-2 5-5 5h-9c-3 0-5-2-5-5zm-52 0c0 3-2 5-5 5h-9c-3 0-5-2-5-5s2-5 5-5h9c3 0 5 2 5 5zm41-18c-2-2-2-5 0-7l6-6c2-2 5-2 7 0s2 5 0 7l-6 6c-2 2-5 2-7 0zm-30 30c2 2 2 5 0 7l-6 6c-2 2-5 2-7 0s-2-5 0-7l6-6c2-2 5-2 7 0zm30 0c2-2 5-2 7 0l6 6c2 2 2 5 0 7s-5 2-7 0l-6-6c-2-2-2-5 0-7zm-30-30c-2 2-5 2-7 0l-6-6c-2-2-2-5 0-7s5-2 7 0l6 6c2 2 2 5 0 7z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M50 30c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20zm0-6c-3 0-5-2-5-5v-9c0-3 2-5 5-5s5 2 5 5v9c0 3-2 5-5 5zm0 52c3 0 5 2 5 5v9c0 3-2 5-5 5s-5-2-5-5v-9c0-3 2-5 5-5zm26-26c0-3 2-5 5-5h9c3 0 5 2 5 5s-2 5-5 5h-9c-3 0-5-2-5-5zm-52 0c0 3-2 5-5 5h-9c-3 0-5-2-5-5s2-5 5-5h9c3 0 5 2 5 5zm41-18c-2-2-2-5 0-7l6-6c2-2 5-2 7 0s2 5 0 7l-6 6c-2 2-5 2-7 0zm-30 30c2 2 2 5 0 7l-6 6c-2 2-5 2-7 0s-2-5 0-7l6-6c2-2 5-2 7 0zm30 0c2-2 5-2 7 0l6 6c2 2 2 5 0 7s-5 2-7 0l-6-6c-2-2-2-5 0-7zm-30-30c-2 2-5 2-7 0l-6-6c-2-2-2-5 0-7s5-2 7 0l6 6c2 2 2 5 0 7z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--sun-max .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;border-radius:50%;box-shadow:0 -1.3em 0 -.6em currentColor,.9em -.9em 0 -.6em currentColor,1.3em 0 0 -.6em currentColor,.9em .9em 0 -.6em currentColor,0 1.3em 0 -.6em currentColor,-.9em .9em 0 -.6em currentColor,-1.3em 0 0 -.6em currentColor,-.9em -.9em 0 -.6em currentColor}.sf-symbol--moon-stars .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:currentColor;border-radius:50%;box-shadow:inset .15em .15em 0 0 var(--color-bg-primary),inset -.1em -.1em 0 0 var(--color-bg-primary)}.sf-symbol--moon-stars .sf-symbol__shape:after{content:"";position:absolute;top:.1em;right:.1em;width:.15em;height:.15em;background:currentColor;border-radius:50%;box-shadow:-.4em .3em 0 -.05em currentColor,.2em .6em 0 -.05em currentColor}.sf-symbol--ellipsis .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1em;height:.1em;background:currentColor;border-radius:50%;box-shadow:-.25em 0 0 currentColor,.25em 0 0 currentColor}.sf-symbol--xmark .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.15em;height:.8em;background:currentColor;border-radius:.075em}.sf-symbol--xmark .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:.15em;height:.8em;background:currentColor;border-radius:.075em}.sf-symbol--line-horizontal-3 .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.1em;background:currentColor;border-radius:.05em;box-shadow:0 -.25em 0 currentColor,0 .25em 0 currentColor}.sf-symbol--sidebar-left .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.6em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3e%3crect x='8' y='10' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='8' y='28' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='8' y='46' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3cpath d='M42 25L52 30L42 35L44 30Z' fill='currentColor'/%3e%3crect x='55' y='10' width='17' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='55' y='28' width='12' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='55' y='46' width='15' height='3' fill='currentColor' rx='1.5'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3e%3crect x='8' y='10' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='8' y='28' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='8' y='46' width='20' height='3' fill='currentColor' rx='1.5'/%3e%3cpath d='M42 25L52 30L42 35L44 30Z' fill='currentColor'/%3e%3crect x='55' y='10' width='17' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='55' y='28' width='12' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='55' y='46' width='15' height='3' fill='currentColor' rx='1.5'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--sidebar-leading .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.6em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3e%3crect x='5' y='5' width='25' height='50' fill='currentColor' rx='2'/%3e%3cpath d='M38 25L28 30L38 35L36 30Z' fill='currentColor'/%3e%3crect x='45' y='10' width='17' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='45' y='28' width='12' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='45' y='46' width='15' height='3' fill='currentColor' rx='1.5'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3e%3crect x='5' y='5' width='25' height='50' fill='currentColor' rx='2'/%3e%3cpath d='M38 25L28 30L38 35L36 30Z' fill='currentColor'/%3e%3crect x='45' y='10' width='17' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='45' y='28' width='12' height='3' fill='currentColor' rx='1.5'/%3e%3crect x='45' y='46' width='15' height='3' fill='currentColor' rx='1.5'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--interactive{cursor:pointer;border-radius:var(--radius-sm);padding:.2em;margin:-.2em;min-width:var(--spacing-11);min-height:var(--spacing-11)}.sf-symbol--interactive:hover{background-color:var(--color-bg-hover);transform:scale(1.05)}.sf-symbol--interactive:active{transform:scale(.95);background-color:var(--color-bg-active)}.sf-symbol--interactive:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.sf-symbol__ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-300);opacity:0;transform:translate(-50%,-50%);pointer-events:none}.sf-symbol--interactive:active .sf-symbol__ripple{animation:sf-symbol-ripple var(--duration-ios-standard) var(--easing-ios-default)}@keyframes sf-symbol-ripple{0%{width:0;height:0;opacity:.6}to{width:2em;height:2em;opacity:0}}.sf-symbol--animation-bounce{animation:sf-symbol-bounce var(--duration-ios-standard) var(--easing-ios-default)}@keyframes sf-symbol-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sf-symbol--animation-pulse{animation:sf-symbol-pulse 2s infinite var(--easing-ios-default)}@keyframes sf-symbol-pulse{0%,to{opacity:1}50%{opacity:.5}}.sf-symbol--animation-rotate{animation:sf-symbol-rotate 1s linear infinite}@keyframes sf-symbol-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-symbol--animation-scale{animation:sf-symbol-scale var(--duration-ios-standard) var(--easing-ios-default)}@keyframes sf-symbol-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sf-symbol--animation-fade{animation:sf-symbol-fade 1s var(--easing-ios-default) infinite alternate}@keyframes sf-symbol-fade{0%{opacity:.3}to{opacity:1}}.sf-symbol--animation-wiggle{animation:sf-symbol-wiggle .5s var(--easing-ios-default) 3}@keyframes sf-symbol-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.sf-symbol--variant-fill .sf-symbol__shape:before{opacity:1}.sf-symbol--variant-circle .sf-symbol__shape{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:50%;padding:.2em}.sf-symbol--variant-square .sf-symbol__shape{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:.2em}.sf-symbol--variant-circle-fill .sf-symbol__shape{background:var(--color-primary-500);color:var(--color-neutral-0);border-radius:50%;padding:.2em}.sf-symbol--variant-square-fill .sf-symbol__shape{background:var(--color-primary-500);color:var(--color-neutral-0);border-radius:var(--radius-sm);padding:.2em}@media(prefers-reduced-motion:reduce){.sf-symbol{animation:none;transition:none}.sf-symbol--animation-bounce,.sf-symbol--animation-pulse,.sf-symbol--animation-rotate,.sf-symbol--animation-scale,.sf-symbol--animation-fade,.sf-symbol--animation-wiggle{animation:none}}.sf-symbol--person .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ccircle cx='50' cy='25' r='15'/%3e%3cpath d='M50 45c-15 0-25 10-25 25v20h50V70c0-15-10-25-25-25z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ccircle cx='50' cy='25' r='15'/%3e%3cpath d='M50 45c-15 0-25 10-25 25v20h50V70c0-15-10-25-25-25z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--list-bullet .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.6em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3e%3ccircle cx='10' cy='15' r='4'/%3e%3crect x='25' y='11' width='70' height='8' rx='4'/%3e%3ccircle cx='10' cy='35' r='4'/%3e%3crect x='25' y='31' width='70' height='8' rx='4'/%3e%3ccircle cx='10' cy='55' r='4'/%3e%3crect x='25' y='51' width='70' height='8' rx='4'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3e%3ccircle cx='10' cy='15' r='4'/%3e%3crect x='25' y='11' width='70' height='8' rx='4'/%3e%3ccircle cx='10' cy='35' r='4'/%3e%3crect x='25' y='31' width='70' height='8' rx='4'/%3e%3ccircle cx='10' cy='55' r='4'/%3e%3crect x='25' y='51' width='70' height='8' rx='4'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--location .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 80'%3e%3cpath d='M30 0C13.4 0 0 13.4 0 30c0 30 30 50 30 50s30-20 30-50C60 13.4 46.6 0 30 0zm0 45c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 80'%3e%3cpath d='M30 0C13.4 0 0 13.4 0 30c0 30 30 50 30 50s30-20 30-50C60 13.4 46.6 0 30 0zm0 45c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--heart-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.75em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M50 90 C 20 70, 5 50, 5 35 C 5 20, 15 10, 25 10 C 35 10, 45 20, 50 30 C 55 20, 65 10, 75 10 C 85 10, 95 20, 95 35 C 95 50, 80 70, 50 90 Z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M50 90 C 20 70, 5 50, 5 35 C 5 20, 15 10, 25 10 C 35 10, 45 20, 50 30 C 55 20, 65 10, 75 10 C 85 10, 95 20, 95 35 C 95 50, 80 70, 50 90 Z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.95}.sf-symbol--house-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 80'%3e%3cpath d='M42.5 5L5 35v40h25V55h25v20h25V35L42.5 5z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 80'%3e%3cpath d='M42.5 5L5 35v40h25V55h25v20h25V35L42.5 5z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--person-2-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3e%3ccircle cx='30' cy='20' r='12'/%3e%3ccircle cx='60' cy='20' r='12'/%3e%3cpath d='M30 38c-12 0-20 8-20 20v15h35V58c0-8-3-15-8-18 3-1 6-2 8-2 12 0 20 8 20 20v15h15V58c0-12-8-20-20-20-3 0-6 1-8 2-5-3-12-2-22-2z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3e%3ccircle cx='30' cy='20' r='12'/%3e%3ccircle cx='60' cy='20' r='12'/%3e%3cpath d='M30 38c-12 0-20 8-20 20v15h35V58c0-8-3-15-8-18 3-1 6-2 8-2 12 0 20 8 20 20v15h15V58c0-12-8-20-20-20-3 0-6 1-8 2-5-3-12-2-22-2z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--person-3-fill .sf-symbol__shape:before{content:"👥";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;line-height:1;opacity:1}.sf-symbol--briefcase-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.7em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 70'%3e%3cpath d='M30 5h25v10H30V5z'/%3e%3crect x='5' y='15' width='75' height='50' rx='5' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 70'%3e%3cpath d='M30 5h25v10H30V5z'/%3e%3crect x='5' y='15' width='75' height='50' rx='5' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--building-2-fill .sf-symbol__shape:before{content:"🏢";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;line-height:1;opacity:1}.sf-symbol--person-2 .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3e%3ccircle cx='30' cy='20' r='12'/%3e%3ccircle cx='60' cy='20' r='12'/%3e%3cpath d='M30 38c-12 0-20 8-20 20v15h35V58c0-8-3-15-8-18 3-1 6-2 8-2 12 0 20 8 20 20v15h15V58c0-12-8-20-20-20-3 0-6 1-8 2-5-3-12-2-22-2z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3e%3ccircle cx='30' cy='20' r='12'/%3e%3ccircle cx='60' cy='20' r='12'/%3e%3cpath d='M30 38c-12 0-20 8-20 20v15h35V58c0-8-3-15-8-18 3-1 6-2 8-2 12 0 20 8 20 20v15h15V58c0-12-8-20-20-20-3 0-6 1-8 2-5-3-12-2-22-2z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--doc .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.65em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 80'%3e%3cpath d='M10 0v80h45V20L35 0H10zm30 5l15 15H40V5z'/%3e%3crect x='18' y='30' width='30' height='3'/%3e%3crect x='18' y='38' width='30' height='3'/%3e%3crect x='18' y='46' width='25' height='3'/%3e%3crect x='18' y='54' width='30' height='3'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 80'%3e%3cpath d='M10 0v80h45V20L35 0H10zm30 5l15 15H40V5z'/%3e%3crect x='18' y='30' width='30' height='3'/%3e%3crect x='18' y='38' width='30' height='3'/%3e%3crect x='18' y='46' width='25' height='3'/%3e%3crect x='18' y='54' width='30' height='3'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--chart-bar .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3crect x='10' y='50' width='12' height='25' rx='2'/%3e%3crect x='28' y='30' width='12' height='45' rx='2'/%3e%3crect x='46' y='20' width='12' height='55' rx='2'/%3e%3crect x='64' y='40' width='12' height='35' rx='2'/%3e%3cpath d='M5 75h70' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3crect x='10' y='50' width='12' height='25' rx='2'/%3e%3crect x='28' y='30' width='12' height='45' rx='2'/%3e%3crect x='46' y='20' width='12' height='55' rx='2'/%3e%3crect x='64' y='40' width='12' height='35' rx='2'/%3e%3cpath d='M5 75h70' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--books-vertical .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3crect x='10' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3crect x='30' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3crect x='50' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3cline x1='13' y1='20' x2='22' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3cline x1='33' y1='20' x2='42' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3cline x1='53' y1='20' x2='62' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3crect x='10' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3crect x='30' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3crect x='50' y='10' width='15' height='60' rx='2' fill='currentColor'/%3e%3cline x1='13' y1='20' x2='22' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3cline x1='33' y1='20' x2='42' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3cline x1='53' y1='20' x2='62' y2='20' stroke='white' stroke-width='1.5' opacity='0.3'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--magnifyingglass .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3ccircle cx='30' cy='30' r='25' fill='none' stroke='currentColor' stroke-width='4'/%3e%3cpath d='52 52l22 22' stroke='currentColor' stroke-width='4' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3ccircle cx='30' cy='30' r='25' fill='none' stroke='currentColor' stroke-width='4'/%3e%3cpath d='52 52l22 22' stroke='currentColor' stroke-width='4' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--search-bold .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 2a8 8 0 105.3 14.03l5.34 5.34 1.42-1.42-5.34-5.34A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z' fill='black'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 2a8 8 0 105.3 14.03l5.34 5.34 1.42-1.42-5.34-5.34A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z' fill='black'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--chevron-down .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.35em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 35'%3e%3cpath d='M5 5l25 25 25-25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 35'%3e%3cpath d='M5 5l25 25 25-25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--chevron-up .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.35em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 35'%3e%3cpath d='M5 30l25-25 25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 35'%3e%3cpath d='M5 30l25-25 25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--chevron-right .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.35em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 60'%3e%3cpath d='M5 5l25 25-25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 60'%3e%3cpath d='M5 5l25 25-25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--chevron-left .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.35em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 60'%3e%3cpath d='M30 5L5 30l25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 60'%3e%3cpath d='M30 5L5 30l25 25' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--arrow-up-arrow-down .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.4em;height:.7em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 70'%3e%3cpath d='M20 5l-10 10M20 5l10 10M20 5v60M10 55l10 10M30 55l10-10' stroke='currentColor' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 70'%3e%3cpath d='M20 5l-10 10M20 5l10 10M20 5v60M10 55l10 10M30 55l10-10' stroke='currentColor' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--person:hover .sf-symbol__shape:before{animation:person-wave .6s ease-in-out}@keyframes person-wave{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-2deg)}75%{transform:translate(-50%,-50%) rotate(2deg)}}.sf-symbol--location:hover .sf-symbol__shape:before{animation:location-bounce .5s ease-in-out}@keyframes location-bounce{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-.1em)}}.sf-symbol--person-2:hover .sf-symbol__shape:before{animation:team-gather .7s ease-in-out}@keyframes team-gather{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.sf-symbol--doc:hover .sf-symbol__shape:before{animation:doc-flutter .4s ease-in-out}@keyframes doc-flutter{0%,to{transform:translate(-50%,-50%) rotateY(0)}50%{transform:translate(-50%,-50%) rotateY(5deg)}}.sf-symbol--chart-bar:hover .sf-symbol__shape:before{animation:chart-grow .6s ease-in-out}@keyframes chart-grow{0%,to{transform:translate(-50%,-50%) scaleY(1)}50%{transform:translate(-50%,-50%) scaleY(1.1)}}.sf-symbol--magnifyingglass:hover .sf-symbol__shape:before{animation:search-focus .5s ease-in-out}@keyframes search-focus{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.sf-symbol--list-bullet:hover .sf-symbol__shape:before{animation:list-organize .5s ease-in-out}@keyframes list-organize{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-.05em)}75%{transform:translate(-50%,-50%) translate(.05em)}}.sf-symbol--sidebar-left:hover .sf-symbol__shape:before{animation:sidebar-expand-hint .5s ease-in-out}@keyframes sidebar-expand-hint{0%,to{transform:translate(-50%,-50%) scale(1) translate(0)}30%{transform:translate(-50%,-50%) scale(1.02) translate(.05em)}70%{transform:translate(-50%,-50%) scale(1.05) translate(.1em)}}.sf-symbol--sidebar-leading:hover .sf-symbol__shape:before{animation:sidebar-collapse-hint .5s ease-in-out}@keyframes sidebar-collapse-hint{0%,to{transform:translate(-50%,-50%) scale(1) translate(0)}30%{transform:translate(-50%,-50%) scale(.98) translate(-.05em)}70%{transform:translate(-50%,-50%) scale(.95) translate(-.1em)}}.sf-symbol--person-fill-badge-plus .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ccircle cx='35' cy='25' r='15' fill='currentColor'/%3e%3cpath d='M35 45c-15 0-25 10-25 25v20h40V70c0-15-10-25-25-25z' fill='currentColor'/%3e%3ccircle cx='75' cy='20' r='12' fill='currentColor'/%3e%3cpath d='M75 14v12M69 20h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ccircle cx='35' cy='25' r='15' fill='currentColor'/%3e%3cpath d='M35 45c-15 0-25 10-25 25v20h40V70c0-15-10-25-25-25z' fill='currentColor'/%3e%3ccircle cx='75' cy='20' r='12' fill='currentColor'/%3e%3cpath d='M75 14v12M69 20h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--doc-badge-plus .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M15 5v80h45V25L45 5H15zm25 5l15 15H40V10z'/%3e%3crect x='23' y='35' width='25' height='3'/%3e%3crect x='23' y='43' width='25' height='3'/%3e%3crect x='23' y='51' width='20' height='3'/%3e%3crect x='23' y='59' width='25' height='3'/%3e%3ccircle cx='75' cy='25' r='12' fill='currentColor'/%3e%3cpath d='M75 19v12M69 25h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M15 5v80h45V25L45 5H15zm25 5l15 15H40V10z'/%3e%3crect x='23' y='35' width='25' height='3'/%3e%3crect x='23' y='43' width='25' height='3'/%3e%3crect x='23' y='51' width='20' height='3'/%3e%3crect x='23' y='59' width='25' height='3'/%3e%3ccircle cx='75' cy='25' r='12' fill='currentColor'/%3e%3cpath d='M75 19v12M69 25h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--doc-richtext .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5em;height:.65em;background:currentColor;border-radius:.04em;opacity:.7;clip-path:polygon(0% 0%,85% 0%,100% 15%,100% 100%,0% 100%)}.sf-symbol--doc-richtext .sf-symbol__shape:after{content:"";position:absolute;top:25%;right:15%;width:.08em;height:.08em;background:var(--color-bg-primary);transform:rotate(45deg)}.sf-symbol--photo .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.6em;background:none;border:.08em solid currentColor;border-radius:.08em;opacity:.7}.sf-symbol--photo .sf-symbol__shape:after{content:"";position:absolute;top:.12em;right:.12em;width:.15em;height:.15em;background:currentColor;border-radius:50%;opacity:.6}.sf-symbol--video .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:none;border:.08em solid currentColor;border-radius:50%;opacity:.7}.sf-symbol--video .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-left:.15em solid currentColor;border-top:.08em solid transparent;border-bottom:.08em solid transparent}.sf-symbol--music-note .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.12em;height:.45em;background:currentColor;border-radius:.06em;opacity:.8}.sf-symbol--music-note .sf-symbol__shape:after{content:"";position:absolute;bottom:0;left:-.05em;width:.22em;height:.15em;background:currentColor;border-radius:50%}.sf-symbol--archivebox .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.65em;height:.5em;background:none;border:.08em solid currentColor;border-radius:.08em;opacity:.7}.sf-symbol--archivebox .sf-symbol__shape:after{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:.3em;height:.08em;background:currentColor;border-radius:.04em}.sf-symbol--tray-full .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.7em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3e%3cpath d='M2 14v4c0 1 1 2 2 2h16c1 0 2-1 2-2v-4H2zm3-2h14l2-6H3l2 6zm1-8h12v2H6V4zm2-4h8v2H8V0z' fill='black'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3e%3cpath d='M2 14v4c0 1 1 2 2 2h16c1 0 2-1 2-2v-4H2zm3-2h14l2-6H3l2 6zm1-8h12v2H6V4zm2-4h8v2H8V0z' fill='black'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--doc-text .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.75em;background:currentColor;border-radius:.05em;box-shadow:inset .1em .15em 0 var(--color-bg-primary),inset .1em .25em 0 var(--color-bg-primary),inset .1em .35em 0 var(--color-bg-primary);opacity:.8}.sf-symbol--tablecells .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.6em;background:none;border:.06em solid currentColor;border-radius:.06em;opacity:.85;box-shadow:inset .18em 0 0 currentColor,inset 0 .18em 0 currentColor}.sf-symbol--tablecells .sf-symbol__shape:after{content:"";position:absolute;top:20%;left:70%;width:.1em;height:.1em;background:currentColor;border-radius:50%;opacity:.6;box-shadow:-.15em .1em 0 -.02em currentColor,.05em .15em 0 -.02em currentColor}.sf-symbol--play-rectangle .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.65em;height:.5em;background:none;border:.06em solid currentColor;border-radius:.06em;opacity:.85}.sf-symbol--play-rectangle .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-left:.1em solid currentColor;border-top:.06em solid transparent;border-bottom:.06em solid transparent;opacity:.8}.sf-symbol--chevron-left-forwardslash-chevron-right .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:30%;transform:translate(-50%,-50%) rotate(-15deg);width:.08em;height:.5em;background:currentColor;border-radius:.04em;opacity:.7}.sf-symbol--chevron-left-forwardslash-chevron-right .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);width:.15em;height:.15em;border-left:.08em solid currentColor;border-bottom:.08em solid currentColor;transform:translate(-50%,-50%) rotate(45deg);opacity:.6}.sf-symbol--doc-plaintext .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.75em;background:currentColor;border-radius:.05em;box-shadow:inset .08em .12em 0 var(--color-bg-primary),inset .08em .2em 0 var(--color-bg-primary),inset .08em .28em 0 var(--color-bg-primary),inset .08em .36em 0 var(--color-bg-primary);opacity:.8}.sf-symbol--gearshape .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:none;border:.08em solid currentColor;border-radius:50%;opacity:.7}.sf-symbol--gearshape .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.25em;height:.25em;background:currentColor;border-radius:50%;opacity:.6}.sf-symbol--checkmark .sf-symbol__shape:before{content:"";position:absolute;top:38%;left:62%;transform:translate(-50%,-50%) rotate(45deg);width:.14em;height:.5em;background:currentColor;border-radius:.07em}.sf-symbol--checkmark .sf-symbol__shape:after{content:"";position:absolute;top:60%;left:28%;transform:translate(-50%,-50%) rotate(-45deg);width:.14em;height:.28em;background:currentColor;border-radius:.07em}.sf-symbol--exclamationmark .sf-symbol__shape:before{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:.15em;height:.45em;background:currentColor;border-radius:.08em}.sf-symbol--exclamationmark .sf-symbol__shape:after{content:"";position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:.15em;height:.15em;background:currentColor;border-radius:50%}.sf-symbol--exclamationmark-circle-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Crect x='10.5' y='5' width='3' height='9' rx='1.5' fill='black'/%3E%3Ccircle cx='12' cy='17.5' r='1.8' fill='black'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Crect x='10.5' y='5' width='3' height='9' rx='1.5' fill='black'/%3E%3Ccircle cx='12' cy='17.5' r='1.8' fill='black'/%3E%3C/svg%3E") no-repeat center;mask-size:contain}.sf-symbol--xmark-circle-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:currentColor;border-radius:50%;opacity:.7}.sf-symbol--xmark-circle-fill .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:50%;width:.08em;height:.35em;background:var(--color-bg-primary);border-radius:.04em;box-shadow:0 0 0 .08em var(--color-bg-primary),.27em 0 0 -.08em var(--color-bg-primary),-.27em 0 0 -.08em var(--color-bg-primary);transform:translate(-50%,-50%) rotate(45deg)}.sf-symbol--eye .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.95em;height:.65em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M50 15c24 0 43 20 50 35-7 15-26 35-50 35S7 65 0 50c7-15 26-35 50-35Zm0 15c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20Zm0 12a8 8 0 1 1 0 16 8 8 0 0 1 0-16Z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M50 15c24 0 43 20 50 35-7 15-26 35-50 35S7 65 0 50c7-15 26-35 50-35Zm0 15c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20Zm0 12a8 8 0 1 1 0 16 8 8 0 0 1 0-16Z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--eye .sf-symbol__shape:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.2em;height:.2em;background:currentColor;border-radius:50%;opacity:.9}.sf-symbol--trash .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.75em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 100'%3e%3cpath d='M25 20 L25 10 C25 5, 28 0, 35 0 L50 0 C57 0, 60 5, 60 10 L60 20 M10 20 L75 20 M15 25 L15 90 C15 95, 18 100, 25 100 L60 100 C67 100, 70 95, 70 90 L70 25 M32 35 L32 85 M50 35 L50 85' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 100'%3e%3cpath d='M25 20 L25 10 C25 5, 28 0, 35 0 L50 0 C57 0, 60 5, 60 10 L60 20 M10 20 L75 20 M15 25 L15 90 C15 95, 18 100, 25 100 L60 100 C67 100, 70 95, 70 90 L70 25 M32 35 L32 85 M50 35 L50 85' stroke='currentColor' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--clock .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.75em;height:.75em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--building .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.75em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain;opacity:.9}.sf-symbol--arrow-clockwise .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:none;border:.08em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.7;transform:translate(-50%,-50%) rotate(-30deg)}.sf-symbol--arrow-clockwise .sf-symbol__shape:after{content:"";position:absolute;top:15%;right:20%;transform:rotate(45deg);width:.12em;height:.12em;border-right:.08em solid currentColor;border-top:.08em solid currentColor;opacity:.7}.sf-symbol--gearshape .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background-color:currentColor;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"/></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.sf-symbol--gearshape .sf-symbol__shape:after{content:none}.sf-symbol--arrow-right-square .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--arrow-right-square .sf-symbol__shape:after{content:none}.sf-symbol--arrow-up-right-square .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--arrow-up-right-square .sf-symbol__shape:after{content:none}.sf-symbol--phone .sf-symbol__shape:before{content:"📞";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;line-height:1;opacity:1}.sf-symbol--phone .sf-symbol__shape:after{content:none}.sf-symbol--calendar .sf-symbol__shape:before{content:"📅";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;line-height:1;opacity:1}.sf-symbol--calendar .sf-symbol__shape:after{content:none}.sf-symbol--envelope .sf-symbol__shape:before{content:"✉️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;line-height:1;opacity:1}.sf-symbol--envelope .sf-symbol__shape:after{content:none}.sf-symbol--folder .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.75em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M1.5 3.5C1.5 2.67157 2.17157 2 3 2H6.08579C6.351 2 6.60536 2.10536 6.79289 2.29289L7.70711 3.20711C7.89464 3.39464 8.149 3.5 8.41421 3.5H13C13.8284 3.5 14.5 4.17157 14.5 5V12.5C14.5 13.3284 13.8284 14 13 14H3C2.17157 14 1.5 13.3284 1.5 12.5V3.5Z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M1.5 3.5C1.5 2.67157 2.17157 2 3 2H6.08579C6.351 2 6.60536 2.10536 6.79289 2.29289L7.70711 3.20711C7.89464 3.39464 8.149 3.5 8.41421 3.5H13C13.8284 3.5 14.5 4.17157 14.5 5V12.5C14.5 13.3284 13.8284 14 13 14H3C2.17157 14 1.5 13.3284 1.5 12.5V3.5Z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--folder .sf-symbol__shape:after{content:none}@media(prefers-contrast:high){.sf-symbol{filter:contrast(1.5)}.sf-symbol--interactive:hover{background-color:var(--color-primary-500);color:var(--color-neutral-0)}}.sf-symbol--bolt-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z' fill='currentColor'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--bubble-left .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--bubble-left-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--bubble-left-and-bubble-right-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--sparkles .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 3L10.5 8.5L5 10L10.5 11.5L12 17L13.5 11.5L19 10L13.5 8.5L12 3zM5 16l-.75 2.25L2 19l2.25.75L5 22l.75-2.25L8 19l-2.25-.75L5 16zm14-2l-.75 2.25L16 17l2.25.75.75 2.25.75-2.25L22 17l-2.25-.75L19 14z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 3L10.5 8.5L5 10L10.5 11.5L12 17L13.5 11.5L19 10L13.5 8.5L12 3zM5 16l-.75 2.25L2 19l2.25.75L5 22l.75-2.25L8 19l-2.25-.75L5 16zm14-2l-.75 2.25L16 17l2.25.75.75 2.25.75-2.25L22 17l-2.25-.75L19 14z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--stop-fill .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7em;height:.7em;background:currentColor;border-radius:2px}.sf-symbol--arrow-up .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13 7.83l5.59 5.59L20 12l-8-8-8 8 1.41 1.41L11 7.83V20h2V7.83z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13 7.83l5.59 5.59L20 12l-8-8-8 8 1.41 1.41L11 7.83V20h2V7.83z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--plus .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--clock-arrow-circlepath .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13.5 8H12v5l4.28 2.54.72-1.21-3.5-2.08V8zM13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M13.5 8H12v5l4.28 2.54.72-1.21-3.5-2.08V8zM13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--questionmark-circle .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--link .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 000 10h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 000-10z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 000 10h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 000-10z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--paperclip .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M21.58 12.58l-9-9a6.53 6.53 0 00-9.19 9.19l1.2 1.2a.75.75 0 001.06-1.06l-1.2-1.2a5 5 0 017.08-7.08l9 9a3.53 3.53 0 01-5 5l-9-9a2 2 0 012.83-2.83l8.49 8.49a.75.75 0 001.06-1.06l-8.49-8.49a3.52 3.52 0 00-5 5l9 9a5 5 0 007.08-7.08z'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M21.58 12.58l-9-9a6.53 6.53 0 00-9.19 9.19l1.2 1.2a.75.75 0 001.06-1.06l-1.2-1.2a5 5 0 017.08-7.08l9 9a3.53 3.53 0 01-5 5l-9-9a2 2 0 012.83-2.83l8.49 8.49a.75.75 0 001.06-1.06l-8.49-8.49a3.52 3.52 0 00-5 5l9 9a5 5 0 007.08-7.08z'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--bell .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z'/%3e%3cellipse cx='12' cy='21.5' rx='2' ry='1.2'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z'/%3e%3cellipse cx='12' cy='21.5' rx='2' ry='1.2'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--book .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4 4.5A2.5 2.5 0 016.5 2H20v15H6.5A2.5 2.5 0 014 19.5v-15z'/%3e%3cpath d='M4 19.5A2.5 2.5 0 016.5 17H20v5H6.5A2.5 2.5 0 014 19.5z' opacity='0.6'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4 4.5A2.5 2.5 0 016.5 2H20v15H6.5A2.5 2.5 0 004 19.5v-15z'/%3e%3cpath d='M4 19.5A2.5 2.5 0 016.5 17H20v5H6.5A2.5 2.5 0 014 19.5z' opacity='0.6'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--lock-rotation .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3crect x='5' y='11' width='14' height='11' rx='2' fill='currentColor'/%3e%3cpath d='M8 11V7a4 4 0 118 0v4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M19 2a3 3 0 013 3v2' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M22 7l-1.5-1.5M22 7l1.5-1.5' fill='none' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3crect x='5' y='11' width='14' height='11' rx='2' fill='currentColor'/%3e%3cpath d='M8 11V7a4 4 0 118 0v4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M19 2a3 3 0 013 3v2' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M22 7l-1.5-1.5M22 7l1.5-1.5' fill='none' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}.sf-symbol--iphone-slash .sf-symbol__shape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.85em;height:.85em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3crect x='7' y='2' width='10' height='20' rx='2' fill='none' stroke='currentColor' stroke-width='1.8'/%3e%3cline x1='10' y1='19' x2='14' y2='19' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3e%3cline x1='3' y1='21' x2='21' y2='3' stroke='currentColor' stroke-width='1.8' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3crect x='7' y='2' width='10' height='20' rx='2' fill='none' stroke='currentColor' stroke-width='1.8'/%3e%3cline x1='10' y1='19' x2='14' y2='19' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3e%3cline x1='3' y1='21' x2='21' y2='3' stroke='currentColor' stroke-width='1.8' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;mask-size:contain}}@layer components{.close-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--close-button-color, var(--color-neutral-700));cursor:pointer;opacity:var(--close-button-opacity, .85);transition:var(--close-button-transition, all .2s ease);flex-shrink:0;padding:0}.close-button:hover{background:transparent;opacity:var(--close-button-opacity-hover, 1);transform:scale(var(--close-button-scale-hover, 1.1))}.close-button:active{transform:scale(var(--close-button-scale-active, .95))}.close-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.close-button--sm{width:24px;height:24px}.close-button--md{width:28px;height:28px}.close-button--lg{width:32px;height:32px}html[data-theme=dark] .close-button{color:var(--close-button-color-dark, var(--color-neutral-300))}@media(pointer:coarse){.close-button{position:relative}.close-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}}}@layer components{.modal-backdrop{position:fixed;inset:0;z-index:var(--z-index-modal);background-color:var(--color-modal-backdrop);animation:modalBackdropAppear var(--duration-moderate) var(--easing-ease-out);display:flex;align-items:center;justify-content:center;padding:var(--spacing-6)}@keyframes modalBackdropAppear{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-modal-bg);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);width:100%;max-height:80vh;display:flex;flex-direction:column;animation:modalAppear var(--duration-moderate) var(--easing-ios-spring)}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{opacity:1;transform:scale(1.01) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal__header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-modal-header-border);display:flex;align-items:center;justify-content:space-between}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.modal__content{flex:1;overflow-y:auto;padding:var(--spacing-6)}.modal__footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-modal-footer-border);display:flex;justify-content:flex-end;gap:var(--spacing-3)}@media(max-width:480px){.modal-backdrop--sheet{align-items:flex-end;padding:0}.modal--sheet{width:100vw;max-width:100vw;max-height:90vh;margin:0;border-radius:16px 16px 0 0;animation:modalSlideUp var(--duration-moderate) var(--easing-ios-spring)}.modal--sheet .modal__header,.modal--sheet .modal__content{padding:var(--spacing-4) var(--spacing-5)}.modal--sheet .modal__footer{padding:var(--spacing-4) var(--spacing-5);padding-bottom:max(var(--spacing-4),env(safe-area-inset-bottom))}.modal--alert{max-width:300px;border-radius:13px}}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(orientation:landscape)and (max-height:600px){.modal-backdrop{padding:var(--spacing-1)}.modal--sheet{max-height:calc(100dvh - 8px)}.modal--alert{max-height:calc(100dvh - 32px)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;position:relative;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-radius:var(--radius-md);font-family:var(--font-family-primary);line-height:var(--line-height-normal);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;font-feature-settings:var(--font-feature-settings-kerning);unicode-bidi:isolate;text-size-adjust:100%;will-change:background-color,color,border-color,transform;transform:translateZ(0);contain:layout style;backface-visibility:hidden;cursor:pointer;transition:background-color var(--duration-micro-smooth) var(--easing-micro-hover-lift),border-color var(--duration-micro-smooth) var(--easing-micro-hover-lift),color var(--duration-micro-smooth) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-quick) var(--easing-micro-focus-ring),transform var(--duration-micro-instant) var(--easing-micro-press-down);outline:2px solid transparent;outline-offset:2px}.button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus-ring)}@media(prefers-contrast:high){.button:focus-visible{outline:3px solid var(--color-voiceover-focus);box-shadow:var(--shadow-focus-high-contrast)}}.button.focus-voiceover:focus-visible{outline:4px solid var(--color-voiceover-focus);box-shadow:var(--shadow-voiceover-cursor)}@media(prefers-reduced-motion:reduce){.button:focus-visible{box-shadow:var(--shadow-focus-reduced-motion);transition:none}}.button--sm{gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);min-height:1.875rem;min-width:auto}.button--md{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);min-height:2.75rem;min-width:2.75rem}.button--lg{gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);min-height:3rem;min-width:3rem}.button--primary{background-color:var(--color-button-primary-bg);border-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.button--primary:hover:not(:disabled){background-color:var(--color-button-primary-bg-hover);border-color:var(--color-button-primary-bg-hover)}.button--primary:active:not(:disabled){background-color:var(--color-button-primary-bg-active);border-color:var(--color-button-primary-bg-active);transform:translateY(1px) scale(.98);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),border-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.button--primary:not(:active):not(:disabled){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),border-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up)}.button--secondary{background-color:var(--color-button-secondary-bg-light);border-color:var(--color-button-secondary-border);color:var(--color-button-secondary-text)}[data-theme=dark] .button--secondary{background-color:var(--color-button-secondary-bg-dark)}.button--secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover-light)}[data-theme=dark] .button--secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover-dark)}.button--secondary:active:not(:disabled){background-color:var(--color-button-secondary-bg-active);transform:translateY(1px) scale(.985);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.button--secondary:not(:active):not(:disabled){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up)}.button--ghost{background-color:var(--color-button-ghost-bg);border-color:transparent;color:var(--color-button-ghost-text)}.button--ghost:hover:not(:disabled){background-color:var(--color-button-ghost-bg-hover)}.button--ghost:active:not(:disabled){background-color:var(--color-button-ghost-bg-active);transform:translateY(.5px) scale(.99);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.button--ghost:not(:active):not(:disabled){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up)}.button--destructive{background-color:var(--color-button-destructive-bg);border-color:var(--color-button-destructive-bg);color:var(--color-button-destructive-text)}.button--destructive:hover:not(:disabled){background-color:var(--color-button-destructive-bg-hover);border-color:var(--color-button-destructive-bg-hover)}.button--destructive:active:not(:disabled){background-color:var(--color-button-destructive-bg-hover);border-color:var(--color-button-destructive-bg-hover);transform:translateY(1.5px) scale(.975);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),border-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.button--destructive:not(:active):not(:disabled){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),border-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up)}.button--link{background-color:var(--color-button-ghost-bg-light);border-color:transparent;color:var(--color-primary-600);text-decoration:underline;padding:var(--spacing-1) var(--spacing-2);min-height:auto}.button--link:hover:not(:disabled){color:var(--color-primary-700);text-decoration:none}.button--link:active:not(:disabled){color:var(--color-primary-800)}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading{cursor:wait}.button--loading .button__content{opacity:.7}.button--full-width{width:100%}.button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button__icon svg{width:1em;height:1em}.button--sm .button__icon svg{width:.875rem;height:.875rem}.button--md .button__icon svg{width:1rem;height:1rem}.button--lg .button__icon svg{width:1.25rem;height:1.25rem}.button__spinner{flex-shrink:0;animation:button-spin 1s linear infinite}.button__spinner--sm{width:.875rem;height:.875rem}.button__spinner--md{width:1rem;height:1rem}.button__spinner--lg{width:1.25rem;height:1.25rem}.button__spinner-path{opacity:.75}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button__content{display:inline-flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){.button{transition:none}.button__spinner{animation:none}.button:active:not(:disabled){transform:none}}@media(prefers-contrast:high){.button{border-width:2px}.button:focus-visible{outline-width:3px}}[data-theme=dark] .button:focus-visible{outline:2px solid var(--color-border-focus-dark, var(--color-border-focus));outline-offset:2px;box-shadow:var(--shadow-focus-ring-dark, var(--shadow-focus-ring))}}@layer components{.apple-confirm-modal{background-color:var(--color-bg-primary);border-radius:13px;box-shadow:inset 0 0 0 .25px var(--color-ios-spinner-fill-dark),0 .5px 1px var(--color-overlay-dark),0 1px 2px var(--color-overlay-dark),0 3px 12px var(--color-hover-light),0 12px 40px var(--color-ios-error-bg-light),0 25px 80px var(--color-active-light);max-width:340px;width:100%;max-height:70vh;overflow:hidden}.apple-confirm-modal .modal__content{padding:0}.apple-confirm-modal .modal__footer{padding:0;border-top:none}.apple-confirm-modal__header{padding:20px var(--spacing-4) var(--spacing-1) var(--spacing-4);text-align:center}.apple-confirm-modal__icon{margin-bottom:var(--spacing-1-5);display:flex;justify-content:center;align-items:center}.apple-confirm-modal__icon-display{font-size:var(--font-size-title-1);font-family:var(--font-family-display);opacity:.95;transform:scale(.9);display:flex;align-items:center;justify-content:center}.apple-confirm-modal__title{font-size:var(--font-size-callout);font-weight:600;line-height:1.25;color:var(--color-neutral-900);margin:0;letter-spacing:-.35px;font-family:var(--font-family-display)}.apple-confirm-modal__body{padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4);text-align:center}.apple-confirm-modal__message{font-size:var(--font-size-caption-1);font-weight:400;line-height:1.5;color:var(--color-neutral-900);margin:0;white-space:pre-wrap;word-break:keep-all;font-family:var(--font-family-text);letter-spacing:-.06px;opacity:.85}.apple-confirm-modal__actions{display:flex;gap:var(--spacing-2);padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4)}.apple-confirm-modal__actions .button{flex:1;min-height:34px;padding:var(--spacing-1-5) var(--spacing-4);border-radius:8px;font-size:var(--font-size-footnote)}.apple-confirm-modal__actions .button--primary,.apple-confirm-modal__actions .button--destructive{font-weight:600}.apple-confirm-modal__actions .button--ghost{font-weight:400}@media(prefers-reduced-motion:reduce){.apple-confirm-modal{transition:none}}@media(max-width:768px){.apple-confirm-modal__actions .button{min-height:44px;padding:10px var(--spacing-4);font-size:var(--font-size-subheadline)}}@media(max-width:480px){.apple-confirm-modal{max-width:300px}}html[data-theme=dark] .apple-confirm-modal{background-color:var(--color-neutral-800);box-shadow:inset 0 0 0 .25px var(--color-active-dark),0 .5px 1px var(--color-opacity-scrollbar-light),0 1px 2px var(--color-ios-empty-light),0 3px 12px var(--color-ios-empty-light),0 12px 40px var(--color-file-default-light),0 25px 80px var(--color-ios-interactive-light)}html[data-theme=dark] .apple-confirm-modal__title,html[data-theme=dark] .apple-confirm-modal__message{color:var(--color-neutral-0)}html[data-theme=dark] .apple-confirm-modal__button:not(:last-child):after{background-color:var(--color-ios-border-dark)}.apple-confirm-modal__text-confirm{margin-top:var(--spacing-3)}.apple-confirm-modal__text-confirm-label{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.apple-confirm-modal__text-confirm-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-footnote);color:var(--color-text-primary);background:var(--color-bg-primary);outline:none;box-sizing:border-box}.apple-confirm-modal__text-confirm-input:focus{border-color:var(--color-destructive)}}@layer reset,tokens,theme,base,utilities,components,views,responsive;@layer tokens{:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-neutral-0: #ffffff;--color-neutral-50: #f5f5f7;--color-neutral-75: #ebebf0;--color-neutral-100: #e5e5ea;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-success: #22c55e;--color-success-light: #86efac;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-favorite: #fbbf24;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-success-bg: rgba(34, 197, 94, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-neutral-bg: rgba(156, 163, 175, .1);--color-error-bg-dark: rgba(239, 68, 68, .15);--color-warning-bg-dark: rgba(234, 179, 8, .15);--color-info-bg-dark: rgba(59, 130, 246, .15);--color-success-text: #16a34a;--color-neutral-text: #6b7280;--color-highlight-bg: rgba(255, 204, 0, .4);--color-highlight-bg-dark: rgba(255, 214, 10, .3);--color-focus-ring: rgba(0, 122, 255, .1);--color-focus-ring-dark: rgba(100, 170, 255, .15);--color-dev-mode: #ff9500;--color-dev-mode-bg: rgba(255, 149, 0, .15);--color-dev-mode-border: rgba(255, 149, 0, .3);--color-accent-blue: #3b82f6;--color-accent-blue-alpha-80: rgba(59, 130, 246, .8);--color-accent-blue-alpha-50: rgba(59, 130, 246, .5);--color-accent-blue-alpha-30: rgba(59, 130, 246, .3);--color-accent-blue-translucent: rgba(59, 130, 246, .25);--color-selection-bg-light: rgba(59, 130, 246, .15);--color-selection-bg-light-hover: rgba(59, 130, 246, .22);--color-selection-border-light: rgba(59, 130, 246, .5);--color-selection-text-light: #1e40af;--color-selection-bg-dark: rgba(59, 130, 246, .35);--color-selection-bg-dark-hover: rgba(59, 130, 246, .4);--color-selection-glow-light: rgba(59, 130, 246, .4);--color-selection-glow-light-hover: rgba(59, 130, 246, .5);--color-selection-glow-dark: rgba(59, 130, 246, .5);--color-selection-glow-dark-hover: rgba(59, 130, 246, .6);--color-selection-glow-pulse: rgba(59, 130, 246, .2);--color-row-empty: rgba(245, 158, 11, .25);--color-row-empty-hover: rgba(245, 158, 11, .35);--color-row-duplicate: rgba(239, 68, 68, .25);--color-row-duplicate-hover: rgba(239, 68, 68, .35);--color-product-original: rgba(34, 197, 94, .25);--color-product-modified: rgba(245, 158, 11, .25);--color-product-unmatched: rgba(239, 68, 68, .25);--color-product-original-selected-light: rgba(34, 197, 94, .35);--color-product-modified-selected-light: rgba(245, 158, 11, .35);--color-product-unmatched-selected-light: rgba(239, 68, 68, .35);--color-product-original-selected-dark: rgba(34, 197, 94, .45);--color-product-modified-selected-dark: rgba(245, 158, 11, .45);--color-product-unmatched-selected-dark: rgba(239, 68, 68, .45);--opacity-overlay: .5;--opacity-overlay-strong: .75;--opacity-shadow-xs: .02;--opacity-shadow-sm: .05;--opacity-shadow-md: .1;--opacity-shadow-lg: .15;--opacity-shadow-xl: .2;--opacity-shadow-2xl: .3;--opacity-shadow-dark-sm: .03;--opacity-shadow-dark-md: .3;--opacity-shadow-dark-lg: .4;--opacity-shadow-dark-xl: .5;--opacity-dark-overlay: .08;--opacity-light-overlay: .1;--opacity-border: .12;--opacity-border-dark: .4;--opacity-ios-bg-light: .12;--opacity-ios-bg-dark: .24;--opacity-ios-bg-focus-light: .2;--opacity-ios-bg-focus-dark: .32;--opacity-ios-text-secondary: .6;--opacity-ios-border: .12;--opacity-ios-border-dark: .65;--opacity-hover-light: .2;--opacity-hover-dark: .08;--opacity-active-light: .08;--opacity-active-dark: .12;--opacity-selected: .1;--opacity-scrollbar-light: .2;--opacity-scrollbar-dark: .2;--opacity-scrollbar-hover-light: .3;--opacity-scrollbar-hover-dark: .3;--color-overlay-backdrop: rgba(0, 0, 0, var(--opacity-overlay));--color-overlay-backdrop-strong: rgba(0, 0, 0, var(--opacity-overlay-strong));--color-overlay-dark: rgba(0, 0, 0, var(--opacity-dark-overlay));--color-overlay-light: rgba(255, 255, 255, var(--opacity-light-overlay));--color-overlay-frosted: rgba(255, 255, 255, .75);--color-overlay-frosted-dark: rgba(0, 0, 0, .6);--color-ios-bg-light: rgba(142, 142, 147, var(--opacity-ios-bg-light));--color-ios-bg-dark: rgba(142, 142, 147, var(--opacity-ios-bg-dark));--color-ios-bg-focus-light: rgba(142, 142, 147, var(--opacity-ios-bg-focus-light));--color-ios-bg-focus-dark: rgba(142, 142, 147, var(--opacity-ios-bg-focus-dark));--color-ios-text-light: rgba(60, 60, 67, var(--opacity-ios-text-secondary));--color-ios-text-dark: rgba(235, 235, 245, var(--opacity-ios-text-secondary));--color-ios-border-light: rgba(60, 60, 67, var(--opacity-ios-border));--color-ios-border-dark: rgba(84, 84, 88, var(--opacity-ios-border-dark));--color-hover-light: rgba(59, 130, 246, var(--opacity-hover-light));--color-hover-dark: rgba(255, 255, 255, var(--opacity-hover-dark));--color-active-light: rgba(0, 0, 0, var(--opacity-active-light));--color-active-dark: rgba(255, 255, 255, var(--opacity-active-dark));--color-selected: rgba(0, 122, 255, var(--opacity-selected));--color-scrollbar-light: rgba(0, 0, 0, var(--opacity-scrollbar-light));--color-scrollbar-dark: rgba(255, 255, 255, var(--opacity-scrollbar-dark));--color-scrollbar-hover-light: rgba(0, 0, 0, var(--opacity-scrollbar-hover-light));--color-scrollbar-hover-dark: rgba(255, 255, 255, var(--opacity-scrollbar-hover-dark));--color-guide-bg-dark: rgba(255, 255, 255, .05);--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-progress-completed-light: #34c759;--color-progress-processing-light: #007aff;--color-progress-error-light: #ff3b30;--color-progress-pending-light: #8e8e93;--color-progress-completed-dark: #30d158;--color-progress-processing-dark: #0a84ff;--color-progress-error-dark: #ff453a;--color-progress-pending-dark: #98989d;--color-icon-lightbulb-fill: #ffc107;--color-icon-lightbulb-stroke: #424242;--color-icon-pdf-stroke: #f5f6f7;--color-folder-light: #D4A017;--color-folder-light-open: #C49A1A;--color-folder-dark: #FFD700;--color-folder-dark-open: #FFCC00;--color-step-number-bg-light: #ffe082;--color-step-number-text-light: #424242;--color-step-number-border-light: #424242;--color-step-number-bg-dark: #3d3623;--color-step-number-text-dark: #ffd95a;--color-step-number-border-dark: #6b5d3f;--color-mode-option-bg-light: rgba(0, 0, 0, .1);--color-mode-option-bg-light-hover: rgba(0, 0, 0, .15);--color-badge-keyword: #30d158;--color-badge-ai: #bf5af2;--color-text-high-contrast: #000000;--color-text-aa-compliant: #212121;--color-text-aaa-compliant: #1a1a1a;--color-bg-high-contrast: #ffffff;--color-bg-low-contrast: #f8f9fa;--color-voiceover-focus: #007aff;--color-voiceover-selection: rgba(0, 122, 255, .2);--font-family-system: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-feature-settings-ligatures: "liga" 1, "clig" 1;--font-feature-settings-kerning: "kern" 1;--font-feature-settings-numerals: "tnum" 1;--font-variant-numeric-tabular: tabular-nums;--tab-size: 2;--tab-size-mono: 4;--font-family-primary: var(--font-family-system);--font-size-root: 1rem;--scrollbar-width: .5rem;--outline-offset-base: .125rem;--app-max-width: 80rem;--app-padding: 2rem;--logo-height: 6em;--logo-padding: 1.5em;--card-padding: 2em;--font-size-caption-2: clamp(.625rem, .764vw, .6875rem);--font-size-caption-1: clamp(.625rem, .833vw, .75rem);--font-size-footnote: clamp(.6875rem, .903vw, .8125rem);--font-size-subheadline: clamp(.8125rem, 1.042vw, .9375rem);--font-size-callout: clamp(.875rem, 1.111vw, 1rem);--font-size-body: clamp(.875rem, 1.181vw, 1.0625rem);--font-size-headline: clamp(.875rem, 1.181vw, 1.0625rem);--font-size-title-3: clamp(1rem, 1.389vw, 1.25rem);--font-size-title-2: clamp(1.125rem, 1.528vw, 1.375rem);--font-size-title-1: clamp(1.375rem, 1.944vw, 1.75rem);--font-size-large-title: clamp(1.625rem, 2.361vw, 2.125rem);--font-size-large-symbol: 1.5rem;--font-size-xlarge-symbol: 2rem;--font-size-xxlarge-symbol: 3rem;--font-size-xxxlarge-symbol: 4rem;--font-size-jumbo-symbol: 5rem;--font-size-xs: var(--font-size-caption-1);--font-size-sm: var(--font-size-footnote);--font-size-base: var(--font-size-callout);--font-size-lg: var(--font-size-title-3);--font-size-xl: var(--font-size-title-2);--font-size-2xl: var(--font-size-title-1);--font-size-3xl: var(--font-size-large-title);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-golden: var(--golden-ratio);--line-height-golden-compressed: calc(var(--golden-ratio) / 1.2);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--dense-font-title: 13px;--dense-font-header: 11px;--dense-font-body: 12px;--dense-font-caption: 11px;--dense-font-micro: 10px;--dense-weight-title: 600;--dense-weight-header: 600;--dense-weight-body: 400;--dense-weight-caption: 400;--dense-weight-micro: 500;--dense-row-height: 32px;--dense-header-height: 36px;--dense-pagination-height: 26px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-0-75: .1875rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--golden-ratio: 1.618;--golden-base: 1rem;--spacing-golden-xs: calc(var(--golden-base) / var(--golden-ratio) / var(--golden-ratio));--spacing-golden-sm: calc(var(--golden-base) / var(--golden-ratio));--spacing-golden-md: var(--golden-base);--spacing-golden-lg: calc(var(--golden-base) * var(--golden-ratio));--spacing-golden-xl: calc(var(--golden-base) * var(--golden-ratio) * var(--golden-ratio));--spacing-golden-2xl: calc(var(--golden-base) * var(--golden-ratio) * var(--golden-ratio) * var(--golden-ratio));--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-modal-light: 0 0 0 1px rgba(0, 0, 0, var(--opacity-shadow-xs)), 0 4px 6px rgba(0, 0, 0, var(--opacity-shadow-sm)), 0 10px 20px rgba(0, 0, 0, var(--opacity-shadow-md)), 0 20px 40px rgba(0, 0, 0, var(--opacity-shadow-lg));--shadow-modal-dark: 0 0 0 1px rgba(255, 255, 255, var(--opacity-shadow-dark-sm)), 0 4px 6px rgba(0, 0, 0, var(--opacity-shadow-dark-md)), 0 10px 20px rgba(0, 0, 0, var(--opacity-shadow-dark-lg)), 0 20px 40px rgba(0, 0, 0, var(--opacity-shadow-dark-xl));--shadow-address-modal-light: 0 20px 60px rgba(0, 0, 0, .3);--shadow-address-modal-dark: 0 20px 60px rgba(0, 0, 0, .6);--shadow-card-light: 0 0 0 1px rgba(0, 0, 0, var(--opacity-shadow-xs)), 0 2px 6px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-dark: 0 0 0 1px rgba(255, 255, 255, var(--opacity-shadow-xs)), 0 2px 6px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .12);--shadow-button-hover: 0 4px 12px rgba(0, 123, 255, var(--opacity-shadow-2xl)), 0 6px 20px rgba(0, 123, 255, var(--opacity-shadow-xl));--shadow-card-hover-light: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-md));--shadow-card-hover-dark: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-2xl));--shadow-inset-light: inset 0 1px 3px rgba(0, 0, 0, var(--opacity-border));--shadow-inset-dark: inset 0 1px 3px rgba(0, 0, 0, var(--opacity-border-dark));--shadow-progress: 0 1px 3px rgba(0, 0, 0, var(--opacity-shadow-xl));--shadow-badge: 0 2px 6px rgba(0, 0, 0, var(--opacity-dark-overlay));--shadow-popover-light: 0 4px 12px rgba(0, 0, 0, .15);--shadow-popover-dark: 0 4px 12px rgba(0, 0, 0, .4);--shadow-dropdown-light: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-dropdown-dark: 0 2px 8px rgba(0, 0, 0, .3);--shadow-overlay-light: 0 8px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--shadow-overlay-dark: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .05);--shadow-focus-blue: 0 0 0 3px rgba(59, 130, 246, .1);--shadow-focus-primary: 0 0 0 2px rgba(0, 122, 255, .2);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-ios-smooth: .35s;--duration-haptic-light: 50ms;--duration-haptic-medium: .1s;--duration-haptic-heavy: .15s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-ios-default: cubic-bezier(.42, 0, .58, 1);--easing-apple-magic: cubic-bezier(.23, 1, .32, 1);--easing-apple-smooth: cubic-bezier(.25, .46, .45, .94);--easing-haptic-light: cubic-bezier(.68, -.55, .265, 1.55);--easing-haptic-medium: cubic-bezier(.175, .885, .32, 1.275);--easing-haptic-heavy: cubic-bezier(.23, 1, .32, 1);--easing-spring-gentle: cubic-bezier(.25, .46, .45, .94);--easing-spring-bouncy: cubic-bezier(.68, -.55, .265, 1.55);--easing-spring-wobbly: cubic-bezier(.175, .885, .32, 1.275);--easing-spring-stiff: cubic-bezier(.55, .055, .675, .19);--easing-micro-press-down: cubic-bezier(.4, 0, 1, 1);--easing-micro-press-up: cubic-bezier(0, 0, .2, 1);--easing-micro-progressive-expand: cubic-bezier(.25, .46, .45, .94);--easing-micro-progressive-collapse: cubic-bezier(.55, .06, .68, .19);--easing-micro-scale-bounce: cubic-bezier(.175, .885, .32, 1.275);--easing-micro-hover-lift: cubic-bezier(.4, 0, .6, 1);--easing-micro-focus-ring: cubic-bezier(.25, .8, .25, 1);--duration-ios-quick: .2s;--duration-ios-standard: .3s;--duration-ios-modal: .5s;--duration-micro-instant: .1s;--duration-micro-quick: .15s;--duration-micro-smooth: .2s;--duration-micro-gentle: .25s;--duration-micro-elaborate: .35s;--duration-apple-quick: .2s;--duration-apple-smooth: .4s;--duration-apple-graceful: .6s;--backdrop-glass-light: blur(20px) saturate(180%);--backdrop-glass-medium: blur(24px) saturate(190%);--backdrop-glass-heavy: blur(32px) saturate(200%);--shadow-sheet-light: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);--shadow-sheet-elevated: 0 16px 48px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .1);--shadow-sheet-focused: 0 24px 64px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12);--shadow-apple-elevated: var(--shadow-base);--shadow-focus-ring: 0 0 0 2px var(--color-primary-100);--shadow-focus-ring-dark: 0 0 0 2px rgba(59, 130, 246, .2);--shadow-focus-high-contrast: 0 0 0 3px var(--color-voiceover-focus);--shadow-focus-aaa-compliant: 0 0 0 4px rgba(0, 122, 255, .6);--shadow-focus-keyboard-only: 0 0 0 2px #000000, 0 0 0 4px #ffffff;--shadow-voiceover-cursor: 0 0 0 4px var(--color-voiceover-focus), 0 0 8px rgba(0, 122, 255, .3);--shadow-focus-reduced-motion: 0 0 0 3px var(--color-voiceover-focus);--shadow-glow-success: 0 0 var(--spacing-1) var(--color-success-500);--shadow-glow-error: 0 0 var(--spacing-1) var(--color-error-500);--shadow-sidebar-light: 0 .5px 1px rgba(0, 0, 0, .08);--shadow-sidebar-dark: 0 .5px 1px rgba(0, 0, 0, .15);--color-ios-system-gray4-alpha: rgba(60, 60, 67, .08);--color-ios-system-gray5-alpha: rgba(84, 84, 88, .6);--color-ios-text-primary-light: rgba(0, 0, 0, .85);--color-ios-text-primary-dark: rgba(255, 255, 255, .85);--color-ios-text-secondary-light: rgba(0, 0, 0, .5);--color-ios-text-secondary-dark: rgba(255, 255, 255, .5);--color-ios-text-tertiary-light: rgba(0, 0, 0, .45);--color-ios-text-tertiary-dark: rgba(255, 255, 255, .45);--color-ios-text-quaternary-light: rgba(0, 0, 0, .4);--color-ios-text-quaternary-dark: rgba(255, 255, 255, .4);--color-ios-text-placeholder-light: rgba(0, 0, 0, .3);--color-ios-text-placeholder-dark: rgba(255, 255, 255, .3);--color-ios-bg-primary-light: rgba(255, 255, 255, .3);--color-ios-bg-primary-dark: rgba(255, 255, 255, .02);--color-ios-bg-secondary-light: rgba(0, 0, 0, .04);--color-ios-bg-secondary-dark: rgba(255, 255, 255, .06);--color-ios-bg-tertiary-light: rgba(0, 0, 0, .06);--color-ios-bg-tertiary-dark: rgba(255, 255, 255, .08);--color-ios-bg-hover-light: rgba(59, 130, 246, .2);--color-ios-bg-hover-dark: rgba(255, 255, 255, .05);--color-ios-bg-selected-light: rgba(0, 0, 0, .08);--color-ios-bg-selected-dark: rgba(255, 255, 255, .08);--color-ios-menu-bg-light: #ffffff;--color-ios-menu-bg-dark: #1c1c1e;--color-ios-menu-option-hover-light: rgba(0, 0, 0, .08);--color-ios-menu-option-hover-dark: rgba(255, 255, 255, .12);--color-ios-menu-option-selected-light: rgba(0, 0, 0, .12);--color-ios-menu-option-selected-dark: rgba(255, 255, 255, .18);--color-ios-interactive-light: rgba(0, 0, 0, .6);--color-ios-interactive-dark: rgba(255, 255, 255, .6);--color-ios-separator-light: rgba(0, 0, 0, .25);--color-ios-separator-dark: rgba(255, 255, 255, .25);--color-ios-separator-subtle-light: rgba(0, 0, 0, .03);--color-ios-separator-subtle-dark: rgba(255, 255, 255, .03);--color-ios-error-bg-light: rgba(255, 69, 58, .06);--color-ios-error-bg-dark: rgba(255, 69, 58, .08);--color-ios-error-border-light: rgba(255, 69, 58, .5);--color-ios-error-border-dark: rgba(255, 69, 58, .5);--color-ios-error-text-light: rgba(255, 69, 58, .9);--color-ios-error-text-dark: rgba(255, 69, 58, .9);--color-ios-error-button-light: rgba(255, 69, 58, .7);--color-ios-error-button-dark: rgba(255, 69, 58, .7);--color-ios-error-button-bg-light: rgba(255, 69, 58, .1);--color-ios-error-button-bg-dark: rgba(255, 69, 58, .1);--color-ios-spinner-track-light: rgba(0, 0, 0, .08);--color-ios-spinner-track-dark: rgba(255, 255, 255, .08);--color-ios-spinner-fill-light: rgba(0, 122, 255, .8);--color-ios-spinner-fill-dark: rgba(100, 170, 255, .8);--color-ios-empty-light: rgba(0, 0, 0, .3);--color-ios-empty-dark: rgba(255, 255, 255, .3);--color-ios-scrollbar-light: rgba(0, 0, 0, .15);--color-ios-scrollbar-dark: rgba(255, 255, 255, .15);--color-ios-scrollbar-hover-light: rgba(0, 0, 0, .25);--color-ios-scrollbar-hover-dark: rgba(255, 255, 255, .25);--color-ios-tooltip-bg-light: rgba(0, 0, 0, .85);--color-ios-tooltip-bg-dark: rgba(60, 60, 67, .9);--color-ios-tooltip-text-light: rgba(255, 255, 255, .95);--color-ios-tooltip-text-dark: rgba(255, 255, 255, .95);--color-file-pdf-light: rgba(255, 59, 48, .85);--color-file-image-light: rgba(0, 122, 255, .85);--color-file-video-light: rgba(175, 82, 222, .85);--color-file-audio-light: rgba(255, 45, 85, .85);--color-file-archive-light: rgba(255, 149, 0, .85);--color-file-word-light: rgba(0, 122, 255, .85);--color-file-excel-light: rgba(52, 199, 89, .85);--color-file-powerpoint-light: rgba(255, 149, 0, .85);--color-file-code-light: rgba(88, 86, 214, .85);--color-file-text-light: rgba(142, 142, 147, .85);--color-file-executable-light: rgba(99, 99, 102, .85);--color-file-default-light: rgba(0, 0, 0, .5);--color-file-pdf-dark: rgba(255, 69, 58, .9);--color-file-image-dark: rgba(100, 170, 255, .9);--color-file-video-dark: rgba(191, 90, 242, .9);--color-file-audio-dark: rgba(255, 55, 95, .9);--color-file-archive-dark: rgba(255, 159, 10, .9);--color-file-word-dark: rgba(100, 170, 255, .9);--color-file-excel-dark: rgba(52, 199, 89, .9);--color-file-powerpoint-dark: rgba(255, 159, 10, .9);--color-file-code-dark: rgba(94, 92, 230, .9);--color-file-text-dark: rgba(174, 174, 178, .9);--color-file-executable-dark: rgba(142, 142, 147, .9);--color-file-default-dark: rgba(255, 255, 255, .5);--color-file-pdf-hover-light: rgba(255, 59, 48, 1);--color-file-image-hover-light: rgba(0, 122, 255, 1);--color-file-video-hover-light: rgba(175, 82, 222, 1);--color-file-audio-hover-light: rgba(255, 45, 85, 1);--color-file-archive-hover-light: rgba(255, 149, 0, 1);--color-file-word-hover-light: rgba(0, 122, 255, 1);--color-file-excel-hover-light: rgba(52, 199, 89, 1);--color-file-powerpoint-hover-light: rgba(255, 149, 0, 1);--color-file-code-hover-light: rgba(88, 86, 214, 1);--color-file-text-hover-light: rgba(142, 142, 147, 1);--color-file-executable-hover-light: rgba(99, 99, 102, 1);--color-file-default-hover-light: rgba(0, 0, 0, .7);--color-file-pdf-hover-dark: rgba(255, 69, 58, 1);--color-file-image-hover-dark: rgba(100, 170, 255, 1);--color-file-video-hover-dark: rgba(191, 90, 242, 1);--color-file-audio-hover-dark: rgba(255, 55, 95, 1);--color-file-archive-hover-dark: rgba(255, 159, 10, 1);--color-file-word-hover-dark: rgba(100, 170, 255, 1);--color-file-excel-hover-dark: rgba(52, 199, 89, 1);--color-file-powerpoint-hover-dark: rgba(255, 159, 10, 1);--color-file-code-hover-dark: rgba(94, 92, 230, 1);--color-file-text-hover-dark: rgba(174, 174, 178, 1);--color-file-executable-hover-dark: rgba(142, 142, 147, 1);--color-file-default-hover-dark: rgba(255, 255, 255, .7);--color-badge-success-bg-light: rgba(52, 199, 89, .08);--color-badge-success-bg-dark: rgba(52, 199, 89, .12);--color-badge-success-text-light: rgba(52, 199, 89, .9);--color-badge-success-text-dark: rgba(52, 199, 89, 1);--color-ios-focus-light: rgba(0, 122, 255, .8);--color-ios-focus-dark: rgba(100, 170, 255, .8);--z-index-behind: -1;--z-index-base: 0;--z-index-content: 1;--z-index-sidebar: 2;--z-index-elevated: 10;--z-index-header: 100;--z-index-overlay: 500;--z-index-modal: 800;--z-index-tooltip: 1000;--z-index-notification: 1200;--scrollbar-width: 4px;--scrollbar-width-hover: 6px;--scrollbar-border-radius: 2px;--color-status-success: var(--color-success);--color-status-warning: var(--color-warning);--color-status-error: var(--color-error);--color-input-bg: var(--color-neutral-0);--color-input-text: var(--color-neutral-900);--color-input-placeholder: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-portal-modal: 9999;--scale-haptic-light: .98;--scale-haptic-medium: .95;--scale-haptic-heavy: .92;--scale-haptic-rebound: 1.02;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--container-max-width: 1200px;--container-padding: var(--spacing-4);--grid-columns: 12;--grid-gap: var(--spacing-6);--header-height-base: 3.75rem;--header-height-extended: 4.5rem;--leftpane-width-collapsed: 3.75rem;--leftpane-width-expanded: 15.625rem;--layout-nav-width: 17.5rem;--layout-aside-width: 18.75rem;--layout-gap: var(--spacing-4);--layout-header-height: var(--header-height-base);--mainpane-height: calc(100vh - var(--header-height-base));--pagination-height: 2.5rem;--centerpane-height-with-pagination: calc(100vh - var(--header-height-base) - var(--pagination-height) - var(--spacing-4));--centerpane-height-no-pagination: calc(100vh - var(--header-height-base) - var(--spacing-4));--brb-width: .125rem;--brb-width-expanded: .25rem;--rightpane-container-offset: .25rem;--skip-nav-offset: -2.5rem;--skip-nav-visible-offset: 0;--sr-only-size: .0625rem;--color-layout-main-light: #f0f0f5;--color-layout-main-dark: #1c1c1e;--color-layout-content-light: #ffffff;--color-layout-content-dark: #2c2c2e;--color-layout-secondary-light: #f2f2f7;--color-layout-secondary-dark: #2c2c2e;--color-layout-accent-light: #f2f2f7;--color-layout-accent-dark: #2c2c2e;--color-layout-leftpane-light: #e8e8ed;--color-layout-leftpane-dark: #1c1c1e;--color-layout-header-light: #ffffff;--color-layout-header-dark: #1c1c1e;--color-layout-brb-light: #d1d1d6;--color-layout-brb-dark: #3a3a3c;--color-layout-brb-hover-light: #c7c7cc;--color-layout-brb-hover-dark: #48484a;--color-layout-brb-icon-light: #aeaeb2;--color-layout-brb-icon-dark: #636366;--color-layout-rightpane-light: #ffffff;--color-layout-rightpane-dark: #1c1c1e;--color-ios-system-blue: rgba(0, 122, 255, .8);--color-ios-system-blue-subtle: rgba(0, 122, 255, .02);--color-ios-system-blue-subtle-dark: rgba(0, 122, 255, .04);--color-icon-orange: #f97316;--color-icon-cyan: #06b6d4;--color-theme-switch-bg-light: #9ca3af;--color-theme-switch-bg-dark: #3b82f6;--color-theme-switch-handle: #ffffff;--color-icon-blue: #007aff;--color-icon-green: #34c759;--color-icon-orange: #ff9500;--color-icon-purple: #af52de;--color-icon-red: #ff3b30;--color-icon-yellow: #ffcc00;--color-icon-doc-register: #ff9500;--color-icon-doc-library: #af52de;--color-icon-doc-search: #007aff;--color-icon-doc-status: #ff3b30;--color-ios-blue: #007aff;--color-ios-blue-light: #007aff;--color-ios-green: #34c759;--color-ios-green-light: #30d158;--color-ios-orange: #ff9500;--color-ios-pink: #ff2d55;--color-ios-purple: #af52de;--color-ios-teal: #5ac8fa;--color-ios-indigo: #5856d6;--color-ios-yellow: #ffcc00;--color-ios-red-alpha-15: rgba(255, 59, 48, .15);--color-ios-red-alpha-10: rgba(255, 59, 48, .1);--color-ios-green-alpha-10: rgba(52, 199, 89, .1);--color-ios-orange-alpha-15: rgba(255, 149, 0, .15);--color-ios-orange-alpha-10: rgba(255, 149, 0, .1);--color-ios-blue-alpha-15: rgba(0, 122, 255, .15);--color-ios-purple-alpha-15: rgba(175, 82, 222, .15);--color-ios-purple-alpha-05: rgba(175, 82, 222, .05);--color-folder-yellow: #F7C94B;--color-ios-blue-dark: #0a84ff;--color-ios-green-dark: #30d158;--color-ios-orange-dark: #ff9f0a;--color-ios-pink-dark: #ff375f;--color-ios-purple-dark: #bf5af2;--color-ios-teal-dark: #64d2ff;--color-ios-indigo-dark: #5e5ce6;--color-ios-yellow-dark: #ffd60a;--color-badge-ar: #8b5cf6;--color-badge-ar-dark: #7c3aed;--color-badge-ar-glow: rgba(139, 92, 246, .5);--color-badge-ar-bg: rgba(139, 92, 246, .15);--color-badge-ar-bg-dark: rgba(139, 92, 246, .25);--color-badge-crs: #0d9488;--color-badge-crs-dark: #0f766e;--color-badge-crs-glow: rgba(13, 148, 136, .5);--color-badge-crs-bg: rgba(13, 148, 136, .15);--color-badge-crs-bg-dark: rgba(13, 148, 136, .25);--color-badge-ocr-excellent: #22c55e;--color-badge-ocr-excellent-dark: #16a34a;--color-badge-ocr-excellent-glow: rgba(34, 197, 94, .5);--color-badge-ocr-excellent-glow-dark: rgba(34, 197, 94, .6);--color-badge-ocr-medium: #eab308;--color-badge-ocr-medium-dark: #ca8a04;--color-badge-ocr-medium-glow: rgba(234, 179, 8, .5);--color-badge-ocr-medium-glow-dark: rgba(234, 179, 8, .6);--color-badge-ocr-low: #f97316;--color-badge-ocr-low-dark: #ea580c;--color-badge-ocr-low-glow: rgba(249, 115, 22, .5);--color-badge-ocr-low-glow-dark: rgba(249, 115, 22, .6);--color-badge-ocr-very-low: #ef4444;--color-badge-ocr-very-low-dark: #dc2626;--color-badge-ocr-very-low-glow: rgba(239, 68, 68, .5);--color-badge-ocr-very-low-glow-dark: rgba(239, 68, 68, .6);--color-badge-txt: rgba(59, 130, 246, .85);--color-badge-txt-dark: rgba(37, 99, 235, .85);--color-badge-txt-glow: rgba(59, 130, 246, .5);--color-badge-txt-glow-dark: rgba(59, 130, 246, .6);--color-badge-bin: #9ca3af;--color-badge-bin-dark: #6b7280;--color-badge-bin-glow: rgba(156, 163, 175, .4);--color-badge-text: #ffffff;--color-badge-shadow: rgba(0, 0, 0, .15);--color-similarity-excellent-shadow: rgba(34, 197, 94, .4);--color-similarity-high-shadow: rgba(34, 197, 94, .3);--color-similarity-medium-shadow: rgba(250, 204, 21, .3);--color-file-pdf-light: rgba(239, 68, 68, .6);--color-file-pdf-hover-light: rgba(239, 68, 68, 1);--color-file-pdf-dark: rgba(248, 113, 113, .6);--color-file-pdf-hover-dark: rgba(248, 113, 113, 1);--color-file-image-light: rgba(59, 130, 246, .6);--color-file-image-hover-light: rgba(59, 130, 246, 1);--color-file-image-dark: rgba(96, 165, 250, .6);--color-file-image-hover-dark: rgba(96, 165, 250, 1);--color-file-video-light: rgba(147, 51, 234, .6);--color-file-video-hover-light: rgba(147, 51, 234, 1);--color-file-video-dark: rgba(168, 85, 247, .6);--color-file-video-hover-dark: rgba(168, 85, 247, 1);--color-file-audio-light: rgba(236, 72, 153, .6);--color-file-audio-hover-light: rgba(236, 72, 153, 1);--color-file-audio-dark: rgba(244, 114, 182, .6);--color-file-audio-hover-dark: rgba(244, 114, 182, 1);--color-file-archive-light: rgba(249, 115, 22, .6);--color-file-archive-hover-light: rgba(249, 115, 22, 1);--color-file-archive-dark: rgba(251, 146, 60, .6);--color-file-archive-hover-dark: rgba(251, 146, 60, 1);--color-file-word-light: rgba(37, 99, 235, .6);--color-file-word-hover-light: rgba(37, 99, 235, 1);--color-file-word-dark: rgba(59, 130, 246, .6);--color-file-word-hover-dark: rgba(59, 130, 246, 1);--color-file-excel-light: rgba(34, 197, 94, .6);--color-file-excel-hover-light: rgba(34, 197, 94, 1);--color-file-excel-dark: rgba(74, 222, 128, .6);--color-file-excel-hover-dark: rgba(74, 222, 128, 1);--color-file-powerpoint-light: rgba(234, 88, 12, .6);--color-file-powerpoint-hover-light: rgba(234, 88, 12, 1);--color-file-powerpoint-dark: rgba(251, 146, 60, .6);--color-file-powerpoint-hover-dark: rgba(251, 146, 60, 1);--color-file-code-light: rgba(99, 102, 241, .6);--color-file-code-hover-light: rgba(99, 102, 241, 1);--color-file-code-dark: rgba(129, 140, 248, .6);--color-file-code-hover-dark: rgba(129, 140, 248, 1);--color-file-text-light: rgba(107, 114, 128, .6);--color-file-text-hover-light: rgba(107, 114, 128, 1);--color-file-text-dark: rgba(156, 163, 175, .6);--color-file-text-hover-dark: rgba(156, 163, 175, 1);--color-file-executable-light: rgba(75, 85, 99, .6);--color-file-executable-hover-light: rgba(75, 85, 99, 1);--color-file-executable-dark: rgba(107, 114, 128, .6);--color-file-executable-hover-dark: rgba(107, 114, 128, 1);--color-file-default-light: rgba(107, 114, 128, .4);--color-file-default-hover-light: rgba(107, 114, 128, .8);--color-file-default-dark: rgba(156, 163, 175, .4);--color-file-default-hover-dark: rgba(156, 163, 175, .8);--color-upload-completed-bg-light: rgba(52, 199, 89, .04);--color-upload-completed-bg-dark: rgba(52, 199, 89, .08);--color-upload-completed-border-light: rgba(52, 199, 89, .6);--color-upload-completed-border-dark: rgba(52, 199, 89, .7);--color-upload-completed-icon-light: rgba(52, 199, 89, .7);--color-upload-completed-icon-hover-light: rgba(52, 199, 89, .9);--color-upload-completed-icon-dark: rgba(52, 199, 89, .8);--color-upload-completed-icon-hover-dark: rgba(52, 199, 89, 1);--color-upload-completed-text-light: rgba(52, 199, 89, .8);--color-upload-completed-text-dark: rgba(52, 199, 89, .9);--color-upload-completed-overlay-light: rgba(52, 199, 89, .02);--color-upload-completed-overlay-dark: rgba(52, 199, 89, .04);--color-upload-progress-bg-light: rgba(0, 0, 0, .04);--color-upload-progress-bg-dark: rgba(255, 255, 255, .04);--color-upload-progress-fill-light: rgba(52, 199, 89, .6);--color-upload-progress-fill-dark: rgba(52, 199, 89, .7);--color-skeleton-shimmer-light-start: rgba(255, 255, 255, 0);--color-skeleton-shimmer-light-20: rgba(255, 255, 255, .2);--color-skeleton-shimmer-light-center: rgba(255, 255, 255, .4);--color-skeleton-shimmer-light-80: rgba(255, 255, 255, .2);--color-skeleton-shimmer-light-end: rgba(255, 255, 255, 0);--color-skeleton-shimmer-dark-start: rgba(255, 255, 255, 0);--color-skeleton-shimmer-dark-20: rgba(255, 255, 255, .1);--color-skeleton-shimmer-dark-center: rgba(255, 255, 255, .2);--color-skeleton-shimmer-dark-80: rgba(255, 255, 255, .1);--color-skeleton-shimmer-dark-end: rgba(255, 255, 255, 0);--color-menu-selected-bg-light: rgba(59, 130, 246, .1);--color-menu-selected-bg-dark: rgba(59, 130, 246, .15);--color-menu-shadow-light: rgba(0, 0, 0, .15);--color-menu-shadow-dark: rgba(0, 0, 0, .25);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-content-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-text-primary: var(--color-neutral-900);--color-border-primary: #d4d6dc;--color-layout-hamburger-bg-light: transparent;--color-layout-hamburger-bg-dark: transparent;--color-layout-hamburger-hover-light: #d1d1d6;--color-layout-hamburger-hover-dark: #3a3a3c;--color-layout-hamburger-active-light: #c7c7cc;--color-layout-hamburger-active-dark: #48484a;--color-layout-hamburger-icon-light: #636366;--color-layout-hamburger-icon-dark: #aeaeb2;--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-light);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-light);--color-layout-hamburger-active: var(--color-layout-hamburger-active-light);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-light);--color-skeleton-shimmer-start: var(--color-skeleton-shimmer-light-start);--color-skeleton-shimmer-20: var(--color-skeleton-shimmer-light-20);--color-skeleton-shimmer-center: var(--color-skeleton-shimmer-light-center);--color-skeleton-shimmer-80: var(--color-skeleton-shimmer-light-80);--color-skeleton-shimmer-end: var(--color-skeleton-shimmer-light-end);--color-menu-selected-bg: var(--color-menu-selected-bg-light);--color-menu-shadow: var(--color-menu-shadow-light);--color-chat-accent: #8b5cf6;--color-chat-accent-light: #a78bfa;--color-chat-accent-alpha-05: rgba(139, 92, 246, .05);--color-chat-accent-alpha-08: rgba(139, 92, 246, .08);--color-chat-accent-alpha-10: rgba(139, 92, 246, .1);--color-chat-accent-alpha-12: rgba(139, 92, 246, .12);--color-chat-accent-alpha-15: rgba(139, 92, 246, .15);--color-chat-accent-alpha-20: rgba(139, 92, 246, .2);--color-chat-accent-alpha-25: rgba(139, 92, 246, .25);--color-chat-accent-alpha-30: rgba(139, 92, 246, .3);--color-chat-accent-alpha-40: rgba(139, 92, 246, .4);--color-chat-accent-alpha-50: rgba(139, 92, 246, .5);--color-chat-accent-alpha-80: rgba(139, 92, 246, .8);--color-chat-accent-alpha-18: rgba(139, 92, 246, .18);--color-chat-accent-alpha-35: rgba(139, 92, 246, .35);--color-chat-accent-alpha-60: rgba(139, 92, 246, .6);--color-chat-cyan-alpha-10: rgba(6, 182, 212, .1);--color-chat-cyan-alpha-12: rgba(6, 182, 212, .12);--color-chat-cyan-alpha-15: rgba(6, 182, 212, .15);--color-chat-cyan-alpha-20: rgba(6, 182, 212, .2);--color-ios-orange-light: #ff9500;--color-ios-red-light: #ff3b30;--color-ios-red-dark: #ff453a;--color-ios-gray-light: #8e8e93;--color-ios-gray-dark: #636366;--color-error-400: #f87171;--touch-target-min: 44px;--responsive-table-min-width: 600px}[data-theme=dark]{--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-content-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-text-primary: var(--color-neutral-50);--color-border-primary: var(--color-neutral-700);--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-dark);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-dark);--color-layout-hamburger-active: var(--color-layout-hamburger-active-dark);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-dark);--color-skeleton-shimmer-start: var(--color-skeleton-shimmer-dark-start);--color-skeleton-shimmer-20: var(--color-skeleton-shimmer-dark-20);--color-skeleton-shimmer-center: var(--color-skeleton-shimmer-dark-center);--color-skeleton-shimmer-80: var(--color-skeleton-shimmer-dark-80);--color-skeleton-shimmer-end: var(--color-skeleton-shimmer-dark-end);--color-menu-selected-bg: var(--color-menu-selected-bg-dark);--color-menu-shadow: var(--color-menu-shadow-dark)}@media(prefers-color-scheme:dark){[data-theme=system]{--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-content-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-text-primary: var(--color-neutral-50);--color-border-primary: var(--color-neutral-700);--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-dark);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-dark);--color-layout-hamburger-active: var(--color-layout-hamburger-active-dark);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-dark)}}@media(prefers-reduced-motion:no-preference){:root{--font-scale-factor: 1}}@media(prefers-contrast:more){:root{--font-scale-factor: 1.1;--font-weight-adjustment: 100}}:root{--font-size-caption-2-dynamic: calc(var(--font-size-caption-2) * var(--font-scale-factor, 1));--font-size-caption-1-dynamic: calc(var(--font-size-caption-1) * var(--font-scale-factor, 1));--font-size-footnote-dynamic: calc(var(--font-size-footnote) * var(--font-scale-factor, 1));--font-size-subheadline-dynamic: calc(var(--font-size-subheadline) * var(--font-scale-factor, 1))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(var(--spacing-4))}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-ios-standard) var(--easing-ios-default)}.animate-slide-in-up{animation:slideInUp var(--duration-ios-standard) var(--easing-ios-default)}.animate-slide-in-down{animation:slideInDown var(--duration-ios-standard) var(--easing-ios-default)}.animate-scale-in{animation:scaleIn var(--duration-ios-modal) var(--easing-apple-magic)}.focus-visible-ring{outline:2px solid transparent;outline-offset:2px}.focus-visible-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary-100)}.focus-high-contrast:focus-visible{outline:3px solid var(--color-voiceover-focus);outline-offset:2px;box-shadow:var(--shadow-focus-high-contrast)}.focus-voiceover:focus-visible{outline:4px solid var(--color-voiceover-focus);outline-offset:1px;box-shadow:var(--shadow-voiceover-cursor)}.focus-keyboard-only:focus-visible{box-shadow:var(--shadow-focus-keyboard-only)}@media(prefers-reduced-motion:reduce){.focus-reduced-motion:focus-visible{box-shadow:var(--shadow-focus-reduced-motion);transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-bg-high-contrast);color:var(--color-text-high-contrast);padding:8px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:600}.skip-link:focus{top:6px}.voiceover-selection{background-color:var(--color-voiceover-selection);border:2px solid var(--color-voiceover-focus);border-radius:4px}.voice-control-target{position:relative}.voice-control-target:after{content:attr(data-voice-label);position:absolute;top:-20px;left:0;font-size:var(--font-size-caption-1);color:transparent;pointer-events:none}.switch-control-group{border:2px dashed transparent;border-radius:4px;padding:4px}.switch-control-group:focus-within{border-color:var(--color-voiceover-focus);background-color:var(--color-voiceover-selection)}:root{--dynamic-type-multiplier: 1;--dynamic-type-ax1: 1.4;--dynamic-type-ax2: 1.6;--dynamic-type-ax3: 1.8;--dynamic-type-ax4: 2;--dynamic-type-ax5: 2.2;--dynamic-type-xs: .8;--dynamic-type-s: .9;--dynamic-type-m: 1;--dynamic-type-l: 1.1;--dynamic-type-xl: 1.2;--dynamic-type-xxl: 1.3;--font-size-dynamic-xs: calc(var(--font-size-xs) * var(--dynamic-type-multiplier));--font-size-dynamic-sm: calc(var(--font-size-sm) * var(--dynamic-type-multiplier));--font-size-dynamic-base: calc(var(--font-size-base) * var(--dynamic-type-multiplier));--font-size-dynamic-lg: calc(var(--font-size-lg) * var(--dynamic-type-multiplier));--font-size-dynamic-xl: calc(var(--font-size-xl) * var(--dynamic-type-multiplier));--font-size-dynamic-2xl: calc(var(--font-size-2xl) * var(--dynamic-type-multiplier));--font-size-dynamic-3xl: calc(var(--font-size-3xl) * var(--dynamic-type-multiplier));--color-button-primary-bg-light: #007aff;--color-button-primary-bg-dark: #0a84ff;--color-button-primary-hover-light: #0051d5;--color-button-primary-hover-dark: #409cff;--color-button-secondary-bg-light: #ff9500;--color-button-secondary-bg-dark: #ff9f0a;--color-button-secondary-hover-light: #ff8c00;--color-button-secondary-hover-dark: #ffb340;--color-button-ghost-bg-light: #e8e9eb;--color-button-ghost-bg-dark: rgba(255, 255, 255, .15);--color-button-ghost-hover-light: #d1d5db;--color-button-ghost-hover-dark: rgba(255, 255, 255, .1);--color-button-ghost-text-light: #6b7280;--color-button-ghost-text-dark: #9ca3af;--color-button-destructive-bg-light: #ff3b30;--color-button-destructive-bg-dark: #ff453a;--color-button-destructive-hover-light: #ff1507;--color-button-destructive-hover-dark: #ff6961}.text-dynamic-xs{font-size:var(--font-size-dynamic-xs)}.text-dynamic-sm{font-size:var(--font-size-dynamic-sm)}.text-dynamic-base{font-size:var(--font-size-dynamic-base)}.text-dynamic-lg{font-size:var(--font-size-dynamic-lg)}.text-dynamic-xl{font-size:var(--font-size-dynamic-xl)}.text-dynamic-2xl{font-size:var(--font-size-dynamic-2xl)}.text-dynamic-3xl{font-size:var(--font-size-dynamic-3xl)}.ios-gesture-enabled{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.haptic-enabled{cursor:pointer;transition:transform var(--duration-fast) var(--easing-ease-out)}.haptic-enabled:active{transform:scale(.98)}[data-theme=dark]{--color-button-primary-bg: var(--color-button-primary-bg-dark);--color-button-primary-hover: var(--color-button-primary-hover-dark);--color-button-secondary-bg: var(--color-button-secondary-bg-dark);--color-button-secondary-hover: var(--color-button-secondary-hover-dark);--color-button-ghost-bg: var(--color-button-ghost-bg-dark);--color-button-ghost-hover: var(--color-button-ghost-hover-dark);--color-button-ghost-text: var(--color-button-ghost-text-dark);--color-button-destructive-bg: var(--color-button-destructive-bg-dark);--color-button-destructive-hover: var(--color-button-destructive-hover-dark)}:root{--color-section-bg-light: #ffffff;--color-section-border-light: rgba(0, 0, 0, .1);--color-section-header-bg-light: rgba(0, 0, 0, .03);--color-section-header-border-light: rgba(0, 0, 0, .1);--color-section-bg-dark: #2c2c2e;--color-section-border-dark: rgba(255, 255, 255, .1);--color-section-header-bg-dark: rgba(255, 255, 255, .05);--color-section-header-border-dark: rgba(255, 255, 255, .1);--color-section-item-bg-light: rgba(0, 0, 0, .03);--color-section-item-bg-hover-light: rgba(0, 0, 0, .06);--color-section-item-bg-dark: rgba(255, 255, 255, .06);--color-section-item-bg-hover-dark: rgba(255, 255, 255, .1);--color-badge-bg-light: rgba(0, 0, 0, .08);--color-badge-bg-dark: rgba(255, 255, 255, .1);--color-section-scrollbar-light: rgba(0, 0, 0, .2);--color-section-scrollbar-hover-light: rgba(0, 0, 0, .3);--color-section-scrollbar-dark: rgba(255, 255, 255, .2);--color-section-scrollbar-hover-dark: rgba(255, 255, 255, .3);--color-section-details-bg-light: rgba(0, 0, 0, .05);--color-section-details-bg-dark: rgba(255, 255, 255, .05);--color-success-overlay-bg-light: rgba(52, 199, 89, .04);--color-success-overlay-border-light: rgba(52, 199, 89, .1);--color-success-overlay-icon-light: rgba(52, 199, 89, .8);--color-success-overlay-text-light: rgba(52, 199, 89, .9);--color-success-overlay-button-light: rgba(52, 199, 89, .6);--color-success-overlay-button-bg-light: rgba(52, 199, 89, .1);--color-success-overlay-button-hover-light: rgba(52, 199, 89, .9);--color-success-overlay-bg-dark: rgba(52, 199, 89, .06);--color-success-overlay-border-dark: rgba(52, 199, 89, .15);--color-success-overlay-icon-dark: rgba(52, 199, 89, .9);--color-success-overlay-text-dark: rgba(52, 199, 89, .95);--color-button-hover-bg-light: rgba(0, 0, 0, .08);--color-button-hover-bg-dark: rgba(255, 255, 255, .1);--color-upload-zone-bg-light: rgba(0, 122, 255, .03);--color-upload-zone-bg-hover-light: rgba(0, 122, 255, .08);--color-upload-zone-bg-dragging-light: rgba(0, 122, 255, .12);--color-upload-zone-border-light: rgba(0, 122, 255, .2);--color-upload-zone-border-hover-light: rgba(0, 122, 255, .4);--color-upload-zone-border-dragging-light: rgba(0, 122, 255, .6);--color-upload-zone-icon-light: rgba(0, 122, 255, .8);--color-upload-zone-icon-hover-light: rgba(0, 122, 255, 1);--color-upload-zone-focus-light: rgba(0, 122, 255, .2);--color-upload-zone-bg-dark: rgba(0, 122, 255, .05);--color-upload-zone-bg-hover-dark: rgba(0, 122, 255, .1);--color-upload-zone-bg-dragging-dark: rgba(0, 122, 255, .15);--color-upload-zone-border-dark: rgba(0, 122, 255, .3);--color-upload-zone-border-hover-dark: rgba(0, 122, 255, .5);--color-upload-zone-border-dragging-dark: rgba(0, 122, 255, .7);--color-upload-zone-icon-dark: rgba(0, 122, 255, .9);--color-upload-zone-icon-hover-dark: rgba(0, 122, 255, 1);--color-section-bg: var(--color-section-bg-light);--color-section-border: var(--color-section-border-light);--color-section-header-bg: var(--color-section-header-bg-light);--color-section-header-border: var(--color-section-header-border-light);--color-section-item-bg: var(--color-section-item-bg-light);--color-section-item-bg-hover: var(--color-section-item-bg-hover-light);--color-badge-bg: var(--color-badge-bg-light);--color-section-scrollbar: var(--color-section-scrollbar-light);--color-section-scrollbar-hover: var(--color-section-scrollbar-hover-light);--color-section-details-bg: var(--color-section-details-bg-light);--color-success-overlay-bg: var(--color-success-overlay-bg-light);--color-success-overlay-border: var(--color-success-overlay-border-light);--color-success-overlay-icon: var(--color-success-overlay-icon-light);--color-success-overlay-text: var(--color-success-overlay-text-light);--color-success-overlay-button: var(--color-success-overlay-button-light);--color-success-overlay-button-bg: var(--color-success-overlay-button-bg-light);--color-success-overlay-button-hover: var(--color-success-overlay-button-hover-light);--color-button-hover-bg: var(--color-button-hover-bg-light);--color-upload-zone-bg: var(--color-upload-zone-bg-light);--color-upload-zone-bg-hover: var(--color-upload-zone-bg-hover-light);--color-upload-zone-bg-dragging: var(--color-upload-zone-bg-dragging-light);--color-upload-zone-border: var(--color-upload-zone-border-light);--color-upload-zone-border-hover: var(--color-upload-zone-border-hover-light);--color-upload-zone-border-dragging: var(--color-upload-zone-border-dragging-light);--color-upload-zone-icon: var(--color-upload-zone-icon-light);--color-upload-zone-icon-hover: var(--color-upload-zone-icon-hover-light);--color-upload-zone-focus: var(--color-upload-zone-focus-light)}[data-theme=dark]{--color-section-bg: var(--color-section-bg-dark);--color-section-border: var(--color-section-border-dark);--color-section-header-bg: var(--color-section-header-bg-dark);--color-section-header-border: var(--color-section-header-border-dark);--color-section-item-bg: var(--color-section-item-bg-dark);--color-section-item-bg-hover: var(--color-section-item-bg-hover-dark);--color-badge-bg: var(--color-badge-bg-dark);--color-section-scrollbar: var(--color-section-scrollbar-dark);--color-section-scrollbar-hover: var(--color-section-scrollbar-hover-dark);--color-section-details-bg: var(--color-section-details-bg-dark);--color-success-overlay-bg: var(--color-success-overlay-bg-dark);--color-success-overlay-border: var(--color-success-overlay-border-dark);--color-success-overlay-icon: var(--color-success-overlay-icon-dark);--color-success-overlay-text: var(--color-success-overlay-text-dark);--color-button-hover-bg: var(--color-button-hover-bg-dark);--color-upload-zone-bg: var(--color-upload-zone-bg-dark);--color-upload-zone-bg-hover: var(--color-upload-zone-bg-hover-dark);--color-upload-zone-bg-dragging: var(--color-upload-zone-bg-dragging-dark);--color-upload-zone-border: var(--color-upload-zone-border-dark);--color-upload-zone-border-hover: var(--color-upload-zone-border-hover-dark);--color-upload-zone-border-dragging: var(--color-upload-zone-border-dragging-dark);--color-upload-zone-icon: var(--color-upload-zone-icon-dark);--color-upload-zone-icon-hover: var(--color-upload-zone-icon-hover-dark)}@media(max-width:480px){:root{--layout-header-height: 48px;--spacing-touch-min: 44px}}}@layer theme{:root,[data-theme=light]{--color-modal-bg: var(--color-neutral-0);--color-modal-border: rgba(0, 0, 0, .1);--shadow-modal: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--radius-modal: var(--radius-2xl);--color-modal-backdrop: rgba(0, 0, 0, .5);--z-index-modal: 1000;--color-modal-header-border: var(--color-ios-separator-light);--color-modal-footer-border: var(--color-ios-separator-light);--close-button-color: var(--color-neutral-700);--close-button-opacity: .85;--close-button-opacity-hover: 1;--close-button-scale-hover: 1.1;--close-button-scale-active: .95;--close-button-transition: all .2s ease}[data-theme=dark]{--color-modal-bg: var(--color-ios-menu-bg-dark);--color-modal-border: rgba(255, 255, 255, .15);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .15), 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--radius-modal: var(--radius-2xl);--color-modal-backdrop: rgba(0, 0, 0, .7);--z-index-modal: 1000;--color-modal-header-border: var(--color-ios-separator-dark);--color-modal-footer-border: var(--color-ios-separator-dark);--close-button-color: var(--color-neutral-300);--close-button-color-dark: var(--color-neutral-300)}}@layer theme{:root,[data-theme=light]{--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-bg-card: var(--color-neutral-75);--color-bg-tertiary: var(--color-neutral-100);--color-bg-hover: rgba(59, 130, 246, .2);--color-bg-active: rgba(59, 130, 246, .28);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-border-primary: #d4d6dc;--color-border-secondary: #c1c4cc;--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-disabled: var(--color-neutral-200);--color-button-primary-bg: var(--color-primary-600);--color-button-primary-bg-hover: var(--color-primary-700);--color-button-primary-bg-active: var(--color-primary-800);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-0);--color-button-secondary-bg-hover: var(--color-neutral-50);--color-button-secondary-bg-active: var(--color-neutral-100);--color-button-secondary-text: var(--color-neutral-700);--color-button-secondary-border: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-100);--color-button-ghost-bg-active: var(--color-neutral-200);--color-button-ghost-text: var(--color-neutral-700);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-700);--color-button-destructive-text: var(--color-neutral-0);--color-button-dev-bg: rgba(255, 149, 0, .15);--color-button-dev-bg-hover: rgba(255, 149, 0, .25);--color-button-dev-border: rgba(255, 149, 0, .3);--color-button-dev-text: #ff9500;--color-button-dev-shadow: rgba(255, 149, 0, .2);--color-input-bg: var(--color-neutral-0);--color-input-bg-disabled: var(--color-neutral-50);--color-input-border: var(--color-neutral-300);--color-input-border-focus: var(--color-primary-500);--color-input-border-error: var(--color-error-500);--color-input-text: var(--color-neutral-900);--color-input-text-disabled: var(--color-neutral-400);--color-input-placeholder: var(--color-neutral-400);--color-status-success: var(--color-success-600);--color-status-success-bg: var(--color-success-50);--color-status-warning: var(--color-warning-600);--color-status-warning-bg: var(--color-warning-50);--color-status-error: var(--color-error-600);--color-status-error-bg: var(--color-error-50);--color-status-info: var(--color-info-600);--color-status-info-bg: var(--color-info-50);--color-selection-bg: var(--color-selection-bg-light);--color-selection-bg-hover: var(--color-selection-bg-light-hover);--color-product-original-selected: var(--color-product-original-selected-light);--color-product-modified-selected: var(--color-product-modified-selected-light);--color-product-unmatched-selected: var(--color-product-unmatched-selected-light);--color-effect-vite-glow: #646cffaa;--color-effect-react-glow: #61dafbaa;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-light);--color-folder: var(--color-folder-light);--color-folder-open: var(--color-folder-light-open);--color-selection-border: var(--color-selection-border-light);--color-selection-text: var(--color-selection-text-light);--color-sort-indicator-active: var(--color-error-600);--color-hamburger-button-bg: var(--color-hamburger-button-bg-light);--color-overlay-modal: rgba(0, 0, 0, .5);--color-overlay-backdrop: rgba(255, 255, 255, .1);--color-modal-text-primary: var(--color-text-primary);--color-modal-text-secondary: var(--color-text-secondary);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-accent-light);--color-layout-brb-bg: var(--color-layout-brb-light);--color-layout-brb-hover: var(--color-layout-brb-hover-light);--color-layout-brb-icon: var(--color-layout-brb-icon-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-header-glass-bg: rgba(255, 255, 255, .7);--color-scrollbar-thumb: var(--color-ios-scrollbar-light);--color-scrollbar-thumb-hover: var(--color-ios-scrollbar-hover-light);--color-text-placeholder: var(--color-ios-text-placeholder-light);--color-gap-button-active: var(--color-error-500);--color-gap-button-inactive: var(--color-neutral-700);--color-gap-button-reset: var(--color-success-500);--color-header-bg-subtle: rgba(250, 250, 250, .92);--color-header-bg-expanded: rgba(255, 255, 255, .98);--color-header-border-subtle: rgba(0, 0, 0, .12);--color-header-border-expanded: rgba(229, 229, 234, .9);--shadow-header: 0 .5px 0 rgba(0, 0, 0, .1);--shadow-header-expanded: 0 .5px 0 rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--color-header-inner-glow: transparent;--header-gradient-overlay: none;--color-header-title: rgba(26, 26, 26, .6);--color-header-hint-subtle: rgba(0, 0, 0, .08);--color-tooltip-bg: rgba(255, 255, 255, .95);--color-tooltip-text: rgba(26, 26, 26, .8);--color-tooltip-border: rgba(0, 0, 0, .1);--tooltip-backdrop-blur: blur(20px);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .1);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-md));--shadow-scroll-hint: inset -20px 0 16px -16px rgba(0, 0, 0, .06);--z-index-tooltip: 1000;--pulse-duration: 3s;--pulse-opacity-min: .3;--pulse-opacity-max: .7;--pulse-scale-min: 1;--pulse-scale-max: 1.05;--pulse-easing: ease-in-out;--color-header-control-bg: rgba(255, 255, 255, .1);--color-header-control-border: rgba(255, 255, 255, .2);--color-header-control-icon: var(--color-neutral-600);--color-header-control-hover: rgba(229, 229, 234, .4);--color-header-control-active: rgba(229, 229, 234, .6);--color-header-control-border-hover: rgba(209, 213, 219, .6);--color-header-control-border-active: rgba(209, 213, 219, .8);--color-header-control-icon-active: var(--color-primary-600);--color-header-control-disabled: rgba(243, 244, 246, .5);--color-header-control-icon-disabled: var(--color-neutral-300);--color-header-control-border-disabled: rgba(229, 229, 234, .3);--header-control-size: 32px;--color-header-indicator: rgba(156, 163, 175, .6);--color-avatar-bg: #5865f2;--color-avatar-text: #ffffff;--header-height-base: 50px;--header-height-expanded: 70px;--header-opacity-subtle: .9;--header-opacity-expanded: 1;--header-backdrop-blur: blur(20px)}[data-theme=dark]{--color-bg-primary: var(--color-neutral-900);--color-bg-secondary: var(--color-neutral-800);--color-bg-card: var(--color-neutral-900);--color-bg-tertiary: var(--color-neutral-700);--color-bg-hover: var(--color-neutral-800);--color-bg-active: var(--color-neutral-700);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-800);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-border-error: var(--color-error-400);--color-border-disabled: var(--color-neutral-700);--color-button-primary-bg: var(--color-primary-500);--color-button-primary-bg-hover: var(--color-primary-400);--color-button-primary-bg-active: var(--color-primary-300);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-800);--color-button-secondary-bg-hover: var(--color-neutral-700);--color-button-secondary-bg-active: var(--color-neutral-600);--color-button-secondary-text: var(--color-neutral-200);--color-button-secondary-border: var(--color-neutral-600);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-800);--color-button-ghost-bg-active: var(--color-neutral-700);--color-button-ghost-text: var(--color-neutral-200);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-500);--color-button-destructive-text: var(--color-neutral-0);--color-button-dev-bg: rgba(255, 149, 0, .15);--color-button-dev-bg-hover: rgba(255, 149, 0, .25);--color-button-dev-border: rgba(255, 149, 0, .3);--color-button-dev-text: #ff9500;--color-button-dev-shadow: rgba(255, 149, 0, .2);--color-input-bg: var(--color-neutral-800);--color-input-bg-disabled: var(--color-neutral-900);--color-input-border: var(--color-neutral-600);--color-input-border-focus: var(--color-primary-400);--color-input-border-error: var(--color-error-400);--color-input-text: var(--color-neutral-100);--color-input-text-disabled: var(--color-neutral-500);--color-input-placeholder: var(--color-neutral-500);--color-status-success: var(--color-success-400);--color-status-success-bg: rgba(34, 197, 94, .1);--color-status-warning: var(--color-warning-400);--color-status-warning-bg: rgba(245, 158, 11, .1);--color-status-error: var(--color-error-400);--color-status-error-bg: rgba(239, 68, 68, .1);--color-status-info: var(--color-info-400);--color-status-info-bg: rgba(59, 130, 246, .1);--color-selection-bg: var(--color-selection-bg-dark);--color-selection-bg-hover: var(--color-selection-bg-dark-hover);--color-product-original-selected: var(--color-product-original-selected-dark);--color-product-modified-selected: var(--color-product-modified-selected-dark);--color-product-unmatched-selected: var(--color-product-unmatched-selected-dark);--color-effect-vite-glow: #646cffcc;--color-effect-react-glow: #61dafbcc;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-dark);--color-folder: var(--color-folder-dark);--color-folder-open: var(--color-folder-dark-open);--color-sort-indicator-active: var(--color-error);--color-hamburger-button-bg: var(--color-hamburger-button-bg-dark);--color-overlay-modal: rgba(0, 0, 0, .7);--color-overlay-backdrop: rgba(0, 0, 0, .2);--color-modal-text-primary: rgba(255, 255, 255, .95);--color-modal-text-secondary: rgba(255, 255, 255, .8);--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-accent-dark);--color-layout-brb-bg: var(--color-layout-brb-dark);--color-layout-brb-hover: var(--color-layout-brb-hover-dark);--color-layout-brb-icon: var(--color-layout-brb-icon-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-header-glass-bg: rgba(28, 28, 30, .7);--color-scrollbar-thumb: var(--color-ios-scrollbar-dark);--color-scrollbar-thumb-hover: var(--color-ios-scrollbar-hover-dark);--color-text-placeholder: var(--color-ios-text-placeholder-dark);--color-gap-button-active: var(--color-error-400);--color-gap-button-inactive: var(--color-neutral-600);--color-gap-button-reset: var(--color-success-400);--color-header-bg-subtle: rgba(28, 28, 30, .92);--color-header-bg-expanded: rgba(28, 28, 30, .98);--color-header-border-subtle: rgba(255, 255, 255, .08);--color-header-border-expanded: rgba(58, 58, 60, .9);--shadow-header: 0 .5px 0 rgba(0, 0, 0, .3);--shadow-header-expanded: 0 .5px 0 rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--color-header-inner-glow: transparent;--header-gradient-overlay: none;--color-header-title: rgba(249, 250, 251, .6);--color-header-hint-subtle: rgba(255, 255, 255, .1);--color-tooltip-bg: rgba(28, 28, 30, .95);--color-tooltip-text: rgba(249, 250, 251, .8);--color-tooltip-border: rgba(255, 255, 255, .1);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .3);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-2xl));--shadow-scroll-hint: inset -20px 0 16px -16px rgba(255, 255, 255, .08);--pulse-duration: 3s;--pulse-opacity-min: .3;--pulse-opacity-max: .7;--pulse-scale-min: 1;--pulse-scale-max: 1.05;--pulse-easing: ease-in-out;--color-header-control-bg: rgba(255, 255, 255, .05);--color-header-control-border: rgba(255, 255, 255, .1);--color-header-control-icon: var(--color-neutral-300);--color-header-control-hover: rgba(75, 85, 99, .4);--color-header-control-active: rgba(75, 85, 99, .6);--color-header-control-border-hover: rgba(107, 114, 128, .6);--color-header-control-border-active: rgba(107, 114, 128, .8);--color-header-control-icon-active: var(--color-primary-400);--color-header-control-disabled: rgba(31, 41, 55, .5);--color-header-control-icon-disabled: var(--color-neutral-600);--color-header-control-border-disabled: rgba(75, 85, 99, .3);--header-control-size: 32px;--color-header-indicator: rgba(156, 163, 175, .4);--color-avatar-bg: #5865f2;--color-avatar-text: #ffffff;--color-apple-control-bg: rgba(255, 255, 255, .08);--color-apple-control-hover: rgba(255, 255, 255, .15);--color-apple-control-border: rgba(255, 255, 255, .12);--color-apple-glass-dark: rgba(28, 28, 30, .8);--color-apple-glass-subtle: rgba(255, 255, 255, .05);--shadow-apple-button: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-apple-button-hover: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-apple-elevated: 0 1px 2px rgba(0, 0, 0, .3), 0 0px 1px rgba(0, 0, 0, .2);--color-modal-glass-bg: #2c2c2e;--color-modal-glass-bg-hover: #3a3a3c;--color-modal-glass-border: rgba(255, 255, 255, .1);--backdrop-modal-dimming: rgba(0, 0, 0, .6);--header-height-base: 50px;--header-height-expanded: 70px;--header-opacity-subtle: .9;--header-opacity-expanded: 1;--header-backdrop-blur: blur(20px);--color-apple-control-bg: rgba(255, 255, 255, .15);--color-apple-control-hover: rgba(255, 255, 255, .25);--color-apple-control-border: rgba(255, 255, 255, .2);--color-apple-glass-light: rgba(255, 255, 255, .8);--color-apple-glass-subtle: rgba(255, 255, 255, .1);--shadow-apple-button: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-apple-button-hover: 0 4px 8px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .08);--shadow-apple-elevated: 0 1px 2px rgba(0, 0, 0, .1), 0 0px 1px rgba(0, 0, 0, .06);--color-modal-glass-bg: rgba(255, 255, 255, .95);--color-modal-glass-bg-hover: rgba(255, 255, 255, .98);--color-modal-glass-border: rgba(0, 0, 0, .1);--backdrop-modal-dimming: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){[data-theme=system]{--color-bg-primary: var(--color-neutral-900);--color-bg-secondary: var(--color-neutral-800);--color-bg-card: var(--color-neutral-900);--color-bg-tertiary: var(--color-neutral-700);--color-bg-hover: var(--color-neutral-800);--color-bg-active: var(--color-neutral-700);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-800);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-border-error: var(--color-error-400);--color-border-disabled: var(--color-neutral-700);--color-button-primary-bg: var(--color-primary-500);--color-button-primary-bg-hover: var(--color-primary-400);--color-button-primary-bg-active: var(--color-primary-300);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-800);--color-button-secondary-bg-hover: var(--color-neutral-700);--color-button-secondary-bg-active: var(--color-neutral-600);--color-button-secondary-text: var(--color-neutral-200);--color-button-secondary-border: var(--color-neutral-600);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-800);--color-button-ghost-bg-active: var(--color-neutral-700);--color-button-ghost-text: var(--color-neutral-200);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-500);--color-button-destructive-text: var(--color-neutral-0);--color-input-bg: var(--color-neutral-800);--color-input-bg-disabled: var(--color-neutral-900);--color-input-border: var(--color-neutral-600);--color-input-border-focus: var(--color-primary-400);--color-input-border-error: var(--color-error-400);--color-input-text: var(--color-neutral-100);--color-input-text-disabled: var(--color-neutral-500);--color-input-placeholder: var(--color-neutral-500);--color-status-success: var(--color-success-400);--color-status-success-bg: rgba(34, 197, 94, .1);--color-status-warning: var(--color-warning-400);--color-status-warning-bg: rgba(245, 158, 11, .1);--color-status-error: var(--color-error-400);--color-status-error-bg: rgba(239, 68, 68, .1);--color-status-info: var(--color-info-400);--color-status-info-bg: rgba(59, 130, 246, .1);--color-effect-vite-glow: #646cffcc;--color-effect-react-glow: #61dafbcc;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-dark);--color-hamburger-button-bg: var(--color-hamburger-button-bg-dark);--color-modal-text-primary: rgba(255, 255, 255, .95);--color-modal-text-secondary: rgba(255, 255, 255, .8);--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-accent-dark);--color-layout-brb-bg: var(--color-layout-brb-dark);--color-layout-brb-hover: var(--color-layout-brb-hover-dark);--color-layout-brb-icon: var(--color-layout-brb-icon-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-gap-button-active: var(--color-error-400);--color-gap-button-inactive: var(--color-neutral-600);--color-gap-button-reset: var(--color-success-400);--shadow-scroll-hint: inset -20px 0 16px -16px rgba(255, 255, 255, .08)}}@media(prefers-color-scheme:light){[data-theme=system]{--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-bg-card: var(--color-neutral-75);--color-bg-tertiary: var(--color-neutral-100);--color-bg-hover: rgba(59, 130, 246, .2);--color-bg-active: rgba(59, 130, 246, .28);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-border-primary: #d4d6dc;--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-disabled: var(--color-neutral-200);--color-button-primary-bg: var(--color-primary-600);--color-button-primary-bg-hover: var(--color-primary-700);--color-button-primary-bg-active: var(--color-primary-800);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-0);--color-button-secondary-bg-hover: var(--color-neutral-50);--color-button-secondary-bg-active: var(--color-neutral-100);--color-button-secondary-text: var(--color-neutral-700);--color-button-secondary-border: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-100);--color-button-ghost-bg-active: var(--color-neutral-200);--color-button-ghost-text: var(--color-neutral-700);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-700);--color-button-destructive-text: var(--color-neutral-0);--color-input-bg: var(--color-neutral-0);--color-input-bg-disabled: var(--color-neutral-50);--color-input-border: var(--color-neutral-300);--color-input-border-focus: var(--color-primary-500);--color-input-border-error: var(--color-error-500);--color-input-text: var(--color-neutral-900);--color-input-text-disabled: var(--color-neutral-400);--color-input-placeholder: var(--color-neutral-400);--color-status-success: var(--color-success-600);--color-status-success-bg: var(--color-success-50);--color-status-warning: var(--color-warning-600);--color-status-warning-bg: var(--color-warning-50);--color-status-error: var(--color-error-600);--color-status-error-bg: var(--color-error-50);--color-status-info: var(--color-info-600);--color-status-info-bg: var(--color-info-50);--color-effect-vite-glow: #646cffaa;--color-effect-react-glow: #61dafbaa;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-light);--color-hamburger-button-bg: var(--color-hamburger-button-bg-light);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-accent-light);--color-layout-brb-bg: var(--color-layout-brb-light);--color-layout-brb-hover: var(--color-layout-brb-hover-light);--color-layout-brb-icon: var(--color-layout-brb-icon-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-gap-button-active: var(--color-error-500);--color-gap-button-inactive: var(--color-neutral-700);--color-gap-button-reset: var(--color-success-500)}}*,*:before,*:after{transition:background-color var(--duration-ios-quick) var(--easing-ios-default),border-color var(--duration-ios-quick) var(--easing-ios-default),color var(--duration-ios-quick) var(--easing-ios-default),box-shadow var(--duration-ios-quick) var(--easing-ios-default)}@media(prefers-contrast:high){:root{--color-border-primary: var(--color-neutral-900);--color-border-secondary: var(--color-neutral-800)}[data-theme=dark]{--color-border-primary: var(--color-neutral-100);--color-border-secondary: var(--color-neutral-200)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{.apple-layout-base{position:absolute;display:flex;box-sizing:border-box;transition:all var(--duration-ios-standard) var(--easing-ios-default)}.apple-content-card{background-color:var(--color-layout-content-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-apple-elevated);transition:background-color var(--duration-ios-standard) var(--easing-ios-default)}[data-theme=dark] .apple-content-card{background-color:var(--color-layout-content-dark);box-shadow:var(--shadow-sidebar-dark)}.apple-interactive{cursor:pointer;transition:all var(--duration-ios-quick) var(--easing-ios-default);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.apple-interactive:hover{transform:translateY(-.5px)}.apple-interactive:active{transform:scale(.98)}.apple-progressive{opacity:.6;transition:opacity var(--duration-ios-standard) var(--easing-ios-default)}.apple-progressive:hover,.apple-progressive:focus-within{opacity:1}.apple-progressive-controls{opacity:0;transform:translateY(-8px);transition:opacity var(--duration-ios-standard) var(--easing-ios-default),transform var(--duration-ios-standard) var(--easing-ios-default)}.apple-progressive:hover .apple-progressive-controls,.apple-progressive:focus-within .apple-progressive-controls{opacity:1;transform:translateY(0)}.apple-text-title{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.apple-text-headline{font-size:var(--font-size-headline);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-normal)}.apple-text-body{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-normal)}.apple-text-caption{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.apple-spacing-xs{gap:var(--spacing-1)}.apple-spacing-sm{gap:var(--spacing-2)}.apple-spacing-md{gap:var(--spacing-4)}.apple-spacing-lg{gap:var(--spacing-6)}.apple-spacing-xl{gap:var(--spacing-8)}.apple-padding-xs{padding:var(--spacing-1)}.apple-padding-sm{padding:var(--spacing-2)}.apple-padding-md{padding:var(--spacing-4)}.apple-padding-lg{padding:var(--spacing-6)}.apple-padding-xl{padding:var(--spacing-8)}.apple-margin-xs{margin:var(--spacing-1)}.apple-margin-sm{margin:var(--spacing-2)}.apple-margin-md{margin:var(--spacing-4)}.apple-margin-lg{margin:var(--spacing-6)}.apple-margin-xl{margin:var(--spacing-8)}.apple-focus-ring{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--duration-ios-quick) var(--easing-ios-default)}.apple-focus-ring:focus-visible{outline-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.apple-accessible{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.apple-accessible-motion{transition:all var(--duration-ios-standard) var(--easing-ios-default)}@media(prefers-reduced-motion:reduce){.apple-accessible-motion{transition:none}}.apple-accessible-contrast{color:var(--color-text-primary)}@media(prefers-contrast:high){.apple-accessible-contrast{color:var(--color-neutral-950);font-weight:var(--font-weight-semibold)}[data-theme=dark] .apple-accessible-contrast{color:var(--color-neutral-0)}}.apple-button-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:var(--spacing-11);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-system);font-size:var(--font-size-callout);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-ios-quick) var(--easing-ios-default);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.apple-button-primary{background-color:var(--color-primary-500);color:var(--color-neutral-0)}.apple-button-primary:hover{background-color:var(--color-primary-600);transform:translateY(-1px)}.apple-button-primary:active{background-color:var(--color-primary-700);transform:scale(.98)}.apple-button-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.apple-button-secondary:hover{background-color:var(--color-neutral-200);transform:translateY(-1px)}.apple-button-secondary:active{background-color:var(--color-neutral-300);transform:scale(.98)}.apple-button-ghost{background-color:transparent;color:var(--color-primary-500)}.apple-button-ghost:hover{background-color:var(--color-primary-50);transform:translateY(-1px)}.apple-button-ghost:active{background-color:var(--color-primary-100);transform:scale(.98)}.apple-modal-backdrop{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-index-modal);opacity:0;animation:apple-fade-in var(--duration-ios-modal) var(--easing-ios-default) forwards}.apple-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-layout-content-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sheet-elevated);max-width:90vw;max-height:90vh;overflow:auto;opacity:0;transform:translate(-50%,-50%) scale(.95);animation:apple-modal-in var(--duration-ios-modal) var(--easing-apple-magic) forwards}[data-theme=dark] .apple-modal-content{background-color:var(--color-layout-content-dark)}@keyframes apple-fade-in{to{opacity:1}}@keyframes apple-modal-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes apple-pulse{0%,to{opacity:.6}50%{opacity:1}}.apple-sr-only{position:absolute;width:var(--sr-only-size);height:var(--sr-only-size);padding:0;margin:calc(var(--sr-only-size) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.apple-no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.apple-smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.apple-grid{display:grid;gap:var(--spacing-4)}.apple-grid-2{grid-template-columns:repeat(2,1fr)}.apple-grid-3{grid-template-columns:repeat(3,1fr)}.apple-grid-4{grid-template-columns:repeat(4,1fr)}.apple-flex{display:flex;align-items:center;gap:var(--spacing-2)}.apple-flex-column{display:flex;flex-direction:column;gap:var(--spacing-2)}.apple-flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.apple-flex-center{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}}@layer base{body,div,span,p,a,button,input,textarea,select{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular)}h1,h2,h3{font-size:var(--font-size-subheadline);font-weight:var(--font-weight-semibold)}h4,h5,h6{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold)}.typography-page-title,.typography-section-title,.typography-modal-title,.typography-tab-title{font-size:var(--font-size-subheadline);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.typography-body{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height-normal)}.typography-body-emphasis{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.typography-input{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-primary)}.typography-button{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium)}.typography-message{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.typography-error{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-error)}.typography-count{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.typography-table-header{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.typography-label{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.typography-tooltip{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-regular);color:var(--color-text-primary)}.typography-placeholder{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.typography-caption,.typography-metadata{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.typography-table-cell{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.typography-badge{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-medium)}.typography-symbol-large{font-size:var(--font-size-large-symbol);font-weight:var(--font-weight-light)}.typography-symbol-xlarge{font-size:var(--font-size-xlarge-symbol);font-weight:var(--font-weight-light)}.typography-symbol-xxlarge{font-size:var(--font-size-xxlarge-symbol);font-weight:var(--font-weight-light)}.typography-symbol-xxxlarge{font-size:var(--font-size-xxxlarge-symbol);font-weight:var(--font-weight-light)}.typography-symbol-jumbo{font-size:var(--font-size-jumbo-symbol);font-weight:var(--font-weight-light)}.typography-empty-title{font-size:var(--font-size-subheadline);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center}.typography-empty-message{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);text-align:center;line-height:var(--line-height-relaxed)}.typography-link{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.typography-link:hover{text-decoration:underline}.typography-label-strong{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}}@layer responsive{.responsive-table-scroll{width:100%}@media(max-width:768px){.responsive-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.responsive-table-scroll::-webkit-scrollbar{height:4px}.responsive-table-scroll::-webkit-scrollbar-track{background:transparent}.responsive-table-scroll::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:2px}}@media(max-width:768px){.customer-list,.contract-list,.document-status-table-wrapper,.responsive-table-scroll{box-shadow:var(--shadow-scroll-hint)}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.customer-list,.contract-list,.document-status-table-wrapper,.responsive-table-scroll{box-shadow:var(--shadow-scroll-hint)}}@media(pointer:coarse){.touch-target-44{position:relative}.touch-target-44:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}}@media(max-width:768px){html .hide-on-mobile{display:none}}@media(min-width:769px){html .show-on-mobile-only{display:none}}@media(max-width:480px){html .hide-on-phone{display:none}}@media(max-width:768px){html input[type=text],html input[type=email],html input[type=password],html input[type=number],html input[type=tel],html input[type=url],html input[type=search],html input:not([type]),html select,html textarea{font-size:max(16px,inherit)}}@media(max-width:768px){.responsive-grid-table{min-width:var(--responsive-table-min-width, 600px)}}@media(pointer:coarse){html .touch-no-hover:hover{transform:none;box-shadow:inherit}}.safe-area-bottom{padding-bottom:max(0px,env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(0px,env(safe-area-inset-top))}.safe-area-horizontal{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){html .hide-on-mobile{display:none}.responsive-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.responsive-table-scroll::-webkit-scrollbar{height:4px}.responsive-table-scroll::-webkit-scrollbar-track{background:transparent}.responsive-table-scroll::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:2px}.responsive-grid-table{min-width:var(--responsive-table-min-width, 600px)}html input[type=text],html input[type=email],html input[type=password],html input[type=number],html input[type=tel],html input[type=url],html input[type=search],html input:not([type]),html select,html textarea{font-size:max(16px,inherit)}}@media(min-width:769px){@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){html .show-on-mobile-only{display:revert}}}@media(pointer:fine){.customer-info-grid__value,[class*=contracts-table__cell],.chat-panel__message-content,.inquiry-message-content{-webkit-user-select:text;user-select:text}}}@layer responsive{.layout-main--phone-landscape .customer-full-detail .customer-full-detail__content{overflow-y:auto;overflow-x:clip;padding:4px;gap:8px}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row{display:flex;flex-direction:column;gap:8px;flex:none;min-height:0}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--top,.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--bottom{flex:none}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__section{flex:none;min-width:0}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--top>.customer-full-detail__section:first-child{min-height:0;max-height:none}.layout-main--phone-landscape .customer-full-detail .customer-info-family-list{overflow-y:visible;max-height:none}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--top>.customer-full-detail__section:last-child,.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--bottom>.customer-full-detail__section:first-child,.layout-main--phone-landscape .customer-full-detail .customer-full-detail__row--bottom>.customer-full-detail__section:last-child{height:250px;min-height:250px}.layout-main--phone-landscape .customer-full-detail__actions{display:flex;flex-direction:row;flex-wrap:nowrap;padding:2px 8px;gap:4px;border-bottom:none}.layout-main--phone-landscape .customer-full-detail__actions>.tooltip-trigger{flex:1;min-width:0}.layout-main--phone-landscape .customer-full-detail__actions .button{width:100%;white-space:nowrap;padding:2px 8px;min-height:28px}.layout-main--phone-landscape .customer-full-detail__actions .button__content{font-size:11px}.layout-main--phone-landscape .customer-full-detail__actions>.customer-full-detail__actions-spacer{display:none}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__reset-layout{display:none}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__section-title{padding:6px 8px;gap:4px;height:30px;min-height:30px}.layout-main--phone-landscape .customer-full-detail .customer-full-detail__section-title svg{width:13px;height:13px;flex-shrink:0}.layout-main--phone-landscape .customer-full-detail__h-resize,.layout-main--phone-landscape .customer-full-detail__v-resize{display:none}.layout-main--phone-landscape .customer-full-detail .customer-info-tabs__tab{font-size:12px;padding:3px 6px}.layout-main--phone-landscape .customer-full-detail .history-tabs__tab{font-size:11px;padding:2px 5px;white-space:nowrap}.layout-main--phone-landscape .customer-full-detail .report-tabs__tab{font-size:12px;padding:3px 6px;white-space:nowrap}.layout-main--phone-landscape .customer-full-detail__mobile-info-card{padding:4px 8px;border-bottom:1px solid var(--color-border-light)}.layout-main--phone-landscape .customer-full-detail__mobile-info-grid{display:flex;flex-wrap:nowrap;gap:2px 12px;align-items:center;overflow-x:auto;scrollbar-width:none}.layout-main--phone-landscape .customer-full-detail__mobile-info-grid::-webkit-scrollbar{display:none}.layout-main--phone-landscape .mobile-info-item{gap:3px;flex-shrink:0}.layout-main--phone-landscape .mobile-info-label{font-size:10px;min-width:auto}.layout-main--phone-landscape .mobile-info-value{font-size:11px}.layout-main--phone-landscape .customer-full-detail__mobile-tabs{padding:0 6px;gap:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.layout-main--phone-landscape .mobile-tab{padding:4px 6px;font-size:11px;border-radius:0;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease}.layout-main--phone-landscape .mobile-tab--active{border-bottom-color:var(--color-primary);box-shadow:none;background:transparent;color:var(--color-primary);font-weight:600}.layout-main--phone-landscape .mobile-tab__count{min-width:14px;height:14px;font-size:9px}.layout-main--phone-landscape .mobile-panel-header{padding:3px 8px;min-height:28px;gap:6px}.layout-main--phone-landscape .mobile-panel-title{font-size:12px}.layout-main--phone-landscape .mobile-panel-header .customer-full-detail__section-search{max-width:120px}.layout-main--phone-landscape .customer-documents-list-header{height:24px;min-height:24px;padding:2px 8px;font-size:10px}.layout-main--phone-landscape .customer-documents-item{height:26px;min-height:26px;padding:2px 8px;font-size:11px}.layout-main--phone-landscape .customer-contracts-list-header{height:24px;min-height:24px;padding:2px 8px}.layout-main--phone-landscape .customer-contracts-item{height:26px;min-height:26px;padding:2px 8px}.layout-main--phone-landscape .annual-report-table-header,.layout-main--phone-landscape .customer-review-table-header{height:24px;min-height:24px;padding:2px 8px}.layout-main--phone-landscape .annual-report-row,.layout-main--phone-landscape .customer-review-row{height:26px;min-height:26px;padding:2px 8px}.layout-main--phone-landscape .document-pagination{padding:1px 6px;height:22px}.layout-main--phone-landscape .customer-full-detail .document-pagination .pagination-limit{display:none}.layout-main--phone-landscape .personal-files-view{grid-template-columns:1fr}.layout-main--phone-landscape .files-sidebar,.layout-main--phone-landscape .files-resizer{display:none}.layout-main--phone-landscape .files-list-header,.layout-main--phone-landscape .file-list-row{grid-template-columns:1fr 100px}.layout-main--phone-landscape .file-list-row .row-size,.layout-main--phone-landscape .file-list-row .row-actions,.layout-main--phone-landscape .files-list-header .header-size,.layout-main--phone-landscape .files-list-header .header-actions{display:none}.layout-main--phone-landscape .files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.layout-main--phone-landscape .grid-download-button{opacity:1}.layout-main--phone-landscape .customer-library-container{padding:2px 4px;gap:2px;overflow-y:hidden;height:100%;display:flex;flex-direction:column}.layout-main--phone-landscape .customer-library-result-header{flex-direction:row;align-items:center;gap:4px;padding:2px 0;flex-shrink:0}.layout-main--phone-landscape .customer-library-container .search-input-wrapper{flex:0 1 180px;min-width:100px;padding:0}.layout-main--phone-landscape .customer-library-container .search-input{min-height:28px;height:28px;padding:2px 8px 2px 26px;font-size:13px}.layout-main--phone-landscape .result-count{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:2px;padding:0;flex-shrink:0}.layout-main--phone-landscape .result-count::-webkit-scrollbar{display:none}.layout-main--phone-landscape .type-filter-button{flex-shrink:0;font-size:11px;padding:2px 6px;min-height:24px}.layout-main--phone-landscape .type-filter-separator{display:none}.layout-main--phone-landscape .initial-filter-bar{gap:6px;padding:4px 8px;align-items:flex-start}.layout-main--phone-landscape .initial-filter-bar__initials{flex-wrap:wrap;overflow-x:visible;gap:2px}.layout-main--phone-landscape .initial-filter-bar__initial{min-width:26px;height:26px;font-size:11px;padding:0 3px;flex-shrink:0}.layout-main--phone-landscape .initial-filter-bar__type-toggle{min-width:40px;height:26px;padding:0 6px}.layout-main--phone-landscape .initial-filter-bar__type-label{font-size:10px}.layout-main--phone-landscape .initial-filter-bar__globe-icon{width:12px;height:12px}.layout-main--phone-landscape .initial-filter-bar__selected{height:auto;padding:3px 6px 3px 8px}.layout-main--phone-landscape .initial-filter-bar__selected-label{font-size:10px}.layout-main--phone-landscape .customer-list-header,.layout-main--phone-landscape .customer-item{grid-template-columns:40px minmax(80px,1.5fr) 85px 45px 95px minmax(80px,1fr) minmax(80px,1fr) 55px 130px;min-width:780px;gap:8px}.layout-main--phone-landscape .customer-list-header{font-size:10px;padding:6px 8px}.layout-main--phone-landscape .customer-list{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:2px;padding-right:0}.layout-main--phone-landscape .customer-list:not(:has(.customer-item)){min-height:40px}.layout-main--phone-landscape .customer-pagination{padding:2px 0;margin-top:0;border-top:none;gap:4px;flex-shrink:0}.layout-main--phone-landscape .pagination-limit{display:none}.layout-main--phone-landscape .customer-pagination .pagination-button{width:28px;height:28px}.layout-main--phone-landscape .customer-pagination .pagination-info{min-width:40px;gap:4px}.layout-main--phone-landscape .customer-item{height:28px;padding:4px 8px}.layout-main--phone-landscape .customer-item:hover{transform:none}.layout-main--phone-landscape .center-pane-view{inset:0;border-radius:0}.layout-main--phone-landscape .center-pane-view__breadcrumb,.layout-main--phone-landscape .center-pane-view__header,.layout-main--phone-landscape .center-pane-view__description{display:none}.layout-main--phone-landscape .center-pane-view__content{padding:2px 4px}.layout-main--phone-landscape .center-pane-view__placeholder{padding:16px 12px;gap:8px}.layout-main--phone-landscape .regional-tree-stats{flex-wrap:wrap;gap:4px 8px;padding:4px 8px;font-size:12px}.layout-main--phone-landscape .regional-tree-stats .stat-icon{display:none}.layout-main--phone-landscape .regional-tree-stats .stat-label{font-size:11px}.layout-main--phone-landscape .regional-tree-stats .stat-divider{display:none}.layout-main--phone-landscape .regional-tree-content{flex:1;min-height:0}.layout-main--phone-landscape .document-status-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.layout-main--phone-landscape .status-list-header,.layout-main--phone-landscape .status-item{min-width:850px}.layout-main--phone-landscape .document-library-view .search-input{min-height:28px;height:28px;font-size:13px}.layout-main--phone-landscape .contract-all__header-row,.layout-main--phone-landscape .contract-all__item-row{gap:4px;font-size:11px}.layout-main--phone-landscape .customer-documents-tab__list,.layout-main--phone-landscape .customer-contracts-tab__list,.layout-main--phone-landscape .customer-review-tab__list{overflow-x:auto}.layout-main--phone-landscape .doc-mgmt-stats-grid,.layout-main--phone-landscape .contract-mgmt-stats-grid{grid-template-columns:repeat(2,1fr)}.layout-main--phone-landscape .doc-mgmt-charts-grid,.layout-main--phone-landscape .contract-mgmt-charts-grid{grid-template-columns:1fr}.layout-main--phone-landscape .account-settings__tabs{flex-wrap:wrap}.layout-main--phone-landscape .account-settings__grid{grid-template-columns:1fr}.layout-main--phone-landscape .doc-reg-guide-section,.layout-main--phone-landscape .doc-reg-type-buttons{flex-direction:column}.layout-main--phone-landscape .custom-menu__item{min-height:32px;padding:4px 8px}.layout-main--phone-landscape .header-quick-search__input{font-size:14px}}@layer components{.header-progressive{position:relative;width:100%;height:var(--header-height-base, 60px);display:flex;align-items:center;justify-content:space-between;background:var(--color-header-bg-subtle);border-bottom:.5px solid var(--color-header-border-subtle);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);transition:background var(--duration-micro-gentle) var(--easing-micro-progressive-expand),box-shadow var(--duration-micro-gentle) var(--easing-micro-progressive-expand),backdrop-filter var(--duration-micro-gentle) var(--easing-micro-progressive-expand);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;z-index:var(--z-index-header, 100);padding-left:max(var(--spacing-4),env(safe-area-inset-left));padding-right:max(var(--spacing-4),env(safe-area-inset-right));padding-top:0;padding-bottom:0;box-sizing:border-box;outline:none}.header-progressive:before{content:"";position:absolute;inset:0;background:var(--header-gradient-overlay);pointer-events:none;z-index:0}.header-progressive>*{position:relative;z-index:1}.header-progressive--expanded{background:var(--color-header-bg-expanded);border-bottom:.5px solid var(--color-header-border-expanded);box-shadow:var(--shadow-header-expanded);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.header-branding{flex:1;display:flex;align-items:center}.header-title{margin:0;font-size:var(--font-size-headline);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);color:var(--color-header-title);opacity:.7;display:flex;align-items:center;gap:6px}.header-logo-full{height:28px;width:auto}.header-dev-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:var(--color-dev-mode-bg);border:1px solid var(--color-dev-mode-border);border-radius:6px;font-size:10px;font-weight:600;color:var(--color-dev-mode);pointer-events:none;animation:headerDevBadgePulse 2s ease-in-out infinite}@keyframes headerDevBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.header-controls{display:flex;align-items:center;gap:var(--spacing-4)}.header-control-button{background-color:var(--color-header-control-bg);color:var(--color-header-control-icon);border:1px solid var(--color-header-control-border);border-radius:var(--radius-md);padding:0;cursor:pointer;-webkit-backdrop-filter:var(--header-backdrop-blur);backdrop-filter:var(--header-backdrop-blur);width:var(--header-control-size);height:var(--header-control-size);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-callout);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);transition:background-color var(--duration-micro-quick) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-quick) var(--easing-micro-focus-ring),opacity var(--duration-micro-gentle) var(--easing-micro-progressive-expand),transform var(--duration-micro-gentle) var(--easing-micro-progressive-expand)}.header-control-button:hover{background-color:var(--color-apple-control-hover);border-color:var(--color-apple-control-border);transform:scale(1.02);box-shadow:var(--shadow-apple-button-hover);transition:background-color var(--duration-micro-quick) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-micro-hover-lift),transform var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-quick) var(--easing-micro-focus-ring)}.header-control-button:active{transform:scale(.98);background-color:var(--color-header-control-active);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.header-control-button:not(:active):not(:hover){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),border-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up),box-shadow var(--duration-micro-smooth) var(--easing-micro-press-up)}.header-control-button--active{background-color:var(--color-header-control-active);color:var(--color-header-control-icon-active);border-color:var(--color-header-control-border-active)}.header-control-button:disabled{background-color:var(--color-header-control-disabled);color:var(--color-header-control-icon-disabled);border-color:var(--color-header-control-border-disabled);cursor:not-allowed;opacity:.6;transform:none}.header-quick-search-container{opacity:1;transform:translateY(0)}.header-chat-button{opacity:1;transform:translateY(0);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-fast) var(--easing-ease-out),transform var(--duration-fast) var(--easing-ease-out)}.header-chat-icon{display:flex;align-items:center;justify-content:center;line-height:1}.header-chat-ai-icon{width:36px;height:26px}.header-chat-button:hover{opacity:.8;transform:scale(1.1);background:transparent;border:none;box-shadow:none}.header-chat-button:active{transform:scale(.95)}.header-chat-button--active{background:transparent}.header-chat-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.header-chat-button--disabled:hover{transform:none}.header-theme-container{opacity:1;transform:translateY(0)}.header-progressive:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(pointer:coarse){.header-chat-button{position:relative}.header-chat-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}}}@layer components{@media(min-width:1024px)and (max-width:1366px){.header-progressive{height:50px;min-height:50px;max-height:50px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header-title{font-size:var(--font-size-callout)}.header-controls{gap:12px}.header-control-button{width:30px;height:30px}.header-user-avatar-circle{width:32px;height:32px;font-size:var(--font-size-caption-1)}.header-user-avatar-skeleton{width:32px;height:32px}.header-chat-ai-icon{width:30px;height:22px}.header-user-name{font-size:var(--font-size-caption-2);max-width:80px}}@media(min-width:1024px)and (max-height:850px){.header-progressive{height:50px;min-height:50px;max-height:50px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.header-controls{gap:8px}.header-control-button{width:28px;height:28px}.header-user-avatar-circle{width:30px;height:30px;font-size:var(--font-size-caption-2)}.header-user-avatar-skeleton{width:30px;height:30px}.header-chat-ai-icon{width:28px;height:20px}}.header-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-right:var(--spacing-1);border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out;position:relative;z-index:2}.header-mobile-menu-btn svg{width:22px;height:22px}.header-mobile-menu-btn:active{background-color:var(--color-ios-system-gray5-alpha, rgba(0, 0, 0, .05))}.header-mobile-menu-btn--active{color:var(--color-primary-500)}@media(max-width:768px){.header-progressive{padding:0 var(--spacing-2);overflow:visible}.header-branding{flex:0 0 auto;min-width:0;gap:0}.header-title{font-size:var(--font-size-footnote);font-family:var(--font-family-display);white-space:nowrap}.header-title__version{display:none}.header-controls{gap:4px;flex:1;min-width:0}.header-control-button{width:28px;height:28px;font-size:var(--font-size-caption-1)}.header-mobile-menu-btn{width:28px;height:28px;margin-right:2px}.header-mobile-menu-btn svg{width:18px;height:18px}.header-quick-search-container{flex:1;min-width:0}.header-chat-ai-icon{width:36px;height:26px}.header-user-avatar{padding:2px;gap:0}.header-user-avatar-circle{width:28px;height:28px;font-size:var(--font-size-caption-2)}.header-user-avatar-skeleton{width:28px;height:28px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-theme-container,.header-user-profile{flex-shrink:0}.header-user-selector{display:none}}@media(max-width:480px){.header-progressive{padding:0 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:visible}.header-progressive--expanded{-webkit-backdrop-filter:none;backdrop-filter:none}.header-title{font-size:var(--font-size-caption-1)}.header-controls{gap:3px;transform:none}.header-control-button{width:26px;height:26px}.header-mobile-menu-btn{width:26px;height:26px;margin-right:2px}.header-mobile-menu-btn svg{width:16px;height:16px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-quick-search-container{transform:none}.header-chat-ai-icon{width:36px;height:26px}.header-user-avatar-circle{width:26px;height:26px;font-size:10px}.header-user-avatar-skeleton{width:26px;height:26px}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.header-progressive{height:40px;min-height:40px;max-height:40px;padding:0 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:visible}.header-branding{flex:0 0 auto;min-width:0;gap:0}.header-title{font-size:var(--font-size-caption-1)}.header-title__version{display:none}.header-controls{gap:3px;opacity:1;transform:translateY(0);pointer-events:auto}.header-control-button{width:24px;height:24px;font-size:var(--font-size-caption-2)}.header-mobile-menu-btn{width:24px;height:24px;margin-right:2px}.header-mobile-menu-btn svg{width:16px;height:16px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-quick-search-container{flex:1;min-width:0}.header-chat-ai-icon{width:30px;height:20px}.header-user-avatar{padding:2px;gap:0}.header-user-avatar-circle{width:24px;height:24px;font-size:10px}.header-user-avatar-skeleton{width:24px;height:24px}.header-user-selector{display:none}}}@layer components{@media(prefers-reduced-motion:reduce){.header-progressive,.header-control-button,.header-theme-container,.header-title{transition:none}}.sf-symbol{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;position:relative;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);will-change:transform,opacity}.sf-symbol__shape{position:relative;color:var(--color-header-text);transition:color var(--duration-fast) var(--easing-ease-out);backface-visibility:hidden;transform:translateZ(0)}.sf-symbol--gear .sf-symbol__shape:before{content:"⚙";font-size:var(--font-size-subheadline);line-height:1;color:inherit}.sf-symbol--ellipsis .sf-symbol__shape{width:16px;height:4px;display:flex;align-items:center;justify-content:space-between}.sf-symbol--ellipsis .sf-symbol__shape:before,.sf-symbol--ellipsis .sf-symbol__shape:after{content:"";width:3px;height:3px;background:currentColor;border-radius:50%}.sf-symbol--ellipsis .sf-symbol__shape:before{margin-right:3px;box-shadow:6px 0 0 currentColor}.header-user-profile{display:flex;align-items:center;gap:var(--spacing-2)}.header-user-avatar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.header-user-avatar:hover{background:var(--color-bg-hover)}.header-user-avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--color-avatar-bg);color:var(--color-avatar-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-subheadline);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;box-shadow:0 1px 2px #0000001a;transition:all var(--duration-fast) var(--easing-ease-out)}.header-user-avatar:hover .header-user-avatar-circle{transform:scale(1.08);box-shadow:0 2px 4px #00000026}.header-user-avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-user-name{color:var(--color-text-primary);font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-weight:600;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-user-avatar-skeleton{width:40px;height:40px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0}.header-user-avatar-loading-text{font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-weight:600;color:var(--color-text-tertiary)}@media(pointer:coarse){.header-control-button{position:relative}.header-control-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-control-button:hover{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-user-selector{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--duration-micro-gentle) var(--easing-micro-progressive-expand);font-size:var(--font-size-footnote);font-family:var(--font-family-text);line-height:1.2}.header-user-label{color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.header-user-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-footnote);font-weight:600;font-family:var(--font-family-mono);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);outline:none}.header-user-select:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.header-user-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.header-user-select option{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-2)}.header-user-loading{color:var(--color-text-secondary);font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-style:italic}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;scroll-behavior:smooth}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;font-feature-settings:"kern" 1,"liga" 1;-webkit-text-size-adjust:100%;text-size-adjust:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}pre,code,kbd,samp{font-family:var(--font-family-mono);tab-size:var(--tab-size-mono);font-feature-settings:var(--font-feature-settings-numerals);font-variant-numeric:var(--font-variant-numeric-tabular)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;height:100%}html{font-family:var(--font-family-primary);font-size:var(--font-size-root);scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--easing-ease-in-out)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:var(--outline-offset-base);border-radius:var(--radius-sm)}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea,select{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-input-text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-input-border-focus)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-input-bg-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:var(--outline-offset-base)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-800);color:var(--color-primary-100)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background-color:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important}@page{margin:.5in}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--color-border-primary: var(--color-neutral-900);--color-border-secondary: var(--color-neutral-800)}[data-theme=dark]{--color-border-primary: var(--color-neutral-100);--color-border-secondary: var(--color-neutral-200)}}.dev-mode-badge-global{position:fixed;top:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-dev-mode-bg);border:1px solid var(--color-dev-mode-border);border-radius:12px;font-size:11px;font-weight:600;color:var(--color-dev-mode);z-index:9999;pointer-events:none;animation:devBadgePulse 2s ease-in-out infinite}@keyframes devBadgePulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(.98)}}}@layer tokens{:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-neutral-0: #ffffff;--color-neutral-50: #f5f5f7;--color-neutral-75: #ebebf0;--color-neutral-100: #e5e5ea;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-success: #22c55e;--color-success-light: #86efac;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-favorite: #fbbf24;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-success-bg: rgba(34, 197, 94, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-neutral-bg: rgba(156, 163, 175, .1);--color-error-bg-dark: rgba(239, 68, 68, .15);--color-warning-bg-dark: rgba(234, 179, 8, .15);--color-info-bg-dark: rgba(59, 130, 246, .15);--color-success-text: #16a34a;--color-neutral-text: #6b7280;--color-highlight-bg: rgba(255, 204, 0, .4);--color-highlight-bg-dark: rgba(255, 214, 10, .3);--color-focus-ring: rgba(0, 122, 255, .1);--color-focus-ring-dark: rgba(100, 170, 255, .15);--color-dev-mode: #ff9500;--color-dev-mode-bg: rgba(255, 149, 0, .15);--color-dev-mode-border: rgba(255, 149, 0, .3);--color-accent-blue: #3b82f6;--color-accent-blue-alpha-80: rgba(59, 130, 246, .8);--color-accent-blue-alpha-50: rgba(59, 130, 246, .5);--color-accent-blue-alpha-30: rgba(59, 130, 246, .3);--color-accent-blue-translucent: rgba(59, 130, 246, .25);--color-selection-bg-light: rgba(59, 130, 246, .15);--color-selection-bg-light-hover: rgba(59, 130, 246, .22);--color-selection-border-light: rgba(59, 130, 246, .5);--color-selection-text-light: #1e40af;--color-selection-bg-dark: rgba(59, 130, 246, .35);--color-selection-bg-dark-hover: rgba(59, 130, 246, .4);--color-selection-glow-light: rgba(59, 130, 246, .4);--color-selection-glow-light-hover: rgba(59, 130, 246, .5);--color-selection-glow-dark: rgba(59, 130, 246, .5);--color-selection-glow-dark-hover: rgba(59, 130, 246, .6);--color-selection-glow-pulse: rgba(59, 130, 246, .2);--color-row-empty: rgba(245, 158, 11, .25);--color-row-empty-hover: rgba(245, 158, 11, .35);--color-row-duplicate: rgba(239, 68, 68, .25);--color-row-duplicate-hover: rgba(239, 68, 68, .35);--color-product-original: rgba(34, 197, 94, .25);--color-product-modified: rgba(245, 158, 11, .25);--color-product-unmatched: rgba(239, 68, 68, .25);--color-product-original-selected-light: rgba(34, 197, 94, .35);--color-product-modified-selected-light: rgba(245, 158, 11, .35);--color-product-unmatched-selected-light: rgba(239, 68, 68, .35);--color-product-original-selected-dark: rgba(34, 197, 94, .45);--color-product-modified-selected-dark: rgba(245, 158, 11, .45);--color-product-unmatched-selected-dark: rgba(239, 68, 68, .45);--opacity-overlay: .5;--opacity-overlay-strong: .75;--opacity-shadow-xs: .02;--opacity-shadow-sm: .05;--opacity-shadow-md: .1;--opacity-shadow-lg: .15;--opacity-shadow-xl: .2;--opacity-shadow-2xl: .3;--opacity-shadow-dark-sm: .03;--opacity-shadow-dark-md: .3;--opacity-shadow-dark-lg: .4;--opacity-shadow-dark-xl: .5;--opacity-dark-overlay: .08;--opacity-light-overlay: .1;--opacity-border: .12;--opacity-border-dark: .4;--opacity-ios-bg-light: .12;--opacity-ios-bg-dark: .24;--opacity-ios-bg-focus-light: .2;--opacity-ios-bg-focus-dark: .32;--opacity-ios-text-secondary: .6;--opacity-ios-border: .12;--opacity-ios-border-dark: .65;--opacity-hover-light: .2;--opacity-hover-dark: .08;--opacity-active-light: .08;--opacity-active-dark: .12;--opacity-selected: .1;--opacity-scrollbar-light: .2;--opacity-scrollbar-dark: .2;--opacity-scrollbar-hover-light: .3;--opacity-scrollbar-hover-dark: .3;--color-overlay-backdrop: rgba(0, 0, 0, var(--opacity-overlay));--color-overlay-backdrop-strong: rgba(0, 0, 0, var(--opacity-overlay-strong));--color-overlay-dark: rgba(0, 0, 0, var(--opacity-dark-overlay));--color-overlay-light: rgba(255, 255, 255, var(--opacity-light-overlay));--color-overlay-frosted: rgba(255, 255, 255, .75);--color-overlay-frosted-dark: rgba(0, 0, 0, .6);--color-ios-bg-light: rgba(142, 142, 147, var(--opacity-ios-bg-light));--color-ios-bg-dark: rgba(142, 142, 147, var(--opacity-ios-bg-dark));--color-ios-bg-focus-light: rgba(142, 142, 147, var(--opacity-ios-bg-focus-light));--color-ios-bg-focus-dark: rgba(142, 142, 147, var(--opacity-ios-bg-focus-dark));--color-ios-text-light: rgba(60, 60, 67, var(--opacity-ios-text-secondary));--color-ios-text-dark: rgba(235, 235, 245, var(--opacity-ios-text-secondary));--color-ios-border-light: rgba(60, 60, 67, var(--opacity-ios-border));--color-ios-border-dark: rgba(84, 84, 88, var(--opacity-ios-border-dark));--color-hover-light: rgba(59, 130, 246, var(--opacity-hover-light));--color-hover-dark: rgba(255, 255, 255, var(--opacity-hover-dark));--color-active-light: rgba(0, 0, 0, var(--opacity-active-light));--color-active-dark: rgba(255, 255, 255, var(--opacity-active-dark));--color-selected: rgba(0, 122, 255, var(--opacity-selected));--color-scrollbar-light: rgba(0, 0, 0, var(--opacity-scrollbar-light));--color-scrollbar-dark: rgba(255, 255, 255, var(--opacity-scrollbar-dark));--color-scrollbar-hover-light: rgba(0, 0, 0, var(--opacity-scrollbar-hover-light));--color-scrollbar-hover-dark: rgba(255, 255, 255, var(--opacity-scrollbar-hover-dark));--color-guide-bg-dark: rgba(255, 255, 255, .05);--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-progress-completed-light: #34c759;--color-progress-processing-light: #007aff;--color-progress-error-light: #ff3b30;--color-progress-pending-light: #8e8e93;--color-progress-completed-dark: #30d158;--color-progress-processing-dark: #0a84ff;--color-progress-error-dark: #ff453a;--color-progress-pending-dark: #98989d;--color-icon-lightbulb-fill: #ffc107;--color-icon-lightbulb-stroke: #424242;--color-icon-pdf-stroke: #f5f6f7;--color-folder-light: #D4A017;--color-folder-light-open: #C49A1A;--color-folder-dark: #FFD700;--color-folder-dark-open: #FFCC00;--color-step-number-bg-light: #ffe082;--color-step-number-text-light: #424242;--color-step-number-border-light: #424242;--color-step-number-bg-dark: #3d3623;--color-step-number-text-dark: #ffd95a;--color-step-number-border-dark: #6b5d3f;--color-mode-option-bg-light: rgba(0, 0, 0, .1);--color-mode-option-bg-light-hover: rgba(0, 0, 0, .15);--color-badge-keyword: #30d158;--color-badge-ai: #bf5af2;--color-text-high-contrast: #000000;--color-text-aa-compliant: #212121;--color-text-aaa-compliant: #1a1a1a;--color-bg-high-contrast: #ffffff;--color-bg-low-contrast: #f8f9fa;--color-voiceover-focus: #007aff;--color-voiceover-selection: rgba(0, 122, 255, .2);--font-family-system: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-feature-settings-ligatures: "liga" 1, "clig" 1;--font-feature-settings-kerning: "kern" 1;--font-feature-settings-numerals: "tnum" 1;--font-variant-numeric-tabular: tabular-nums;--tab-size: 2;--tab-size-mono: 4;--font-family-primary: var(--font-family-system);--font-size-root: 1rem;--scrollbar-width: .5rem;--outline-offset-base: .125rem;--app-max-width: 80rem;--app-padding: 2rem;--logo-height: 6em;--logo-padding: 1.5em;--card-padding: 2em;--font-size-caption-2: clamp(.625rem, .764vw, .6875rem);--font-size-caption-1: clamp(.625rem, .833vw, .75rem);--font-size-footnote: clamp(.6875rem, .903vw, .8125rem);--font-size-subheadline: clamp(.8125rem, 1.042vw, .9375rem);--font-size-callout: clamp(.875rem, 1.111vw, 1rem);--font-size-body: clamp(.875rem, 1.181vw, 1.0625rem);--font-size-headline: clamp(.875rem, 1.181vw, 1.0625rem);--font-size-title-3: clamp(1rem, 1.389vw, 1.25rem);--font-size-title-2: clamp(1.125rem, 1.528vw, 1.375rem);--font-size-title-1: clamp(1.375rem, 1.944vw, 1.75rem);--font-size-large-title: clamp(1.625rem, 2.361vw, 2.125rem);--font-size-large-symbol: 1.5rem;--font-size-xlarge-symbol: 2rem;--font-size-xxlarge-symbol: 3rem;--font-size-xxxlarge-symbol: 4rem;--font-size-jumbo-symbol: 5rem;--font-size-xs: var(--font-size-caption-1);--font-size-sm: var(--font-size-footnote);--font-size-base: var(--font-size-callout);--font-size-lg: var(--font-size-title-3);--font-size-xl: var(--font-size-title-2);--font-size-2xl: var(--font-size-title-1);--font-size-3xl: var(--font-size-large-title);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-golden: var(--golden-ratio);--line-height-golden-compressed: calc(var(--golden-ratio) / 1.2);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--dense-font-title: 13px;--dense-font-header: 11px;--dense-font-body: 12px;--dense-font-caption: 11px;--dense-font-micro: 10px;--dense-weight-title: 600;--dense-weight-header: 600;--dense-weight-body: 400;--dense-weight-caption: 400;--dense-weight-micro: 500;--dense-row-height: 32px;--dense-header-height: 36px;--dense-pagination-height: 26px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-0-75: .1875rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--golden-ratio: 1.618;--golden-base: 1rem;--spacing-golden-xs: calc(var(--golden-base) / var(--golden-ratio) / var(--golden-ratio));--spacing-golden-sm: calc(var(--golden-base) / var(--golden-ratio));--spacing-golden-md: var(--golden-base);--spacing-golden-lg: calc(var(--golden-base) * var(--golden-ratio));--spacing-golden-xl: calc(var(--golden-base) * var(--golden-ratio) * var(--golden-ratio));--spacing-golden-2xl: calc(var(--golden-base) * var(--golden-ratio) * var(--golden-ratio) * var(--golden-ratio));--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-modal-light: 0 0 0 1px rgba(0, 0, 0, var(--opacity-shadow-xs)), 0 4px 6px rgba(0, 0, 0, var(--opacity-shadow-sm)), 0 10px 20px rgba(0, 0, 0, var(--opacity-shadow-md)), 0 20px 40px rgba(0, 0, 0, var(--opacity-shadow-lg));--shadow-modal-dark: 0 0 0 1px rgba(255, 255, 255, var(--opacity-shadow-dark-sm)), 0 4px 6px rgba(0, 0, 0, var(--opacity-shadow-dark-md)), 0 10px 20px rgba(0, 0, 0, var(--opacity-shadow-dark-lg)), 0 20px 40px rgba(0, 0, 0, var(--opacity-shadow-dark-xl));--shadow-address-modal-light: 0 20px 60px rgba(0, 0, 0, .3);--shadow-address-modal-dark: 0 20px 60px rgba(0, 0, 0, .6);--shadow-card-light: 0 0 0 1px rgba(0, 0, 0, var(--opacity-shadow-xs)), 0 2px 6px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-dark: 0 0 0 1px rgba(255, 255, 255, var(--opacity-shadow-xs)), 0 2px 6px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .12);--shadow-button-hover: 0 4px 12px rgba(0, 123, 255, var(--opacity-shadow-2xl)), 0 6px 20px rgba(0, 123, 255, var(--opacity-shadow-xl));--shadow-card-hover-light: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-md));--shadow-card-hover-dark: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-2xl));--shadow-inset-light: inset 0 1px 3px rgba(0, 0, 0, var(--opacity-border));--shadow-inset-dark: inset 0 1px 3px rgba(0, 0, 0, var(--opacity-border-dark));--shadow-progress: 0 1px 3px rgba(0, 0, 0, var(--opacity-shadow-xl));--shadow-badge: 0 2px 6px rgba(0, 0, 0, var(--opacity-dark-overlay));--shadow-popover-light: 0 4px 12px rgba(0, 0, 0, .15);--shadow-popover-dark: 0 4px 12px rgba(0, 0, 0, .4);--shadow-dropdown-light: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-dropdown-dark: 0 2px 8px rgba(0, 0, 0, .3);--shadow-overlay-light: 0 8px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--shadow-overlay-dark: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .05);--shadow-focus-blue: 0 0 0 3px rgba(59, 130, 246, .1);--shadow-focus-primary: 0 0 0 2px rgba(0, 122, 255, .2);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-ios-smooth: .35s;--duration-haptic-light: 50ms;--duration-haptic-medium: .1s;--duration-haptic-heavy: .15s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-ios-default: cubic-bezier(.42, 0, .58, 1);--easing-apple-magic: cubic-bezier(.23, 1, .32, 1);--easing-apple-smooth: cubic-bezier(.25, .46, .45, .94);--easing-haptic-light: cubic-bezier(.68, -.55, .265, 1.55);--easing-haptic-medium: cubic-bezier(.175, .885, .32, 1.275);--easing-haptic-heavy: cubic-bezier(.23, 1, .32, 1);--easing-spring-gentle: cubic-bezier(.25, .46, .45, .94);--easing-spring-bouncy: cubic-bezier(.68, -.55, .265, 1.55);--easing-spring-wobbly: cubic-bezier(.175, .885, .32, 1.275);--easing-spring-stiff: cubic-bezier(.55, .055, .675, .19);--easing-micro-press-down: cubic-bezier(.4, 0, 1, 1);--easing-micro-press-up: cubic-bezier(0, 0, .2, 1);--easing-micro-progressive-expand: cubic-bezier(.25, .46, .45, .94);--easing-micro-progressive-collapse: cubic-bezier(.55, .06, .68, .19);--easing-micro-scale-bounce: cubic-bezier(.175, .885, .32, 1.275);--easing-micro-hover-lift: cubic-bezier(.4, 0, .6, 1);--easing-micro-focus-ring: cubic-bezier(.25, .8, .25, 1);--duration-ios-quick: .2s;--duration-ios-standard: .3s;--duration-ios-modal: .5s;--duration-micro-instant: .1s;--duration-micro-quick: .15s;--duration-micro-smooth: .2s;--duration-micro-gentle: .25s;--duration-micro-elaborate: .35s;--duration-apple-quick: .2s;--duration-apple-smooth: .4s;--duration-apple-graceful: .6s;--backdrop-glass-light: blur(20px) saturate(180%);--backdrop-glass-medium: blur(24px) saturate(190%);--backdrop-glass-heavy: blur(32px) saturate(200%);--shadow-sheet-light: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);--shadow-sheet-elevated: 0 16px 48px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .1);--shadow-sheet-focused: 0 24px 64px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12);--shadow-apple-elevated: var(--shadow-base);--shadow-focus-ring: 0 0 0 2px var(--color-primary-100);--shadow-focus-ring-dark: 0 0 0 2px rgba(59, 130, 246, .2);--shadow-focus-high-contrast: 0 0 0 3px var(--color-voiceover-focus);--shadow-focus-aaa-compliant: 0 0 0 4px rgba(0, 122, 255, .6);--shadow-focus-keyboard-only: 0 0 0 2px #000000, 0 0 0 4px #ffffff;--shadow-voiceover-cursor: 0 0 0 4px var(--color-voiceover-focus), 0 0 8px rgba(0, 122, 255, .3);--shadow-focus-reduced-motion: 0 0 0 3px var(--color-voiceover-focus);--shadow-glow-success: 0 0 var(--spacing-1) var(--color-success-500);--shadow-glow-error: 0 0 var(--spacing-1) var(--color-error-500);--shadow-sidebar-light: 0 .5px 1px rgba(0, 0, 0, .08);--shadow-sidebar-dark: 0 .5px 1px rgba(0, 0, 0, .15);--color-ios-system-gray4-alpha: rgba(60, 60, 67, .08);--color-ios-system-gray5-alpha: rgba(84, 84, 88, .6);--color-ios-text-primary-light: rgba(0, 0, 0, .85);--color-ios-text-primary-dark: rgba(255, 255, 255, .85);--color-ios-text-secondary-light: rgba(0, 0, 0, .5);--color-ios-text-secondary-dark: rgba(255, 255, 255, .5);--color-ios-text-tertiary-light: rgba(0, 0, 0, .45);--color-ios-text-tertiary-dark: rgba(255, 255, 255, .45);--color-ios-text-quaternary-light: rgba(0, 0, 0, .4);--color-ios-text-quaternary-dark: rgba(255, 255, 255, .4);--color-ios-text-placeholder-light: rgba(0, 0, 0, .3);--color-ios-text-placeholder-dark: rgba(255, 255, 255, .3);--color-ios-bg-primary-light: rgba(255, 255, 255, .3);--color-ios-bg-primary-dark: rgba(255, 255, 255, .02);--color-ios-bg-secondary-light: rgba(0, 0, 0, .04);--color-ios-bg-secondary-dark: rgba(255, 255, 255, .06);--color-ios-bg-tertiary-light: rgba(0, 0, 0, .06);--color-ios-bg-tertiary-dark: rgba(255, 255, 255, .08);--color-ios-bg-hover-light: rgba(59, 130, 246, .2);--color-ios-bg-hover-dark: rgba(255, 255, 255, .05);--color-ios-bg-selected-light: rgba(0, 0, 0, .08);--color-ios-bg-selected-dark: rgba(255, 255, 255, .08);--color-ios-menu-bg-light: #ffffff;--color-ios-menu-bg-dark: #1c1c1e;--color-ios-menu-option-hover-light: rgba(0, 0, 0, .08);--color-ios-menu-option-hover-dark: rgba(255, 255, 255, .12);--color-ios-menu-option-selected-light: rgba(0, 0, 0, .12);--color-ios-menu-option-selected-dark: rgba(255, 255, 255, .18);--color-ios-interactive-light: rgba(0, 0, 0, .6);--color-ios-interactive-dark: rgba(255, 255, 255, .6);--color-ios-separator-light: rgba(0, 0, 0, .25);--color-ios-separator-dark: rgba(255, 255, 255, .25);--color-ios-separator-subtle-light: rgba(0, 0, 0, .03);--color-ios-separator-subtle-dark: rgba(255, 255, 255, .03);--color-ios-error-bg-light: rgba(255, 69, 58, .06);--color-ios-error-bg-dark: rgba(255, 69, 58, .08);--color-ios-error-border-light: rgba(255, 69, 58, .5);--color-ios-error-border-dark: rgba(255, 69, 58, .5);--color-ios-error-text-light: rgba(255, 69, 58, .9);--color-ios-error-text-dark: rgba(255, 69, 58, .9);--color-ios-error-button-light: rgba(255, 69, 58, .7);--color-ios-error-button-dark: rgba(255, 69, 58, .7);--color-ios-error-button-bg-light: rgba(255, 69, 58, .1);--color-ios-error-button-bg-dark: rgba(255, 69, 58, .1);--color-ios-spinner-track-light: rgba(0, 0, 0, .08);--color-ios-spinner-track-dark: rgba(255, 255, 255, .08);--color-ios-spinner-fill-light: rgba(0, 122, 255, .8);--color-ios-spinner-fill-dark: rgba(100, 170, 255, .8);--color-ios-empty-light: rgba(0, 0, 0, .3);--color-ios-empty-dark: rgba(255, 255, 255, .3);--color-ios-scrollbar-light: rgba(0, 0, 0, .15);--color-ios-scrollbar-dark: rgba(255, 255, 255, .15);--color-ios-scrollbar-hover-light: rgba(0, 0, 0, .25);--color-ios-scrollbar-hover-dark: rgba(255, 255, 255, .25);--color-ios-tooltip-bg-light: rgba(0, 0, 0, .85);--color-ios-tooltip-bg-dark: rgba(60, 60, 67, .9);--color-ios-tooltip-text-light: rgba(255, 255, 255, .95);--color-ios-tooltip-text-dark: rgba(255, 255, 255, .95);--color-file-pdf-light: rgba(255, 59, 48, .85);--color-file-image-light: rgba(0, 122, 255, .85);--color-file-video-light: rgba(175, 82, 222, .85);--color-file-audio-light: rgba(255, 45, 85, .85);--color-file-archive-light: rgba(255, 149, 0, .85);--color-file-word-light: rgba(0, 122, 255, .85);--color-file-excel-light: rgba(52, 199, 89, .85);--color-file-powerpoint-light: rgba(255, 149, 0, .85);--color-file-code-light: rgba(88, 86, 214, .85);--color-file-text-light: rgba(142, 142, 147, .85);--color-file-executable-light: rgba(99, 99, 102, .85);--color-file-default-light: rgba(0, 0, 0, .5);--color-file-pdf-dark: rgba(255, 69, 58, .9);--color-file-image-dark: rgba(100, 170, 255, .9);--color-file-video-dark: rgba(191, 90, 242, .9);--color-file-audio-dark: rgba(255, 55, 95, .9);--color-file-archive-dark: rgba(255, 159, 10, .9);--color-file-word-dark: rgba(100, 170, 255, .9);--color-file-excel-dark: rgba(52, 199, 89, .9);--color-file-powerpoint-dark: rgba(255, 159, 10, .9);--color-file-code-dark: rgba(94, 92, 230, .9);--color-file-text-dark: rgba(174, 174, 178, .9);--color-file-executable-dark: rgba(142, 142, 147, .9);--color-file-default-dark: rgba(255, 255, 255, .5);--color-file-pdf-hover-light: rgba(255, 59, 48, 1);--color-file-image-hover-light: rgba(0, 122, 255, 1);--color-file-video-hover-light: rgba(175, 82, 222, 1);--color-file-audio-hover-light: rgba(255, 45, 85, 1);--color-file-archive-hover-light: rgba(255, 149, 0, 1);--color-file-word-hover-light: rgba(0, 122, 255, 1);--color-file-excel-hover-light: rgba(52, 199, 89, 1);--color-file-powerpoint-hover-light: rgba(255, 149, 0, 1);--color-file-code-hover-light: rgba(88, 86, 214, 1);--color-file-text-hover-light: rgba(142, 142, 147, 1);--color-file-executable-hover-light: rgba(99, 99, 102, 1);--color-file-default-hover-light: rgba(0, 0, 0, .7);--color-file-pdf-hover-dark: rgba(255, 69, 58, 1);--color-file-image-hover-dark: rgba(100, 170, 255, 1);--color-file-video-hover-dark: rgba(191, 90, 242, 1);--color-file-audio-hover-dark: rgba(255, 55, 95, 1);--color-file-archive-hover-dark: rgba(255, 159, 10, 1);--color-file-word-hover-dark: rgba(100, 170, 255, 1);--color-file-excel-hover-dark: rgba(52, 199, 89, 1);--color-file-powerpoint-hover-dark: rgba(255, 159, 10, 1);--color-file-code-hover-dark: rgba(94, 92, 230, 1);--color-file-text-hover-dark: rgba(174, 174, 178, 1);--color-file-executable-hover-dark: rgba(142, 142, 147, 1);--color-file-default-hover-dark: rgba(255, 255, 255, .7);--color-badge-success-bg-light: rgba(52, 199, 89, .08);--color-badge-success-bg-dark: rgba(52, 199, 89, .12);--color-badge-success-text-light: rgba(52, 199, 89, .9);--color-badge-success-text-dark: rgba(52, 199, 89, 1);--color-ios-focus-light: rgba(0, 122, 255, .8);--color-ios-focus-dark: rgba(100, 170, 255, .8);--z-index-behind: -1;--z-index-base: 0;--z-index-content: 1;--z-index-sidebar: 2;--z-index-elevated: 10;--z-index-header: 100;--z-index-overlay: 500;--z-index-modal: 800;--z-index-tooltip: 1000;--z-index-notification: 1200;--scrollbar-width: 4px;--scrollbar-width-hover: 6px;--scrollbar-border-radius: 2px;--color-status-success: var(--color-success);--color-status-warning: var(--color-warning);--color-status-error: var(--color-error);--color-input-bg: var(--color-neutral-0);--color-input-text: var(--color-neutral-900);--color-input-placeholder: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-portal-modal: 9999;--scale-haptic-light: .98;--scale-haptic-medium: .95;--scale-haptic-heavy: .92;--scale-haptic-rebound: 1.02;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--container-max-width: 1200px;--container-padding: var(--spacing-4);--grid-columns: 12;--grid-gap: var(--spacing-6);--header-height-base: 3.75rem;--header-height-extended: 4.5rem;--leftpane-width-collapsed: 3.75rem;--leftpane-width-expanded: 15.625rem;--layout-nav-width: 17.5rem;--layout-aside-width: 18.75rem;--layout-gap: var(--spacing-4);--layout-header-height: var(--header-height-base);--mainpane-height: calc(100vh - var(--header-height-base));--pagination-height: 2.5rem;--centerpane-height-with-pagination: calc(100vh - var(--header-height-base) - var(--pagination-height) - var(--spacing-4));--centerpane-height-no-pagination: calc(100vh - var(--header-height-base) - var(--spacing-4));--brb-width: .125rem;--brb-width-expanded: .25rem;--rightpane-container-offset: .25rem;--skip-nav-offset: -2.5rem;--skip-nav-visible-offset: 0;--sr-only-size: .0625rem;--color-layout-main-light: #f0f0f5;--color-layout-main-dark: #1c1c1e;--color-layout-content-light: #ffffff;--color-layout-content-dark: #2c2c2e;--color-layout-secondary-light: #f2f2f7;--color-layout-secondary-dark: #2c2c2e;--color-layout-accent-light: #f2f2f7;--color-layout-accent-dark: #2c2c2e;--color-layout-leftpane-light: #e8e8ed;--color-layout-leftpane-dark: #1c1c1e;--color-layout-header-light: #ffffff;--color-layout-header-dark: #1c1c1e;--color-layout-brb-light: #d1d1d6;--color-layout-brb-dark: #3a3a3c;--color-layout-brb-hover-light: #c7c7cc;--color-layout-brb-hover-dark: #48484a;--color-layout-brb-icon-light: #aeaeb2;--color-layout-brb-icon-dark: #636366;--color-layout-rightpane-light: #ffffff;--color-layout-rightpane-dark: #1c1c1e;--color-ios-system-blue: rgba(0, 122, 255, .8);--color-ios-system-blue-subtle: rgba(0, 122, 255, .02);--color-ios-system-blue-subtle-dark: rgba(0, 122, 255, .04);--color-icon-orange: #f97316;--color-icon-cyan: #06b6d4;--color-theme-switch-bg-light: #9ca3af;--color-theme-switch-bg-dark: #3b82f6;--color-theme-switch-handle: #ffffff;--color-icon-blue: #007aff;--color-icon-green: #34c759;--color-icon-orange: #ff9500;--color-icon-purple: #af52de;--color-icon-red: #ff3b30;--color-icon-yellow: #ffcc00;--color-icon-doc-register: #ff9500;--color-icon-doc-library: #af52de;--color-icon-doc-search: #007aff;--color-icon-doc-status: #ff3b30;--color-ios-blue: #007aff;--color-ios-blue-light: #007aff;--color-ios-green: #34c759;--color-ios-green-light: #30d158;--color-ios-orange: #ff9500;--color-ios-pink: #ff2d55;--color-ios-purple: #af52de;--color-ios-teal: #5ac8fa;--color-ios-indigo: #5856d6;--color-ios-yellow: #ffcc00;--color-ios-red-alpha-15: rgba(255, 59, 48, .15);--color-ios-red-alpha-10: rgba(255, 59, 48, .1);--color-ios-green-alpha-10: rgba(52, 199, 89, .1);--color-ios-orange-alpha-15: rgba(255, 149, 0, .15);--color-ios-orange-alpha-10: rgba(255, 149, 0, .1);--color-ios-blue-alpha-15: rgba(0, 122, 255, .15);--color-ios-purple-alpha-15: rgba(175, 82, 222, .15);--color-ios-purple-alpha-05: rgba(175, 82, 222, .05);--color-folder-yellow: #F7C94B;--color-ios-blue-dark: #0a84ff;--color-ios-green-dark: #30d158;--color-ios-orange-dark: #ff9f0a;--color-ios-pink-dark: #ff375f;--color-ios-purple-dark: #bf5af2;--color-ios-teal-dark: #64d2ff;--color-ios-indigo-dark: #5e5ce6;--color-ios-yellow-dark: #ffd60a;--color-badge-ar: #8b5cf6;--color-badge-ar-dark: #7c3aed;--color-badge-ar-glow: rgba(139, 92, 246, .5);--color-badge-ar-bg: rgba(139, 92, 246, .15);--color-badge-ar-bg-dark: rgba(139, 92, 246, .25);--color-badge-crs: #0d9488;--color-badge-crs-dark: #0f766e;--color-badge-crs-glow: rgba(13, 148, 136, .5);--color-badge-crs-bg: rgba(13, 148, 136, .15);--color-badge-crs-bg-dark: rgba(13, 148, 136, .25);--color-badge-ocr-excellent: #22c55e;--color-badge-ocr-excellent-dark: #16a34a;--color-badge-ocr-excellent-glow: rgba(34, 197, 94, .5);--color-badge-ocr-excellent-glow-dark: rgba(34, 197, 94, .6);--color-badge-ocr-medium: #eab308;--color-badge-ocr-medium-dark: #ca8a04;--color-badge-ocr-medium-glow: rgba(234, 179, 8, .5);--color-badge-ocr-medium-glow-dark: rgba(234, 179, 8, .6);--color-badge-ocr-low: #f97316;--color-badge-ocr-low-dark: #ea580c;--color-badge-ocr-low-glow: rgba(249, 115, 22, .5);--color-badge-ocr-low-glow-dark: rgba(249, 115, 22, .6);--color-badge-ocr-very-low: #ef4444;--color-badge-ocr-very-low-dark: #dc2626;--color-badge-ocr-very-low-glow: rgba(239, 68, 68, .5);--color-badge-ocr-very-low-glow-dark: rgba(239, 68, 68, .6);--color-badge-txt: rgba(59, 130, 246, .85);--color-badge-txt-dark: rgba(37, 99, 235, .85);--color-badge-txt-glow: rgba(59, 130, 246, .5);--color-badge-txt-glow-dark: rgba(59, 130, 246, .6);--color-badge-bin: #9ca3af;--color-badge-bin-dark: #6b7280;--color-badge-bin-glow: rgba(156, 163, 175, .4);--color-badge-text: #ffffff;--color-badge-shadow: rgba(0, 0, 0, .15);--color-similarity-excellent-shadow: rgba(34, 197, 94, .4);--color-similarity-high-shadow: rgba(34, 197, 94, .3);--color-similarity-medium-shadow: rgba(250, 204, 21, .3);--color-file-pdf-light: rgba(239, 68, 68, .6);--color-file-pdf-hover-light: rgba(239, 68, 68, 1);--color-file-pdf-dark: rgba(248, 113, 113, .6);--color-file-pdf-hover-dark: rgba(248, 113, 113, 1);--color-file-image-light: rgba(59, 130, 246, .6);--color-file-image-hover-light: rgba(59, 130, 246, 1);--color-file-image-dark: rgba(96, 165, 250, .6);--color-file-image-hover-dark: rgba(96, 165, 250, 1);--color-file-video-light: rgba(147, 51, 234, .6);--color-file-video-hover-light: rgba(147, 51, 234, 1);--color-file-video-dark: rgba(168, 85, 247, .6);--color-file-video-hover-dark: rgba(168, 85, 247, 1);--color-file-audio-light: rgba(236, 72, 153, .6);--color-file-audio-hover-light: rgba(236, 72, 153, 1);--color-file-audio-dark: rgba(244, 114, 182, .6);--color-file-audio-hover-dark: rgba(244, 114, 182, 1);--color-file-archive-light: rgba(249, 115, 22, .6);--color-file-archive-hover-light: rgba(249, 115, 22, 1);--color-file-archive-dark: rgba(251, 146, 60, .6);--color-file-archive-hover-dark: rgba(251, 146, 60, 1);--color-file-word-light: rgba(37, 99, 235, .6);--color-file-word-hover-light: rgba(37, 99, 235, 1);--color-file-word-dark: rgba(59, 130, 246, .6);--color-file-word-hover-dark: rgba(59, 130, 246, 1);--color-file-excel-light: rgba(34, 197, 94, .6);--color-file-excel-hover-light: rgba(34, 197, 94, 1);--color-file-excel-dark: rgba(74, 222, 128, .6);--color-file-excel-hover-dark: rgba(74, 222, 128, 1);--color-file-powerpoint-light: rgba(234, 88, 12, .6);--color-file-powerpoint-hover-light: rgba(234, 88, 12, 1);--color-file-powerpoint-dark: rgba(251, 146, 60, .6);--color-file-powerpoint-hover-dark: rgba(251, 146, 60, 1);--color-file-code-light: rgba(99, 102, 241, .6);--color-file-code-hover-light: rgba(99, 102, 241, 1);--color-file-code-dark: rgba(129, 140, 248, .6);--color-file-code-hover-dark: rgba(129, 140, 248, 1);--color-file-text-light: rgba(107, 114, 128, .6);--color-file-text-hover-light: rgba(107, 114, 128, 1);--color-file-text-dark: rgba(156, 163, 175, .6);--color-file-text-hover-dark: rgba(156, 163, 175, 1);--color-file-executable-light: rgba(75, 85, 99, .6);--color-file-executable-hover-light: rgba(75, 85, 99, 1);--color-file-executable-dark: rgba(107, 114, 128, .6);--color-file-executable-hover-dark: rgba(107, 114, 128, 1);--color-file-default-light: rgba(107, 114, 128, .4);--color-file-default-hover-light: rgba(107, 114, 128, .8);--color-file-default-dark: rgba(156, 163, 175, .4);--color-file-default-hover-dark: rgba(156, 163, 175, .8);--color-upload-completed-bg-light: rgba(52, 199, 89, .04);--color-upload-completed-bg-dark: rgba(52, 199, 89, .08);--color-upload-completed-border-light: rgba(52, 199, 89, .6);--color-upload-completed-border-dark: rgba(52, 199, 89, .7);--color-upload-completed-icon-light: rgba(52, 199, 89, .7);--color-upload-completed-icon-hover-light: rgba(52, 199, 89, .9);--color-upload-completed-icon-dark: rgba(52, 199, 89, .8);--color-upload-completed-icon-hover-dark: rgba(52, 199, 89, 1);--color-upload-completed-text-light: rgba(52, 199, 89, .8);--color-upload-completed-text-dark: rgba(52, 199, 89, .9);--color-upload-completed-overlay-light: rgba(52, 199, 89, .02);--color-upload-completed-overlay-dark: rgba(52, 199, 89, .04);--color-upload-progress-bg-light: rgba(0, 0, 0, .04);--color-upload-progress-bg-dark: rgba(255, 255, 255, .04);--color-upload-progress-fill-light: rgba(52, 199, 89, .6);--color-upload-progress-fill-dark: rgba(52, 199, 89, .7);--color-skeleton-shimmer-light-start: rgba(255, 255, 255, 0);--color-skeleton-shimmer-light-20: rgba(255, 255, 255, .2);--color-skeleton-shimmer-light-center: rgba(255, 255, 255, .4);--color-skeleton-shimmer-light-80: rgba(255, 255, 255, .2);--color-skeleton-shimmer-light-end: rgba(255, 255, 255, 0);--color-skeleton-shimmer-dark-start: rgba(255, 255, 255, 0);--color-skeleton-shimmer-dark-20: rgba(255, 255, 255, .1);--color-skeleton-shimmer-dark-center: rgba(255, 255, 255, .2);--color-skeleton-shimmer-dark-80: rgba(255, 255, 255, .1);--color-skeleton-shimmer-dark-end: rgba(255, 255, 255, 0);--color-menu-selected-bg-light: rgba(59, 130, 246, .1);--color-menu-selected-bg-dark: rgba(59, 130, 246, .15);--color-menu-shadow-light: rgba(0, 0, 0, .15);--color-menu-shadow-dark: rgba(0, 0, 0, .25);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-content-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-text-primary: var(--color-neutral-900);--color-border-primary: #d4d6dc;--color-layout-hamburger-bg-light: transparent;--color-layout-hamburger-bg-dark: transparent;--color-layout-hamburger-hover-light: #d1d1d6;--color-layout-hamburger-hover-dark: #3a3a3c;--color-layout-hamburger-active-light: #c7c7cc;--color-layout-hamburger-active-dark: #48484a;--color-layout-hamburger-icon-light: #636366;--color-layout-hamburger-icon-dark: #aeaeb2;--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-light);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-light);--color-layout-hamburger-active: var(--color-layout-hamburger-active-light);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-light);--color-skeleton-shimmer-start: var(--color-skeleton-shimmer-light-start);--color-skeleton-shimmer-20: var(--color-skeleton-shimmer-light-20);--color-skeleton-shimmer-center: var(--color-skeleton-shimmer-light-center);--color-skeleton-shimmer-80: var(--color-skeleton-shimmer-light-80);--color-skeleton-shimmer-end: var(--color-skeleton-shimmer-light-end);--color-menu-selected-bg: var(--color-menu-selected-bg-light);--color-menu-shadow: var(--color-menu-shadow-light);--color-chat-accent: #8b5cf6;--color-chat-accent-light: #a78bfa;--color-chat-accent-alpha-05: rgba(139, 92, 246, .05);--color-chat-accent-alpha-08: rgba(139, 92, 246, .08);--color-chat-accent-alpha-10: rgba(139, 92, 246, .1);--color-chat-accent-alpha-12: rgba(139, 92, 246, .12);--color-chat-accent-alpha-15: rgba(139, 92, 246, .15);--color-chat-accent-alpha-20: rgba(139, 92, 246, .2);--color-chat-accent-alpha-25: rgba(139, 92, 246, .25);--color-chat-accent-alpha-30: rgba(139, 92, 246, .3);--color-chat-accent-alpha-40: rgba(139, 92, 246, .4);--color-chat-accent-alpha-50: rgba(139, 92, 246, .5);--color-chat-accent-alpha-80: rgba(139, 92, 246, .8);--color-chat-accent-alpha-18: rgba(139, 92, 246, .18);--color-chat-accent-alpha-35: rgba(139, 92, 246, .35);--color-chat-accent-alpha-60: rgba(139, 92, 246, .6);--color-chat-cyan-alpha-10: rgba(6, 182, 212, .1);--color-chat-cyan-alpha-12: rgba(6, 182, 212, .12);--color-chat-cyan-alpha-15: rgba(6, 182, 212, .15);--color-chat-cyan-alpha-20: rgba(6, 182, 212, .2);--color-ios-orange-light: #ff9500;--color-ios-red-light: #ff3b30;--color-ios-red-dark: #ff453a;--color-ios-gray-light: #8e8e93;--color-ios-gray-dark: #636366;--color-error-400: #f87171;--touch-target-min: 44px;--responsive-table-min-width: 600px}[data-theme=dark]{--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-content-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-text-primary: var(--color-neutral-50);--color-border-primary: var(--color-neutral-700);--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-dark);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-dark);--color-layout-hamburger-active: var(--color-layout-hamburger-active-dark);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-dark);--color-skeleton-shimmer-start: var(--color-skeleton-shimmer-dark-start);--color-skeleton-shimmer-20: var(--color-skeleton-shimmer-dark-20);--color-skeleton-shimmer-center: var(--color-skeleton-shimmer-dark-center);--color-skeleton-shimmer-80: var(--color-skeleton-shimmer-dark-80);--color-skeleton-shimmer-end: var(--color-skeleton-shimmer-dark-end);--color-menu-selected-bg: var(--color-menu-selected-bg-dark);--color-menu-shadow: var(--color-menu-shadow-dark)}@media(prefers-color-scheme:dark){[data-theme=system]{--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-content-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-text-primary: var(--color-neutral-50);--color-border-primary: var(--color-neutral-700);--color-layout-hamburger-bg: var(--color-layout-hamburger-bg-dark);--color-layout-hamburger-hover: var(--color-layout-hamburger-hover-dark);--color-layout-hamburger-active: var(--color-layout-hamburger-active-dark);--color-layout-hamburger-icon: var(--color-layout-hamburger-icon-dark)}}@media(prefers-reduced-motion:no-preference){:root{--font-scale-factor: 1}}@media(prefers-contrast:more){:root{--font-scale-factor: 1.1;--font-weight-adjustment: 100}}:root{--font-size-caption-2-dynamic: calc(var(--font-size-caption-2) * var(--font-scale-factor, 1));--font-size-caption-1-dynamic: calc(var(--font-size-caption-1) * var(--font-scale-factor, 1));--font-size-footnote-dynamic: calc(var(--font-size-footnote) * var(--font-scale-factor, 1));--font-size-subheadline-dynamic: calc(var(--font-size-subheadline) * var(--font-scale-factor, 1))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(var(--spacing-4))}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-ios-standard) var(--easing-ios-default)}.animate-slide-in-up{animation:slideInUp var(--duration-ios-standard) var(--easing-ios-default)}.animate-slide-in-down{animation:slideInDown var(--duration-ios-standard) var(--easing-ios-default)}.animate-scale-in{animation:scaleIn var(--duration-ios-modal) var(--easing-apple-magic)}.focus-visible-ring{outline:2px solid transparent;outline-offset:2px}.focus-visible-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary-100)}.focus-high-contrast:focus-visible{outline:3px solid var(--color-voiceover-focus);outline-offset:2px;box-shadow:var(--shadow-focus-high-contrast)}.focus-voiceover:focus-visible{outline:4px solid var(--color-voiceover-focus);outline-offset:1px;box-shadow:var(--shadow-voiceover-cursor)}.focus-keyboard-only:focus-visible{box-shadow:var(--shadow-focus-keyboard-only)}@media(prefers-reduced-motion:reduce){.focus-reduced-motion:focus-visible{box-shadow:var(--shadow-focus-reduced-motion);transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-bg-high-contrast);color:var(--color-text-high-contrast);padding:8px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:600}.skip-link:focus{top:6px}.voiceover-selection{background-color:var(--color-voiceover-selection);border:2px solid var(--color-voiceover-focus);border-radius:4px}.voice-control-target{position:relative}.voice-control-target:after{content:attr(data-voice-label);position:absolute;top:-20px;left:0;font-size:var(--font-size-caption-1);color:transparent;pointer-events:none}.switch-control-group{border:2px dashed transparent;border-radius:4px;padding:4px}.switch-control-group:focus-within{border-color:var(--color-voiceover-focus);background-color:var(--color-voiceover-selection)}:root{--dynamic-type-multiplier: 1;--dynamic-type-ax1: 1.4;--dynamic-type-ax2: 1.6;--dynamic-type-ax3: 1.8;--dynamic-type-ax4: 2;--dynamic-type-ax5: 2.2;--dynamic-type-xs: .8;--dynamic-type-s: .9;--dynamic-type-m: 1;--dynamic-type-l: 1.1;--dynamic-type-xl: 1.2;--dynamic-type-xxl: 1.3;--font-size-dynamic-xs: calc(var(--font-size-xs) * var(--dynamic-type-multiplier));--font-size-dynamic-sm: calc(var(--font-size-sm) * var(--dynamic-type-multiplier));--font-size-dynamic-base: calc(var(--font-size-base) * var(--dynamic-type-multiplier));--font-size-dynamic-lg: calc(var(--font-size-lg) * var(--dynamic-type-multiplier));--font-size-dynamic-xl: calc(var(--font-size-xl) * var(--dynamic-type-multiplier));--font-size-dynamic-2xl: calc(var(--font-size-2xl) * var(--dynamic-type-multiplier));--font-size-dynamic-3xl: calc(var(--font-size-3xl) * var(--dynamic-type-multiplier));--color-button-primary-bg-light: #007aff;--color-button-primary-bg-dark: #0a84ff;--color-button-primary-hover-light: #0051d5;--color-button-primary-hover-dark: #409cff;--color-button-secondary-bg-light: #ff9500;--color-button-secondary-bg-dark: #ff9f0a;--color-button-secondary-hover-light: #ff8c00;--color-button-secondary-hover-dark: #ffb340;--color-button-ghost-bg-light: #e8e9eb;--color-button-ghost-bg-dark: rgba(255, 255, 255, .15);--color-button-ghost-hover-light: #d1d5db;--color-button-ghost-hover-dark: rgba(255, 255, 255, .1);--color-button-ghost-text-light: #6b7280;--color-button-ghost-text-dark: #9ca3af;--color-button-destructive-bg-light: #ff3b30;--color-button-destructive-bg-dark: #ff453a;--color-button-destructive-hover-light: #ff1507;--color-button-destructive-hover-dark: #ff6961}.text-dynamic-xs{font-size:var(--font-size-dynamic-xs)}.text-dynamic-sm{font-size:var(--font-size-dynamic-sm)}.text-dynamic-base{font-size:var(--font-size-dynamic-base)}.text-dynamic-lg{font-size:var(--font-size-dynamic-lg)}.text-dynamic-xl{font-size:var(--font-size-dynamic-xl)}.text-dynamic-2xl{font-size:var(--font-size-dynamic-2xl)}.text-dynamic-3xl{font-size:var(--font-size-dynamic-3xl)}.ios-gesture-enabled{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.haptic-enabled{cursor:pointer;transition:transform var(--duration-fast) var(--easing-ease-out)}.haptic-enabled:active{transform:scale(.98)}[data-theme=dark]{--color-button-primary-bg: var(--color-button-primary-bg-dark);--color-button-primary-hover: var(--color-button-primary-hover-dark);--color-button-secondary-bg: var(--color-button-secondary-bg-dark);--color-button-secondary-hover: var(--color-button-secondary-hover-dark);--color-button-ghost-bg: var(--color-button-ghost-bg-dark);--color-button-ghost-hover: var(--color-button-ghost-hover-dark);--color-button-ghost-text: var(--color-button-ghost-text-dark);--color-button-destructive-bg: var(--color-button-destructive-bg-dark);--color-button-destructive-hover: var(--color-button-destructive-hover-dark)}:root{--color-section-bg-light: #ffffff;--color-section-border-light: rgba(0, 0, 0, .1);--color-section-header-bg-light: rgba(0, 0, 0, .03);--color-section-header-border-light: rgba(0, 0, 0, .1);--color-section-bg-dark: #2c2c2e;--color-section-border-dark: rgba(255, 255, 255, .1);--color-section-header-bg-dark: rgba(255, 255, 255, .05);--color-section-header-border-dark: rgba(255, 255, 255, .1);--color-section-item-bg-light: rgba(0, 0, 0, .03);--color-section-item-bg-hover-light: rgba(0, 0, 0, .06);--color-section-item-bg-dark: rgba(255, 255, 255, .06);--color-section-item-bg-hover-dark: rgba(255, 255, 255, .1);--color-badge-bg-light: rgba(0, 0, 0, .08);--color-badge-bg-dark: rgba(255, 255, 255, .1);--color-section-scrollbar-light: rgba(0, 0, 0, .2);--color-section-scrollbar-hover-light: rgba(0, 0, 0, .3);--color-section-scrollbar-dark: rgba(255, 255, 255, .2);--color-section-scrollbar-hover-dark: rgba(255, 255, 255, .3);--color-section-details-bg-light: rgba(0, 0, 0, .05);--color-section-details-bg-dark: rgba(255, 255, 255, .05);--color-success-overlay-bg-light: rgba(52, 199, 89, .04);--color-success-overlay-border-light: rgba(52, 199, 89, .1);--color-success-overlay-icon-light: rgba(52, 199, 89, .8);--color-success-overlay-text-light: rgba(52, 199, 89, .9);--color-success-overlay-button-light: rgba(52, 199, 89, .6);--color-success-overlay-button-bg-light: rgba(52, 199, 89, .1);--color-success-overlay-button-hover-light: rgba(52, 199, 89, .9);--color-success-overlay-bg-dark: rgba(52, 199, 89, .06);--color-success-overlay-border-dark: rgba(52, 199, 89, .15);--color-success-overlay-icon-dark: rgba(52, 199, 89, .9);--color-success-overlay-text-dark: rgba(52, 199, 89, .95);--color-button-hover-bg-light: rgba(0, 0, 0, .08);--color-button-hover-bg-dark: rgba(255, 255, 255, .1);--color-upload-zone-bg-light: rgba(0, 122, 255, .03);--color-upload-zone-bg-hover-light: rgba(0, 122, 255, .08);--color-upload-zone-bg-dragging-light: rgba(0, 122, 255, .12);--color-upload-zone-border-light: rgba(0, 122, 255, .2);--color-upload-zone-border-hover-light: rgba(0, 122, 255, .4);--color-upload-zone-border-dragging-light: rgba(0, 122, 255, .6);--color-upload-zone-icon-light: rgba(0, 122, 255, .8);--color-upload-zone-icon-hover-light: rgba(0, 122, 255, 1);--color-upload-zone-focus-light: rgba(0, 122, 255, .2);--color-upload-zone-bg-dark: rgba(0, 122, 255, .05);--color-upload-zone-bg-hover-dark: rgba(0, 122, 255, .1);--color-upload-zone-bg-dragging-dark: rgba(0, 122, 255, .15);--color-upload-zone-border-dark: rgba(0, 122, 255, .3);--color-upload-zone-border-hover-dark: rgba(0, 122, 255, .5);--color-upload-zone-border-dragging-dark: rgba(0, 122, 255, .7);--color-upload-zone-icon-dark: rgba(0, 122, 255, .9);--color-upload-zone-icon-hover-dark: rgba(0, 122, 255, 1);--color-section-bg: var(--color-section-bg-light);--color-section-border: var(--color-section-border-light);--color-section-header-bg: var(--color-section-header-bg-light);--color-section-header-border: var(--color-section-header-border-light);--color-section-item-bg: var(--color-section-item-bg-light);--color-section-item-bg-hover: var(--color-section-item-bg-hover-light);--color-badge-bg: var(--color-badge-bg-light);--color-section-scrollbar: var(--color-section-scrollbar-light);--color-section-scrollbar-hover: var(--color-section-scrollbar-hover-light);--color-section-details-bg: var(--color-section-details-bg-light);--color-success-overlay-bg: var(--color-success-overlay-bg-light);--color-success-overlay-border: var(--color-success-overlay-border-light);--color-success-overlay-icon: var(--color-success-overlay-icon-light);--color-success-overlay-text: var(--color-success-overlay-text-light);--color-success-overlay-button: var(--color-success-overlay-button-light);--color-success-overlay-button-bg: var(--color-success-overlay-button-bg-light);--color-success-overlay-button-hover: var(--color-success-overlay-button-hover-light);--color-button-hover-bg: var(--color-button-hover-bg-light);--color-upload-zone-bg: var(--color-upload-zone-bg-light);--color-upload-zone-bg-hover: var(--color-upload-zone-bg-hover-light);--color-upload-zone-bg-dragging: var(--color-upload-zone-bg-dragging-light);--color-upload-zone-border: var(--color-upload-zone-border-light);--color-upload-zone-border-hover: var(--color-upload-zone-border-hover-light);--color-upload-zone-border-dragging: var(--color-upload-zone-border-dragging-light);--color-upload-zone-icon: var(--color-upload-zone-icon-light);--color-upload-zone-icon-hover: var(--color-upload-zone-icon-hover-light);--color-upload-zone-focus: var(--color-upload-zone-focus-light)}[data-theme=dark]{--color-section-bg: var(--color-section-bg-dark);--color-section-border: var(--color-section-border-dark);--color-section-header-bg: var(--color-section-header-bg-dark);--color-section-header-border: var(--color-section-header-border-dark);--color-section-item-bg: var(--color-section-item-bg-dark);--color-section-item-bg-hover: var(--color-section-item-bg-hover-dark);--color-badge-bg: var(--color-badge-bg-dark);--color-section-scrollbar: var(--color-section-scrollbar-dark);--color-section-scrollbar-hover: var(--color-section-scrollbar-hover-dark);--color-section-details-bg: var(--color-section-details-bg-dark);--color-success-overlay-bg: var(--color-success-overlay-bg-dark);--color-success-overlay-border: var(--color-success-overlay-border-dark);--color-success-overlay-icon: var(--color-success-overlay-icon-dark);--color-success-overlay-text: var(--color-success-overlay-text-dark);--color-button-hover-bg: var(--color-button-hover-bg-dark);--color-upload-zone-bg: var(--color-upload-zone-bg-dark);--color-upload-zone-bg-hover: var(--color-upload-zone-bg-hover-dark);--color-upload-zone-bg-dragging: var(--color-upload-zone-bg-dragging-dark);--color-upload-zone-border: var(--color-upload-zone-border-dark);--color-upload-zone-border-hover: var(--color-upload-zone-border-hover-dark);--color-upload-zone-border-dragging: var(--color-upload-zone-border-dragging-dark);--color-upload-zone-icon: var(--color-upload-zone-icon-dark);--color-upload-zone-icon-hover: var(--color-upload-zone-icon-hover-dark)}@media(max-width:480px){:root{--layout-header-height: 48px;--spacing-touch-min: 44px}}}@layer theme{:root,[data-theme=light]{--color-modal-bg: var(--color-neutral-0);--color-modal-border: rgba(0, 0, 0, .1);--shadow-modal: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--radius-modal: var(--radius-2xl);--color-modal-backdrop: rgba(0, 0, 0, .5);--z-index-modal: 1000;--color-modal-header-border: var(--color-ios-separator-light);--color-modal-footer-border: var(--color-ios-separator-light);--close-button-color: var(--color-neutral-700);--close-button-opacity: .85;--close-button-opacity-hover: 1;--close-button-scale-hover: 1.1;--close-button-scale-active: .95;--close-button-transition: all .2s ease}[data-theme=dark]{--color-modal-bg: var(--color-ios-menu-bg-dark);--color-modal-border: rgba(255, 255, 255, .15);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .15), 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--radius-modal: var(--radius-2xl);--color-modal-backdrop: rgba(0, 0, 0, .7);--z-index-modal: 1000;--color-modal-header-border: var(--color-ios-separator-dark);--color-modal-footer-border: var(--color-ios-separator-dark);--close-button-color: var(--color-neutral-300);--close-button-color-dark: var(--color-neutral-300)}}@layer theme{:root,[data-theme=light]{--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-bg-card: var(--color-neutral-75);--color-bg-tertiary: var(--color-neutral-100);--color-bg-hover: rgba(59, 130, 246, .2);--color-bg-active: rgba(59, 130, 246, .28);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-border-primary: #d4d6dc;--color-border-secondary: #c1c4cc;--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-disabled: var(--color-neutral-200);--color-button-primary-bg: var(--color-primary-600);--color-button-primary-bg-hover: var(--color-primary-700);--color-button-primary-bg-active: var(--color-primary-800);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-0);--color-button-secondary-bg-hover: var(--color-neutral-50);--color-button-secondary-bg-active: var(--color-neutral-100);--color-button-secondary-text: var(--color-neutral-700);--color-button-secondary-border: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-100);--color-button-ghost-bg-active: var(--color-neutral-200);--color-button-ghost-text: var(--color-neutral-700);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-700);--color-button-destructive-text: var(--color-neutral-0);--color-button-dev-bg: rgba(255, 149, 0, .15);--color-button-dev-bg-hover: rgba(255, 149, 0, .25);--color-button-dev-border: rgba(255, 149, 0, .3);--color-button-dev-text: #ff9500;--color-button-dev-shadow: rgba(255, 149, 0, .2);--color-input-bg: var(--color-neutral-0);--color-input-bg-disabled: var(--color-neutral-50);--color-input-border: var(--color-neutral-300);--color-input-border-focus: var(--color-primary-500);--color-input-border-error: var(--color-error-500);--color-input-text: var(--color-neutral-900);--color-input-text-disabled: var(--color-neutral-400);--color-input-placeholder: var(--color-neutral-400);--color-status-success: var(--color-success-600);--color-status-success-bg: var(--color-success-50);--color-status-warning: var(--color-warning-600);--color-status-warning-bg: var(--color-warning-50);--color-status-error: var(--color-error-600);--color-status-error-bg: var(--color-error-50);--color-status-info: var(--color-info-600);--color-status-info-bg: var(--color-info-50);--color-selection-bg: var(--color-selection-bg-light);--color-selection-bg-hover: var(--color-selection-bg-light-hover);--color-product-original-selected: var(--color-product-original-selected-light);--color-product-modified-selected: var(--color-product-modified-selected-light);--color-product-unmatched-selected: var(--color-product-unmatched-selected-light);--color-effect-vite-glow: #646cffaa;--color-effect-react-glow: #61dafbaa;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-light);--color-folder: var(--color-folder-light);--color-folder-open: var(--color-folder-light-open);--color-selection-border: var(--color-selection-border-light);--color-selection-text: var(--color-selection-text-light);--color-sort-indicator-active: var(--color-error-600);--color-hamburger-button-bg: var(--color-hamburger-button-bg-light);--color-overlay-modal: rgba(0, 0, 0, .5);--color-overlay-backdrop: rgba(255, 255, 255, .1);--color-modal-text-primary: var(--color-text-primary);--color-modal-text-secondary: var(--color-text-secondary);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-accent-light);--color-layout-brb-bg: var(--color-layout-brb-light);--color-layout-brb-hover: var(--color-layout-brb-hover-light);--color-layout-brb-icon: var(--color-layout-brb-icon-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-header-glass-bg: rgba(255, 255, 255, .7);--color-scrollbar-thumb: var(--color-ios-scrollbar-light);--color-scrollbar-thumb-hover: var(--color-ios-scrollbar-hover-light);--color-text-placeholder: var(--color-ios-text-placeholder-light);--color-gap-button-active: var(--color-error-500);--color-gap-button-inactive: var(--color-neutral-700);--color-gap-button-reset: var(--color-success-500);--color-header-bg-subtle: rgba(250, 250, 250, .92);--color-header-bg-expanded: rgba(255, 255, 255, .98);--color-header-border-subtle: rgba(0, 0, 0, .12);--color-header-border-expanded: rgba(229, 229, 234, .9);--shadow-header: 0 .5px 0 rgba(0, 0, 0, .1);--shadow-header-expanded: 0 .5px 0 rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--color-header-inner-glow: transparent;--header-gradient-overlay: none;--color-header-title: rgba(26, 26, 26, .6);--color-header-hint-subtle: rgba(0, 0, 0, .08);--color-tooltip-bg: rgba(255, 255, 255, .95);--color-tooltip-text: rgba(26, 26, 26, .8);--color-tooltip-border: rgba(0, 0, 0, .1);--tooltip-backdrop-blur: blur(20px);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .1);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-md));--shadow-scroll-hint: inset -20px 0 16px -16px rgba(0, 0, 0, .06);--z-index-tooltip: 1000;--pulse-duration: 3s;--pulse-opacity-min: .3;--pulse-opacity-max: .7;--pulse-scale-min: 1;--pulse-scale-max: 1.05;--pulse-easing: ease-in-out;--color-header-control-bg: rgba(255, 255, 255, .1);--color-header-control-border: rgba(255, 255, 255, .2);--color-header-control-icon: var(--color-neutral-600);--color-header-control-hover: rgba(229, 229, 234, .4);--color-header-control-active: rgba(229, 229, 234, .6);--color-header-control-border-hover: rgba(209, 213, 219, .6);--color-header-control-border-active: rgba(209, 213, 219, .8);--color-header-control-icon-active: var(--color-primary-600);--color-header-control-disabled: rgba(243, 244, 246, .5);--color-header-control-icon-disabled: var(--color-neutral-300);--color-header-control-border-disabled: rgba(229, 229, 234, .3);--header-control-size: 32px;--color-header-indicator: rgba(156, 163, 175, .6);--color-avatar-bg: #5865f2;--color-avatar-text: #ffffff;--header-height-base: 50px;--header-height-expanded: 70px;--header-opacity-subtle: .9;--header-opacity-expanded: 1;--header-backdrop-blur: blur(20px)}[data-theme=dark]{--color-bg-primary: var(--color-neutral-900);--color-bg-secondary: var(--color-neutral-800);--color-bg-card: var(--color-neutral-900);--color-bg-tertiary: var(--color-neutral-700);--color-bg-hover: var(--color-neutral-800);--color-bg-active: var(--color-neutral-700);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-800);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-border-error: var(--color-error-400);--color-border-disabled: var(--color-neutral-700);--color-button-primary-bg: var(--color-primary-500);--color-button-primary-bg-hover: var(--color-primary-400);--color-button-primary-bg-active: var(--color-primary-300);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-800);--color-button-secondary-bg-hover: var(--color-neutral-700);--color-button-secondary-bg-active: var(--color-neutral-600);--color-button-secondary-text: var(--color-neutral-200);--color-button-secondary-border: var(--color-neutral-600);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-800);--color-button-ghost-bg-active: var(--color-neutral-700);--color-button-ghost-text: var(--color-neutral-200);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-500);--color-button-destructive-text: var(--color-neutral-0);--color-button-dev-bg: rgba(255, 149, 0, .15);--color-button-dev-bg-hover: rgba(255, 149, 0, .25);--color-button-dev-border: rgba(255, 149, 0, .3);--color-button-dev-text: #ff9500;--color-button-dev-shadow: rgba(255, 149, 0, .2);--color-input-bg: var(--color-neutral-800);--color-input-bg-disabled: var(--color-neutral-900);--color-input-border: var(--color-neutral-600);--color-input-border-focus: var(--color-primary-400);--color-input-border-error: var(--color-error-400);--color-input-text: var(--color-neutral-100);--color-input-text-disabled: var(--color-neutral-500);--color-input-placeholder: var(--color-neutral-500);--color-status-success: var(--color-success-400);--color-status-success-bg: rgba(34, 197, 94, .1);--color-status-warning: var(--color-warning-400);--color-status-warning-bg: rgba(245, 158, 11, .1);--color-status-error: var(--color-error-400);--color-status-error-bg: rgba(239, 68, 68, .1);--color-status-info: var(--color-info-400);--color-status-info-bg: rgba(59, 130, 246, .1);--color-selection-bg: var(--color-selection-bg-dark);--color-selection-bg-hover: var(--color-selection-bg-dark-hover);--color-product-original-selected: var(--color-product-original-selected-dark);--color-product-modified-selected: var(--color-product-modified-selected-dark);--color-product-unmatched-selected: var(--color-product-unmatched-selected-dark);--color-effect-vite-glow: #646cffcc;--color-effect-react-glow: #61dafbcc;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-dark);--color-folder: var(--color-folder-dark);--color-folder-open: var(--color-folder-dark-open);--color-sort-indicator-active: var(--color-error);--color-hamburger-button-bg: var(--color-hamburger-button-bg-dark);--color-overlay-modal: rgba(0, 0, 0, .7);--color-overlay-backdrop: rgba(0, 0, 0, .2);--color-modal-text-primary: rgba(255, 255, 255, .95);--color-modal-text-secondary: rgba(255, 255, 255, .8);--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-accent-dark);--color-layout-brb-bg: var(--color-layout-brb-dark);--color-layout-brb-hover: var(--color-layout-brb-hover-dark);--color-layout-brb-icon: var(--color-layout-brb-icon-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-header-glass-bg: rgba(28, 28, 30, .7);--color-scrollbar-thumb: var(--color-ios-scrollbar-dark);--color-scrollbar-thumb-hover: var(--color-ios-scrollbar-hover-dark);--color-text-placeholder: var(--color-ios-text-placeholder-dark);--color-gap-button-active: var(--color-error-400);--color-gap-button-inactive: var(--color-neutral-600);--color-gap-button-reset: var(--color-success-400);--color-header-bg-subtle: rgba(28, 28, 30, .92);--color-header-bg-expanded: rgba(28, 28, 30, .98);--color-header-border-subtle: rgba(255, 255, 255, .08);--color-header-border-expanded: rgba(58, 58, 60, .9);--shadow-header: 0 .5px 0 rgba(0, 0, 0, .3);--shadow-header-expanded: 0 .5px 0 rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--color-header-inner-glow: transparent;--header-gradient-overlay: none;--color-header-title: rgba(249, 250, 251, .6);--color-header-hint-subtle: rgba(255, 255, 255, .1);--color-tooltip-bg: rgba(28, 28, 30, .95);--color-tooltip-text: rgba(249, 250, 251, .8);--color-tooltip-border: rgba(255, 255, 255, .1);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .3);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, var(--opacity-shadow-2xl));--shadow-scroll-hint: inset -20px 0 16px -16px rgba(255, 255, 255, .08);--pulse-duration: 3s;--pulse-opacity-min: .3;--pulse-opacity-max: .7;--pulse-scale-min: 1;--pulse-scale-max: 1.05;--pulse-easing: ease-in-out;--color-header-control-bg: rgba(255, 255, 255, .05);--color-header-control-border: rgba(255, 255, 255, .1);--color-header-control-icon: var(--color-neutral-300);--color-header-control-hover: rgba(75, 85, 99, .4);--color-header-control-active: rgba(75, 85, 99, .6);--color-header-control-border-hover: rgba(107, 114, 128, .6);--color-header-control-border-active: rgba(107, 114, 128, .8);--color-header-control-icon-active: var(--color-primary-400);--color-header-control-disabled: rgba(31, 41, 55, .5);--color-header-control-icon-disabled: var(--color-neutral-600);--color-header-control-border-disabled: rgba(75, 85, 99, .3);--header-control-size: 32px;--color-header-indicator: rgba(156, 163, 175, .4);--color-avatar-bg: #5865f2;--color-avatar-text: #ffffff;--color-apple-control-bg: rgba(255, 255, 255, .08);--color-apple-control-hover: rgba(255, 255, 255, .15);--color-apple-control-border: rgba(255, 255, 255, .12);--color-apple-glass-dark: rgba(28, 28, 30, .8);--color-apple-glass-subtle: rgba(255, 255, 255, .05);--shadow-apple-button: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-apple-button-hover: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-apple-elevated: 0 1px 2px rgba(0, 0, 0, .3), 0 0px 1px rgba(0, 0, 0, .2);--color-modal-glass-bg: #2c2c2e;--color-modal-glass-bg-hover: #3a3a3c;--color-modal-glass-border: rgba(255, 255, 255, .1);--backdrop-modal-dimming: rgba(0, 0, 0, .6);--header-height-base: 50px;--header-height-expanded: 70px;--header-opacity-subtle: .9;--header-opacity-expanded: 1;--header-backdrop-blur: blur(20px);--color-apple-control-bg: rgba(255, 255, 255, .15);--color-apple-control-hover: rgba(255, 255, 255, .25);--color-apple-control-border: rgba(255, 255, 255, .2);--color-apple-glass-light: rgba(255, 255, 255, .8);--color-apple-glass-subtle: rgba(255, 255, 255, .1);--shadow-apple-button: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-apple-button-hover: 0 4px 8px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .08);--shadow-apple-elevated: 0 1px 2px rgba(0, 0, 0, .1), 0 0px 1px rgba(0, 0, 0, .06);--color-modal-glass-bg: rgba(255, 255, 255, .95);--color-modal-glass-bg-hover: rgba(255, 255, 255, .98);--color-modal-glass-border: rgba(0, 0, 0, .1);--backdrop-modal-dimming: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){[data-theme=system]{--color-bg-primary: var(--color-neutral-900);--color-bg-secondary: var(--color-neutral-800);--color-bg-card: var(--color-neutral-900);--color-bg-tertiary: var(--color-neutral-700);--color-bg-hover: var(--color-neutral-800);--color-bg-active: var(--color-neutral-700);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-800);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-border-error: var(--color-error-400);--color-border-disabled: var(--color-neutral-700);--color-button-primary-bg: var(--color-primary-500);--color-button-primary-bg-hover: var(--color-primary-400);--color-button-primary-bg-active: var(--color-primary-300);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-800);--color-button-secondary-bg-hover: var(--color-neutral-700);--color-button-secondary-bg-active: var(--color-neutral-600);--color-button-secondary-text: var(--color-neutral-200);--color-button-secondary-border: var(--color-neutral-600);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-800);--color-button-ghost-bg-active: var(--color-neutral-700);--color-button-ghost-text: var(--color-neutral-200);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-500);--color-button-destructive-text: var(--color-neutral-0);--color-input-bg: var(--color-neutral-800);--color-input-bg-disabled: var(--color-neutral-900);--color-input-border: var(--color-neutral-600);--color-input-border-focus: var(--color-primary-400);--color-input-border-error: var(--color-error-400);--color-input-text: var(--color-neutral-100);--color-input-text-disabled: var(--color-neutral-500);--color-input-placeholder: var(--color-neutral-500);--color-status-success: var(--color-success-400);--color-status-success-bg: rgba(34, 197, 94, .1);--color-status-warning: var(--color-warning-400);--color-status-warning-bg: rgba(245, 158, 11, .1);--color-status-error: var(--color-error-400);--color-status-error-bg: rgba(239, 68, 68, .1);--color-status-info: var(--color-info-400);--color-status-info-bg: rgba(59, 130, 246, .1);--color-effect-vite-glow: #646cffcc;--color-effect-react-glow: #61dafbcc;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-dark);--color-hamburger-button-bg: var(--color-hamburger-button-bg-dark);--color-modal-text-primary: rgba(255, 255, 255, .95);--color-modal-text-secondary: rgba(255, 255, 255, .8);--color-layout-main-bg: var(--color-layout-main-dark);--color-layout-header-bg: var(--color-layout-header-dark);--color-layout-leftpane-bg: var(--color-layout-leftpane-dark);--color-layout-mainpane-bg: var(--color-layout-main-dark);--color-layout-centerpane-bg: var(--color-layout-content-dark);--color-layout-pagination-bg: var(--color-layout-accent-dark);--color-layout-brb-bg: var(--color-layout-brb-dark);--color-layout-brb-hover: var(--color-layout-brb-hover-dark);--color-layout-brb-icon: var(--color-layout-brb-icon-dark);--color-layout-rightpane-bg: var(--color-layout-rightpane-dark);--color-gap-button-active: var(--color-error-400);--color-gap-button-inactive: var(--color-neutral-600);--color-gap-button-reset: var(--color-success-400);--shadow-scroll-hint: inset -20px 0 16px -16px rgba(255, 255, 255, .08)}}@media(prefers-color-scheme:light){[data-theme=system]{--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-bg-card: var(--color-neutral-75);--color-bg-tertiary: var(--color-neutral-100);--color-bg-hover: rgba(59, 130, 246, .2);--color-bg-active: rgba(59, 130, 246, .28);--color-hover-bg: var(--color-bg-hover);--color-bg-disabled: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-border-primary: #d4d6dc;--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-disabled: var(--color-neutral-200);--color-button-primary-bg: var(--color-primary-600);--color-button-primary-bg-hover: var(--color-primary-700);--color-button-primary-bg-active: var(--color-primary-800);--color-button-primary-text: var(--color-neutral-0);--color-button-secondary-bg: var(--color-neutral-0);--color-button-secondary-bg-hover: var(--color-neutral-50);--color-button-secondary-bg-active: var(--color-neutral-100);--color-button-secondary-text: var(--color-neutral-700);--color-button-secondary-border: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-bg-hover: var(--color-neutral-100);--color-button-ghost-bg-active: var(--color-neutral-200);--color-button-ghost-text: var(--color-neutral-700);--color-button-destructive-bg: var(--color-error-600);--color-button-destructive-bg-hover: var(--color-error-700);--color-button-destructive-text: var(--color-neutral-0);--color-input-bg: var(--color-neutral-0);--color-input-bg-disabled: var(--color-neutral-50);--color-input-border: var(--color-neutral-300);--color-input-border-focus: var(--color-primary-500);--color-input-border-error: var(--color-error-500);--color-input-text: var(--color-neutral-900);--color-input-text-disabled: var(--color-neutral-400);--color-input-placeholder: var(--color-neutral-400);--color-status-success: var(--color-success-600);--color-status-success-bg: var(--color-success-50);--color-status-warning: var(--color-warning-600);--color-status-warning-bg: var(--color-warning-50);--color-status-error: var(--color-error-600);--color-status-error-bg: var(--color-error-50);--color-status-info: var(--color-info-600);--color-status-info-bg: var(--color-info-50);--color-effect-vite-glow: #646cffaa;--color-effect-react-glow: #61dafbaa;--color-effect-docs-text: var(--color-neutral-400);--color-hamburger-icon: var(--color-hamburger-icon-light);--color-hamburger-button-bg: var(--color-hamburger-button-bg-light);--color-layout-main-bg: var(--color-layout-main-light);--color-layout-header-bg: var(--color-layout-header-light);--color-layout-leftpane-bg: var(--color-layout-leftpane-light);--color-layout-mainpane-bg: var(--color-layout-main-light);--color-layout-centerpane-bg: var(--color-layout-content-light);--color-layout-pagination-bg: var(--color-layout-accent-light);--color-layout-brb-bg: var(--color-layout-brb-light);--color-layout-brb-hover: var(--color-layout-brb-hover-light);--color-layout-brb-icon: var(--color-layout-brb-icon-light);--color-layout-rightpane-bg: var(--color-layout-rightpane-light);--color-gap-button-active: var(--color-error-500);--color-gap-button-inactive: var(--color-neutral-700);--color-gap-button-reset: var(--color-success-500)}}*,*:before,*:after{transition:background-color var(--duration-ios-quick) var(--easing-ios-default),border-color var(--duration-ios-quick) var(--easing-ios-default),color var(--duration-ios-quick) var(--easing-ios-default),box-shadow var(--duration-ios-quick) var(--easing-ios-default)}@media(prefers-contrast:high){:root{--color-border-primary: var(--color-neutral-900);--color-border-secondary: var(--color-neutral-800)}[data-theme=dark]{--color-border-primary: var(--color-neutral-100);--color-border-secondary: var(--color-neutral-200)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer utilities{.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-end{display:flex;justify-content:flex-end}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:2px}.gap-sm{gap:4px}.gap-md{gap:10px}.gap-lg{gap:15px}.m-0{margin:0}.mt-auto{margin-top:auto}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:10px}.ml-md{margin-left:15px}.p-0{padding:0}.p-sm{padding:10px}.p-md{padding:15px}.p-lg{padding:20px}.pt-sm{padding-top:10px}.block{display:block}.inline-flex{display:inline-flex}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.border-none{border:none}.border-radius-sm{border-radius:4px}.border-radius-md{border-radius:8px}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-col-resize{cursor:col-resize}.transition-smooth{transition:all var(--duration-apple-graceful) var(--easing-apple-smooth)}.transition-none{transition:none}.box-border{box-sizing:border-box}.overflow-hidden{overflow:hidden}}.search-match{background-color:var(--color-warning-500);color:var(--color-neutral-900);padding:1px 3px;border-radius:3px;font-weight:600}html[data-theme=dark] .search-match{background-color:var(--color-warning-500);color:var(--color-neutral-900)}@media(max-width:768px){.customer-detail-view__actions{flex-direction:row;flex-wrap:nowrap;gap:6px}.customer-detail-view__actions>.button{flex:none;min-width:0}.customer-full-detail .customer-full-detail__actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px}.customer-full-detail .customer-full-detail__actions>.tooltip-trigger{flex:1;min-width:0}.customer-full-detail .customer-full-detail__actions .button{width:100%}.customer-full-detail .customer-full-detail__actions>.customer-full-detail__actions-spacer{display:none}}@layer utilities{.layout-pane{position:absolute;display:flex;transition:all var(--duration-apple-graceful) var(--easing-ease-in-out);box-sizing:border-box}.layout-pane--no-transition{transition:none}.layout-main{margin:0;padding:0;font-family:var(--font-family-primary);background-color:var(--color-layout-main-bg);width:100vw;height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-main--grid{display:grid;grid-template-areas:"header header header" "nav main aside" "nav main aside";grid-template-columns:var(--layout-nav-width) 1fr var(--layout-aside-width);grid-template-rows:var(--layout-header-height) 1fr;gap:var(--layout-gap);width:100vw;height:100vh;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);contain:layout style paint;transform:translateZ(0);will-change:grid-template-columns}.layout-header--grid{grid-area:header;z-index:var(--z-index-header)}.layout-nav--grid{grid-area:nav;overflow-y:auto;overflow-x:hidden}.layout-main-content--grid{grid-area:main;overflow:auto;position:relative}.layout-aside--grid{grid-area:aside;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){html,body{position:fixed;width:100%;overflow:hidden;height:-webkit-fill-available;height:100dvh;overscroll-behavior:none}.layout-main{width:100%;height:-webkit-fill-available;height:100dvh;overflow:hidden}:root{--mainpane-height: calc(100dvh - var(--header-height-base))}.layout-main--grid{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:var(--header-height-base) 1fr;gap:0;overflow:hidden;height:-webkit-fill-available;height:100dvh;padding:0}.layout-nav--grid,.layout-aside--grid{display:none}.layout-main-content--grid{min-height:0;overflow-y:auto;overflow-x:hidden}}@media(max-width:480px){.layout-main--grid{grid-template-rows:var(--header-height-base) 1fr;gap:0}}.mobile-drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:var(--z-index-modal-overlay, 999);animation:mobileBackdropFadeIn .25s ease-out;-webkit-tap-highlight-color:transparent}@keyframes mobileBackdropFadeIn{0%{opacity:0}to{opacity:1}}.layout-leftpane--mobile-drawer{position:fixed;top:0;left:0;width:200px;max-width:60vw;height:100vh;height:100dvh;z-index:var(--z-index-modal, 1000);background-color:var(--color-layout-leftpane-bg);box-shadow:4px 0 24px #00000026;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transform:translate(-100%);transition:transform .3s cubic-bezier(.32,.72,0,1);padding:6px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(6px,env(safe-area-inset-left));-webkit-font-smoothing:antialiased;font-family:var(--font-family-text);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.layout-leftpane--mobile-open{transform:translate(0);pointer-events:auto}@media(max-width:768px){.layout-centerpane{border-radius:0;box-shadow:none}.layout-centerpane:hover{box-shadow:none}.layout-mainpane,.layout-pagination{border-radius:0}.layout-rightpane-container--mobile{position:fixed;top:var(--header-height-base);z-index:var(--z-index-modal, 1000);background-color:var(--color-layout-rightpane-bg);transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease-out}.layout-rightpane-container--mobile .layout-rightpane-content{border-radius:0;box-shadow:none;height:100%}.layout-rightpane-container--mobile.layout-rightpane-container--hidden{transform:translate(100%);opacity:0}.mobile-rightpane-header{display:flex;align-items:center;padding:8px 4px;border-bottom:.5px solid var(--color-ios-separator-light);flex-shrink:0;background:var(--color-bg-primary)}.mobile-rightpane-back-btn{display:flex;align-items:center;gap:2px;padding:8px 12px 8px 4px;background:transparent;border:none;color:var(--color-primary-500);font-family:var(--font-family-text);font-size:var(--font-size-body);font-weight:400;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px}.mobile-rightpane-back-btn:active{opacity:.6}.mobile-rightpane-back-btn svg{width:22px;height:22px;flex-shrink:0}html[data-theme=dark] .mobile-rightpane-header{border-bottom-color:var(--color-ios-separator-dark)}}@media(min-width:769px)and (max-width:1023px){.layout-main--grid{grid-template-areas:"header header" "nav main";grid-template-columns:var(--layout-nav-width) 1fr}.layout-aside--grid{display:none}}@media(min-width:1024px)and (max-width:1366px){:root{--header-height-base: 50px;--layout-header-height: 50px;--mainpane-height: calc(100dvh - 50px) }html,body{position:fixed;width:100%;overflow:hidden;height:-webkit-fill-available;height:100dvh;overscroll-behavior:none;touch-action:none}.layout-main{height:-webkit-fill-available;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.layout-main>.header-progressive,.layout-main>header{flex-shrink:0;height:50px;min-height:50px;max-height:50px}.layout-main--grid{height:-webkit-fill-available;height:100dvh;max-height:-webkit-fill-available;max-height:100dvh;overflow:hidden;padding:0;gap:8px;grid-template-rows:50px 1fr}.layout-header--grid{height:50px;min-height:50px;max-height:50px;flex-shrink:0}.layout-nav--grid,.layout-main-content--grid,.layout-aside--grid{max-height:calc(100dvh - 58px);overflow-y:auto;overflow-x:hidden}.layout-leftpane{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-top:4px;padding-bottom:4px}}@media(min-width:1024px)and (max-height:850px){.layout-main--grid{gap:4px;grid-template-rows:50px 1fr}.layout-nav--grid,.layout-main-content--grid,.layout-aside--grid{max-height:calc(100dvh - 54px)}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){:root{--header-height-base: 40px;--layout-header-height: 40px;--mainpane-height: calc(100dvh - 40px) }html,body{position:fixed;width:100%;overflow:hidden;height:-webkit-fill-available;height:100dvh;overscroll-behavior:none}.layout-main{width:100%;height:-webkit-fill-available;height:100dvh;overflow:hidden}.layout-main--grid{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:40px 1fr;gap:0;overflow:hidden;height:-webkit-fill-available;height:100dvh;padding:0}.layout-nav--grid,.layout-aside--grid{display:none}.layout-main-content--grid{min-height:0;overflow-y:auto;overflow-x:hidden}}.layout-main--phone-landscape{--header-height-base: 40px;--layout-header-height: 40px;--mainpane-height: calc(100dvh - 40px) }@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.layout-leftpane--mobile-drawer{width:280px;max-width:50vw}.layout-centerpane{border-radius:0;box-shadow:none}.layout-centerpane:hover{box-shadow:none}.layout-mainpane,.layout-pagination{border-radius:0}.layout-rightpane-container--mobile .layout-rightpane-content{border-radius:0;box-shadow:none;height:100%}}.layout-header{top:0;left:0;width:100vw;height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);align-items:center;justify-content:space-between;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));border-bottom:1px solid var(--color-border-primary);z-index:var(--z-index-header);background:var(--color-layout-header-bg);position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-leftpane{top:calc(var(--header-height-base) + var(--gap-top));height:calc(var(--mainpane-height) - var(--gap-top) - var(--gap-bottom));left:0;width:var(--layout-leftpane-width);flex-direction:column;z-index:var(--z-index-sidebar);background-color:var(--color-layout-leftpane-bg);font-family:var(--font-family-text);padding:var(--spacing-4) var(--spacing-3) var(--spacing-2) var(--spacing-3);transition:width var(--duration-apple-graceful) var(--easing-apple-smooth),padding var(--duration-apple-graceful) var(--easing-apple-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:.625rem;box-shadow:var(--shadow-sidebar-light);overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-leftpane--collapsed{padding-top:var(--spacing-3)}.layout-leftpane--no-transition{transition:none}[data-theme=dark] .layout-leftpane{box-shadow:var(--shadow-sidebar-dark)}.layout-leftpane.layout-leftpane--mobile-drawer{position:fixed;top:0;left:0;width:200px;max-width:60vw;height:100dvh;z-index:var(--z-index-modal, 1000);border-radius:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.layout-mainpane{top:var(--header-height-base);left:var(--layout-leftpane-width);width:var(--layout-mainpane-width);height:var(--layout-mainpane-height);z-index:var(--z-index-content);background-color:var(--color-layout-mainpane-bg);padding:var(--gap-right);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-centerpane{top:calc(var(--header-height-base) + var(--gap-top));left:var(--layout-centerpane-left);width:var(--layout-centerpane-width);height:calc(var(--mainpane-height) - var(--gap-top) - var(--gap-bottom));color:var(--color-text-primary);padding-block:var(--spacing-golden-lg);padding-inline:var(--spacing-golden-md);box-sizing:border-box;z-index:var(--z-index-elevated);background-color:var(--color-layout-centerpane-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-apple-elevated);-webkit-backdrop-filter:var(--backdrop-glass-light);backdrop-filter:var(--backdrop-glass-light);transition:left var(--duration-apple-graceful) var(--easing-apple-smooth),width var(--duration-apple-graceful) var(--easing-apple-smooth),box-shadow var(--duration-ios-quick) var(--easing-ios-default);will-change:left,width,box-shadow,transform;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;unicode-bidi:isolate;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-centerpane.no-transition,.layout-rightpane-container.no-transition{transition:none!important}.layout-centerpane:hover{box-shadow:var(--shadow-sheet-elevated)}.layout-pagination{left:var(--layout-pagination-left);width:var(--layout-pagination-width);bottom:var(--gap-bottom);height:40px;color:var(--color-text-primary);align-items:center;justify-content:center;font-family:var(--font-family-text);letter-spacing:-.08px;box-sizing:border-box;z-index:var(--z-index-elevated);background-color:var(--color-layout-pagination-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-apple-elevated);opacity:.85;transition:opacity var(--duration-fast) var(--easing-ease-out),box-shadow var(--duration-ios-quick) var(--easing-ios-default);will-change:opacity,box-shadow,transform;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;unicode-bidi:isolate;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);touch-action:manipulation;-webkit-touch-callout:none;overscroll-behavior:contain;padding-left:max(var(--spacing-golden-md),env(safe-area-inset-left));padding-right:max(var(--spacing-golden-md),env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-pagination:hover,.layout-pagination:focus-within{opacity:1;box-shadow:var(--shadow-sheet-elevated)}.layout-brb{width:var(--brb-width);height:100%;flex-shrink:0;background-color:transparent;transition:background-color var(--duration-ios-standard) var(--easing-apple-smooth);will-change:background-color;transform:translateZ(0);contain:layout style paint;position:relative;display:flex;align-items:center;justify-content:center;cursor:default;clip-path:inset(16px 0 16px 0);border-radius:1px;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.layout-brb--active{cursor:col-resize}.layout-brb:before{display:none}.layout-brb:hover{background-color:var(--color-ios-system-gray4-alpha)}html[data-theme=dark] .layout-brb:hover{background-color:var(--color-ios-system-gray5-alpha)}@media(prefers-color-scheme:dark){html[data-theme=system] .layout-brb:hover{background-color:var(--color-ios-system-gray5-alpha)}}.layout-brb--hidden{opacity:0;cursor:default}.layout-brb-reset{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-ios-bg-secondary-light);border:2px solid var(--color-ios-separator-light);border-radius:50%;cursor:pointer;opacity:.5;transition:all .2s ease-out;box-shadow:0 2px 4px #00000026}html[data-theme=dark] .layout-brb-reset{background-color:var(--color-ios-bg-secondary-dark);border-color:var(--color-ios-separator-dark);box-shadow:0 2px 4px #0000004d}.layout-brb:hover .layout-brb-reset{opacity:1;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 12px #0003}.layout-brb-reset:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;transform:translate(-50%,-50%) scale(1.1)}html[data-theme=dark] .layout-brb-reset:hover{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.layout-brb-reset:active{transform:translate(-50%,-50%) scale(.95)}.layout-rightpane{z-index:var(--z-index-elevated);overflow:hidden;background-color:var(--color-layout-rightpane-bg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-rightpane--hidden{width:0px!important;opacity:0;padding:0!important;transform:translate(100px)}.layout-center-right-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-rightpane-container{position:absolute;top:calc(var(--header-height-base) + var(--gap-top));left:var(--layout-rightpane-container-left);width:var(--layout-rightpane-container-width);height:calc(var(--mainpane-height) - var(--gap-top) - var(--gap-bottom));display:flex;flex-direction:row;z-index:var(--z-index-elevated);overflow:hidden;background-color:transparent;transition:left var(--duration-apple-graceful) var(--easing-apple-smooth),width var(--duration-apple-graceful) var(--easing-apple-smooth),opacity var(--duration-apple-graceful) var(--easing-apple-smooth);will-change:left,width,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-rightpane-container--hidden{opacity:0;pointer-events:none}.layout-rightpane-content{flex:1;overflow:hidden;color:var(--color-text-primary);display:flex;flex-direction:column;background-color:var(--color-layout-rightpane-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-apple-elevated);transition:box-shadow var(--duration-ios-quick) var(--easing-ios-default);will-change:box-shadow,transform;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;unicode-bidi:isolate;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-rightpane-content--visible{padding:var(--spacing-6) var(--spacing-5)}.layout-rightpane-content--has-selection{padding:0}.layout-rightpane-content:hover{box-shadow:var(--shadow-sheet-elevated)}.position-fixed{position:fixed}.position-absolute{position:absolute}.z-index-100{z-index:100}.z-index-20{z-index:20}.z-index-10{z-index:10}.z-index-1{z-index:1}.z-index-1000{z-index:1000}@media(prefers-reduced-motion:reduce){.layout-pane,.layout-centerpane,.layout-pagination,.layout-brb,.layout-rightpane,.layout-rightpane-content,.layout-center-right-container,.layout-rightpane-container{transition:none!important;animation:none!important;transform:none!important;will-change:auto!important}}@media(prefers-contrast:high){.layout-centerpane,.layout-rightpane-content,.layout-pagination{border:var(--border-width-md) solid var(--color-border-strong);box-shadow:none}.layout-brb:hover{background-color:var(--color-border-strong);border:var(--border-width-sm) solid var(--color-text-primary)}.layout-centerpane:focus-within,.layout-pagination:focus-within{outline:var(--border-width-lg) solid var(--color-focus-ring);outline-offset:var(--spacing-1)}}@media(forced-colors:active){.layout-centerpane,.layout-rightpane-content,.layout-pagination{forced-color-adjust:none;background-color:Canvas;color:CanvasText;border-color:ButtonBorder}.layout-brb:hover{background-color:Highlight;forced-color-adjust:none}}@keyframes centerPanePlaceholderFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.version-update-banner{position:fixed;top:0;left:0;right:0;background:var(--color-primary-500);color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:10001;font-size:13px;font-weight:500}.version-update-banner__btn-refresh{background:#fff;color:var(--color-primary-500);border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-weight:600;font-size:12px}.version-update-banner__btn-refresh:hover{background:var(--color-gray-100)}.version-update-banner__btn-later{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px}.version-update-banner__btn-later:hover{background:#ffffff1a}.skip-navigation{position:absolute;top:var(--skip-nav-offset);left:var(--spacing-2);background:var(--color-primary-500);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);z-index:var(--z-index-notification);transform:translateY(var(--skip-nav-offset));transition:transform var(--duration-ios-standard) var(--easing-ios-default);outline:2px solid transparent;outline-offset:2px}.skip-navigation:focus{transform:translateY(var(--skip-nav-visible-offset))}.suspense-skeleton{width:100%;height:32px;background-color:var(--color-skeleton-base);border-radius:4px;opacity:.6}.suspense-skeleton--loading{padding:var(--spacing-6);color:var(--color-text-secondary)}.centerpane-placeholder-heading{color:var(--color-text-primary);margin:0;transition:opacity var(--duration-fast) var(--easing-ease-out)}.centerpane-placeholder-heading--visible{opacity:1;animation:centerPanePlaceholderFadeIn var(--duration-fast) var(--easing-ease-out)}.centerpane-placeholder-heading--hidden{opacity:0}.rightpane-section-heading{color:var(--color-text-primary);margin:0}.baseviewer-title-wrapper{display:flex;flex-direction:column;gap:2px}.baseviewer-title-row{display:flex;align-items:center;gap:6px}.baseviewer-title-badge{flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600;line-height:1.2;border:1px solid var(--color-border-primary);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer}.baseviewer-subtitle-row{font-size:11px;font-weight:400;color:var(--color-text-tertiary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.baseviewer-converted-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;background-color:var(--color-accent-blue-subtle);color:var(--color-accent-blue);border-radius:4px;font-size:10px;font-weight:500}.baseviewer-ocr-info{opacity:.7}}@layer utilities{.page-title{margin:0;color:var(--color-text-primary)}.section-heading{margin:0 0 var(--spacing-golden-sm) 0;color:var(--color-text-primary)}.description-text{margin:0;color:var(--color-text-secondary)}.pagination-status{margin-top:var(--spacing-golden-sm);color:var(--color-text-secondary);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.control-label{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-primary)}.control-group{display:flex;gap:var(--spacing-golden-sm)}.control-section{display:flex;gap:var(--spacing-4);align-items:center}.theme-toggle-button{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-button-secondary-border);border-radius:var(--radius-sm);padding:var(--spacing-golden-xs) var(--spacing-3);cursor:pointer;margin-left:var(--spacing-4)}.theme-toggle-container{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);margin-left:var(--spacing-4);border-left:1px solid var(--color-border-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-icon{transition:color var(--duration-fast) var(--easing-ease-out);-webkit-user-select:none;user-select:none}.theme-toggle-container--light .theme-icon-sun{color:var(--color-icon-orange)}.theme-toggle-container--light .theme-icon-moon,.theme-toggle-container--dark .theme-icon-sun{color:var(--color-text-tertiary)}.theme-toggle-container--dark .theme-icon-moon{color:var(--color-icon-cyan)}.theme-switch{position:relative;display:inline-block;width:44px;height:26px}.theme-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-theme-switch-bg-light);transition:all var(--duration-ios-standard) var(--easing-spring-gentle);border-radius:13px;box-shadow:inset 0 1px 3px #00000026}.theme-switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;top:2px;background-color:var(--color-theme-switch-handle);transition:transform var(--duration-ios-standard) var(--easing-spring-bouncy),box-shadow var(--duration-ios-quick) var(--easing-spring-gentle);border-radius:50%;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.theme-toggle-container--dark .theme-switch-slider{background-color:var(--color-theme-switch-bg-dark);box-shadow:inset 0 1px 3px #00000040,0 0 0 2px #34c75933}.theme-toggle-container--dark .theme-switch-slider:before{transform:translate(18px);box-shadow:0 3px 12px #00000059,0 1px 4px #0003}.theme-switch-slider:hover{transform:scale(1.02);transition:transform var(--duration-ios-quick) var(--easing-spring-bouncy)}.theme-toggle-container:focus-visible .theme-switch-slider{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:inset 0 1px 3px #00000026,0 0 0 4px #3b82f626}.theme-toggle-container--dark:focus-visible .theme-switch-slider{box-shadow:inset 0 1px 3px #00000040,0 0 0 2px #34c75933,0 0 0 4px #34c75926}@media(max-width:768px){.theme-toggle-container{gap:0;padding:2px;margin-left:0;border-left:none}.theme-icon{display:none}.theme-switch{width:26px;height:14px}.theme-switch-slider{border-radius:7px}.theme-switch-slider:before{height:10px;width:10px}.theme-toggle-container--dark .theme-switch-slider:before{transform:translate(12px)}}.gap-toggle-button{border:none;border-radius:4px;padding:6px 12px;cursor:pointer;margin-left:15px;color:var(--color-text-inverse)}.gap-toggle-button--active{background-color:var(--color-gap-button-active)}.gap-toggle-button--inactive{background-color:var(--color-gap-button-inactive)}.layout-control-button{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-2);cursor:pointer;margin-left:var(--spacing-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-micro-instant) var(--easing-micro-press-down),box-shadow var(--duration-micro-quick) var(--easing-micro-scale-bounce),background-color var(--duration-micro-smooth) var(--easing-micro-hover-lift);will-change:transform,box-shadow;backface-visibility:hidden}.layout-control-button:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px) scale(1.002);box-shadow:0 4px 12px #3b82f633,0 2px 4px #3b82f61a;transition:transform var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-smooth) var(--easing-spring-gentle),background-color var(--duration-micro-smooth) var(--easing-apple-smooth)}.layout-control-button:active{transform:scale(.97) translateY(1px);background-color:var(--color-primary-800);box-shadow:inset 0 2px 4px #3b82f64d,0 0 0 1px #3b82f61a;transition:transform var(--duration-micro-instant) var(--easing-micro-press-down),background-color var(--duration-micro-instant) var(--easing-micro-press-down),box-shadow var(--duration-micro-instant) var(--easing-micro-press-down)}.layout-control-button:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);border-color:var(--color-border-disabled);cursor:not-allowed;opacity:.6;transform:none;transition:all 50ms ease-out}.layout-control-button:disabled:hover{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);border-color:var(--color-border-disabled);transform:none;box-shadow:none;transition:none}.reset-button{background-color:var(--color-gap-button-reset);color:var(--color-neutral-0);border:1px solid var(--color-border-primary);border-radius:4px;padding:6px 12px;cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.reset-button:hover{background-color:var(--color-gap-button-reset);border-color:var(--color-border-focus);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.gap-controller-panel{background-color:var(--color-bg-primary);padding:15px;border-radius:8px;box-shadow:var(--shadow-md);min-width:220px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title{margin:0;color:var(--color-text-primary)}.range-input-group{margin-bottom:4px}.range-label{display:block;margin-bottom:2px;color:var(--color-modal-text-secondary);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.range-input{width:100%}.card-base{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--easing-ease-out);position:relative}.card-hover:hover{transform:translateY(-2px) scale(1.002);box-shadow:0 8px 25px #0000001f,0 3px 8px #00000014;border-color:var(--color-primary-300);transition:transform var(--duration-micro-gentle) var(--easing-spring-gentle),box-shadow var(--duration-micro-smooth) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-ease-out)}.card-content{padding:var(--spacing-5)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.card-title{color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.card-subtitle{color:var(--color-text-secondary);margin:0}.header-primary{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-8) var(--spacing-6)}.header-gradient{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);color:var(--color-neutral-0);padding:var(--spacing-16) var(--spacing-6) var(--spacing-12) var(--spacing-6);text-align:center}.header-content{max-width:var(--container-max-width);margin:0 auto}.header-title{margin:0 0 var(--spacing-2) 0;color:var(--color-text-primary)}.header-subtitle{color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.status-badge--active,.status-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge--inactive,.status-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.status-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-field--full{grid-column:1 / -1}.form-label{color:var(--color-text-primary);margin:0}.form-input,.form-select,.form-textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-family-primary);transition:border-color var(--duration-micro-quick) var(--easing-ease-out),box-shadow var(--duration-micro-smooth) var(--easing-micro-focus-ring),transform var(--duration-micro-quick) var(--easing-micro-scale-bounce)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;transform:scale(1.005);border-color:var(--color-border-focus);box-shadow:0 0 0 2px #3b82f61a,0 2px 8px #3b82f60d;transition:all var(--duration-micro-smooth) var(--easing-micro-focus-ring)}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.search-container{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:400px}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--duration-fast) var(--easing-ease-in-out)}.search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #3b82f61a}.search-input::placeholder{color:var(--color-input-placeholder)}.search-results{display:flex;align-items:center;gap:var(--spacing-2)}.search-count{color:var(--color-text-secondary)}.grid-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-6) var(--spacing-8) var(--spacing-6)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-6)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.actions-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);max-width:var(--container-max-width);margin:0 auto}.actions-left{flex:1;min-width:0}.actions-right{flex-shrink:0}.hamburger-container{margin-top:auto;display:flex;padding-top:0}.hamburger-container--collapsed{justify-content:center}.hamburger-container--expanded{justify-content:flex-end}.leftpane-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.leftpane-footer__left{flex:1;display:flex;justify-content:flex-start}.leftpane-footer__version{font-size:10px;color:var(--color-text-tertiary);opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--duration-fast) var(--easing-standard);text-align:center}.leftpane-footer__version:hover{opacity:1}.leftpane-footer__right{flex:1;display:flex;justify-content:flex-end}.leftpane-footer__hamburger-skeleton{width:32px;height:32px;background:var(--color-skeleton-base);border-radius:4px;opacity:.6}.leftpane-footer--collapsed{justify-content:center}.leftpane-footer__right--centered{flex:none;justify-content:center}@media(min-width:1024px)and (max-width:1366px){.leftpane-footer{gap:4px;padding:4px 0}.leftpane-footer__version{font-size:9px}}@media(min-width:1024px)and (max-width:1100px){.leftpane-footer{flex-wrap:wrap;justify-content:center;gap:2px}.leftpane-footer__left,.leftpane-footer__right{flex:0 0 auto}}@media(min-width:1024px)and (max-height:850px){.leftpane-footer{gap:2px;padding:2px 0}.leftpane-footer__version{font-size:8px}.leftpane-footer__hamburger-skeleton{width:28px;height:28px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg-primary);border-radius:8px;box-shadow:0 4px 24px #00000026;max-width:480px;width:90%;max-height:80vh;overflow:hidden;border:1px solid var(--color-border-primary);transition:box-shadow var(--duration-ios-quick) var(--easing-ios-default)}.modal-content--dragging{box-shadow:0 8px 32px #00000040;-webkit-user-select:none;user-select:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-primary)}.modal-header--draggable{cursor:grab;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.modal-header--draggable:active{cursor:grabbing}.modal-title{margin:0;color:var(--color-modal-text-primary)}.modal-close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--duration-ios-quick) var(--easing-ios-default)}.modal-close-button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.modal-body{padding:20px;overflow-y:auto;max-height:75vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-control-section{margin-bottom:24px}.modal-control-section:last-child{margin-bottom:0}.modal-control-section--with-divider{border-top:1px solid var(--color-border-primary);padding-top:20px}.modal-section-title{margin:0 0 12px;color:var(--color-modal-text-primary);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-modal-text-secondary);transition:color var(--duration-ios-quick) var(--easing-ios-default);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.checkbox-label:hover{color:var(--color-modal-text-primary)}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.gap-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.gap-controls{display:flex;gap:8px}.gap-sliders{display:flex;flex-direction:column;gap:8px}.modal-footer{padding:16px 20px;border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.button-secondary{padding:8px 16px;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-ios-quick) var(--easing-apple-smooth)}.button-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.button-secondary:active{transform:translateY(0);background:var(--color-bg-pressed)}.floating-modal{position:fixed;top:50%;left:50%;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:24px;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;max-width:420px;width:85%;max-height:85vh;min-height:200px;overflow:hidden;z-index:var(--z-portal-modal);opacity:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background var(--duration-apple-smooth) var(--easing-apple-magic),box-shadow var(--duration-apple-smooth) var(--easing-apple-magic),backdrop-filter var(--duration-apple-smooth) var(--easing-apple-magic)}[data-theme=dark] .floating-modal{background:var(--color-neutral-700);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .floating-modal:hover{background:var(--color-neutral-600)}.floating-modal:hover{background:#fffffffa;box-shadow:0 16px 48px #00000029,0 4px 12px #0000001a;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%)}.floating-modal--dragging{box-shadow:var(--shadow-sheet-focused);backdrop-filter:var(--backdrop-glass-heavy);-webkit-backdrop-filter:var(--backdrop-glass-heavy);-webkit-user-select:none;user-select:none;cursor:grabbing;border-color:var(--color-modal-glass-border);will-change:transform;backface-visibility:hidden;transition:none!important}.floating-modal *{transition-timing-function:var(--easing-apple-magic)}.floating-modal:before{content:"";position:fixed;inset:0;background:var(--backdrop-modal-dimming);z-index:-1;opacity:0;transition:opacity var(--duration-sheet-animation) var(--easing-apple-magic)}.floating-modal:hover:before{opacity:1}.floating-modal:focus-within{box-shadow:var(--shadow-sheet-focused);backdrop-filter:var(--backdrop-glass-heavy);-webkit-backdrop-filter:var(--backdrop-glass-heavy);outline:2px solid var(--color-primary-500);outline-offset:4px}.floating-modal:active{transition-duration:var(--duration-apple-quick)}@keyframes modalSlideUp{0%{transform:translate(-50%,100%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(var(--scale-modal-default));opacity:1}}@keyframes modalSlideDown{0%{transform:translate(-50%,-50%) scale(var(--scale-modal-default));opacity:1}to{transform:translate(-50%,100%) scale(.95);opacity:0}}.floating-modal--entering{animation:modalSlideUp var(--duration-sheet-animation) var(--easing-sheet-entrance) forwards}.floating-modal--exiting{animation:modalSlideDown var(--duration-sheet-animation) var(--easing-sheet-dismissal) forwards}@media(max-width:640px){.modal-content{max-width:95%;max-height:88vh}.floating-modal{max-width:95%;max-height:90vh;width:95%}.modal-body{padding:16px;max-height:81vh}.modal-header,.modal-footer{padding:12px 16px}.checkbox-grid{grid-template-columns:1fr;gap:6px}.gap-sliders{gap:6px}.modal-control-section{margin-bottom:20px}}@media(max-height:600px){.modal-content{max-height:92vh}.modal-body{max-height:86vh}}.micro-button{transition:transform var(--duration-micro-instant) var(--easing-micro-press-down),box-shadow var(--duration-micro-quick) var(--easing-micro-scale-bounce),background-color var(--duration-micro-smooth) var(--easing-micro-hover-lift);will-change:transform,box-shadow;backface-visibility:hidden}.micro-button:hover{transform:translateY(-1px) scale(1.002);box-shadow:0 4px 12px #00000026,0 2px 4px #00000014;transition:transform var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-smooth) var(--easing-spring-gentle)}.micro-button:active{transform:scale(.97) translateY(1px);box-shadow:inset 0 2px 4px #00000026,0 0 0 1px #0000001a;transition:transform var(--duration-micro-instant) var(--easing-micro-press-down),box-shadow var(--duration-micro-instant) var(--easing-micro-press-down)}.micro-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;transition:outline var(--duration-micro-quick) var(--easing-micro-focus-ring)}.micro-card{transition:transform var(--duration-micro-smooth) var(--easing-spring-gentle),box-shadow var(--duration-micro-gentle) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-ease-out);will-change:transform,box-shadow;backface-visibility:hidden}.micro-card:hover{transform:translateY(-2px) scale(1.002);box-shadow:0 8px 25px #0000001f,0 3px 8px #00000014;border-color:var(--color-primary-300);transition:transform var(--duration-micro-gentle) var(--easing-spring-gentle),box-shadow var(--duration-micro-smooth) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-ease-out)}.micro-input{transition:border-color var(--duration-micro-quick) var(--easing-ease-out),box-shadow var(--duration-micro-smooth) var(--easing-micro-focus-ring),transform var(--duration-micro-quick) var(--easing-micro-scale-bounce)}.micro-input:focus{transform:scale(1.005);border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a,0 2px 8px #3b82f60d;transition:all var(--duration-micro-smooth) var(--easing-micro-focus-ring)}.micro-progressive{opacity:.6;transition:opacity var(--duration-micro-gentle) var(--easing-micro-progressive-expand),transform var(--duration-micro-smooth) var(--easing-spring-gentle)}.micro-progressive:hover,.micro-progressive:focus-within{opacity:1;transform:translateY(-1px);transition:opacity var(--duration-micro-quick) var(--easing-micro-progressive-expand),transform var(--duration-micro-smooth) var(--easing-spring-gentle)}.micro-progressive-controls{opacity:0;transform:translateY(-8px);transition:opacity var(--duration-micro-gentle) var(--easing-micro-progressive-expand),transform var(--duration-micro-smooth) var(--easing-spring-bouncy)}.micro-progressive:hover .micro-progressive-controls,.micro-progressive:focus-within .micro-progressive-controls{opacity:1;transform:translateY(0);transition:opacity var(--duration-micro-quick) var(--easing-micro-progressive-expand),transform var(--duration-micro-gentle) var(--easing-spring-bouncy)}.micro-haptic-light:active{transform:scale(.98);transition:transform var(--duration-micro-instant) var(--easing-micro-press-down)}.micro-haptic-medium:active{transform:scale(.95);transition:transform var(--duration-micro-instant) var(--easing-micro-press-down)}.micro-haptic-heavy:active{transform:scale(.92);transition:transform var(--duration-micro-instant) var(--easing-micro-press-down)}.micro-optimized{will-change:transform,opacity,box-shadow;backface-visibility:hidden;perspective:1000px;contain:layout style paint}.micro-gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0)}.focus-ring{outline:none;transition:box-shadow var(--duration-ios-quick) var(--easing-ease-out)}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--color-ios-blue-light)}html[data-theme=dark] .focus-ring:focus-visible{box-shadow:0 0 0 3px var(--color-ios-blue-dark)}.help-modal-content{line-height:1.7;font-size:var(--font-size-footnote, 13px);color:var(--color-text-primary);max-height:60vh;overflow-y:auto;padding-right:var(--spacing-2)}.help-modal-content p{margin:0 0 var(--spacing-1) 0}.help-modal-content ul{padding-left:0;margin:var(--spacing-1) 0 0 0;list-style-type:none}.help-modal-content li{margin-bottom:var(--spacing-1);color:var(--color-text-secondary);padding-left:16px;position:relative;line-height:1.6}.help-modal-content li:before{content:"•";position:absolute;left:4px;color:var(--color-text-tertiary)}.help-modal-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold, 600)}.help-modal-section{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle)}.help-modal-section:first-child{margin-top:0}.help-modal-section>p:first-child{font-size:var(--font-size-subheadline, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}html[data-theme=dark] .help-modal-section{background:var(--color-bg-tertiary);border-color:var(--color-border)}.help-modal-content::-webkit-scrollbar{width:6px}.help-modal-content::-webkit-scrollbar-track{background:transparent}.help-modal-content::-webkit-scrollbar-thumb{background:var(--color-text-quaternary);border-radius:3px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.help-icon-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast, .15s) var(--easing-ease-out, ease-out);margin-left:var(--spacing-2, 8px)}.help-icon-button:hover{background:var(--color-bg-active);color:var(--color-primary)}.help-icon-button:active{transform:scale(.95)}@media(pointer:coarse){.theme-toggle-container{position:relative}.theme-toggle-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}}}@layer utilities{.document-ar-badge{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:6px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--color-badge-text);background-color:var(--color-badge-ar);border:1.5px solid var(--color-ios-bg-primary-light);border-radius:2.5px;padding:0 2.5px;line-height:1;letter-spacing:.2px;box-shadow:0 1px 3px var(--color-badge-shadow);z-index:2;pointer-events:none;transition:all .2s ease-out}html[data-theme=dark] .document-ar-badge{background-color:var(--color-badge-ar-dark);border-color:var(--color-ios-bg-primary-dark)}.status-item:hover .document-ar-badge,.customer-documents-item:hover .document-ar-badge,.search-result-row:hover .document-ar-badge,.file-list-row:hover .document-ar-badge,.file-grid-item:hover .document-ar-badge{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ar-glow)}html[data-theme=dark] .status-item:hover .document-ar-badge,html[data-theme=dark] .customer-documents-item:hover .document-ar-badge,html[data-theme=dark] .search-result-row:hover .document-ar-badge,html[data-theme=dark] .file-list-row:hover .document-ar-badge,html[data-theme=dark] .file-grid-item:hover .document-ar-badge{box-shadow:0 0 8px var(--color-badge-ar-glow)}.document-cr-badge{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:6px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--color-badge-text);background-color:var(--color-badge-crs);border:1.5px solid var(--color-ios-bg-primary-light);border-radius:2.5px;padding:0 2.5px;line-height:1;letter-spacing:.2px;box-shadow:0 1px 3px var(--color-badge-shadow);z-index:2;pointer-events:none;transition:all .2s ease-out}html[data-theme=dark] .document-cr-badge{background-color:var(--color-badge-crs-dark);border-color:var(--color-ios-bg-primary-dark)}.status-item:hover .document-cr-badge,.customer-documents-item:hover .document-cr-badge,.search-result-row:hover .document-cr-badge,.file-list-row:hover .document-cr-badge,.file-grid-item:hover .document-cr-badge{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-crs-glow)}html[data-theme=dark] .status-item:hover .document-cr-badge,html[data-theme=dark] .customer-documents-item:hover .document-cr-badge,html[data-theme=dark] .search-result-row:hover .document-cr-badge,html[data-theme=dark] .file-list-row:hover .document-cr-badge,html[data-theme=dark] .file-grid-item:hover .document-cr-badge{box-shadow:0 0 8px var(--color-badge-crs-glow)}.badge--disabled{background-color:var(--color-ios-text-tertiary-light);opacity:.5;box-shadow:none}html[data-theme=dark] .badge--disabled{background-color:var(--color-ios-text-tertiary-dark)}.status-item:hover .badge--disabled,.customer-documents-item:hover .badge--disabled,.search-result-row:hover .badge--disabled,.file-list-row:hover .badge--disabled,.file-grid-item:hover .badge--disabled{transform:translate(-50%) scale(1);box-shadow:none}.document-ocr-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--color-badge-text);border:1.5px solid var(--color-ios-bg-primary-light);border-radius:3px;padding:1px 3px;line-height:1;letter-spacing:.3px;box-shadow:0 1px 3px var(--color-badge-shadow);z-index:2;pointer-events:none;transition:all .2s ease-out}html[data-theme=dark] .document-ocr-badge{border-color:var(--color-ios-bg-primary-dark)}.document-ocr-badge.ocr-excellent{background-color:var(--color-badge-ocr-excellent)}html[data-theme=dark] .document-ocr-badge.ocr-excellent{background-color:var(--color-badge-ocr-excellent-dark)}.status-item:hover .document-ocr-badge.ocr-excellent,.customer-documents-item:hover .document-ocr-badge.ocr-excellent,.search-result-row:hover .document-ocr-badge.ocr-excellent,.file-list-row:hover .document-ocr-badge.ocr-excellent,.file-grid-item:hover .document-ocr-badge.ocr-excellent{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ocr-excellent-glow)}html[data-theme=dark] .status-item:hover .document-ocr-badge.ocr-excellent,html[data-theme=dark] .customer-documents-item:hover .document-ocr-badge.ocr-excellent,html[data-theme=dark] .search-result-row:hover .document-ocr-badge.ocr-excellent,html[data-theme=dark] .file-list-row:hover .document-ocr-badge.ocr-excellent,html[data-theme=dark] .file-grid-item:hover .document-ocr-badge.ocr-excellent{box-shadow:0 0 8px var(--color-badge-ocr-excellent-glow-dark)}.document-ocr-badge.ocr-high{background-color:var(--color-badge-ocr-excellent)}html[data-theme=dark] .document-ocr-badge.ocr-high{background-color:var(--color-badge-ocr-excellent-dark)}.status-item:hover .document-ocr-badge.ocr-high,.customer-documents-item:hover .document-ocr-badge.ocr-high,.search-result-row:hover .document-ocr-badge.ocr-high,.file-list-row:hover .document-ocr-badge.ocr-high,.file-grid-item:hover .document-ocr-badge.ocr-high{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ocr-excellent-glow)}html[data-theme=dark] .status-item:hover .document-ocr-badge.ocr-high,html[data-theme=dark] .customer-documents-item:hover .document-ocr-badge.ocr-high,html[data-theme=dark] .search-result-row:hover .document-ocr-badge.ocr-high,html[data-theme=dark] .file-list-row:hover .document-ocr-badge.ocr-high,html[data-theme=dark] .file-grid-item:hover .document-ocr-badge.ocr-high{box-shadow:0 0 8px var(--color-badge-ocr-excellent-glow-dark)}.document-ocr-badge.ocr-medium{background-color:var(--color-badge-ocr-medium)}html[data-theme=dark] .document-ocr-badge.ocr-medium{background-color:var(--color-badge-ocr-medium-dark)}.status-item:hover .document-ocr-badge.ocr-medium,.customer-documents-item:hover .document-ocr-badge.ocr-medium,.search-result-row:hover .document-ocr-badge.ocr-medium,.file-list-row:hover .document-ocr-badge.ocr-medium,.file-grid-item:hover .document-ocr-badge.ocr-medium{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ocr-medium-glow)}html[data-theme=dark] .status-item:hover .document-ocr-badge.ocr-medium,html[data-theme=dark] .customer-documents-item:hover .document-ocr-badge.ocr-medium,html[data-theme=dark] .search-result-row:hover .document-ocr-badge.ocr-medium,html[data-theme=dark] .file-list-row:hover .document-ocr-badge.ocr-medium,html[data-theme=dark] .file-grid-item:hover .document-ocr-badge.ocr-medium{box-shadow:0 0 8px var(--color-badge-ocr-medium-glow-dark)}.document-ocr-badge.ocr-low{background-color:var(--color-badge-ocr-low)}html[data-theme=dark] .document-ocr-badge.ocr-low{background-color:var(--color-badge-ocr-low-dark)}.status-item:hover .document-ocr-badge.ocr-low,.customer-documents-item:hover .document-ocr-badge.ocr-low,.search-result-row:hover .document-ocr-badge.ocr-low,.file-list-row:hover .document-ocr-badge.ocr-low,.file-grid-item:hover .document-ocr-badge.ocr-low{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ocr-low-glow)}html[data-theme=dark] .status-item:hover .document-ocr-badge.ocr-low,html[data-theme=dark] .customer-documents-item:hover .document-ocr-badge.ocr-low,html[data-theme=dark] .search-result-row:hover .document-ocr-badge.ocr-low,html[data-theme=dark] .file-list-row:hover .document-ocr-badge.ocr-low,html[data-theme=dark] .file-grid-item:hover .document-ocr-badge.ocr-low{box-shadow:0 0 8px var(--color-badge-ocr-low-glow-dark)}.document-ocr-badge.ocr-very-low{background-color:var(--color-badge-ocr-very-low)}html[data-theme=dark] .document-ocr-badge.ocr-very-low{background-color:var(--color-badge-ocr-very-low-dark)}.status-item:hover .document-ocr-badge.ocr-very-low,.customer-documents-item:hover .document-ocr-badge.ocr-very-low,.search-result-row:hover .document-ocr-badge.ocr-very-low,.file-list-row:hover .document-ocr-badge.ocr-very-low,.file-grid-item:hover .document-ocr-badge.ocr-very-low{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-ocr-very-low-glow)}html[data-theme=dark] .status-item:hover .document-ocr-badge.ocr-very-low,html[data-theme=dark] .customer-documents-item:hover .document-ocr-badge.ocr-very-low,html[data-theme=dark] .search-result-row:hover .document-ocr-badge.ocr-very-low,html[data-theme=dark] .file-list-row:hover .document-ocr-badge.ocr-very-low,html[data-theme=dark] .file-grid-item:hover .document-ocr-badge.ocr-very-low{box-shadow:0 0 8px var(--color-badge-ocr-very-low-glow-dark)}.document-txt-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--color-badge-text);background-color:var(--color-badge-txt);border:1.5px solid var(--color-ios-bg-primary-light);border-radius:3px;padding:1px 3px;line-height:1;letter-spacing:.3px;box-shadow:0 1px 3px var(--color-badge-shadow);z-index:2;pointer-events:none;transition:all .2s ease-out}html[data-theme=dark] .document-txt-badge{background-color:var(--color-badge-txt-dark);border-color:var(--color-ios-bg-primary-dark)}.status-item:hover .document-txt-badge,.customer-documents-item:hover .document-txt-badge,.search-result-row:hover .document-txt-badge,.file-list-row:hover .document-txt-badge,.file-grid-item:hover .document-txt-badge{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-txt-glow)}html[data-theme=dark] .status-item:hover .document-txt-badge,html[data-theme=dark] .customer-documents-item:hover .document-txt-badge,html[data-theme=dark] .search-result-row:hover .document-txt-badge,html[data-theme=dark] .file-list-row:hover .document-txt-badge,html[data-theme=dark] .file-grid-item:hover .document-txt-badge{box-shadow:0 0 8px var(--color-badge-txt-glow-dark)}.document-bin-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--color-badge-text);background-color:var(--color-badge-bin);border:1.5px solid var(--color-ios-bg-primary-light);border-radius:3px;padding:1px 3px;line-height:1;letter-spacing:.3px;box-shadow:0 1px 3px var(--color-badge-shadow);z-index:2;pointer-events:none;transition:all .2s ease-out}html[data-theme=dark] .document-bin-badge{background-color:var(--color-badge-bin-dark);border-color:var(--color-ios-bg-primary-dark)}.status-item:hover .document-bin-badge,.customer-documents-item:hover .document-bin-badge,.search-result-row:hover .document-bin-badge,.file-list-row:hover .document-bin-badge,.file-grid-item:hover .document-bin-badge{transform:translate(-50%) scale(1.1);box-shadow:0 0 8px var(--color-badge-bin-glow)}}@layer utilities{.resizable-header{position:relative}.column-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;background:transparent;transition:background-color .15s ease-out}.column-resize-handle:hover{background-color:var(--color-primary-200, rgba(59, 130, 246, .3))}.column-resize-handle--active{background-color:var(--color-primary-400, rgba(59, 130, 246, .5))}html[data-theme=dark] .column-resize-handle:hover{background-color:var(--color-primary-700, rgba(59, 130, 246, .4))}html[data-theme=dark] .column-resize-handle--active{background-color:var(--color-primary-500, rgba(59, 130, 246, .6))}.column-resize-overlay{position:fixed;inset:0;cursor:col-resize;z-index:9999;-webkit-user-select:none;user-select:none}}@layer components{.tab-table__scroll{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.tab-table__scroll::-webkit-scrollbar{width:8px;height:8px}.tab-table__scroll::-webkit-scrollbar-track{background:transparent}.tab-table__scroll::-webkit-scrollbar-thumb{background-color:var(--color-ios-scrollbar-light);border-radius:4px}html[data-theme=dark] .tab-table__scroll::-webkit-scrollbar-thumb{background-color:var(--color-ios-scrollbar-dark)}.tab-table__scroll::-webkit-scrollbar-corner{background:transparent}.tab-table__header{display:grid;grid-template-columns:var(--grid-cols);gap:4px;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;background:var(--color-neutral-100);border-radius:4px;margin-bottom:4px;font-size:var(--font-size-caption-1);font-family:var(--font-family-text);font-weight:600;color:var(--color-ios-text-secondary-light);position:sticky;top:0;z-index:100;box-shadow:0 1px 0 0 var(--color-ios-separator-light)}html[data-theme=dark] .tab-table__header{background:var(--color-neutral-700);color:var(--color-ios-text-secondary-dark);box-shadow:0 1px 0 0 var(--color-ios-separator-dark)}.tab-table__header:has(.header-checkbox){grid-template-columns:28px var(--grid-cols)}.tab-table__header>div{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}.tab-table__header .header-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease-out;padding:4px 6px;margin:-4px -6px;border-radius:4px}.tab-table__header .header-sortable:hover{background-color:var(--color-ios-bg-tertiary-light)}html[data-theme=dark] .tab-table__header .header-sortable:hover{background-color:var(--color-ios-bg-tertiary-dark)}.tab-table__header .header-sortable:active{background-color:var(--color-ios-bg-hover-light)}html[data-theme=dark] .tab-table__header .header-sortable:active{background-color:var(--color-ios-bg-hover-dark)}.tab-table__body{display:flex;flex-direction:column;gap:2px}.tab-table__row{display:grid;grid-template-columns:var(--grid-cols);gap:4px;align-items:center;width:100%;box-sizing:border-box;height:32px;padding:6px 10px;background:var(--color-ios-bg-primary-light);border-radius:4px;cursor:default;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;font-size:var(--font-size-footnote);font-family:var(--font-family-text)}html[data-theme=dark] .tab-table__row{background:var(--color-ios-bg-primary-dark)}.tab-table__row:hover{background-color:var(--color-ios-bg-hover-light);transform:translate(2px)}html[data-theme=dark] .tab-table__row:hover{background-color:var(--color-ios-bg-hover-dark)}.tab-table__row:has(.row-checkbox){grid-template-columns:28px var(--grid-cols)}.tab-table__row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ios-text-primary-light)}html[data-theme=dark] .tab-table__row>span{color:var(--color-ios-text-primary-dark)}.tab-table__header .header-checkbox,.tab-table__row .row-checkbox{display:flex;align-items:center;justify-content:center}.tab-table__row .row-checkbox{cursor:pointer}.tab-table__header .header-checkbox input[type=checkbox],.tab-table__row .row-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.tab-table__scroll.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.tab-table__scroll.is-resizing *{cursor:col-resize}@media(max-width:768px){.tab-table__scroll{overflow-x:auto}.tab-table__header{gap:3px;padding:6px 8px;font-size:10px}.tab-table__row{gap:3px;padding:4px 8px;height:28px;font-size:11px}div.tab-table__pagination{display:none}}@media(max-width:480px){.tab-table__header,.tab-table__row{min-width:400px}}}.status-filename-text.document-name--alias,.doc-explorer-tree__doc-name-text.document-name--alias,.row-title.document-name--alias,.cde-doc-row__name.document-name--alias,span.document-name--alias{display:inline-block;transform:skew(-10deg);color:var(--color-primary-600)}.document-name--alias:before{content:"✦";font-style:normal;color:var(--color-primary-600);font-size:.85em;opacity:.7}.filename-mode-toggle{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.3;border:none;border-radius:9px;cursor:pointer;white-space:nowrap;transition:opacity .15s ease-out}.filename-mode-toggle--alias{background:var(--color-primary-50);color:var(--color-primary-600)}html[data-theme=dark] .filename-mode-toggle--alias{background:#3b82f626;color:var(--color-primary-400)}.filename-mode-toggle--original{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.filename-mode-toggle:hover{opacity:.75}.filename-mode-toggle:active{transform:scale(.95)}.document-name__alias-failed{display:inline-flex;align-items:center;margin-left:4px;color:var(--color-text-tertiary);font-size:11px;cursor:help;opacity:.6;transition:opacity .15s}.document-name__alias-failed:hover{opacity:1}@layer components{.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;width:100%;background:var(--color-bg-primary)}.login-container{width:100%;max-width:400px;padding:48px 32px;background:var(--color-bg-secondary);border-radius:16px;box-shadow:0 4px 24px var(--color-shadow-light),0 1px 3px var(--color-shadow-light)}.login-header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-logo-full{width:220px;height:auto}.login-header h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.login-header p{font-size:15px;color:var(--color-text-secondary);margin:0}.login-content{display:flex;flex-direction:column;gap:16px}.social-login-buttons{display:flex;flex-direction:column;gap:12px}.social-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.social-login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.social-login-button:active{transform:translateY(0)}.social-login-button svg{flex-shrink:0}.kakao-login-button{background:#fee500;color:#371d1e}.kakao-login-button:hover{background:#fdd835}.naver-login-button{background:#03c75a;color:#fff}.naver-login-button:hover{background:#02b350}.google-login-button{background:#fff;color:#3c4043;border:1px solid #dadce0}.google-login-button:hover{background:#f8f9fa;border-color:#c6c6c6}.social-login-button--disabled{opacity:.35;cursor:not-allowed}.social-login-button--disabled:hover{transform:none;box-shadow:none}.kakao-login-button--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.kakao-login-button--secondary:hover{background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:none}.kakao-login-button--secondary svg path{fill:var(--color-text-secondary)}.switch-account-section{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;flex-wrap:nowrap}.switch-account-divider{color:var(--color-text-quaternary);font-size:12px;flex-shrink:0}.switch-account-button{background:none;border:none;color:var(--color-text-tertiary);font-size:12px;cursor:pointer;padding:8px 4px;transition:color .2s ease;white-space:nowrap;flex-shrink:0}.switch-account-button:hover{color:var(--color-text-secondary);text-decoration:underline}.dev-login-button{margin-top:16px;background:var(--color-button-dev-bg);border:1px solid var(--color-button-dev-border);color:var(--color-button-dev-text)}.dev-login-button:hover{background:var(--color-button-dev-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-button-dev-shadow)}.dev-login-button .dev-icon{font-size:14px}.login-remember-device{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}.login-remember-device input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.login-remember-device input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.login-remember-device label{font-size:13px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember-device input[type=checkbox]:disabled+label{cursor:not-allowed;opacity:.5}.login-remember-device-hint{width:100%;text-align:center;font-size:11px;color:var(--color-text-quaternary)}.login-pin-container{display:flex;flex-direction:column;align-items:center;gap:0;padding:32px 32px 24px}.login-pin-avatar{width:72px;height:72px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:var(--color-text-secondary);overflow:hidden;box-shadow:0 2px 8px var(--color-shadow-light)}.login-pin-avatar img{width:100%;height:100%;object-fit:cover}.login-pin-name{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:12px 0 4px}.login-pin-message{font-size:13px;color:var(--color-text-tertiary);margin:0 0 28px}.login-pin-error{font-size:12px;color:var(--color-status-error);min-height:18px;margin:8px 0 12px}.login-pin-switch{font-size:12px;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;padding:8px 12px}.login-pin-switch:hover{color:var(--color-text-secondary);text-decoration:underline}.pin-dots{display:flex;gap:20px;justify-content:center;align-items:center;cursor:text;padding:16px 24px;border-radius:12px;transition:box-shadow .2s ease}.pin-dots:focus-within{box-shadow:0 0 0 2px var(--color-accent, #7c3aed)}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border-secondary);background:transparent;transition:all .15s ease}@keyframes pin-dot-pulse{0%,to{opacity:.4}50%{opacity:1}}.pin-dot--next{border-color:var(--color-accent, #7c3aed);animation:pin-dot-pulse 1.2s ease-in-out infinite}.pin-dot--filled{background:var(--color-text-primary);border-color:var(--color-text-primary);transform:scale(1.1)}.pin-dot--error{border-color:var(--color-status-error);background:var(--color-status-error)}.pin-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;direction:ltr;text-align:left;caret-color:transparent}@keyframes pin-shake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.pin-dots--shake{animation:pin-shake .4s ease-in-out}@media(max-width:480px){.login-container{max-width:100%;border-radius:0;box-shadow:none;background:var(--color-bg-primary);padding:64px 24px 32px;min-height:100vh;min-height:100dvh}.switch-account-section{flex-wrap:wrap;justify-content:center;gap:0}.switch-account-button{padding:12px 8px;font-size:13px}.login-pin-container{padding:80px 24px 32px;justify-content:flex-start}.login-pin-switch{padding:12px 16px;min-height:44px;font-size:13px}}}@layer components{@media(max-width:768px){.login-container{max-width:360px;padding:36px 24px;border-radius:12px}.login-header{margin-bottom:36px;gap:8px}.login-logo-full{width:180px}.login-header h1{font-size:26px}.login-header p{font-size:14px}.social-login-button{padding:12px 20px;min-height:44px;font-size:15px}.login-pin-container{padding:24px 24px 20px}.login-pin-avatar{width:64px;height:64px;font-size:24px}.login-pin-name{font-size:16px}.login-pin-message{font-size:12px;margin-bottom:24px}.login-pin-switch{min-height:44px;padding:10px 14px}.switch-account-button{min-height:44px;padding:10px 6px}.login-remember-device label{font-size:12px}.dev-login-button{min-height:44px}}}@layer components{.auth-callback-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary)}.auth-callback-container{text-align:center;padding:48px 32px}.loading-spinner{width:48px;height:48px;margin:0 auto 24px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-callback-container h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.auth-callback-container p{font-size:15px;color:var(--color-text-secondary);margin:0}.error-icon{font-size:64px;margin-bottom:24px}}@layer components{.tooltip-trigger{display:inline-flex}.tooltip{z-index:9999;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-ease-out)}.tooltip-content{background-color:var(--color-ios-tooltip-bg-light);color:var(--color-ios-tooltip-text-light);padding:var(--spacing-1-5) var(--spacing-3);border-radius:6px;white-space:nowrap;max-width:none;box-shadow:var(--shadow-popover-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html[data-theme=dark] .tooltip-content{background-color:var(--color-ios-tooltip-bg-dark);color:var(--color-ios-tooltip-text-dark);box-shadow:var(--shadow-popover-dark)}.tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--color-ios-tooltip-bg-light);transform:rotate(45deg)}html[data-theme=dark] .tooltip-arrow{background-color:var(--color-ios-tooltip-bg-dark)}.tooltip--top .tooltip-arrow{bottom:-4px}.tooltip--bottom .tooltip-arrow{top:-4px}.tooltip--left .tooltip-arrow{right:-4px}.tooltip--right .tooltip-arrow{left:-4px}.tooltip-trigger>*:focus-visible+.tooltip{opacity:1}}@layer components{.user-profile-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}html[data-theme=dark] .user-profile-header{border-bottom-color:#ffffff1a}.user-profile-header__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-avatar-bg);color:var(--color-avatar-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:var(--font-size-title-3);font-weight:var(--font-weight-semibold)}.user-profile-header__avatar img{width:100%;height:100%;object-fit:cover}.user-profile-header__initial{-webkit-user-select:none;user-select:none}.user-profile-header__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-profile-header__name{font-family:var(--font-family-display);font-size:var(--font-size-headline);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-header__email{font-family:var(--font-family-text);font-size:var(--font-size-caption-1);color:var(--color-text-secondary);line-height:1.3;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.user-profile-header{gap:6px;padding:8px}.user-profile-header__avatar{width:28px;height:28px;font-size:var(--font-size-caption-1)}.user-profile-header__name{font-size:var(--font-size-caption-1);line-height:1.2}.user-profile-header__email{font-size:10px;line-height:1.2}}}@layer components{.user-profile-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:var(--border-radius-medium);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-headline);color:var(--color-text-primary);text-align:left;transition:all var(--duration-fast) var(--easing-ease-out)}.user-profile-menu-item__icon{width:17px;height:17px;flex-shrink:0;color:var(--color-text-primary)}.user-profile-menu-item .sf-symbol,.user-profile-menu-item .sf-symbol__shape{font-size:16.9px}.user-profile-menu-item__icon--green{color:var(--color-ios-green)}.user-profile-menu-item__icon--blue{color:var(--color-ios-blue)}.user-profile-menu-item__icon--orange{color:var(--color-ios-orange)}.user-profile-menu-item__icon--purple{color:var(--color-ios-purple)}.user-profile-menu-item__icon--yellow{color:var(--color-folder-yellow)}.user-profile-menu-item:hover:not(:disabled){background:var(--color-bg-hover);transform:translate(2px)}.user-profile-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.user-profile-menu-item:active:not(:disabled){transform:scale(.98)}.user-profile-menu-item--disabled{opacity:.4;cursor:not-allowed}.user-profile-menu-item--danger,.user-profile-menu-item--danger .user-profile-menu-item__icon{color:var(--color-error)}.user-profile-menu-item--danger:hover:not(:disabled){background:#ff3b301a}html[data-theme=dark] .user-profile-menu-item--danger:hover:not(:disabled){background:#ff453a26}.user-profile-menu-item__label{flex:1;font-weight:var(--font-weight-regular);line-height:1.4}.user-profile-menu-divider{height:1px;margin:8px 0;background:var(--color-border);opacity:.5}html[data-theme=dark] .user-profile-menu-divider{background:#ffffff1a}@media(max-width:768px){.user-profile-menu-item{gap:6px;padding:4px 8px;font-size:var(--font-size-caption-1)}.user-profile-menu-item__icon{width:13px;height:13px}.user-profile-menu-item .sf-symbol,.user-profile-menu-item .sf-symbol__shape{font-size:var(--font-size-footnote)}.user-profile-menu-item__label{line-height:1.2}.user-profile-menu-divider{margin:3px 0}}}@layer components{.account-settings{display:flex;flex-direction:column;gap:var(--spacing-3)}.account-settings__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.account-settings__section{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.account-settings__section--profile{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0;background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;margin-bottom:var(--spacing-2)}.account-settings__section-title{margin:0;padding-bottom:var(--spacing-1);border-bottom:1.5px solid var(--color-accent-blue);font-size:var(--font-size-caption-2);font-family:var(--font-family-text);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.account-settings__section--footer{padding:0;background:transparent;border:none;border-top:1px solid var(--color-border);border-radius:0;margin-top:var(--spacing-1);padding-top:var(--spacing-3)}.account-settings__advanced-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings__advanced-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent-blue);box-shadow:0 1px 4px #3b82f61a}.account-settings__advanced-button:active:not(:disabled){transform:scale(.99)}.account-settings__advanced-button:disabled{opacity:.4;cursor:not-allowed}.account-settings__advanced-content{display:flex;align-items:center;gap:var(--spacing-2)}.account-settings__advanced-icon{flex-shrink:0;width:14px;height:14px;color:var(--color-accent-blue);transition:transform var(--duration-fast) var(--easing-ease-out)}.account-settings__advanced-button:hover:not(:disabled) .account-settings__advanced-icon{transform:scale(1.1)}.account-settings__advanced-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-settings__advanced-chevron{flex-shrink:0;width:10px;height:10px;color:var(--color-text-tertiary);opacity:.6;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings__advanced-button:hover:not(:disabled) .account-settings__advanced-chevron{opacity:1;transform:translate(2px)}.account-settings__profile{display:flex;align-items:center;gap:var(--spacing-3)}.account-settings__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-settings__avatar img{width:100%;height:100%;object-fit:cover}.account-settings__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:var(--color-bg-secondary)}.account-settings__profile-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.account-settings__profile-name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings__profile-email{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.account-settings__edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-accent-blue);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);opacity:.7}.account-settings__edit-button:hover{opacity:1;transform:scale(1.1);background:transparent}.account-settings__edit-button:active{transform:scale(.95)}.account-settings__edit-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings__settings-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-accent-blue);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);opacity:.7}.account-settings__settings-button:hover:not(:disabled){opacity:1;transform:scale(1.1);background:transparent}.account-settings__settings-button:active:not(:disabled){transform:scale(.95)}.account-settings__settings-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings__settings-button:disabled{opacity:.3;cursor:not-allowed}.account-settings__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.account-settings__label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.account-settings__label-icon{flex-shrink:0}.account-settings__grid>section:first-child .account-settings__field:nth-child(2) .account-settings__label-icon{color:var(--color-icon-blue)}.account-settings__grid>section:first-child .account-settings__field:nth-child(3) .account-settings__label-icon{color:var(--color-icon-orange)}.account-settings__grid>section:first-child .account-settings__field:nth-child(4) .account-settings__label-icon{color:var(--color-icon-blue)}.account-settings__grid>section:last-child .account-settings__field:nth-child(2) .account-settings__label-icon{color:var(--color-icon-green)}.account-settings__grid>section:last-child .account-settings__field:nth-child(3) .account-settings__label-icon{color:var(--color-icon-purple)}.account-settings__input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings__input:focus:not(:disabled){border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-translucent);background:var(--color-bg-primary);transform:translateY(-1px)}.account-settings__input:disabled{opacity:.7;cursor:not-allowed;background:var(--color-bg-tertiary)}.account-settings__input--editing{background:var(--color-bg-primary);border-color:var(--color-accent-blue);box-shadow:0 0 0 2px var(--color-accent-blue-translucent)}.account-settings__input::placeholder{color:var(--color-text-tertiary)}.account-settings__toggle-group{display:flex;gap:var(--spacing-4);justify-content:space-between}.account-settings__toggle-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);flex:1}.account-settings__toggle-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-settings__toggle{position:relative;width:44px;height:26px;border:none;border-radius:13px;background:var(--color-bg-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-ease-out);padding:0;outline:none;flex-shrink:0}.account-settings__toggle:focus{box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings__toggle--active{background:var(--color-accent-green)}.account-settings__toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--color-bg-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--easing-ios-spring);display:block}.account-settings__toggle--active .account-settings__toggle-slider{transform:translate(18px)}.account-settings__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);align-items:center}@media(max-width:768px){.account-settings__grid{grid-template-columns:1fr;gap:var(--spacing-4)}.account-settings__toggle-group{grid-template-columns:1fr}}@media(max-width:480px){.account-settings{gap:var(--spacing-3)}.account-settings__section{gap:var(--spacing-2)}.account-settings__section--profile{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.account-settings__avatar{width:56px;height:56px}.account-settings__profile-name{font-size:var(--font-size-base)}.account-settings__grid,.account-settings__toggle-group{grid-template-columns:1fr;gap:var(--spacing-3)}.account-settings__footer-actions{flex-direction:column-reverse;width:100%}.account-settings__footer-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.account-settings__input,.account-settings__toggle,.account-settings__toggle-slider{transition:none}}}@layer components{.breadcrumb-nav{display:flex;align-items:center;min-width:0}.breadcrumb-list{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;min-width:0;flex-wrap:nowrap;overflow:clip}.breadcrumb-item{display:flex;align-items:center;gap:0;min-width:0;flex-shrink:0}.breadcrumb-item:last-child{flex-shrink:1;min-width:0}.breadcrumb-link{font-size:var(--font-size-caption-1);font-family:var(--font-family-system);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);background:none;border:none;padding:var(--spacing-0-5) var(--spacing-1);margin:0;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--duration-fast) var(--easing-ease-out);white-space:nowrap}.breadcrumb-link:hover{color:var(--color-accent-primary);background-color:var(--color-ios-bg-tertiary-light)}[data-theme=dark] .breadcrumb-link:hover{background-color:var(--color-ios-bg-tertiary-dark)}.breadcrumb-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.breadcrumb-text{font-size:var(--font-size-caption-1);font-family:var(--font-family-system);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);padding:var(--spacing-0-5) var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-text--current{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{font-size:var(--font-size-caption-1);color:var(--color-text-quaternary);padding:0 var(--spacing-0-5);-webkit-user-select:none;user-select:none;flex-shrink:0}}@layer components{.center-pane-view{position:absolute;top:var(--margin-top);left:var(--margin-left);right:var(--margin-right);bottom:var(--margin-bottom);background-color:var(--color-layout-content-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-layout-accent-light);z-index:var(--z-index-modal);display:flex;flex-direction:column;overflow:hidden;animation:centerPaneViewSlideIn var(--duration-ios-standard, .3s) var(--easing-ios-default, cubic-bezier(.25, .1, .25, 1))}html[data-theme=dark] .center-pane-view{background-color:var(--color-layout-content-dark);border-color:var(--color-layout-accent-dark);box-shadow:var(--shadow-dark-lg)}.center-pane-view__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:.5px solid var(--color-layout-accent-light);background-color:var(--color-header-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}html[data-theme=dark] .center-pane-view__header{border-bottom-color:var(--color-layout-accent-dark)}.center-pane-view__description{margin:0;padding:12px 24px;font-size:var(--font-size-footnote);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-bottom:.5px solid var(--color-layout-accent-light);line-height:1.4}html[data-theme=dark] .center-pane-view__description{border-bottom-color:var(--color-layout-accent-dark)}.center-pane-view__breadcrumb{padding:8px 24px 0;flex-shrink:0}.center-pane-view__title-left-accessory{display:flex;align-items:center;flex-shrink:0;margin-right:12px}.center-pane-view__title{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--font-size-subheadline);font-weight:var(--font-weight-semibold);color:var(--color-header-title);font-family:var(--font-family-display);line-height:var(--line-height-tight);letter-spacing:-.05px;font-variant-numeric:tabular-nums}.center-pane-view__title-action{display:inline-flex;align-items:center;margin-left:4px}.center-pane-view__title-action .view-switch-button{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px 0 5px;border:none;border-radius:11px;background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:var(--font-size-caption-2);font-weight:400;letter-spacing:-.01em;cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);white-space:nowrap}.center-pane-view__title-action .view-switch-button:hover{background:var(--color-bg-hover);color:var(--color-primary-600)}.center-pane-view__title-action .view-switch-button:active{transform:scale(.96)}.center-pane-view__title-action .view-switch-button svg{width:11px;height:11px;flex-shrink:0}.center-pane-view__content{flex:1;min-height:0;padding:24px;overflow-y:auto;color:var(--color-text-primary);scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.center-pane-view__content::-webkit-scrollbar{width:6px}.center-pane-view__content::-webkit-scrollbar-track{background:transparent}.center-pane-view__content::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:3px;transition:background-color .2s ease}.center-pane-view__content::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}.center-pane-view__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-placeholder);gap:16px;padding:40px}.center-pane-view__placeholder p{margin:0;font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);font-family:var(--font-family-text);line-height:1.4;letter-spacing:.02px;max-width:240px}@keyframes centerPaneViewSlideIn{0%{opacity:0;transform:translate(20px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes centerPaneViewFadeIn{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.center-pane-view{--margin-top: 8px;--margin-bottom: 8px;--margin-left: 8px;--margin-right: 8px}.center-pane-view__header{padding:16px 20px}.center-pane-view__content{padding:20px}.center-pane-view__title{font-size:var(--font-size-footnote);letter-spacing:-.02px}.center-pane-view__placeholder{padding:32px 20px;gap:12px}.center-pane-view__placeholder p{font-size:var(--font-size-caption-1)}}@media(max-width:480px){.center-pane-view{--margin-top: 0px;--margin-bottom: 0px;--margin-left: 0px;--margin-right: 0px;border-radius:0}.center-pane-view__header{padding:6px 12px;gap:4px}.center-pane-view__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-caption-1)}.center-pane-view__title-accessory{flex-shrink:0}.center-pane-view__title-left-accessory{margin-right:6px}.center-pane-view__content{padding:8px}.center-pane-view__breadcrumb{display:none}.center-pane-view__title-icon .sf-symbol{font-size:1.1em}.center-pane-view__description{padding:8px 12px;font-size:var(--font-size-caption-1)}}@media(prefers-contrast:high){.center-pane-view{border-width:2px}.center-pane-view__title{color:var(--color-text-primary)}}@media(prefers-reduced-motion:reduce){.center-pane-view{animation:none}}.center-pane-view__title-icon{display:flex;align-items:center;flex-shrink:0}.center-pane-view__title-icon .sf-symbol{font-size:1.3em}.center-pane-view__title-icon .sf-symbol__shape{font-size:inherit}.center-pane-view__title-icon .menu-icon-pink{color:var(--color-ios-pink)}.center-pane-view__title-icon .menu-icon-red{color:var(--color-icon-doc-status)}.center-pane-view__title-icon .menu-icon-green{color:var(--color-ios-green)}.center-pane-view__title-icon .menu-icon-purple{color:var(--color-ios-purple, #AF52DE)}.center-pane-view__title-accessory{display:inline-flex;align-items:center;gap:8px}@media(pointer:coarse){.center-pane-view__title-action .view-switch-button{height:28px;font-size:var(--font-size-caption-1)}.center-pane-view__title-action .view-switch-button:hover{transform:none}}}@layer components{.account-settings-view__tabs{display:flex;gap:var(--spacing-2);padding:var(--spacing-4);margin:var(--spacing-4);margin-bottom:0}.account-settings-view__tab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;white-space:nowrap}.account-settings-view__tab:hover:not(.account-settings-view__tab--active){color:var(--color-text-primary);background:var(--color-bg-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.account-settings-view__tab:focus{outline:none}.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active{color:var(--color-text-inverse);background:var(--color-accent-blue);border-color:var(--color-accent-blue);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px var(--color-accent-blue-translucent)}.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active span{color:var(--color-text-inverse)}.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active svg{color:var(--color-text-inverse)}.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active .sf-symbol,.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active .sf-symbol:before{color:var(--color-neutral-0)}.account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-blue-translucent)}html[data-theme=dark] .account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active{color:var(--color-text-inverse);background:var(--color-accent-blue);border-color:var(--color-accent-blue);box-shadow:0 2px 8px var(--color-accent-blue-translucent)}html[data-theme=dark] .account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active span{color:var(--color-text-inverse)}html[data-theme=dark] .account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active svg{color:var(--color-text-inverse)}html[data-theme=dark] .account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active .sf-symbol,html[data-theme=dark] .account-settings-view__tabs .account-settings-view__tab.account-settings-view__tab--active .sf-symbol:before{color:var(--color-neutral-0)}.account-settings-view__tab.account-settings-view__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.account-settings-view__tab.account-settings-view__tab--disabled:hover{background:transparent;transform:none}.account-settings-view__content{padding:var(--spacing-6);overflow-y:auto;max-height:calc(100vh - 200px)}.account-settings-view__profile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-5);padding:var(--spacing-5);margin-bottom:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.account-settings-view__profile{display:flex;align-items:center;gap:var(--spacing-5);flex:1;min-width:0}.account-settings-view__avatar-wrapper{display:inline-block;flex-shrink:0}.account-settings-view__avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings-view__avatar:hover .account-settings-view__avatar-overlay{opacity:1}.account-settings-view__avatar-overlay{position:absolute;inset:0;background:var(--color-overlay-modal);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);opacity:0;transition:opacity var(--duration-fast) var(--easing-ease-out);pointer-events:none}.account-settings-view__avatar img{width:100%;height:100%;object-fit:cover}.account-settings-view__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:linear-gradient(135deg,var(--color-accent-blue-translucent),var(--color-accent-purple-translucent))}.account-settings-view__profile-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.account-settings-view__name-row{display:flex;align-items:center;gap:var(--spacing-2)}.account-settings-view__name-row .edit-mode-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);opacity:.7;flex-shrink:0}.account-settings-view__name-row .edit-mode-icon-button svg{color:var(--color-text-primary)}.account-settings-view__name-row .edit-mode-icon-button:hover{opacity:1;transform:scale(1.1);background:transparent}.account-settings-view__name-row .edit-mode-icon-button:active{transform:scale(.95)}.account-settings-view__profile-name{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings-view__edit-button-inline{width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-primary-500);cursor:pointer;transition:all .2s ease;opacity:.7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-settings-view__edit-button-inline:hover{background:transparent;opacity:1;transform:scale(1.1)}html[data-theme=dark] .account-settings-view__edit-button-inline{color:var(--color-primary-400)}html[data-theme=dark] .account-settings-view__edit-button-inline:hover{background:transparent;opacity:1}.account-settings-view__profile-email{margin:0;font-size:var(--font-size-caption-1);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings-view__header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.account-settings-view__header-actions .account-settings-view__edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-accent-blue);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);opacity:.7}.account-settings-view__header-actions .account-settings-view__edit-button:hover{opacity:1;transform:scale(1.1);background:transparent}.account-settings-view__header-actions .account-settings-view__edit-button:active{transform:scale(.95)}.account-settings-view__header-actions .account-settings-view__edit-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings-view__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.account-settings-view__section{display:flex;flex-direction:column;gap:var(--spacing-4)}.account-settings-view__section-title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-caption-1);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.account-settings-view__section--danger{padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.account-settings-view__profile{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);position:relative;margin-bottom:var(--spacing-4)}.account-settings-view__profile .account-settings-view__edit-button{position:absolute;bottom:0;right:50%;transform:translate(calc(50% + 36px));width:36px;height:36px;border-radius:50%;border:2px solid var(--color-bg-primary);background:var(--color-accent-blue);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings-view__profile .account-settings-view__edit-button:hover{transform:translate(calc(50% + 36px)) scale(1.1);box-shadow:var(--shadow-sm)}.account-settings-view__profile .account-settings-view__edit-button:active{transform:translate(calc(50% + 36px)) scale(.95)}.account-settings-view__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.account-settings-view__label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.account-settings-view__label-icon{flex-shrink:0;color:var(--color-text-secondary)}.account-settings-view__grid>section:first-child>.account-settings-view__field:nth-of-type(1) .account-settings-view__label-icon{color:var(--color-icon-blue)}.account-settings-view__grid>section:first-child>.account-settings-view__field:nth-of-type(2) .account-settings-view__label-icon{color:var(--color-icon-orange)}.account-settings-view__grid>section:first-child>.account-settings-view__field:nth-of-type(3) .account-settings-view__label-icon{color:var(--color-icon-blue)}.account-settings-view__grid>section:last-child>.account-settings-view__field:nth-of-type(1) .account-settings-view__label-icon{color:var(--color-icon-green)}.account-settings-view__grid>section:last-child>.account-settings-view__field:nth-of-type(2) .account-settings-view__label-icon{color:var(--color-icon-purple)}.account-settings-view__input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-footnote);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings-view__input:focus:not(:disabled){border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-translucent);background:var(--color-bg-primary)}.account-settings-view__input:disabled{opacity:.7;cursor:not-allowed;background:var(--color-bg-secondary)}.account-settings-view__input::placeholder{color:var(--color-text-tertiary)}}@layer components{.account-settings-view__toggle-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.account-settings-view__toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0}.account-settings-view__toggle-label{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-footnote);color:var(--color-text-primary)}.account-settings-view__toggle{position:relative;width:51px;height:31px;border:none;border-radius:16px;background:var(--color-bg-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-ease-out);padding:0;outline:none}.account-settings-view__toggle:focus{box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings-view__toggle--active{background:var(--color-accent-green)}.account-settings-view__toggle-slider{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:var(--color-bg-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--easing-ios-spring);display:block}.account-settings-view__toggle--active .account-settings-view__toggle-slider{transform:translate(20px)}.account-settings-view__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.account-settings-view__button{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);outline:none}.account-settings-view__button:focus{box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.account-settings-view__button--primary{background:var(--color-accent-blue);color:var(--color-text-inverse)}.account-settings-view__button--primary:hover{background:var(--color-accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.account-settings-view__button--primary:active{transform:translateY(0);box-shadow:none}.account-settings-view__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.account-settings-view__button--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.account-settings-view__button--secondary:active{background:var(--color-bg-quaternary)}.account-settings-view__link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);width:100%;font-size:var(--font-size-footnote);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);text-align:left}.account-settings-view__link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.account-settings-view__link--danger{color:var(--color-error)}.account-settings-view__link--danger:hover{background:var(--color-error-translucent);color:var(--color-error)}.account-settings-view__badge{margin-left:auto;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}@media(max-width:1024px){.account-settings-view__grid{grid-template-columns:1fr;gap:var(--spacing-5)}}@media(max-width:768px){.account-settings-view__tabs{flex-wrap:wrap}.account-settings-view__content{padding:var(--spacing-4)}.account-settings-view__profile-header{flex-direction:column;text-align:center;align-items:center}.account-settings-view__profile-info{align-items:center}.account-settings-view__avatar{width:72px;height:72px}.account-settings-view__grid{grid-template-columns:1fr;gap:var(--spacing-4)}.account-settings-view__edit-button{width:32px;height:32px;transform:translate(calc(50% + 28px))}.account-settings-view__edit-button:hover{transform:translate(calc(50% + 28px)) scale(1.1)}}@media(prefers-reduced-motion:reduce){.account-settings-view__tab,.account-settings-view__input,.account-settings-view__toggle,.account-settings-view__toggle-slider,.account-settings-view__button,.account-settings-view__link,.account-settings-view__edit-button{transition:none}}.account-settings-view__delete-modal-footer{display:flex;gap:var(--spacing-2);justify-content:flex-end}.account-settings-view__delete-modal-content{text-align:center;padding:1rem 0}.account-settings-view__delete-modal-icon{width:48px;height:48px;border-radius:50%;background:var(--color-bg-error-subtle, rgba(255, 59, 48, .1));display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.account-settings-view__delete-modal-title{color:var(--color-text-primary);margin-bottom:.5rem;font-weight:600}.account-settings-view__delete-modal-desc{color:var(--color-text-secondary);font-size:var(--font-size-footnote)}.account-settings-view__delete-confirm-input{margin-top:var(--spacing-4);text-align:left}.account-settings-view__delete-confirm-label{display:block;font-size:var(--font-size-caption-1);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.account-settings-view__delete-confirm-label strong{color:var(--color-text-error, #FF3B30);font-weight:var(--font-weight-semibold)}.account-settings-view__delete-confirm-field{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--duration-fast) var(--easing-standard)}.account-settings-view__delete-confirm-field::placeholder{color:var(--color-text-tertiary);opacity:.6}.account-settings-view__delete-confirm-field:focus::placeholder,.account-settings-view__delete-confirm-field:not(:placeholder-shown)::placeholder{opacity:0;color:transparent}.account-settings-view__delete-confirm-field:-webkit-autofill,.account-settings-view__delete-confirm-field:-webkit-autofill:hover,.account-settings-view__delete-confirm-field:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.account-settings-view__delete-confirm-field:focus{border-color:var(--color-text-error, #FF3B30)}.account-settings-view__delete-confirm-field:disabled{opacity:.5;cursor:not-allowed}}@layer components{.storage-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.storage-card__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--color-text-secondary);font-size:var(--font-size-footnote)}.storage-card__loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.storage-card__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--color-text-error);font-size:var(--font-size-footnote)}.storage-card__header{display:flex;align-items:center;justify-content:space-between}.storage-card__tier{display:flex;align-items:center;gap:var(--spacing-3)}.storage-card__tier-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.storage-card__tier-info{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.storage-card__tier-label{font-size:var(--font-size-caption-2);color:var(--color-text-tertiary)}.storage-card__tier-name{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold)}.storage-card__quota{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.storage-card__usage{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.storage-card__usage-header{display:flex;align-items:center;justify-content:space-between}.storage-card__usage-label{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.storage-card__usage-value{font-size:var(--font-size-footnote);color:var(--color-text-primary)}.storage-card__usage-value strong{font-weight:var(--font-weight-semibold)}.storage-card__usage-percent{margin-left:var(--spacing-1);color:var(--color-text-tertiary)}.storage-card__progress{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.storage-card__progress-bar{height:100%;background:var(--color-accent-blue);border-radius:var(--radius-full);transition:width .3s ease}.storage-card__progress--warning .storage-card__progress-bar{background:var(--color-accent-orange)}.storage-card__progress--danger .storage-card__progress-bar{background:var(--color-accent-red)}.storage-card__remaining{display:flex;align-items:center;justify-content:space-between}.storage-card__remaining-label{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary)}.storage-card__remaining-value{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-accent-blue)}.storage-card__remaining-value--warning{color:var(--color-accent-orange)}.storage-card__remaining-value--danger{color:var(--color-accent-red)}.storage-card__unlimited{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-caption-1);color:var(--color-accent-green);font-weight:var(--font-weight-medium)}.storage-card__warning{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-caption-1);line-height:1.4}.storage-card__warning--yellow{background:var(--color-accent-orange-translucent, rgba(255, 149, 0, .1));color:var(--color-accent-orange)}.storage-card__warning--red{background:var(--color-accent-red-translucent, rgba(255, 59, 48, .1));color:var(--color-accent-red)}.storage-card__warning--gray{background:var(--color-bg-tertiary, rgba(142, 142, 147, .1));color:var(--color-text-tertiary)}.storage-card__warning svg{flex-shrink:0;margin-top:1px}.data-management-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.data-management-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);text-align:left;width:100%}.data-management-card:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.data-management-card:disabled{opacity:.6;cursor:not-allowed}.data-management-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.data-management-card__icon--blue{background:var(--color-accent-blue-translucent, rgba(0, 122, 255, .1));color:var(--color-accent-blue)}.data-management-card__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.data-management-card__title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.data-management-card__desc{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary)}.data-management-card__badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.danger-action-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);text-align:left;width:100%}.danger-action-card:hover{background:var(--color-accent-red-translucent, rgba(255, 59, 48, .08));border-color:var(--color-accent-red)}.danger-action-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-accent-red-translucent, rgba(255, 59, 48, .1));color:var(--color-accent-red)}.danger-action-card__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.danger-action-card__title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-accent-red)}.danger-action-card__desc{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary)}.danger-action-card__arrow{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--easing-ease-out)}.danger-action-card:hover .danger-action-card__arrow{transform:translate(2px);color:var(--color-accent-red)}.account-settings-view__content .account-settings-view__section+.account-settings-view__section{margin-top:var(--spacing-6)}}@layer components{.settings-card-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-action-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);text-align:left;width:100%}.settings-action-card:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.settings-action-card:disabled{opacity:.6;cursor:not-allowed}.settings-action-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-action-card__icon--blue{background:var(--color-accent-blue-translucent, rgba(0, 122, 255, .1));color:var(--color-accent-blue)}.settings-action-card__icon--purple{background:var(--color-accent-purple-translucent, rgba(175, 82, 222, .1));color:var(--color-accent-purple)}.settings-action-card__icon--green{background:var(--color-accent-green-translucent, rgba(52, 199, 89, .1));color:var(--color-accent-green)}.settings-action-card__icon--orange{background:var(--color-accent-orange-translucent, rgba(255, 149, 0, .1));color:var(--color-accent-orange)}.settings-action-card__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.settings-action-card__title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-action-card__desc{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary)}.settings-action-card__badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.settings-toggle-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.settings-toggle-card__item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);transition:background-color var(--duration-fast) var(--easing-ease-out)}.settings-toggle-card__item:not(:last-child){border-bottom:1px solid var(--color-border)}.settings-toggle-card__item:hover{background:var(--color-bg-hover)}.settings-toggle-card__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-toggle-card__icon--blue{background:var(--color-accent-blue-translucent, rgba(0, 122, 255, .1));color:var(--color-accent-blue)}.settings-toggle-card__icon--purple{background:var(--color-accent-purple-translucent, rgba(175, 82, 222, .1));color:var(--color-accent-purple)}.settings-toggle-card__icon--green{background:var(--color-accent-green-translucent, rgba(52, 199, 89, .1));color:var(--color-accent-green)}.settings-toggle-card__icon--orange{background:var(--color-accent-orange-translucent, rgba(255, 149, 0, .1));color:var(--color-accent-orange)}.settings-toggle-card__icon--cyan{background:var(--color-accent-cyan-translucent, rgba(50, 173, 230, .1));color:var(--color-accent-cyan, #32ADE6)}.settings-toggle-card__icon--pink{background:var(--color-accent-pink-translucent, rgba(255, 45, 85, .1));color:var(--color-accent-pink, #FF2D55)}.settings-toggle-card__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.settings-toggle-card__title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-toggle-card__desc{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary)}.settings-toggle{position:relative;width:51px;height:31px;border:none;border-radius:16px;background:var(--color-bg-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-ease-out);padding:0;outline:none;flex-shrink:0}.settings-toggle:focus{box-shadow:0 0 0 3px var(--color-accent-blue-translucent)}.settings-toggle--active{background:var(--color-accent-green)}.settings-toggle__slider{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:var(--color-bg-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--easing-ios-spring);display:block}.settings-toggle--active .settings-toggle__slider{transform:translate(20px)}.ai-usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.ai-usage-summary__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.ai-usage-summary__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-usage-summary__icon--blue{background:var(--color-accent-blue-translucent, rgba(0, 122, 255, .1));color:var(--color-accent-blue)}.ai-usage-summary__icon--green{background:var(--color-accent-green-translucent, rgba(52, 199, 89, .1));color:var(--color-accent-green)}.ai-usage-summary__icon--purple{background:var(--color-accent-purple-translucent, rgba(175, 82, 222, .1));color:var(--color-accent-purple)}.ai-usage-summary__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}.ai-usage-summary__label{font-size:var(--font-size-caption-2);color:var(--color-text-tertiary)}.ai-usage-summary__value{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ai-usage-sources{padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.ai-usage-sources__title{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.ai-usage-sources__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.ai-usage-sources__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0}.ai-usage-sources__name{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-footnote);color:var(--color-text-primary)}.ai-usage-sources__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ai-usage-sources__dot--blue{background:var(--color-accent-blue)}.ai-usage-sources__dot--orange{background:var(--color-accent-orange)}.ai-usage-sources__value{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ai-usage-chart-wrapper{padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.ai-usage-chart-title{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}@media(max-width:768px){.ai-usage-summary{grid-template-columns:1fr}}}@layer components{.account-settings-view__usage-card{display:flex;align-items:stretch;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.account-settings-view__usage-col{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.account-settings-view__usage-title{display:flex;align-items:center;gap:var(--spacing-2);margin:0;font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-settings-view__usage-title svg{flex-shrink:0}.account-settings-view__usage-main{margin:var(--spacing-1) 0}.account-settings-view__usage-value{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-settings-view__bonus-indicator{display:inline-flex;align-items:center;margin-left:var(--spacing-1);padding:0 var(--spacing-1);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-accent-green);background:var(--color-accent-green-subtle, rgba(52, 199, 89, .12));border-radius:var(--radius-sm)}.account-settings-view__usage-footer{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.account-settings-view__usage-label{font-size:var(--font-size-caption-2);color:var(--color-text-tertiary)}.account-settings-view__usage-stat{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.account-settings-view__usage-stat--normal{color:var(--color-accent-blue)}.account-settings-view__usage-stat--warning{color:var(--color-accent-orange)}.account-settings-view__usage-stat--danger{color:var(--color-accent-red)}.account-settings-view__usage-stat--success{color:var(--color-accent-green)}.account-settings-view__usage-divider{color:var(--color-border);font-size:var(--font-size-caption-2)}.account-settings-view__usage-separator{width:1px;background:var(--color-border);align-self:stretch;margin:0 var(--spacing-2)}.account-settings-view__value{font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-primary)}.account-settings-view__value--muted{color:var(--color-text-tertiary)}.account-settings-view__value--success{color:var(--color-accent-green)}.account-settings-view__value--normal{color:var(--color-accent-blue)}.account-settings-view__value--warning{color:var(--color-accent-orange)}.account-settings-view__value--danger{color:var(--color-accent-red)}.account-settings-view__progress-bar-wrap{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-1)}.account-settings-view__progress-bar-fill{height:100%;background:var(--color-accent-blue);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--easing-standard)}.account-settings-view__progress-bar-wrap--warning .account-settings-view__progress-bar-fill{background:var(--color-accent-orange)}.account-settings-view__progress-bar-wrap--danger .account-settings-view__progress-bar-fill{background:var(--color-accent-red);animation:pulse-danger 1.5s ease-in-out infinite}.account-settings-view__ai-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.account-settings-view__ai-stat{display:flex;flex-direction:column;gap:var(--spacing-1);text-align:center}.account-settings-view__ai-stat-label{font-size:var(--font-size-caption-2);color:var(--color-text-tertiary)}.account-settings-view__ai-stat-value{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-settings-view__action-buttons{display:flex;gap:var(--spacing-3)}.account-settings-view__action-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-footnote);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.account-settings-view__action-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.account-settings-view__action-btn:disabled{opacity:.6;cursor:not-allowed}.account-settings-view__action-btn--danger{color:var(--color-accent-red);border-color:var(--color-accent-red-translucent, rgba(255, 59, 48, .3))}.account-settings-view__action-btn--danger:hover:not(:disabled){background:var(--color-accent-red-translucent, rgba(255, 59, 48, .08));border-color:var(--color-accent-red)}.account-settings-view__action-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}@media(max-width:768px){.account-settings-view__ai-stats{grid-template-columns:repeat(3,1fr)}.account-settings-view__action-buttons{flex-direction:column}}@media(max-width:480px){.account-settings-view__ai-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);padding:var(--spacing-3)}}.account-settings-view__usage-card--ai{margin-bottom:var(--spacing-5)}.account-settings-view__usage-icon--ai{color:var(--color-ios-teal, #30b0c7)}.account-settings-view__usage-requests{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.account-settings-view__usage-footer--breakdown{flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-border)}.account-settings-view__usage-footer--breakdown .account-settings-view__usage-label,.account-settings-view__usage-footer--breakdown .account-settings-view__usage-stat{margin-right:var(--spacing-1)}.account-settings-view__usage-footer--breakdown .account-settings-view__usage-divider{margin:0 var(--spacing-2)}@media(max-width:768px){.account-settings-view__tabs{padding:var(--spacing-2) var(--spacing-3);margin:var(--spacing-2) var(--spacing-3) 0;gap:var(--spacing-2)}.account-settings-view__tab{padding:5px var(--spacing-3);font-size:var(--font-size-caption-1)}.account-settings-view__content{padding:var(--spacing-3);max-height:none}.account-settings-view__section{gap:var(--spacing-3)}.account-settings-view__section-title{margin-bottom:var(--spacing-1)}.account-settings-view__section--danger{padding-top:var(--spacing-4)}.account-settings-view__profile-header{flex-direction:row;text-align:left;align-items:center;padding:var(--spacing-3);margin-bottom:var(--spacing-3);gap:var(--spacing-3)}.account-settings-view__profile{margin-bottom:0;gap:var(--spacing-3)}.account-settings-view__profile-info{align-items:flex-start}.account-settings-view__avatar{width:48px;height:48px}.account-settings-view__profile-name{font-size:var(--font-size-body)}.account-settings-view__profile-email{font-size:var(--font-size-caption-2)}.account-settings-view__grid{gap:var(--spacing-3)}.account-settings-view__field{gap:var(--spacing-1)}.account-settings-view__input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-callout)}.account-settings-view__actions{padding-top:var(--spacing-3)}.account-settings-view__usage-card{flex-direction:column;gap:0;padding:var(--spacing-3)}.account-settings-view__usage-card--ai{margin-bottom:var(--spacing-3)}.account-settings-view__usage-separator{width:100%;height:1px;margin:var(--spacing-3) 0}.account-settings-view__usage-value{font-size:var(--font-size-lg)}.account-settings-view__usage-footer:not(.account-settings-view__usage-footer--breakdown){display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5) var(--spacing-2);align-items:baseline}.account-settings-view__usage-footer:not(.account-settings-view__usage-footer--breakdown) .account-settings-view__usage-divider{display:none}.account-settings-view__usage-footer--breakdown{flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2)}.account-settings-view__action-buttons{flex-direction:column}.account-settings-view__action-btn{justify-content:center}}}@layer components{.user-profile-menu{min-width:280px;max-width:320px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-large);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;animation:user-profile-menu-fade-in var(--duration-normal) var(--easing-ease-out);transform-origin:top right;z-index:9999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html[data-theme=dark] .user-profile-menu{background:#2c2c2ef2;border-color:#ffffff26;box-shadow:0 8px 24px #0006,0 2px 8px #0003}@keyframes user-profile-menu-fade-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-profile-menu__items{padding:8px}@media(max-width:768px){.user-profile-menu{min-width:180px;max-width:220px}.user-profile-menu__items{padding:4px}}html[data-theme=dark] .user-profile-menu{background:#1c1c1ef2}.user-profile-menu:focus-within{box-shadow:0 8px 24px #00000029,0 2px 8px #0000001f,0 0 0 3px #3b82f633}html[data-theme=dark] .user-profile-menu:focus-within{box-shadow:0 8px 24px #00000080,0 2px 8px #0000004d,0 0 0 3px #3b82f64d}}@layer components{.header-support-button{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);opacity:.65;transition:opacity .15s,transform .15s}.header-support-button:hover{opacity:1;transform:scale(1.08)}.header-support-button:active{transform:scale(.94)}.sp-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:sp-fade .15s ease-out}html[data-theme=dark] .sp-overlay{background:#0000008c}@keyframes sp-fade{0%{opacity:0}}.sp-modal{position:relative;background:var(--color-bg-primary);border-radius:16px;box-shadow:0 16px 48px #00000024,0 4px 12px #0000000f;width:380px;max-width:calc(100vw - 32px);padding:28px 28px 24px;animation:sp-pop .22s cubic-bezier(.32,.72,0,1)}html[data-theme=dark] .sp-modal{border:1px solid rgba(255,255,255,.1)}@keyframes sp-pop{0%{opacity:0;transform:scale(.95) translateY(6px)}}.sp-close{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;border:none;background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.sp-close:hover{background:var(--color-bg-tertiary)}.sp-hero{display:flex;justify-content:center;margin-bottom:16px}.sp-hero-icon{width:48px;height:48px;border-radius:14px;background:var(--color-accent-blue);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center}.sp-body{text-align:center}.sp-msg{font-size:13px;color:var(--color-text-primary);margin:0 0 12px;line-height:1.6}.sp-msg strong{font-weight:600}.sp-msg--highlight{font-size:14px;font-weight:600;color:var(--color-accent-blue)}.sp-msg--muted{font-size:12px;color:var(--color-text-tertiary);margin:0}.sp-msg--error{font-size:13px;font-weight:600;color:var(--color-error)}.sp-id-example{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;padding:12px 16px;background:var(--color-bg-secondary);border-radius:10px}.sp-id-label{font-size:12px;color:var(--color-text-tertiary)}.sp-id-number{font-size:22px;font-weight:700;color:var(--color-text-primary);letter-spacing:.02em;font-family:monospace}.sp-id-arrow{font-size:12px;color:var(--color-error);font-weight:600}@media(pointer:coarse){.header-support-button{position:relative}.header-support-button:after{content:"";position:absolute;inset:-8px;min-width:44px;min-height:44px}}}@layer components{.quick-search{position:relative;width:320px;max-width:100%}.quick-search__input-wrapper{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-search-bg, rgba(142, 142, 147, .12));border-radius:var(--radius-md, 8px);border:1px solid transparent;transition:all var(--duration-fast, .15s) var(--easing-ease-out)}.quick-search__input-wrapper:focus-within{background:var(--color-search-bg-focus, rgba(142, 142, 147, .18));border-color:var(--color-primary-300, #93c5fd);box-shadow:0 0 0 3px var(--color-primary-100, rgba(59, 130, 246, .1))}html[data-theme=dark] .quick-search__input-wrapper{background:#ffffff14}html[data-theme=dark] .quick-search__input-wrapper:focus-within{background:#ffffff1f;border-color:var(--color-primary-400)}.quick-search__icon{display:flex;align-items:center;color:var(--color-text-tertiary);flex-shrink:0}.quick-search__input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--font-size-footnote, 13px);font-family:var(--font-family-text);color:var(--color-text-primary);outline:none;padding:0}.quick-search__input::placeholder{color:var(--color-text-placeholder)}.quick-search__clear{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:50%;transition:all var(--duration-fast) var(--easing-ease-out)}.quick-search__clear:hover{color:var(--color-text-secondary)}.quick-search__clear:active{transform:scale(.9)}.quick-search__results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-popover-bg, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border-light, rgba(0, 0, 0, .08));box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));max-height:400px;overflow-y:auto;z-index:var(--z-index-dropdown, 1000);animation:quickSearchDropdownIn var(--duration-fast) var(--easing-ease-out)}@keyframes quickSearchDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}html[data-theme=dark] .quick-search__results{background:var(--color-popover-bg-dark, #2c2c2e);border-color:#ffffff1a;box-shadow:0 10px 25px #0006}.quick-search__loading{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-tertiary)}.quick-search__loading-text{font-size:var(--font-size-footnote, 13px)}.quick-search__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-footnote, 13px)}.quick-search__section{padding:4px 0}.quick-search__section:not(:last-child){border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .06))}.quick-search__section-header{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-size-caption-2, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.quick-search__result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background var(--duration-fast) var(--easing-ease-out)}.quick-search__result:hover,.quick-search__result--selected{background:var(--color-bg-hover, rgba(0, 0, 0, .04))}html[data-theme=dark] .quick-search__result:hover,html[data-theme=dark] .quick-search__result--selected{background:#ffffff14}.quick-search__result-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary-50, #eff6ff);border-radius:var(--radius-sm, 6px);color:var(--color-primary-600, #2563eb);flex-shrink:0}html[data-theme=dark] .quick-search__result-icon{background:#3b82f626;color:var(--color-primary-400)}.quick-search__customer-icon{width:14px;height:14px}.quick-search__customer-icon--personal{color:var(--color-primary-500, #3b82f6)}.quick-search__customer-icon--corporate{color:var(--color-warning-500, #f97316)}html[data-theme=dark] .quick-search__customer-icon--personal{color:var(--color-primary-400, #60a5fa)}html[data-theme=dark] .quick-search__customer-icon--corporate{color:var(--color-warning-400, #fb923c)}.quick-search__result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.quick-search__result-title{font-size:var(--font-size-footnote, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-search__result-subtitle{font-size:var(--font-size-caption-2, 11px);color:var(--color-text-tertiary)}.quick-search__result-arrow{display:flex;align-items:center;color:var(--color-text-quaternary, rgba(0, 0, 0, .2));flex-shrink:0}html[data-theme=dark] .quick-search__result-arrow{color:#fff3}.quick-search__footer{padding:8px 12px;border-top:1px solid var(--color-border-light, rgba(0, 0, 0, .06))}.quick-search__advanced-link{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:none;background:transparent;font-size:var(--font-size-caption-1, 12px);color:var(--color-primary-600, #2563eb);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--easing-ease-out)}.quick-search__advanced-link:hover{background:var(--color-primary-50, #eff6ff)}html[data-theme=dark] .quick-search__advanced-link{color:var(--color-primary-400)}html[data-theme=dark] .quick-search__advanced-link:hover{background:#3b82f626}.quick-search__results::-webkit-scrollbar{width:6px}.quick-search__results::-webkit-scrollbar-track{background:transparent}.quick-search__results::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:3px}@media(max-width:768px){.quick-search{width:min(240px,calc(100vw - 160px))}.quick-search__input-wrapper{padding:5px 8px}.quick-search__input{font-size:var(--font-size-caption-1, 12px)}}@media(max-width:480px){.quick-search{width:calc(100% - 16px);margin-left:8px}.quick-search__input-wrapper{padding:4px 8px}.quick-search__results{position:fixed;left:var(--spacing-2);right:var(--spacing-2);top:52px;width:auto;max-height:60vh}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.quick-search{margin-left:8px}}@media(prefers-reduced-motion:reduce){.quick-search__results{animation:none}}}@layer components{.header-progressive{position:relative;width:100%;height:var(--header-height-base, 60px);display:flex;align-items:center;justify-content:space-between;background:var(--color-header-bg-subtle);border-bottom:.5px solid var(--color-header-border-subtle);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);transition:background var(--duration-micro-gentle) var(--easing-micro-progressive-expand),box-shadow var(--duration-micro-gentle) var(--easing-micro-progressive-expand),backdrop-filter var(--duration-micro-gentle) var(--easing-micro-progressive-expand);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;z-index:var(--z-index-header, 100);padding-left:max(var(--spacing-4),env(safe-area-inset-left));padding-right:max(var(--spacing-4),env(safe-area-inset-right));padding-top:0;padding-bottom:0;box-sizing:border-box;outline:none}.header-progressive:before{content:"";position:absolute;inset:0;background:var(--header-gradient-overlay);pointer-events:none;z-index:0}.header-progressive>*{position:relative;z-index:1}.header-progressive--expanded{background:var(--color-header-bg-expanded);border-bottom:.5px solid var(--color-header-border-expanded);box-shadow:var(--shadow-header-expanded);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.header-branding{flex:1;display:flex;align-items:center}.header-title{margin:0;font-size:var(--font-size-headline);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);color:var(--color-header-title);opacity:.7;display:flex;align-items:center;gap:6px}.header-logo-full{height:28px;width:auto}.header-dev-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:var(--color-dev-mode-bg);border:1px solid var(--color-dev-mode-border);border-radius:6px;font-size:10px;font-weight:600;color:var(--color-dev-mode);pointer-events:none;animation:headerDevBadgePulse 2s ease-in-out infinite}@keyframes headerDevBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.header-controls{display:flex;align-items:center;gap:var(--spacing-4)}.header-control-button{background-color:var(--color-header-control-bg);color:var(--color-header-control-icon);border:1px solid var(--color-header-control-border);border-radius:var(--radius-md);padding:0;cursor:pointer;-webkit-backdrop-filter:var(--header-backdrop-blur);backdrop-filter:var(--header-backdrop-blur);width:var(--header-control-size);height:var(--header-control-size);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-callout);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);transition:background-color var(--duration-micro-quick) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-quick) var(--easing-micro-focus-ring),opacity var(--duration-micro-gentle) var(--easing-micro-progressive-expand),transform var(--duration-micro-gentle) var(--easing-micro-progressive-expand)}.header-control-button:hover{background-color:var(--color-apple-control-hover);border-color:var(--color-apple-control-border);transform:scale(1.02);box-shadow:var(--shadow-apple-button-hover);transition:background-color var(--duration-micro-quick) var(--easing-micro-hover-lift),border-color var(--duration-micro-quick) var(--easing-micro-hover-lift),transform var(--duration-micro-quick) var(--easing-micro-hover-lift),box-shadow var(--duration-micro-quick) var(--easing-micro-focus-ring)}.header-control-button:active{transform:scale(.98);background-color:var(--color-header-control-active);transition:background-color var(--duration-micro-instant) var(--easing-micro-press-down),transform var(--duration-micro-instant) var(--easing-micro-press-down)}.header-control-button:not(:active):not(:hover){transition:background-color var(--duration-micro-smooth) var(--easing-micro-press-up),border-color var(--duration-micro-smooth) var(--easing-micro-press-up),transform var(--duration-micro-smooth) var(--easing-micro-press-up),box-shadow var(--duration-micro-smooth) var(--easing-micro-press-up)}.header-control-button--active{background-color:var(--color-header-control-active);color:var(--color-header-control-icon-active);border-color:var(--color-header-control-border-active)}.header-control-button:disabled{background-color:var(--color-header-control-disabled);color:var(--color-header-control-icon-disabled);border-color:var(--color-header-control-border-disabled);cursor:not-allowed;opacity:.6;transform:none}.header-quick-search-container{opacity:1;transform:translateY(0)}.header-chat-button{opacity:1;transform:translateY(0);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-fast) var(--easing-ease-out),transform var(--duration-fast) var(--easing-ease-out)}.header-chat-icon{display:flex;align-items:center;justify-content:center;line-height:1}.header-chat-ai-icon{width:36px;height:26px}.header-chat-button:hover{opacity:.8;transform:scale(1.1);background:transparent;border:none;box-shadow:none}.header-chat-button:active{transform:scale(.95)}.header-chat-button--active{background:transparent}.header-chat-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.header-chat-button--disabled:hover{transform:none}.header-theme-container{opacity:1;transform:translateY(0)}.header-progressive:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(pointer:coarse){.header-chat-button{position:relative}.header-chat-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}}}@layer components{@media(min-width:1024px)and (max-width:1366px){.header-progressive{height:50px;min-height:50px;max-height:50px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header-title{font-size:var(--font-size-callout)}.header-controls{gap:12px}.header-control-button{width:30px;height:30px}.header-user-avatar-circle{width:32px;height:32px;font-size:var(--font-size-caption-1)}.header-user-avatar-skeleton{width:32px;height:32px}.header-chat-ai-icon{width:30px;height:22px}.header-user-name{font-size:var(--font-size-caption-2);max-width:80px}}@media(min-width:1024px)and (max-height:850px){.header-progressive{height:50px;min-height:50px;max-height:50px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.header-controls{gap:8px}.header-control-button{width:28px;height:28px}.header-user-avatar-circle{width:30px;height:30px;font-size:var(--font-size-caption-2)}.header-user-avatar-skeleton{width:30px;height:30px}.header-chat-ai-icon{width:28px;height:20px}}.header-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-right:var(--spacing-1);border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out;position:relative;z-index:2}.header-mobile-menu-btn svg{width:22px;height:22px}.header-mobile-menu-btn:active{background-color:var(--color-ios-system-gray5-alpha, rgba(0, 0, 0, .05))}.header-mobile-menu-btn--active{color:var(--color-primary-500)}@media(max-width:768px){.header-progressive{padding:0 var(--spacing-2);overflow:visible}.header-branding{flex:0 0 auto;min-width:0;gap:0}.header-title{font-size:var(--font-size-footnote);font-family:var(--font-family-display);white-space:nowrap}.header-title__version{display:none}.header-controls{gap:4px;flex:1;min-width:0}.header-control-button{width:28px;height:28px;font-size:var(--font-size-caption-1)}.header-mobile-menu-btn{width:28px;height:28px;margin-right:2px}.header-mobile-menu-btn svg{width:18px;height:18px}.header-quick-search-container{flex:1;min-width:0}.header-chat-ai-icon{width:36px;height:26px}.header-user-avatar{padding:2px;gap:0}.header-user-avatar-circle{width:28px;height:28px;font-size:var(--font-size-caption-2)}.header-user-avatar-skeleton{width:28px;height:28px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-theme-container,.header-user-profile{flex-shrink:0}.header-user-selector{display:none}}@media(max-width:480px){.header-progressive{padding:0 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:visible}.header-progressive--expanded{-webkit-backdrop-filter:none;backdrop-filter:none}.header-title{font-size:var(--font-size-caption-1)}.header-controls{gap:3px;transform:none}.header-control-button{width:26px;height:26px}.header-mobile-menu-btn{width:26px;height:26px;margin-right:2px}.header-mobile-menu-btn svg{width:16px;height:16px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-quick-search-container{transform:none}.header-chat-ai-icon{width:36px;height:26px}.header-user-avatar-circle{width:26px;height:26px;font-size:10px}.header-user-avatar-skeleton{width:26px;height:26px}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.header-progressive{height:40px;min-height:40px;max-height:40px;padding:0 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:visible}.header-branding{flex:0 0 auto;min-width:0;gap:0}.header-title{font-size:var(--font-size-caption-1)}.header-title__version{display:none}.header-controls{gap:3px;opacity:1;transform:translateY(0);pointer-events:auto}.header-control-button{width:24px;height:24px;font-size:var(--font-size-caption-2)}.header-mobile-menu-btn{width:24px;height:24px;margin-right:2px}.header-mobile-menu-btn svg{width:16px;height:16px}.header-mobile-menu-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-quick-search-container{flex:1;min-width:0}.header-chat-ai-icon{width:30px;height:20px}.header-user-avatar{padding:2px;gap:0}.header-user-avatar-circle{width:24px;height:24px;font-size:10px}.header-user-avatar-skeleton{width:24px;height:24px}.header-user-selector{display:none}}}@layer components{@media(prefers-reduced-motion:reduce){.header-progressive,.header-control-button,.header-theme-container,.header-title{transition:none}}.sf-symbol{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;position:relative;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);will-change:transform,opacity}.sf-symbol__shape{position:relative;color:var(--color-header-text);transition:color var(--duration-fast) var(--easing-ease-out);backface-visibility:hidden;transform:translateZ(0)}.sf-symbol--gear .sf-symbol__shape:before{content:"⚙";font-size:var(--font-size-subheadline);line-height:1;color:inherit}.sf-symbol--ellipsis .sf-symbol__shape{width:16px;height:4px;display:flex;align-items:center;justify-content:space-between}.sf-symbol--ellipsis .sf-symbol__shape:before,.sf-symbol--ellipsis .sf-symbol__shape:after{content:"";width:3px;height:3px;background:currentColor;border-radius:50%}.sf-symbol--ellipsis .sf-symbol__shape:before{margin-right:3px;box-shadow:6px 0 0 currentColor}.header-user-profile{display:flex;align-items:center;gap:var(--spacing-2)}.header-user-avatar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.header-user-avatar:hover{background:var(--color-bg-hover)}.header-user-avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--color-avatar-bg);color:var(--color-avatar-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-subheadline);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;box-shadow:0 1px 2px #0000001a;transition:all var(--duration-fast) var(--easing-ease-out)}.header-user-avatar:hover .header-user-avatar-circle{transform:scale(1.08);box-shadow:0 2px 4px #00000026}.header-user-avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-user-name{color:var(--color-text-primary);font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-weight:600;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-user-avatar-skeleton{width:40px;height:40px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0}.header-user-avatar-loading-text{font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-weight:600;color:var(--color-text-tertiary)}@media(pointer:coarse){.header-control-button{position:relative}.header-control-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.header-control-button:hover{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-user-selector{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--duration-micro-gentle) var(--easing-micro-progressive-expand);font-size:var(--font-size-footnote);font-family:var(--font-family-text);line-height:1.2}.header-user-label{color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.header-user-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-footnote);font-weight:600;font-family:var(--font-family-mono);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out);outline:none}.header-user-select:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.header-user-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.header-user-select option{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-2)}.header-user-loading{color:var(--color-text-secondary);font-size:var(--font-size-footnote);font-family:var(--font-family-text);font-style:italic}}@layer components{.toast-container{position:fixed;z-index:10001;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none;max-height:calc(100vh - 40px);overflow:hidden}.toast-container--top-right{top:20px;right:20px;align-items:flex-end}.toast-container--top-center{top:20px;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-right{bottom:20px;right:20px;align-items:flex-end;flex-direction:column-reverse}.toast-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.toast-item{pointer-events:auto;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a;padding:var(--spacing-3) var(--spacing-4);min-width:280px;max-width:400px;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-container--top-center .toast-item,.toast-container--bottom-center .toast-item{transform:translateY(-20px)}.toast-item--visible{opacity:1;transform:translate(0) translateY(0)}.toast-item--exiting{opacity:0;transform:translate(100%) scale(.95)}.toast-container--top-center .toast-item--exiting,.toast-container--bottom-center .toast-item--exiting{transform:translateY(-20px) scale(.95)}.toast-item__content{display:flex;align-items:flex-start;gap:var(--spacing-3)}.toast-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toast-item__icon--error{color:var(--color-status-error)}.toast-item__icon--warning{color:var(--color-status-warning)}.toast-item__icon--info{color:var(--color-accent-primary)}.toast-item__icon--success{color:var(--color-status-success)}.toast-item__message{flex:1;font-size:var(--font-size-footnote);line-height:1.4;color:var(--color-text-primary)}.toast-item__line{margin-bottom:var(--spacing-0-5)}.toast-item__line:last-child{margin-bottom:0}.toast-item__close{flex-shrink:0;width:20px;height:20px;padding:0;margin:calc(-1 * var(--spacing-0-5)) calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-0-5)) 0;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:all .15s ease}.toast-item__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.toast-item__close:focus{outline:none;background:var(--color-bg-tertiary)}.toast-item--error{border-left:3px solid var(--color-status-error)}.toast-item--warning{border-left:3px solid var(--color-status-warning)}.toast-item--info{border-left:3px solid var(--color-accent-primary)}.toast-item--success{border-left:3px solid var(--color-status-success)}@media(max-width:480px){.toast-container{left:12px;right:12px}.toast-container--top-right,.toast-container--bottom-right{left:12px;right:12px;align-items:stretch}.toast-container--top-center,.toast-container--bottom-center{transform:none;left:12px;right:12px;align-items:stretch}.toast-item{min-width:unset;max-width:unset;transform:translateY(-20px)}.toast-item--exiting{transform:translateY(-20px) scale(.95)}}@media(prefers-reduced-motion:reduce){.toast-item{transition:opacity .2s ease;transform:none}.toast-item--visible,.toast-item--exiting{transform:none}}}@layer components{.dev-tools-panel{position:fixed;top:12px;left:175px;z-index:99999;font-family:var(--font-family-base)}.dev-tools-toggle{width:24px;height:24px;border-radius:50%;border:none;background:var(--color-accent-primary, #007aff);color:#fff;font-size:12px;cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .2s,background .2s;display:flex;align-items:center;justify-content:center}.dev-tools-toggle:hover{transform:scale(1.1);background:var(--color-accent-hover, #005bb5)}.dev-tools-panel.expanded .dev-tools-toggle{background:var(--color-text-tertiary, #666);font-size:14px}.dev-tools-content{position:absolute;top:32px;left:0;background:var(--color-bg-secondary, #1e1e1e);border:1px solid var(--color-border-primary, #333);border-radius:8px;padding:14px;min-width:280px;box-shadow:0 4px 16px #0006}.dev-tools-header{font-size:10px;font-weight:600;color:var(--color-accent-primary, #007aff);letter-spacing:1px;margin-bottom:10px;padding-bottom:var(--spacing-1-5);border-bottom:1px solid var(--color-border-primary, #333)}.dev-tools-buttons{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.dev-tools-btn{padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:6px;background:var(--color-bg-tertiary, #2a2a2a);color:var(--color-text-primary, #fff);font-size:12px;cursor:pointer;text-align:left;transition:background .2s}.dev-tools-btn:hover{background:var(--color-bg-hover, #3a3a3a)}.dev-tools-btn:disabled{opacity:.5;cursor:not-allowed}.dev-tools-btn-danger{background:#ff3b3033;color:#ff6b6b}.dev-tools-btn-danger:hover{background:#ff3b304d}.dev-tools-versions{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-primary, #333)}.dev-tools-versions-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--color-accent-primary, #007aff);letter-spacing:.5px;margin-bottom:10px}.dev-tools-refresh-btn{padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:4px;background:var(--color-bg-tertiary, #2a2a2a);color:var(--color-text-secondary, #aaa);font-size:14px;cursor:pointer;transition:background .2s}.dev-tools-refresh-btn:hover{background:var(--color-bg-hover, #3a3a3a)}.dev-tools-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dev-tools-versions-list{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.dev-tools-version-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:var(--spacing-1-5) var(--spacing-2);background:var(--color-bg-tertiary, #2a2a2a);border-radius:6px}.dev-tools-version-name{color:var(--color-text-primary, #fff);font-weight:600}.dev-tools-version-value{color:var(--color-text-primary, #fff);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;display:flex;align-items:center;gap:var(--spacing-1-5)}.dev-tools-version-hash{color:var(--color-text-primary, #fff);font-size:12px;font-weight:400}.dev-tools-version-status{font-size:10px;font-weight:700;padding:var(--spacing-0-5) var(--spacing-1-5);border-radius:4px;text-transform:uppercase}.dev-tools-version-status.ok{background:#34c7594d;color:#4cd964}.dev-tools-version-status.error{background:#ff3b304d;color:#ff6b6b}.dev-tools-versions-loading{font-size:12px;color:var(--color-text-tertiary, #888);text-align:center;padding:var(--spacing-3) 0}.dev-tools-info{margin-top:10px;padding-top:var(--spacing-2);border-top:1px solid var(--color-border-primary, #333);font-size:10px;color:var(--color-text-tertiary, #888);text-align:center}}@layer components{.dev-mode-password__body{display:flex;flex-direction:column;gap:12px}.dev-mode-password__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dev-mode-password__input{width:100%;padding:8px 12px;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none;box-sizing:border-box}.dev-mode-password__input--error{border-color:var(--color-danger)}.dev-mode-password__error{font-size:var(--font-size-xs);color:var(--color-danger)}.dev-mode-password__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}}@layer components{.usage-widget-container{display:flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-1-5);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.usage-widget-container:hover{background:var(--color-hover-bg)}.usage-widget-container:active{transform:scale(.98)}.usage-widget-container--loading{cursor:default}.usage-pie{display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--easing-standard)}.usage-widget-container:hover .usage-pie{transform:scale(1.05)}.usage-pie__bg{opacity:.15}.usage-pie__progress{transition:stroke-dashoffset var(--duration-normal) var(--easing-standard)}.usage-pie__icon{opacity:1}.usage-pie__icon--storage{color:var(--color-ios-purple, #af52de)}.usage-pie__icon--credit{color:var(--color-ios-orange, #ff9500)}.usage-pie--normal .usage-pie__bg,.usage-pie--normal .usage-pie__progress{color:var(--color-ios-blue)}.usage-pie--warning .usage-pie__bg,.usage-pie--warning .usage-pie__progress{color:var(--color-ios-orange)}.usage-pie--danger .usage-pie__bg,.usage-pie--danger .usage-pie__progress{color:var(--color-ios-red)}.usage-pie--danger .usage-pie__progress{animation:pulse-danger 1.5s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.6}}.usage-pie--loading{width:28px;height:28px}.usage-pie__skeleton{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--color-skeleton-base) 25%,var(--color-skeleton-highlight) 50%,var(--color-skeleton-base) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:1024px)and (max-width:1366px){.usage-widget-container{gap:var(--spacing-1);padding:var(--spacing-0-5) var(--spacing-1)}.usage-pie--loading{width:24px;height:24px}.usage-pie__skeleton{width:20px;height:20px}}@media(min-width:1024px)and (max-width:1100px){.usage-widget-container{transform:scale(.9);transform-origin:left center}}}@layer components{.loading-skeleton{background-color:var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;position:relative;isolation:isolate;will-change:transform;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[data-theme=dark] .loading-skeleton{background-color:var(--color-neutral-700)}.loading-skeleton--text{border-radius:var(--radius-sm);height:1em}.loading-skeleton--rectangle{border-radius:var(--radius-md)}.loading-skeleton--circle{border-radius:var(--radius-full);aspect-ratio:1}.loading-skeleton--rounded{border-radius:var(--radius-lg)}.loading-skeleton--animate:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-skeleton-shimmer-start) 0%,var(--color-skeleton-shimmer-20) 20%,var(--color-skeleton-shimmer-center) 50%,var(--color-skeleton-shimmer-80) 80%,var(--color-skeleton-shimmer-end) 100%);transform:translate(-100%);animation:skeleton-shimmer 1.5s var(--easing-ios-default) infinite;will-change:transform,opacity;backface-visibility:hidden}@keyframes skeleton-shimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.text-skeleton{display:flex;flex-direction:column}.card-skeleton{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background-color:var(--color-bg-primary)}.card-skeleton__header{display:flex;align-items:center;gap:var(--spacing-3)}.card-skeleton__header-content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.card-skeleton__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.loading-skeleton--animate:before{animation:none}.loading-skeleton{opacity:.7}}@media(prefers-contrast:high){.loading-skeleton{background-color:var(--color-neutral-400);border:1px solid var(--color-neutral-600)}[data-theme=dark] .loading-skeleton{background-color:var(--color-neutral-600);border:1px solid var(--color-neutral-400)}}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md)}.skeleton-list-item__avatar{flex-shrink:0}.skeleton-list-item__content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.skeleton-table-row{display:flex;gap:var(--spacing-4);padding:var(--spacing-3);align-items:center}.skeleton-table-row .loading-skeleton{flex:1}.skeleton-table-row .loading-skeleton:first-child{flex:0 0 60px}.skeleton-table-row .loading-skeleton:last-child{flex:0 0 100px}.skeleton-grid-item{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background-color:var(--color-bg-primary)}.skeleton-grid-item__image{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.skeleton-grid-item__content,.skeleton-form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-form-field__label{width:25%}.skeleton-form-field__input{height:40px;border-radius:var(--radius-md)}.skeleton-profile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.skeleton-profile__avatar{width:80px;height:80px}}@layer components{.ios-dropdown{position:relative;display:inline-block}.ios-dropdown--disabled{opacity:.5;cursor:not-allowed}.ios-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-1-5) var(--spacing-3);min-height:38px;background-color:transparent;border:1px solid var(--color-ios-separator-light);border-radius:var(--radius-md);color:var(--color-ios-text-primary-light);font-size:var(--font-size-caption-1);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;cursor:pointer;outline:none;transition:all var(--duration-ios-quick) var(--easing-ease-out)}html[data-theme=dark] .ios-dropdown__trigger{background-color:transparent;border-color:var(--color-ios-separator-dark);color:var(--color-ios-text-primary-dark)}.ios-dropdown__trigger:hover{background-color:var(--color-ios-bg-tertiary-light);border-color:var(--color-ios-text-quaternary-light)}html[data-theme=dark] .ios-dropdown__trigger:hover{background-color:var(--color-ios-bg-tertiary-dark);border-color:var(--color-ios-text-quaternary-dark)}.ios-dropdown__trigger:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus-blue)}.ios-dropdown__trigger:disabled{cursor:not-allowed;background-color:var(--color-ios-bg-tertiary-light)}html[data-theme=dark] .ios-dropdown__trigger:disabled{background-color:var(--color-ios-bg-tertiary-dark)}.ios-dropdown__trigger:disabled:hover{background-color:var(--color-ios-bg-tertiary-light);border-color:var(--color-ios-separator-light)}html[data-theme=dark] .ios-dropdown__trigger:disabled:hover{background-color:var(--color-ios-bg-tertiary-dark);border-color:var(--color-ios-separator-dark)}.ios-dropdown__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-dropdown__arrow{margin-left:var(--spacing-2);color:var(--color-ios-text-quaternary-light);transition:transform var(--duration-ios-quick) var(--easing-ease-out)}html[data-theme=dark] .ios-dropdown__arrow{color:var(--color-ios-text-quaternary-dark)}.ios-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-ios-menu-bg-light);border:1px solid var(--color-ios-separator-light);border-radius:var(--radius-md);box-shadow:var(--shadow-popover-light);overflow:hidden;z-index:10000;max-height:300px;overflow-y:auto;animation:dropdownFadeInDown var(--duration-ios-quick) var(--easing-ease-out)}.ios-dropdown__menu--portal{top:auto;left:auto;right:auto}.ios-dropdown__menu--upward{top:auto;bottom:calc(100% + 4px);animation:dropdownFadeInUp var(--duration-ios-quick) var(--easing-ease-out)}.ios-dropdown__menu--portal.ios-dropdown__menu--upward{bottom:auto}html[data-theme=dark] .ios-dropdown__menu{background-color:var(--color-ios-menu-bg-dark);border-color:var(--color-ios-separator-dark);box-shadow:var(--shadow-popover-dark)}@keyframes dropdownFadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ios-dropdown__option{display:flex;align-items:center;gap:0;width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:transparent;border:none;color:var(--color-ios-text-primary-light);font-size:var(--font-size-caption-1);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;text-align:left;cursor:pointer;outline:none;transition:background-color var(--duration-ios-quick) var(--easing-ease-out)}html[data-theme=dark] .ios-dropdown__option{color:var(--color-ios-text-primary-dark)}.ios-dropdown__option:hover{background-color:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .ios-dropdown__option:hover{background-color:var(--color-ios-menu-option-hover-dark)}.ios-dropdown__option:focus{background-color:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .ios-dropdown__option:focus{background-color:var(--color-ios-menu-option-hover-dark)}.ios-dropdown__option--selected{background-color:var(--color-ios-menu-option-selected-light);font-weight:600}html[data-theme=dark] .ios-dropdown__option--selected{background-color:var(--color-ios-menu-option-selected-dark)}.ios-dropdown__option--highlighted{background-color:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .ios-dropdown__option--highlighted{background-color:var(--color-ios-menu-option-hover-dark)}.ios-dropdown__checkmark{flex-shrink:0;width:18px;font-size:var(--font-size-caption-1);color:var(--color-primary-500);font-weight:700;line-height:1;text-align:center}.ios-dropdown__option-label{flex:1;text-align:left}.ios-dropdown__option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ios-dropdown__option--disabled:hover{background-color:transparent}@media(prefers-reduced-motion:reduce){.ios-dropdown__menu{animation:none}}@media(hover:none)and (pointer:coarse){.ios-dropdown__trigger,.ios-dropdown__option{min-height:44px}}}@layer components{.input-wrapper{display:block;width:100%;height:auto;min-height:0;margin:0;padding:0}.input-wrapper--full-width{width:100%}.input-container{position:relative;display:block;width:100%;height:auto;min-height:0;margin:0;padding:0}.input{display:block;width:100%;height:18px;min-height:18px;max-height:18px;padding:0;margin:0;font-family:var(--font-family-system);line-height:1.2;-webkit-font-smoothing:antialiased;color:var(--color-text-primary);background-color:transparent;border:none;border-radius:0;outline:none;transition:none;-webkit-appearance:none;appearance:none}[data-theme=dark] .input{color:var(--color-text-primary)}.input--with-left-icon{padding-left:calc(var(--spacing-lg) + 24px)}.input--with-right-icon{padding-right:calc(var(--spacing-lg) + 24px)}.input:focus{outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.input-wrapper--error .input{color:var(--color-error-light)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;transition:color var(--duration-fast) var(--easing-ease-out)}.input-icon--left{left:var(--spacing-md)}.input-icon--right{right:var(--spacing-md)}.input:focus~.input-icon{color:var(--color-primary-500)}.input-error-message{display:none}.input::placeholder{color:var(--color-text-tertiary);opacity:1;font-family:var(--font-family-system);-webkit-font-smoothing:antialiased}[data-theme=dark] .input::placeholder{color:var(--color-text-tertiary)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:var(--color-text-primary);transition:background-color 5000s ease-in-out 0s}.input:focus-visible{outline:none}}@layer components{.form-field{display:flex;align-items:center;padding:var(--spacing-2) 0;margin:0;min-height:28px;height:auto;border-bottom:1px solid var(--color-layout-brb-light);background-color:transparent;transition:border-color var(--duration-fast) var(--easing-ease-out)}.form-field:last-child{border-bottom:none}[data-theme=dark] .form-field{border-bottom-color:var(--color-layout-brb-dark)}.form-field:focus-within{border-bottom-color:var(--color-accent-primary)}.form-field__label{flex:0 0 80px;color:var(--color-text-secondary);margin-right:var(--spacing-3);line-height:var(--line-height-normal);font-family:var(--font-family-system);-webkit-font-smoothing:antialiased}[data-theme=dark] .form-field__label{color:var(--color-text-secondary)}.form-field__required{display:none}.form-field__content{flex:1;min-width:0;min-height:0;display:flex;align-items:center}.form-field__help-text{display:none}.form-field--error{border-bottom-color:var(--color-error-light)}.form-field--error .form-field__label{color:var(--color-error-light)}.form-field__label:has(+input:focus-visible){color:var(--color-text-primary)}@media(max-width:768px){.form-field{padding:10px 0}.form-field__label{flex:0 0 80px;margin-right:var(--spacing-3)}}}@layer components{.draggable-modal-backdrop{position:fixed;inset:0;background-color:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-fast) var(--easing-ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.draggable-modal{background-color:var(--color-layout-content-light);border-radius:12px;box-shadow:var(--shadow-modal-light);display:flex;flex-direction:column;animation:slideUp var(--duration-normal) var(--easing-ease-out);position:relative}html[data-theme=dark] .draggable-modal{background-color:var(--color-layout-content-dark);box-shadow:var(--shadow-modal-dark)}.draggable-modal--maximized,.draggable-modal--maximized .draggable-modal__header,.draggable-modal--maximized .draggable-modal__footer{border-radius:0}.draggable-modal--immersive .draggable-modal__header{transform:translateY(-100%);position:absolute;top:0;left:0;right:0;z-index:100;transition:transform .3s ease}.draggable-modal--immersive .draggable-modal__header:hover,.draggable-modal--immersive:hover .draggable-modal__header{transform:translateY(0)}.draggable-modal--immersive .viewer-controls{position:absolute;bottom:20px;left:50%;right:auto;transform:translate(-50%) translateY(calc(100% + 40px));z-index:100;transition:transform .3s ease,opacity .3s ease;border-top:none;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:var(--spacing-2) var(--spacing-4);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;width:auto;min-width:200px}html[data-theme=dark] .draggable-modal--immersive .viewer-controls{background-color:#2c2c2ef2;box-shadow:0 4px 20px #0006}.draggable-modal--immersive .viewer-controls:hover,.draggable-modal--immersive:hover .viewer-controls{transform:translate(-50%) translateY(0);opacity:1}.draggable-modal--immersive .draggable-modal__content{position:absolute;inset:0;padding:0;border-radius:0}.draggable-modal--immersive:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;z-index:99;pointer-events:none}.draggable-modal--immersive:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;z-index:99;pointer-events:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.draggable-modal__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--spacing-4);border-bottom:1px solid var(--color-layout-border);border-radius:12px 12px 0 0;flex-shrink:0}.draggable-modal__title{font-size:clamp(10px,2.5vw,var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-modal__reset-button{display:flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-in-out);margin-left:var(--spacing-2);flex-shrink:0;opacity:.7}.draggable-modal__reset-button:hover{background:transparent;color:var(--color-text-primary);opacity:1;transform:scale(1.1)}.draggable-modal__reset-button:active{transform:scale(.95)}.draggable-modal__reset-button svg{flex-shrink:0}.draggable-modal__header-buttons{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.draggable-modal__maximize-button{display:flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-in-out);flex-shrink:0;opacity:.5}.draggable-modal__maximize-button:hover{background:transparent;color:var(--color-text-primary);opacity:1;transform:scale(1.1)}.draggable-modal__maximize-button:active{transform:scale(.95)}.draggable-modal__maximize-button svg{flex-shrink:0}.draggable-modal__immersive-button{display:flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-in-out);flex-shrink:0;opacity:.5}.draggable-modal__immersive-button:hover{background:transparent;color:var(--color-text-primary);opacity:1;transform:scale(1.1)}.draggable-modal__immersive-button:active{transform:scale(.95)}.draggable-modal__immersive-button svg{flex-shrink:0}.draggable-modal__popup-button{display:flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-in-out);flex-shrink:0;opacity:.5}.draggable-modal__popup-button:hover{background:transparent;color:var(--color-ios-blue-light);opacity:1;transform:scale(1.1)}.draggable-modal__popup-button:active{transform:scale(.95)}.draggable-modal__popup-button svg{flex-shrink:0}.draggable-modal__content{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-4);background-color:var(--color-layout-secondary-light);min-height:0}html[data-theme=dark] .draggable-modal__content{background-color:var(--color-layout-secondary-dark)}.draggable-modal__content::-webkit-scrollbar{width:8px}.draggable-modal__content::-webkit-scrollbar-track{background:transparent}.draggable-modal__content::-webkit-scrollbar-thumb{background-color:var(--color-layout-border);border-radius:4px}.draggable-modal__content::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}.draggable-modal__footer{padding:var(--spacing-1-5) var(--spacing-4);border-top:1px solid var(--color-layout-border);border-radius:0 0 12px 12px;display:flex;justify-content:flex-end;gap:var(--spacing-2);background-color:var(--color-layout-content-light);flex-shrink:0}.draggable-modal__footer .button{padding:var(--spacing-1) 14px;min-height:28px;min-width:auto;font-size:13px}html[data-theme=dark] .draggable-modal__footer{background-color:var(--color-layout-content-dark)}.resize-handle{position:absolute;background:transparent;z-index:10}.resize-handle--nw{top:-4px;left:-4px;width:12px;height:12px;cursor:nwse-resize}.resize-handle--ne{top:-4px;right:-4px;width:12px;height:12px;cursor:nesw-resize}.resize-handle--sw{bottom:-4px;left:-4px;width:12px;height:12px;cursor:nesw-resize}.resize-handle--se{bottom:-4px;right:-4px;width:12px;height:12px;cursor:nwse-resize}.resize-handle--n{top:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.resize-handle--s{bottom:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.resize-handle--w{top:12px;bottom:12px;left:-4px;width:8px;cursor:ew-resize}.resize-handle--e{top:12px;bottom:12px;right:-4px;width:8px;cursor:ew-resize}@media(prefers-reduced-motion:reduce){.draggable-modal-backdrop,.draggable-modal{animation:none}}.draggable-modal-backdrop--transparent{background-color:transparent;pointer-events:none}.draggable-modal-backdrop--transparent .draggable-modal{pointer-events:auto;box-shadow:0 8px 32px #0003}html[data-theme=dark] .draggable-modal-backdrop--transparent .draggable-modal{box-shadow:0 8px 32px #00000080}@media(max-width:768px){.draggable-modal-backdrop{align-items:flex-end;padding:0}.draggable-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:16px 16px 0 0;animation:dmSlideUp var(--duration-normal) var(--easing-ease-out)}.draggable-modal--keyboard-open{transition:height .15s ease-out,max-height .15s ease-out,top .15s ease-out;border-radius:0}.draggable-modal__header{cursor:default;padding:var(--spacing-2) var(--spacing-3);border-radius:16px 16px 0 0}.draggable-modal__content{padding:10px var(--spacing-3)}.draggable-modal__footer{padding:var(--spacing-1-5) var(--spacing-3);padding-bottom:max(6px,env(safe-area-inset-bottom));border-radius:0}.resize-handle,.draggable-modal__maximize-button,.draggable-modal__reset-button,.draggable-modal__popup-button{display:none}}@keyframes dmSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.draggable-modal-backdrop{align-items:flex-end;padding:0}.draggable-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;animation:none}.draggable-modal--keyboard-open{transition:height .15s ease-out,max-height .15s ease-out,top .15s ease-out}.draggable-modal__header{cursor:default;padding:var(--spacing-1-5) var(--spacing-3);border-radius:0}.draggable-modal__content{padding:var(--spacing-1-5) var(--spacing-3)}.draggable-modal__footer{padding:var(--spacing-1) var(--spacing-3);padding-bottom:max(4px,env(safe-area-inset-bottom));border-radius:0}.resize-handle,.draggable-modal__maximize-button,.draggable-modal__reset-button,.draggable-modal__popup-button{display:none}}.draggable-modal-backdrop:has(.draggable-modal--mobile){align-items:flex-end;padding:0}.draggable-modal--mobile{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:16px 16px 0 0}.draggable-modal--mobile .draggable-modal__header{cursor:default;padding:var(--spacing-2) var(--spacing-3);border-radius:16px 16px 0 0}.draggable-modal--mobile .draggable-modal__content{padding:10px var(--spacing-3)}.draggable-modal--mobile .draggable-modal__footer{padding:var(--spacing-1-5) var(--spacing-3);padding-bottom:max(6px,env(safe-area-inset-bottom));border-radius:0}.draggable-modal--mobile .resize-handle,.draggable-modal--mobile .draggable-modal__maximize-button,.draggable-modal--mobile .draggable-modal__reset-button,.draggable-modal--mobile .draggable-modal__popup-button{display:none}.draggable-modal--phone-landscape{border-radius:0;animation:none}.draggable-modal--phone-landscape .draggable-modal__header{padding:var(--spacing-1-5) var(--spacing-3);border-radius:0}.draggable-modal--phone-landscape .draggable-modal__content{padding:var(--spacing-1-5) var(--spacing-3)}.draggable-modal--phone-landscape .draggable-modal__footer{padding:var(--spacing-1) var(--spacing-3);padding-bottom:max(4px,env(safe-area-inset-bottom));border-radius:0}.draggable-modal--phone-landscape .draggable-modal__footer .button{padding:var(--spacing-1-5) var(--spacing-4);font-size:12px;height:32px;min-height:32px;min-width:auto}.draggable-modal--mobile .draggable-modal__footer .button{padding:var(--spacing-1-5) var(--spacing-4);font-size:13px;height:32px;min-height:32px}@media(pointer:coarse){.draggable-modal__reset-button,.draggable-modal__maximize-button,.draggable-modal__immersive-button,.draggable-modal__popup-button{position:relative}.draggable-modal__reset-button:after,.draggable-modal__maximize-button:after,.draggable-modal__immersive-button:after,.draggable-modal__popup-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.draggable-modal__reset-button:hover,.draggable-modal__maximize-button:hover,.draggable-modal__immersive-button:hover,.draggable-modal__popup-button:hover{transform:none}}}@layer components{.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2);transition:all var(--duration-normal) var(--easing-ease-out);box-shadow:var(--shadow-lg);min-height:85px;position:relative;overflow:hidden}.stat-card{opacity:.92}.stat-card:hover{opacity:1;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:active{transform:translateY(0);box-shadow:var(--shadow-md)}.stat-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stat-card__header{display:flex;align-items:center;gap:var(--spacing-2)}.stat-card__icon{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-callout);opacity:.7;transition:opacity var(--duration-fast) var(--easing-ease-out)}.stat-card:hover .stat-card__icon{opacity:1}.stat-card__title{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);opacity:.8;margin:0}.stat-card__body{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-2)}.stat-card__value{font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.stat-card__trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-semibold);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-sm);opacity:.9}.stat-card__trend--positive{color:var(--color-success);background:#34c7591a}.stat-card__trend--negative{color:var(--color-error);background:#ff3b301a}.stat-card__trend-icon{font-size:var(--font-size-caption-2)}.stat-card--primary .stat-card__icon{color:var(--color-primary)}.stat-card--success .stat-card__icon{color:var(--color-success)}.stat-card--warning .stat-card__icon{color:var(--color-warning)}.stat-card--error .stat-card__icon{color:var(--color-error)}.stat-card--loading{pointer-events:none}.stat-card__skeleton{display:flex;flex-direction:column;gap:var(--spacing-3)}.stat-card__skeleton-title,.stat-card__skeleton-value{background:var(--color-bg-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.stat-card__skeleton-title{width:60%;height:14px}.stat-card__skeleton-value{width:80%;height:28px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card__error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center}.stat-card__error-icon{font-size:var(--font-size-title-1);opacity:.5}.stat-card__error .stat-card__title{color:var(--color-text-tertiary)}.stat-card__error-message{font-size:var(--font-size-caption-1);color:var(--color-text-tertiary);opacity:.7;line-height:1.4}html[data-theme=dark] .stat-card{border-color:var(--color-border)}html[data-theme=dark] .stat-card:hover{box-shadow:var(--shadow-dark-xl)}html[data-theme=dark] .stat-card__trend--positive{background:#34c75926}html[data-theme=dark] .stat-card__trend--negative{background:#ff3b3026}@media(max-width:768px){.stat-card{min-height:80px;padding:var(--spacing-3)}.stat-card__value{font-size:var(--font-size-title-2)}}@media(max-width:480px){.stat-card{min-height:56px;padding:var(--spacing-2);gap:var(--spacing-1)}.stat-card:hover{transform:none}.stat-card__header{gap:var(--spacing-1)}.stat-card__icon{font-size:var(--font-size-footnote)}.stat-card__title{font-size:var(--font-size-caption-2)}.stat-card__value{font-size:var(--font-size-subheadline)}}}@layer components{.quick-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease-out);min-height:60px;box-shadow:0 1px 3px rgba(0,0,0,var(--opacity-shadow-sm));opacity:.92}.quick-action-button:hover:not(:disabled){opacity:1;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,var(--opacity-shadow-md))}.quick-action-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 6px rgba(0,0,0,var(--opacity-shadow-sm))}.quick-action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-action-button:disabled{opacity:.5;cursor:not-allowed}.quick-action-button__icon{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title-3);transition:transform var(--duration-fast) var(--easing-ease-out)}.quick-action-button:hover:not(:disabled) .quick-action-button__icon{transform:scale(1.1)}.quick-action-button__label{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;line-height:1.3;opacity:.9}.quick-action-button:hover:not(:disabled) .quick-action-button__label{opacity:1}.quick-action-button--primary{background:var(--color-primary);border-color:var(--color-primary)}.quick-action-button--primary .quick-action-button__icon,.quick-action-button--primary .quick-action-button__label{color:var(--color-neutral-0)}.quick-action-button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.quick-action-button--secondary .quick-action-button__icon{color:var(--color-primary)}html[data-theme=dark] .quick-action-button{border-color:var(--color-border)}html[data-theme=dark] .quick-action-button:hover:not(:disabled){box-shadow:var(--shadow-popover-dark)}html[data-theme=dark] .quick-action-button--primary{background:var(--color-primary);border-color:var(--color-primary)}@media(max-width:768px){.quick-action-button{min-height:56px;padding:var(--spacing-2) var(--spacing-3)}.quick-action-button__icon{font-size:var(--font-size-title-2)}.quick-action-button__label{font-size:var(--font-size-caption-2)}}.quick-action-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3);max-width:100%}@media(min-width:768px){.quick-action-button-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}}@layer components{.recent-activity-list{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,var(--opacity-shadow-sm))}.recent-activity-list--empty{padding:var(--spacing-8) var(--spacing-4);text-align:center}.recent-activity-list__empty-message{font-size:var(--font-size-footnote);color:var(--color-text-secondary);margin:0}.recent-activity-list--error{padding:var(--spacing-8) var(--spacing-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.recent-activity-list__error-icon{font-size:var(--font-size-title-1);opacity:.5}.recent-activity-list__error-message{font-size:var(--font-size-footnote);color:var(--color-text-tertiary);margin:0;opacity:.7}.recent-activity-item{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-card);transition:all var(--duration-fast) var(--easing-ease-out);opacity:.92}.recent-activity-item--clickable{cursor:pointer}.recent-activity-item--clickable:hover{opacity:1;background:var(--color-bg-tertiary);transform:translate(2px)}.recent-activity-item--clickable:active{transform:translate(0);opacity:.95}.recent-activity-item--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.recent-activity-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:var(--font-size-title-2);color:var(--color-primary);transition:transform var(--duration-fast) var(--easing-ease-out)}.recent-activity-item--clickable:hover .recent-activity-item__icon{transform:scale(1.05)}.recent-activity-item__content{flex:1;min-width:0}.recent-activity-item__title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-activity-item__subtitle{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-activity-item__timestamp{flex-shrink:0;font-size:var(--font-size-caption-1);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.recent-activity-item__divider{position:absolute;bottom:0;left:var(--spacing-4);right:0;height:1px;background:var(--color-border)}.recent-activity-item__icon~.recent-activity-item__content~.recent-activity-item__timestamp~.recent-activity-item__divider{left:calc(var(--spacing-4) + 40px + var(--spacing-3))}.recent-activity-item--loading{pointer-events:none}.recent-activity-item__skeleton-title,.recent-activity-item__skeleton-subtitle{height:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.recent-activity-item__skeleton-title{width:60%;margin-bottom:var(--spacing-2)}.recent-activity-item__skeleton-subtitle{width:40%;height:14px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}html[data-theme=dark] .recent-activity-item--clickable:hover{background:var(--color-bg-secondary)}html[data-theme=dark] .recent-activity-item__divider{background:var(--color-border)}@media(max-width:768px){.recent-activity-item{padding:var(--spacing-3)}.recent-activity-item__icon{width:32px;height:32px;font-size:var(--font-size-title-3)}.recent-activity-item__title{font-size:var(--font-size-callout)}.recent-activity-item__subtitle,.recent-activity-item__timestamp{font-size:var(--font-size-caption-2)}.recent-activity-item__divider{left:var(--spacing-3)}.recent-activity-item__icon~.recent-activity-item__content~.recent-activity-item__timestamp~.recent-activity-item__divider{left:calc(var(--spacing-3) + 32px + var(--spacing-3))}}}@layer components{.usage-guide{margin-bottom:var(--spacing-4);border-radius:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);overflow:hidden;transition:all .2s ease}.usage-guide__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.usage-guide__header:hover{background:var(--color-bg-hover)}.usage-guide__header:active{transform:scale(.98)}.usage-guide__header-left{display:flex;align-items:center;gap:var(--spacing-2)}.usage-guide__header-icon{flex-shrink:0;opacity:.8}.usage-guide__title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.usage-guide__chevron{color:var(--color-text-secondary);transition:transform .2s ease;opacity:.6}.usage-guide--expanded .usage-guide__chevron{opacity:1}.usage-guide__content{padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.usage-guide__sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4)}.usage-guide__section{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:6px;background:var(--color-bg-card);border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-lg);transition:all .2s ease}.usage-guide__section--clickable{cursor:pointer}.usage-guide__section--clickable:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.usage-guide__section--clickable:active{transform:translateY(0)}.usage-guide__section-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent}.usage-guide__section-text{flex:1}.usage-guide__section-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.usage-guide__section-description{font-size:12px;line-height:1.5;color:var(--color-text-secondary);margin:0}@media(max-width:768px){.usage-guide__sections{grid-template-columns:1fr}}}@layer components{.context-menu{position:fixed;z-index:var(--z-index-modal, 1000);min-width:180px;max-width:280px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--spacing-1);opacity:0;transform:scale(.95);transform-origin:top left;animation:contextMenuFadeIn var(--duration-fast, .15s) var(--easing-ease-out, ease-out) forwards}@keyframes contextMenuFadeIn{to{opacity:1;transform:scale(1)}}.context-menu__section-title{font-size:var(--font-size-caption-2, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);-webkit-user-select:none;user-select:none}.context-menu__divider{height:1px;background:var(--color-border);margin:var(--spacing-1) var(--spacing-2)}.context-menu-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-footnote, 13px);font-weight:var(--font-weight-regular, 400);color:var(--color-text-primary);text-align:left;white-space:nowrap;transition:background var(--duration-fast, .15s) var(--easing-ease-out, ease-out),color var(--duration-fast, .15s) var(--easing-ease-out, ease-out)}.context-menu-item:hover:not(:disabled){background:var(--color-bg-active)}.context-menu-item:active:not(:disabled){background:var(--color-primary-alpha-20, rgba(0, 122, 255, .2))}.context-menu-item:focus{outline:none;background:var(--color-bg-active)}.context-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.context-menu-item--disabled,.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-item__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--color-text-secondary);transition:color var(--duration-fast, .15s) var(--easing-ease-out, ease-out)}.context-menu-item:hover:not(:disabled) .context-menu-item__icon{color:var(--color-text-primary)}.context-menu-item__icon svg{width:100%;height:100%}.context-menu-item__label{flex:1;overflow:hidden;text-overflow:ellipsis}.context-menu-item__shortcut{font-size:var(--font-size-caption-2, 11px);color:var(--color-text-tertiary);margin-left:auto;padding-left:var(--spacing-4);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.context-menu-item--danger,.context-menu-item--danger .context-menu-item__icon{color:var(--color-error)}.context-menu-item--danger:hover:not(:disabled){background:var(--color-error);color:var(--color-button-destructive-text, #fff)}.context-menu-item--danger:hover:not(:disabled) .context-menu-item__icon{color:var(--color-button-destructive-text, #fff)}.context-menu-item--danger:hover:not(:disabled) .context-menu-item__shortcut{color:var(--color-button-destructive-text, #fff);opacity:.7}[data-theme=dark] .context-menu{background:var(--color-bg-card);border-color:var(--color-border)}}@layer components{.back-button{display:inline-flex;align-items:center;gap:2px;padding:var(--spacing-0-5) var(--spacing-1-5) var(--spacing-0-5) var(--spacing-0-5);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;line-height:1;white-space:nowrap;transition:all .15s ease-out;flex-shrink:0}.back-button__label{font-size:var(--font-size-caption-2);font-weight:400}.back-button:hover{opacity:.8;transform:scale(1.03);background:var(--color-bg-hover)}.back-button:active{transform:scale(.97)}.back-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(pointer:coarse){.back-button{position:relative;min-height:44px}.back-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:44px;min-height:44px}.back-button:hover{transform:none}}}@layer components{.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8) var(--spacing-6);gap:var(--spacing-3)}.empty-state--centered{height:100%;min-height:200px}.empty-state--sm{padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-2)}.empty-state--lg{padding:var(--spacing-12) var(--spacing-8);gap:var(--spacing-4)}.empty-state__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);margin-bottom:var(--spacing-2)}.empty-state--sm .empty-state__icon{margin-bottom:var(--spacing-1)}.empty-state--lg .empty-state__icon{margin-bottom:var(--spacing-3)}.empty-state__title{margin:0;font-size:var(--font-size-subheadline);font-weight:600;color:var(--color-text-primary);line-height:1.3}.empty-state--sm .empty-state__title{font-size:var(--font-size-footnote)}.empty-state--lg .empty-state__title{font-size:var(--font-size-title-3)}.empty-state__description{margin:0;font-size:var(--font-size-footnote);font-weight:400;color:var(--color-text-secondary);line-height:1.4;max-width:280px}.empty-state--sm .empty-state__description{font-size:var(--font-size-caption-1);max-width:200px}.empty-state--lg .empty-state__description{font-size:var(--font-size-subheadline);max-width:360px}.empty-state__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-3)}.empty-state--sm .empty-state__actions{margin-top:var(--spacing-2);gap:var(--spacing-2)}.empty-state--lg .empty-state__actions{margin-top:var(--spacing-4);gap:var(--spacing-4)}@media(max-width:480px){.empty-state__actions{flex-direction:column;width:100%}.empty-state__actions .button{width:100%;max-width:200px}}@media(prefers-reduced-motion:reduce){.empty-state__icon{animation:none}}}@layer components{.doc-type-popover__backdrop{position:fixed;inset:0;z-index:9998;background-color:#00000026}html[data-theme=dark] .doc-type-popover__backdrop{background-color:#00000059}.doc-type-popover{position:absolute;z-index:9999;width:280px;background-color:var(--color-ios-menu-bg-light);border:1px solid var(--color-ios-separator-light);border-radius:10px;box-shadow:var(--shadow-overlay-light);display:flex;flex-direction:column;overflow:hidden}html[data-theme=dark] .doc-type-popover{background-color:var(--color-ios-menu-bg-dark);border-color:var(--color-ios-separator-dark);box-shadow:0 8px 32px #0006,0 2px 8px #0003}.doc-type-popover__search{display:flex;align-items:center;gap:var(--spacing-1-5);padding:10px var(--spacing-3);border-bottom:1px solid var(--color-ios-separator-light)}html[data-theme=dark] .doc-type-popover__search{border-bottom-color:var(--color-ios-separator-dark)}.doc-type-popover__search-icon{flex-shrink:0;color:var(--color-ios-text-tertiary-light)}html[data-theme=dark] .doc-type-popover__search-icon{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__search-input{flex:1;height:24px;padding:0;font-size:12px;font-family:var(--font-family-text);font-weight:400;color:var(--color-ios-text-primary-light);background:none;border:none;outline:none}.doc-type-popover__search-input::placeholder{color:var(--color-ios-text-tertiary-light)}html[data-theme=dark] .doc-type-popover__search-input{color:var(--color-ios-text-primary-dark)}html[data-theme=dark] .doc-type-popover__search-input::placeholder{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__content{flex:1;overflow-y:auto;max-height:320px;padding:var(--spacing-1) 0}.doc-type-popover__content::-webkit-scrollbar{width:4px}.doc-type-popover__content::-webkit-scrollbar-track{background:transparent}.doc-type-popover__content::-webkit-scrollbar-thumb{background-color:var(--color-ios-separator-light);border-radius:2px}html[data-theme=dark] .doc-type-popover__content::-webkit-scrollbar-thumb{background-color:var(--color-ios-separator-dark)}.doc-type-popover__cat-header{display:flex;align-items:center;gap:var(--spacing-1-5);width:100%;padding:7px var(--spacing-3);font-size:12px;font-weight:600;font-family:var(--font-family-text);color:var(--color-ios-text-primary-light);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.doc-type-popover__cat-header:hover{background-color:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .doc-type-popover__cat-header{color:var(--color-ios-text-primary-dark)}html[data-theme=dark] .doc-type-popover__cat-header:hover{background-color:var(--color-ios-menu-option-hover-dark)}.doc-type-popover__disclosure{font-size:10px;color:var(--color-ios-text-tertiary-light);transition:transform .2s ease;flex-shrink:0;width:10px;text-align:center}.doc-type-popover__disclosure--open{transform:rotate(90deg)}html[data-theme=dark] .doc-type-popover__disclosure{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.doc-type-popover__cat-label{flex:1}.doc-type-popover__cat-count{font-size:10px;font-weight:400;color:var(--color-ios-text-tertiary-light);flex-shrink:0}html[data-theme=dark] .doc-type-popover__cat-count{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__item{display:flex;align-items:center;gap:var(--spacing-1-5);width:100%;padding:var(--spacing-1-5) 14px;font-size:12px;font-weight:400;font-family:var(--font-family-text);color:var(--color-ios-text-primary-light);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .12s ease}.doc-type-popover__item:hover{background-color:var(--color-ios-menu-option-hover-light)}.doc-type-popover__item--sub{padding-left:36px}.doc-type-popover__item--selected{color:var(--color-ios-blue-light);font-weight:600}html[data-theme=dark] .doc-type-popover__item{color:var(--color-ios-text-primary-dark)}html[data-theme=dark] .doc-type-popover__item:hover{background-color:var(--color-ios-menu-option-hover-dark)}html[data-theme=dark] .doc-type-popover__item--selected{color:var(--color-ios-blue-dark)}.doc-type-popover__item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.doc-type-popover__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-type-popover__item-cat{font-size:10px;font-weight:400;color:var(--color-ios-text-tertiary-light);flex-shrink:0;margin-left:auto}html[data-theme=dark] .doc-type-popover__item-cat{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__check{color:var(--color-ios-blue-light);font-size:12px;font-weight:600;flex-shrink:0;margin-left:var(--spacing-1)}html[data-theme=dark] .doc-type-popover__check{color:var(--color-ios-blue-dark)}.doc-type-popover__empty{padding:var(--spacing-6) var(--spacing-4);text-align:center;font-size:12px;color:var(--color-ios-text-tertiary-light)}html[data-theme=dark] .doc-type-popover__empty{color:var(--color-ios-text-tertiary-dark)}.doc-type-popover__actions{display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-top:1px solid var(--color-ios-separator-light);justify-content:flex-end}html[data-theme=dark] .doc-type-popover__actions{border-top-color:var(--color-ios-separator-dark)}.doc-type-popover__btn-cancel{padding:5px var(--spacing-3);font-size:12px;font-family:var(--font-family-text);font-weight:400;color:var(--color-ios-text-secondary-light);background:none;border:none;border-radius:6px;cursor:pointer;transition:background-color .12s ease}.doc-type-popover__btn-cancel:hover{background-color:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .doc-type-popover__btn-cancel{color:var(--color-ios-text-secondary-dark)}html[data-theme=dark] .doc-type-popover__btn-cancel:hover{background-color:var(--color-ios-menu-option-hover-dark)}.doc-type-popover__btn-confirm{padding:5px 14px;font-size:12px;font-family:var(--font-family-text);font-weight:600;color:#fff;background-color:var(--color-ios-blue-light);border:none;border-radius:6px;cursor:pointer;transition:opacity .12s ease}.doc-type-popover__btn-confirm:hover{opacity:.85}.doc-type-popover__btn-confirm--disabled{opacity:.4;cursor:not-allowed}.doc-type-popover__btn-confirm--disabled:hover{opacity:.4}html[data-theme=dark] .doc-type-popover__btn-confirm{background-color:var(--color-ios-blue-dark)}}@layer components{.document-type-cell--label{display:block;width:100%;height:22px;padding:0 var(--spacing-1-5);font-size:var(--font-size-caption-2);font-family:var(--font-family-text);font-weight:400;color:var(--color-ios-text-primary-light);border:1px solid transparent;border-radius:4px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.document-type-cell--clickable{cursor:pointer;transition:background-color .15s ease}.document-type-cell--clickable:hover{background-color:var(--color-ios-background-tertiary-light)}.document-type-cell--clickable:focus-visible{outline:none;border-color:var(--color-ios-blue-light);box-shadow:var(--shadow-focus-primary)}.document-type-cell--updating{opacity:.5;cursor:wait}html[data-theme=dark] .document-type-cell--label{color:var(--color-ios-text-primary-dark)}html[data-theme=dark] .document-type-cell--clickable:hover{background-color:var(--color-ios-background-tertiary-dark)}html[data-theme=dark] .document-type-cell--clickable:focus-visible{border-color:var(--color-ios-blue-dark)}.document-type-cell--readonly{display:block;width:100%;height:22px;padding:0 var(--spacing-1-5);font-size:var(--font-size-caption-2);font-family:var(--font-family-text);font-weight:400;border:1px solid transparent;border-radius:4px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:not-allowed;-webkit-user-select:none;user-select:none}.document-type-cell--annual_report{background-color:var(--color-semantic-info-light);color:var(--color-ios-blue-light)}html[data-theme=dark] .document-type-cell--annual_report{background-color:#0a84ff26;color:var(--color-ios-blue-dark)}.document-type-cell--customer_review{background-color:#af52de1a;color:var(--color-ios-purple-light)}html[data-theme=dark] .document-type-cell--customer_review{background-color:#af52de26;color:var(--color-ios-purple-dark)}}@layer components{.initial-filter-bar{display:flex;align-items:center;gap:clamp(6px,.83vw,12px);padding:clamp(4px,.56vw,8px) clamp(6px,.83vw,12px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.initial-filter-bar--compact{padding:clamp(4px,.42vw,6px) clamp(6px,.69vw,10px);gap:clamp(5px,.56vw,8px)}.initial-filter-bar__type-section{flex-shrink:0}.initial-filter-bar__type-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);min-width:clamp(36px,3.33vw,48px);height:clamp(22px,1.94vw,28px);padding:0 clamp(4px,.56vw,8px);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;transition:all .15s ease}.initial-filter-bar--compact .initial-filter-bar__type-toggle{min-width:clamp(32px,2.92vw,42px);height:clamp(18px,1.67vw,24px);padding:0 clamp(4px,.42vw,6px)}.initial-filter-bar__type-toggle:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .04));border-color:var(--color-primary-500, #007aff)}.initial-filter-bar__type-toggle:hover .initial-filter-bar__globe-icon,.initial-filter-bar__type-toggle:hover .initial-filter-bar__type-label{color:var(--color-primary-500, #007aff)}.initial-filter-bar__globe-icon{flex-shrink:0;width:14px;height:14px;color:var(--color-text-secondary);transition:color .15s ease}.initial-filter-bar__type-label{font-size:clamp(9px,.76vw,11px);font-weight:600;color:var(--color-text-primary);line-height:1;white-space:nowrap;transition:color .15s ease}.initial-filter-bar__initials{display:flex;align-items:center;gap:clamp(2px,.21vw,3px);flex-wrap:wrap}.initial-filter-bar__initial{display:flex;align-items:center;justify-content:center;min-width:clamp(20px,1.81vw,26px);height:clamp(20px,1.81vw,26px);padding:0 clamp(2px,.28vw,4px);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:4px;font-size:clamp(9px,.76vw,11px);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.initial-filter-bar--compact .initial-filter-bar__initial{min-width:clamp(17px,1.53vw,22px);height:clamp(17px,1.53vw,22px);font-size:clamp(8px,.69vw,10px)}html:not([data-theme=dark]) .initial-filter-bar__initial{border-color:var(--color-border-primary);color:var(--color-neutral-500)}html:not([data-theme=dark]) .initial-filter-bar__initial:not(.initial-filter-bar__initial--empty):not(.initial-filter-bar__initial--active){color:var(--color-neutral-800);font-weight:700;border-color:var(--color-neutral-400)}.initial-filter-bar__initial:hover:not(:disabled){background:var(--color-bg-hover, rgba(0, 0, 0, .04));border-color:var(--color-border-secondary, #9ca3af);color:var(--color-text-primary);transform:scale(1.05)}button.initial-filter-bar__initial.initial-filter-bar__initial--active,.initial-filter-bar__initial.initial-filter-bar__initial--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-text-inverse);font-weight:700;box-shadow:0 2px 6px var(--color-accent-blue-alpha-30)}html:not([data-theme=dark]) button.initial-filter-bar__initial.initial-filter-bar__initial--active,html:not([data-theme=dark]) .initial-filter-bar__initial.initial-filter-bar__initial--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-text-inverse)}button.initial-filter-bar__initial.initial-filter-bar__initial--active:hover:not(:disabled),.initial-filter-bar__initial.initial-filter-bar__initial--active:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-700);color:var(--color-text-inverse);transform:scale(1.05)}.initial-filter-bar__initial--empty{opacity:.5;cursor:not-allowed}.initial-filter-bar__initial--empty:hover{transform:none;background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.initial-filter-bar__selected{display:flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-3);background:#007aff1a;border:1px solid var(--color-primary-500, #007aff);border-radius:16px;flex-shrink:0}.initial-filter-bar__selected-label{font-size:11px;color:var(--color-primary-500, #007aff)}.initial-filter-bar__selected-label strong{font-weight:700}.initial-filter-bar__clear{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-primary-500, #007aff);cursor:pointer;opacity:.7;transition:opacity .15s ease}.initial-filter-bar__clear:hover{opacity:1}html[data-theme=dark] .initial-filter-bar{background:var(--color-bg-tertiary)}html[data-theme=dark] .initial-filter-bar__type-toggle,html[data-theme=dark] .initial-filter-bar__initial{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}html[data-theme=dark] .initial-filter-bar__selected{background:#007aff33}@media(max-width:768px){.initial-filter-bar{gap:var(--spacing-2);padding:var(--spacing-1-5) 10px;max-width:100%;overflow:hidden}.initial-filter-bar__initials{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.initial-filter-bar__initials::-webkit-scrollbar{display:none}.initial-filter-bar__type-toggle{min-width:44px;height:36px;padding:0 var(--spacing-2);font-size:var(--font-size-caption-1)}.initial-filter-bar__initial{min-width:36px;height:36px;font-size:var(--font-size-caption-1);flex-shrink:0}.initial-filter-bar__selected{padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 10px;height:36px}.initial-filter-bar__selected-label{font-size:var(--font-size-caption-2)}}@media(max-width:480px){.initial-filter-bar{gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-1-5);align-items:center}.initial-filter-bar__initials{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--spacing-0-5);min-width:0}.initial-filter-bar__initials::-webkit-scrollbar{display:none}.initial-filter-bar__initial{min-width:26px;height:26px;font-size:10px;padding:0 var(--spacing-0-75);flex-shrink:0;border-radius:3px}.initial-filter-bar__type-toggle{min-width:36px;height:26px;padding:0 var(--spacing-1)}.initial-filter-bar__type-label{font-size:9px}.initial-filter-bar__globe-icon{width:11px;height:11px}.initial-filter-bar__selected{height:auto;padding:var(--spacing-0-75) var(--spacing-1-5) var(--spacing-0-75) var(--spacing-2);flex-shrink:0}.initial-filter-bar__selected-label{font-size:10px}}@media(max-height:500px)and (min-width:481px){.initial-filter-bar{gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-2);align-items:flex-start}.initial-filter-bar__initials{flex-wrap:wrap;overflow-x:visible;gap:var(--spacing-0-5)}.initial-filter-bar__initial{min-width:26px;height:26px;font-size:11px;padding:0 var(--spacing-0-75);flex-shrink:0}.initial-filter-bar__type-toggle{min-width:40px;height:26px;padding:0 var(--spacing-1-5)}.initial-filter-bar__type-label{font-size:10px}.initial-filter-bar__globe-icon{width:12px;height:12px}.initial-filter-bar__selected{height:auto;padding:var(--spacing-0-75) var(--spacing-1-5) var(--spacing-0-75) var(--spacing-2)}.initial-filter-bar__selected-label{font-size:10px}}@media(pointer:coarse){.initial-filter-bar__initial,.initial-filter-bar__type-toggle{position:relative}.initial-filter-bar__initial:after,.initial-filter-bar__type-toggle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}}}@layer components{.action-overflow{display:inline-flex;align-items:center;flex-shrink:0}.action-overflow__trigger{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--spacing-1);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.action-overflow__trigger:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-overflow__trigger:active{transform:scale(.95)}html[data-theme=dark] .action-overflow__trigger{border-color:var(--color-ios-separator-dark);color:var(--color-text-secondary)}html[data-theme=dark] .action-overflow__trigger:hover{background:var(--color-ios-bg-tertiary-dark)}.action-overflow__menu{position:absolute;top:var(--menu-top, 0);left:var(--menu-left, 0);transform:translate(-100%);min-width:140px;background:var(--color-ios-menu-bg-light);border:1px solid var(--color-ios-separator-light);border-radius:var(--radius-md);box-shadow:var(--shadow-popover-light);overflow:hidden;z-index:10000;animation:actionOverflowFadeIn var(--duration-fast) var(--easing-ease-out)}html[data-theme=dark] .action-overflow__menu{background:var(--color-ios-menu-bg-dark);border-color:var(--color-ios-separator-dark);box-shadow:var(--shadow-popover-dark)}@keyframes actionOverflowFadeIn{0%{opacity:0;transform:translate(-100%) translateY(-4px)}to{opacity:1;transform:translate(-100%) translateY(0)}}.action-overflow__menu--upward{animation:actionOverflowFadeInUp var(--duration-fast) var(--easing-ease-out)}@keyframes actionOverflowFadeInUp{0%{opacity:0;transform:translate(-100%) translateY(4px)}to{opacity:1;transform:translate(-100%) translateY(0)}}.action-overflow__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-caption-1);font-weight:400;font-family:var(--font-family-system);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing-ease-out);white-space:nowrap;min-height:44px}.action-overflow__item:hover{background:var(--color-ios-menu-option-hover-light)}html[data-theme=dark] .action-overflow__item{color:var(--color-text-primary)}html[data-theme=dark] .action-overflow__item:hover{background:var(--color-ios-menu-option-hover-dark)}.action-overflow__item--destructive{color:var(--color-icon-red)}html[data-theme=dark] .action-overflow__item--destructive{color:var(--color-error-400)}.action-overflow__item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;font-size:14px}.action-overflow__item-label{flex:1}@media(hover:none)and (pointer:coarse){.action-overflow__trigger{min-width:44px;min-height:44px}.action-overflow__item{min-height:44px;padding:var(--spacing-2) var(--spacing-3)}}@media(prefers-reduced-motion:reduce){.action-overflow__menu{animation:none}}}@layer components{.rename-modal__body{display:flex;flex-direction:column;gap:var(--spacing-3)}.rename-modal__label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.rename-modal__input{width:100%;padding:8px 10px;font-size:13px;font-weight:400;font-family:var(--font-family-system);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--easing-ease-out),box-shadow var(--duration-fast) var(--easing-ease-out);-webkit-appearance:none;appearance:none}.rename-modal__input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}[data-theme=dark] .rename-modal__input{background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .rename-modal__input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-900)}.rename-modal__reference{display:flex;align-items:baseline;gap:var(--spacing-2);padding:6px 8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.rename-modal__reference-label{font-size:10px;font-weight:600;color:var(--color-text-tertiary);flex-shrink:0}.rename-modal__reference-value{font-size:12px;font-weight:400;color:var(--color-text-secondary);word-break:break-all;line-height:1.4}.rename-modal__footer-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;width:100%}.rename-modal__btn{padding:6px 16px;font-size:13px;font-weight:400;font-family:var(--font-family-system);border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity var(--duration-fast) var(--easing-ease-out)}.rename-modal__btn:hover{opacity:.85}.rename-modal__btn--cancel{color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.rename-modal__btn--confirm{color:var(--color-text-inverse);background-color:var(--color-primary-500)}}@layer components{.pagination,.customer-pagination,.document-pagination,.contract-pagination,.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) 0;margin-top:var(--spacing-2);border-top:1px solid var(--color-border-primary)}.customer-review-pagination,.annual-report-pagination{display:flex;align-items:center;justify-content:space-between}.customer-contracts .contract-pagination{border-top-color:var(--color-ios-separator-subtle-light);flex-shrink:0}html[data-theme=dark] .customer-contracts .contract-pagination{border-top-color:var(--color-ios-separator-subtle-dark)}.pagination-limit{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-limit .ios-dropdown__trigger{height:28px;min-height:28px;padding:var(--spacing-1) var(--spacing-2)}.pagination-limit .ios-dropdown__value{font-size:12px}.pagination-limit .ios-dropdown__menu{padding:var(--spacing-1) 0}.pagination-limit .ios-dropdown__option{padding:var(--spacing-1-5) var(--spacing-3);font-size:12px;min-height:28px}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-4);justify-content:center;flex:1}.pagination-spacer{flex:1}.pagination-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background-color:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.pagination-button:hover:not(:disabled){background-color:transparent}.pagination-button:hover:not(:disabled) .pagination-arrow{color:var(--color-primary-700);transform:scale(1.15)}html[data-theme=dark] .pagination-button:hover:not(:disabled) .pagination-arrow{color:var(--color-primary-300)}.pagination-button:active:not(:disabled){background-color:var(--color-bg-tertiary);transform:scale(.96)}.pagination-button:disabled{cursor:not-allowed;opacity:.3}.pagination-arrow{font-weight:300;line-height:1;color:inherit;-webkit-user-select:none;user-select:none;display:inline-block;transition:transform .15s ease-out,color .15s ease-out}.pagination-button:disabled .pagination-arrow{color:var(--color-text-quaternary)}.pagination-arrow--clicked{color:var(--color-primary-700)}html[data-theme=dark] .pagination-arrow--clicked{color:var(--color-primary-300)}.pagination-button--prev .pagination-arrow--clicked{transform:translate(-2px) scale(1.05)}.pagination-button--next .pagination-arrow--clicked{transform:translate(2px) scale(1.05)}.pagination-info{display:flex;align-items:center;gap:var(--spacing-1-5);font-family:var(--font-family-text);font-weight:600;color:var(--color-text-secondary);min-width:60px;justify-content:center}.pagination-current{color:var(--color-text-primary);font-weight:600}.pagination-separator{color:var(--color-text-quaternary)}.pagination-total{color:var(--color-text-tertiary)}.customer-review-pagination .pagination-controls,.annual-report-pagination .pagination-controls{gap:var(--spacing-2)}.customer-review-pagination .pagination-button,.annual-report-pagination .pagination-button{width:20px;height:20px;background:var(--color-bg-secondary);border-radius:4px}.customer-review-pagination .pagination-button:hover:not(:disabled),.annual-report-pagination .pagination-button:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.customer-review-pagination .pagination-info,.annual-report-pagination .pagination-info{gap:var(--spacing-1);min-width:auto}.customer-review-pagination .pagination-separator,.annual-report-pagination .pagination-separator{color:var(--color-text-secondary);opacity:.5}.customer-review-pagination .pagination-total,.annual-report-pagination .pagination-total{color:var(--color-text-secondary);opacity:.7}.customer-contracts .contract-pagination .pagination-button{color:var(--color-ios-text-primary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-button{color:var(--color-ios-text-primary-dark)}.customer-contracts .contract-pagination .pagination-button:active:not(:disabled){background-color:var(--color-ios-bg-tertiary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-button:active:not(:disabled){background-color:var(--color-ios-bg-tertiary-dark)}.customer-contracts .contract-pagination .pagination-arrow{font-size:24px}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-arrow{color:var(--color-ios-text-primary-dark)}.customer-contracts .contract-pagination .pagination-button:disabled .pagination-arrow{color:var(--color-ios-text-quaternary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-button:disabled .pagination-arrow{color:var(--color-ios-text-quaternary-dark)}.customer-contracts .contract-pagination .pagination-info{font-size:var(--font-size-caption-1);color:var(--color-ios-text-secondary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-info{color:var(--color-ios-text-secondary-dark)}.customer-contracts .contract-pagination .pagination-current{color:var(--color-ios-text-primary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-current{color:var(--color-ios-text-primary-dark)}.customer-contracts .contract-pagination .pagination-separator{color:var(--color-ios-text-quaternary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-separator{color:var(--color-ios-text-quaternary-dark)}.customer-contracts .contract-pagination .pagination-total{color:var(--color-ios-text-tertiary-light)}html[data-theme=dark] .customer-contracts .contract-pagination .pagination-total{color:var(--color-ios-text-tertiary-dark)}@media(max-width:480px){.pagination,.customer-pagination,.document-pagination,.contract-pagination,.table-pagination{padding:var(--spacing-3) var(--spacing-3);gap:var(--spacing-2)}.pagination-button{width:44px;height:44px}.pagination-info{min-width:60px;gap:var(--spacing-1);font-size:var(--font-size-caption-1)}}@media(prefers-reduced-motion:reduce){.pagination-button{transition:none}.pagination-button:active:not(:disabled){transform:none}.pagination-arrow{transition:none}}}