*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute-lt{position:absolute;left:0;top:0}.fixed-center{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-y-center{display:flex;align-items:center}.i-flex-col{display:flex;display:inline-flex;flex-direction:column}.flex-1-hidden{flex:1 1 0%;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-bottom-400px{bottom:-400px}.-left-200px{left:-200px}.-right-300px{right:-300px}.-top-900px{top:-900px}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-7px{right:7px}.top-0{top:0}.top-0\!{top:0!important}.-z-1{z-index:-1}.z-1{z-index:1}.z-4{z-index:4}.grid{display:grid}.m563\.8{margin:140.95rem}.my-36px{margin-top:36px;margin-bottom:36px}.-mr-18px{margin-right:-18px}.block{display:block}.inline-block{display:inline-block}.size-64px{width:64px;height:64px}.size-full{width:100%;height:100%}.h-\[36px\],.h-36px{height:36px}.h-128px{height:128px}.h-16px{height:16px}.h-34px{height:34px}.h-56px{height:56px}.h-full{height:100%}.h3{height:.75rem}.min-h-520px{min-height:520px}.w-0{width:0}.w-128px{width:128px}.w-12px{width:12px}.w-16px{width:16px}.w-1px{width:1px}.w-400px{width:400px}.w-56px{width:56px}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.table{display:table}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-delay-1000{animation-delay:1s}.animate-delay-1500{animation-delay:1.5s}.animate-delay-500{animation-delay:.5s}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12px{gap:12px}.gap-16px{gap:16px}.gap-24px{gap:24px}.gap-8px{gap:8px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.b,.border,.border-1px{border-width:1px}.rd-50\%{border-radius:50%}.rounded-4px{border-radius:4px}.rounded-8px{border-radius:8px}.border-solid{border-style:solid}.bg-\[rgba\(0\,0\,0\,0\.2\)\]{--un-bg-opacity:.2;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-\#1f2225{--un-bg-opacity:1;background-color:rgb(31 34 37 / var(--un-bg-opacity))}.bg-layout{--un-bg-opacity:1;background-color:rgb(var(--layout-bg-color) / var(--un-bg-opacity))}.bg-primary{--un-bg-opacity:1;background-color:rgb(var(--primary-color) / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.p-16px{padding:16px}.px{padding-left:1rem;padding-right:1rem}.px-12px{padding-left:12px;padding-right:12px}.px-24px{padding-left:24px;padding-right:24px}.py-4px{padding-top:4px;padding-bottom:4px}.py-6px{padding-top:6px;padding-bottom:6px}.pt-24px{padding-top:24px}.text-14px{font-size:14px}.text-18px{font-size:18px}.text-20px{font-size:20px}.text-28px{font-size:28px}.text-400px{font-size:400px}.text-icon{font-size:1.125rem;line-height:1}.text-primary{--un-text-opacity:1;color:rgb(var(--primary-color) / var(--un-text-opacity))}.font-500,.font-medium{font-weight:500}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all-300{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(max-width:639.9px){.lt-sm\:-bottom-760px{bottom:-760px}.lt-sm\:-left-100px{left:-100px}.lt-sm\:-right-100px{right:-100px}.lt-sm\:-top-1170px{top:-1170px}.lt-sm\:size-48px{width:48px;height:48px}.lt-sm\:w-300px{width:300px}.lt-sm\:text-18px{font-size:18px}.lt-sm\:text-22px{font-size:22px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#nprogress{pointer-events:none}#nprogress .bar{background:rgb(var(--nprogress-color));position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px rgb(var(--nprogress-color)),0 0 5px rgb(var(--nprogress-color));opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:rgb(var(--nprogress-color));border-left-color:rgb(var(--nprogress-color));border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.fade-slide-leave-active,.fade-slide-enter-active{transition:all .3s}.fade-slide-enter-from{opacity:0;transform:translate(-30px)}.fade-slide-leave-to{opacity:0;transform:translate(30px)}.fade-bottom-enter-active,.fade-bottom-leave-active{transition:opacity .25s,transform .3s}.fade-bottom-enter-from{opacity:0;transform:translateY(-10%)}.fade-bottom-leave-to{opacity:0;transform:translateY(10%)}.fade-scale-leave-active,.fade-scale-enter-active{transition:all .28s}.fade-scale-enter-from{opacity:0;transform:scale(1.2)}.fade-scale-leave-to{opacity:0;transform:scale(.8)}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:transform .2s,opacity .3s ease-out}.zoom-fade-enter-from{opacity:0;transform:scale(.92)}.zoom-fade-leave-to{opacity:0;transform:scale(1.06)}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity .1s ease-in-out,transform .15s ease-out}.zoom-out-enter-from,.zoom-out-leave-to{opacity:0;transform:scale(0)}html,body,#app{height:100%}html{overflow-x:hidden}html,body,#app{background-color:var(--bg-page);color:var(--neutral-800)}.bg-layout{background-color:var(--bg-page)!important}.wis-section-title{font-size:15px;font-weight:600;letter-spacing:.3px;color:var(--neutral-800);display:flex;align-items:center;gap:8px}.wis-section-title:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--primary-gradient)}.wis-muted{color:var(--neutral-500)}.wis-page{display:flex;flex-direction:column;gap:var(--space-5)}.wis-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.wis-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.wis-spacer{flex:1}.data-table tbody tr{cursor:default}.tag--plain{background-color:var(--neutral-100);color:var(--neutral-600)}:root{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #7c3aed;--primary-600: #6d28d9;--primary-700: #5b21b6;--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--primary-gradient-hover: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);--accent-blue: #3b82f6;--accent-blue-light: #dbeafe;--accent-cyan: #22d3ee;--accent-cyan-light: #cffafe;--accent-pink: #f472b6;--accent-pink-light: #fce7f3;--accent-rose: #fb7185;--accent-rose-light: #ffe4e6;--accent-amber: #fbbf24;--accent-amber-light: #fef3c7;--accent-orange: #fb923c;--accent-orange-light: #ffedd5;--accent-teal: #2dd4bf;--accent-teal-light: #ccfbf1;--accent-green: #10b981;--accent-green-light: #d1fae5;--neutral-900: #111827;--neutral-800: #1f2937;--neutral-700: #374151;--neutral-600: #4b5563;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #f9fafb;--bg-page: #edf2f7;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-input: #f3f4f6;--bg-hover: #f3f4f6;--bg-active: #ede9fe;--success: #10b981;--success-bg: #d1fae5;--success-text: #047857;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-text: #b45309;--error: #ef4444;--error-bg: #fee2e2;--error-text: #b91c1c;--info: #3b82f6;--info-bg: #dbeafe;--info-text: #1d4ed8;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 64px;--card-radius: 16px;--button-radius: 12px;--input-radius: 12px;--tag-radius: 6px;--pill-radius: 9999px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .08);--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 14px rgba(124, 58, 237, .25);--shadow-focus: 0 0 0 3px rgba(124, 58, 237, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--neutral-800);line-height:var(--leading-normal)}.card{background-color:var(--bg-card);border-radius:var(--card-radius);padding:var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-800)}.card__subtitle{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border:none;border-radius:var(--button-radius);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 6px 18px #7c3aed4d;transform:translateY(-1px)}.btn--secondary{background-color:#fff;color:var(--neutral-800);border:1px solid var(--neutral-200)}.btn--secondary:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-300)}.input{width:100%;height:44px;padding:0 var(--space-4);background-color:var(--bg-input);border:1px solid transparent;border-radius:var(--input-radius);font-family:inherit;font-size:var(--text-sm);color:var(--neutral-800);transition:all var(--transition-fast)}.input::placeholder{color:var(--neutral-500)}.input:focus{outline:none;background-color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-focus)}.search{position:relative;width:280px}.search__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--neutral-400);width:var(--icon-md);height:var(--icon-md)}.search__input{padding-left:calc(var(--space-4) + var(--icon-md) + var(--space-2))}.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--tag-radius);font-size:var(--text-xs);font-weight:var(--font-medium)}.tag--success{background-color:var(--success-bg);color:var(--success-text)}.tag--warning{background-color:var(--warning-bg);color:var(--warning-text)}.tag--error{background-color:var(--error-bg);color:var(--error-text)}.tag--info{background-color:var(--info-bg);color:var(--info-text)}.kpi-card{background-color:var(--bg-card);border-radius:var(--card-radius);padding:var(--space-5);box-shadow:var(--shadow-card)}.kpi-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--neutral-500)}.kpi-card__value{margin-top:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900)}.kpi-card__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--font-medium)}.kpi-card__trend--up{color:var(--accent-teal)}.kpi-card__trend--down{color:var(--accent-rose)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);display:flex;flex-direction:column;padding:var(--space-5);transition:width var(--transition-normal)}.sidebar--collapsed{width:var(--sidebar-collapsed-width);padding:var(--space-5) var(--space-3);align-items:center}.sidebar--collapsed .sidebar__nav{align-items:center}.sidebar--collapsed .nav-item{justify-content:center;padding:0;width:44px}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.sidebar__logo-icon{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient)}.sidebar__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-800)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);border-radius:10px;color:var(--neutral-500);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--bg-hover);color:var(--neutral-800)}.nav-item--active{background-color:var(--primary-500);color:#fff}.nav-item__icon{width:var(--icon-md);height:var(--icon-md)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:var(--neutral-500);transition:background var(--transition-fast)}.icon-btn:hover{background-color:var(--neutral-100)}.icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--primary-100);color:var(--primary-600);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:var(--avatar-sm);height:var(--avatar-sm);font-size:12px}.avatar--md{width:var(--avatar-md);height:var(--avatar-md);font-size:14px}.avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:16px}.avatar__status{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;border:2px solid white;background-color:var(--accent-teal)}.avatar__status--offline{background-color:var(--neutral-400)}.avatar__status--busy{background-color:var(--error)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--pill-radius);background-color:var(--error);color:#fff;font-size:11px;font-weight:var(--font-semibold);line-height:1}.badge--dot{min-width:8px;width:8px;height:8px;padding:0}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--neutral-500);font-weight:var(--font-medium);border-bottom:1px solid var(--neutral-200);white-space:nowrap}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--neutral-50)}.data-table tbody tr:last-child td{border-bottom:none}.chart-card__filters{display:flex;gap:var(--space-2)}.chart-card__canvas{width:100%;height:280px;margin-top:var(--space-4)}.chart-card__legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--neutral-500)}.chart-card__legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.chart-card__legend-dot{width:10px;height:10px;border-radius:50%}.notif-bell{position:relative;display:inline-flex}.notif-bell__badge{position:absolute;top:-2px;right:-2px}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--neutral-100);border-radius:8px}.notif-item:last-child{border-bottom:none}.notif-item--unread{background-color:var(--primary-50)}.notif-item__body{flex:1;min-width:0}.notif-item__title{font-size:var(--text-sm);color:var(--neutral-800);line-height:var(--leading-snug)}.notif-item__meta{font-size:var(--text-xs);color:var(--neutral-500);margin-top:2px}.progress{width:100%;height:8px;background-color:var(--neutral-100);border-radius:var(--pill-radius);overflow:hidden}.progress__bar{height:100%;border-radius:var(--pill-radius);background:var(--primary-gradient);transition:width var(--transition-slow)}.progress__bar--blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.progress__bar--teal{background:linear-gradient(135deg,#2dd4bf,#5eead4)}.progress__bar--amber{background:linear-gradient(135deg,#fbbf24,#fcd34d)}.progress__bar--rose{background:linear-gradient(135deg,#fb7185,#fda4af)}.select{position:relative;display:inline-block;width:100%;min-width:160px;font-size:var(--text-sm)}.select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:44px;padding:0 var(--space-4);background-color:var(--bg-input);border:1px solid transparent;border-radius:var(--input-radius);font-family:inherit;font-size:var(--text-sm);color:var(--neutral-800);cursor:pointer;transition:all var(--transition-fast)}.select__trigger:hover:not(:disabled){border-color:var(--neutral-300)}.select__trigger.is-open{background-color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-focus)}.select__trigger:disabled{opacity:.6;cursor:not-allowed}.select__trigger.is-placeholder{color:var(--neutral-500)}.select__chevron{transition:transform var(--transition-fast);color:var(--neutral-400);flex-shrink:0}.select__trigger.is-open .select__chevron{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;max-height:260px;overflow-y:auto;padding:var(--space-1);background-color:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--input-radius);box-shadow:var(--shadow-lg)}.select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-radius:8px;color:var(--neutral-700);cursor:pointer;transition:background-color var(--transition-fast)}.select__option:hover:not(.is-disabled){background-color:var(--bg-hover)}.select__option.is-selected{color:var(--primary-600);background-color:var(--primary-50);font-weight:var(--font-medium)}.select__option.is-disabled{color:var(--neutral-400);cursor:not-allowed}.select__check{color:var(--primary-500);flex-shrink:0}.datepicker{position:relative;display:inline-block;width:100%;min-width:200px;font-size:var(--text-sm)}.datepicker__pop{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:300px;padding:var(--space-4);background-color:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--input-radius);box-shadow:var(--shadow-lg)}.datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.datepicker__title{font-weight:var(--font-semibold);color:var(--neutral-800)}.datepicker__nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--neutral-500);cursor:pointer;transition:background-color var(--transition-fast)}.datepicker__nav:hover{background-color:var(--bg-hover);color:var(--neutral-800)}.datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker__weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:var(--text-xs);color:var(--neutral-400)}.datepicker__cell{display:flex;align-items:center;justify-content:center;height:36px;border:none;background:transparent;border-radius:8px;font-family:inherit;font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;transition:all var(--transition-fast)}.datepicker__cell:hover:not(.is-disabled):not(.is-selected){background-color:var(--bg-hover)}.datepicker__cell.is-today{color:var(--primary-600);font-weight:var(--font-semibold)}.datepicker__cell.is-selected{background:var(--primary-gradient);color:#fff}.datepicker__cell.is-outside{color:var(--neutral-300)}.datepicker__cell.is-disabled{color:var(--neutral-300);cursor:not-allowed}.timeline{list-style:none;margin:0;padding:0}.timeline__item{position:relative;padding-left:var(--space-6);padding-bottom:var(--space-6)}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";position:absolute;left:5px;top:16px;bottom:0;width:2px;background-color:var(--neutral-200)}.timeline__item:last-child:before{display:none}.timeline__dot{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.timeline__dot--blue{background-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.timeline__dot--green{background-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-light)}.timeline__dot--amber{background-color:var(--accent-amber);box-shadow:0 0 0 3px var(--accent-amber-light)}.timeline__dot--rose{background-color:var(--accent-rose);box-shadow:0 0 0 3px var(--accent-rose-light)}.timeline__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-800)}.timeline__time{font-size:var(--text-xs);color:var(--neutral-400);margin-top:2px}.timeline__desc{font-size:var(--text-sm);color:var(--neutral-600);margin-top:var(--space-1)}.descriptions{display:grid;gap:0;font-size:var(--text-sm)}.descriptions--bordered{border:1px solid var(--neutral-200);border-radius:var(--input-radius);overflow:hidden}.descriptions__item{display:flex;border-bottom:1px solid var(--neutral-100)}.descriptions__item:last-child{border-bottom:none}.descriptions--bordered .descriptions__item{border-bottom:1px solid var(--neutral-200)}.descriptions__label{flex-shrink:0;padding:var(--space-3) var(--space-4);background-color:var(--neutral-50);color:var(--neutral-500);font-weight:var(--font-medium);min-width:120px}.descriptions__value{flex:1;padding:var(--space-3) var(--space-4);color:var(--neutral-800);margin:0;word-break:break-word}.pagination{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.pagination__btn,.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--neutral-200);border-radius:8px;background-color:#fff;color:var(--neutral-700);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination__btn:hover:not(.is-disabled),.pagination__item:hover:not(.is-active):not(.is-disabled){border-color:var(--primary-300);color:var(--primary-600)}.pagination__item.is-active{background:var(--primary-gradient);border-color:transparent;color:#fff;font-weight:var(--font-medium)}.pagination__btn.is-disabled,.pagination__item.is-disabled{opacity:.5;cursor:not-allowed}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--neutral-400)}.drawer__overlay{position:fixed;inset:0;z-index:1100;background-color:#11182773;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.drawer__overlay.is-open{opacity:1;visibility:visible}.drawer{position:absolute;top:0;bottom:0;width:420px;max-width:90vw;display:flex;flex-direction:column;background-color:var(--bg-card);box-shadow:var(--shadow-xl);transition:transform var(--transition-normal)}.drawer--right{right:0;transform:translate(100%)}.drawer--left{left:0;transform:translate(-100%)}.drawer__overlay.is-open .drawer{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-100);flex-shrink:0}.drawer__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.drawer__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--neutral-500);font-size:20px;line-height:1;cursor:pointer;transition:background-color var(--transition-fast)}.drawer__close:hover{background-color:var(--neutral-100);color:var(--neutral-800)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--neutral-100);flex-shrink:0}.ovu-message{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.ovu-message__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--bg-card);border-radius:var(--button-radius);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--neutral-800);animation:ovu-message-in var(--transition-normal)}.ovu-message__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.ovu-message__icon--success{color:var(--success)}.ovu-message__icon--error{color:var(--error)}.ovu-message__icon--warning{color:var(--warning)}.ovu-message__icon--info{color:var(--info)}@keyframes ovu-message-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal__overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:#11182773;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal__overlay.is-open{opacity:1;visibility:visible}.modal{width:480px;max-width:100%;max-height:86vh;display:flex;flex-direction:column;background-color:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);transform:translateY(16px) scale(.98);transition:transform var(--transition-normal)}.modal__overlay.is-open .modal{transform:translateY(0) scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-100);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--neutral-500);font-size:20px;line-height:1;cursor:pointer;transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--neutral-100);color:var(--neutral-800)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-6);color:var(--neutral-700);font-size:var(--text-sm)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--neutral-100);flex-shrink:0}.tabs__nav{display:flex;gap:var(--space-2);border-bottom:1px solid var(--neutral-200)}.tabs__tab{position:relative;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500);cursor:pointer;transition:color var(--transition-fast)}.tabs__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background-color:transparent;transition:background-color var(--transition-fast)}.tabs__tab:hover:not(.is-disabled){color:var(--neutral-800)}.tabs__tab.is-active{color:var(--primary-600)}.tabs__tab.is-active:after{background-color:var(--primary-500)}.tabs__tab.is-disabled{opacity:.5;cursor:not-allowed}.tabs__panel{padding-top:var(--space-5);font-size:var(--text-sm);color:var(--neutral-700)}.dropdown{position:relative;display:inline-block}.dropdown__menu{position:absolute;top:calc(100% + 6px);z-index:1000;min-width:180px;padding:var(--space-1);background-color:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--input-radius);box-shadow:var(--shadow-lg)}.dropdown__menu--bottom-start{left:0}.dropdown__menu--bottom-end{right:0}.dropdown__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:8px;font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown__item:hover:not(.is-disabled){background-color:var(--bg-hover);color:var(--neutral-800)}.dropdown__item.is-disabled{color:var(--neutral-400);cursor:not-allowed}.dropdown__header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em}.dropdown__divider{height:1px;margin:var(--space-1) 0;background-color:var(--neutral-100)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ovu-shell[data-v-80cf73a5]{display:flex;height:100vh;width:100%;background:var(--bg-page)}.ovu-col[data-v-80cf73a5]{flex:1;display:flex;flex-direction:column;min-width:0}.ovu-header[data-v-80cf73a5]{height:var(--header-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--neutral-200)}.ovu-header__title[data-v-80cf73a5]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.ovu-header__actions[data-v-80cf73a5]{display:flex;align-items:center;gap:var(--space-3)}.ovu-avatar[data-v-80cf73a5]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);color:#fff;font-weight:var(--font-semibold);font-size:14px}.ovu-main[data-v-80cf73a5]{flex:1;overflow-y:auto;padding:var(--space-6)}.ovu-collapse[data-v-80cf73a5]{margin-top:auto;width:100%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}