:root{--background:#f8f8f8;--foreground:#171717;--ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-danger:#dc2626;--ui-border:#cbd5e1;--ui-surface:#ffffff;--ui-text:#1f2937;--ui-muted:#64748b}body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans),system-ui,sans-serif}.dark-mode{--background:#2b2b2b;--foreground:#e5e5e5;background:#2b2b2b;color:#e5e5e5}.dark-mode input,.dark-mode select,.dark-mode textarea{background:#2a2a2a;color:#e5e5e5;border-color:#444}.dark-mode button{color:#ccc}.btn-surface{transition:background .15s,border-color .15s,transform .1s}.btn-surface:hover{filter:brightness(.94)}.btn-surface:active{transform:scale(.97);filter:brightness(.88)}.dark-mode .btn-surface:hover{filter:brightness(1.15)}.dark-mode .btn-surface:active{filter:brightness(1.25)}.btn-icon{transition:background .15s,border-color .15s,transform .1s}.btn-icon:hover{filter:brightness(.92)}.btn-icon:active{transform:scale(.92);filter:brightness(.85)}.dark-mode .btn-icon{border-color:rgba(255,255,255,.15)}.dark-mode .btn-icon:hover{filter:brightness(1.2)}.dark-mode .btn-icon:active{filter:brightness(1.3)}.left-sb-toggle,.right-sb-toggle,.toolbar-show-toggle{transition:background .2s,box-shadow .3s,transform .15s}.toolbar-show-toggle:hover{box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),0 0 16px rgba(37,99,235,.12)!important;transform:translateX(-50%) scale(1.06)!important}.toolbar-show-toggle:active{transform:translateX(-50%) scale(.95)!important}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:100000;padding:10px 14px;border-radius:8px;background:#111827;font-weight:700;transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.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}.ui-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-weight:650;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.ui-button:hover:not(:disabled){background:#f1f5f9}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{cursor:not-allowed;opacity:.58}.ui-button--sm{min-height:30px;padding:5px 9px;font-size:12px}.ui-button--md{padding:8px 14px;font-size:13px}.ui-button--lg{min-height:44px;padding:11px 18px;font-size:14px}.ui-button--primary{border-color:var(--ui-primary);background:var(--ui-primary);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--ui-primary-hover)}.ui-button--danger{border-color:var(--ui-danger);background:var(--ui-danger);color:#fff}.ui-button--danger:hover:not(:disabled){background:#b91c1c}.ui-button--ghost{border-color:transparent;background:transparent;color:inherit}.ui-button--ghost:hover:not(:disabled){background:rgba(148,163,184,.16)}.ui-button--on-dark{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#f8fafc}.ui-button--on-dark:hover:not(:disabled){background:rgba(255,255,255,.13)}.ui-button--full{width:100%}.ui-icon-button{width:36px;min-width:36px;padding:0;border-radius:8px}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field__label{color:var(--ui-text);font-size:13px;font-weight:650}.ui-field__description{color:var(--ui-muted);font-size:12px;line-height:1.4}.ui-field__error{color:#b91c1c;font-size:12px;line-height:1.4}.ui-input,.ui-select{width:100%;min-height:40px;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:8px;padding:8px 10px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px}.ui-input[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:var(--ui-danger)}.ui-field--on-dark .ui-field__label{color:#f8fafc}.ui-field--on-dark .ui-field__description{color:rgba(255,255,255,.68)}.ui-field--on-dark .ui-input,.ui-field--on-dark .ui-select{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#f8fafc}.ui-field--on-dark .ui-input::placeholder{color:rgba(255,255,255,.48)}.ui-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ui-dialog__title{margin:0;font-size:16px;line-height:1.3}.ui-dialog__description{margin:-8px 0 0;font-size:13px;line-height:1.5}.ui-dialog__close{flex:0 0 auto;font-size:22px;line-height:1}.ui-dialog__footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.ui-tabs__list{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ui-border)}.ui-tabs__tab{min-height:36px;padding:7px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.ui-tabs__tab[aria-selected=true]{border-bottom-color:var(--ui-primary);color:var(--ui-primary)}.ui-tabs__panel{padding-top:12px}.ui-popover,.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__content{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30000;width:max-content;max-width:240px;padding:5px 8px;border-radius:6px;background:#111827;color:#fff;font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.ui-tooltip:focus-within .ui-tooltip__content,.ui-tooltip:hover .ui-tooltip__content{opacity:1;transform:translate(-50%)}.ui-popover__content{position:absolute;top:calc(100% + 8px);right:0;z-index:30000;min-width:220px;padding:12px;box-shadow:0 12px 36px rgba(15,23,42,.18)}.ui-menu,.ui-popover__content{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text)}.ui-menu{min-width:180px;padding:6px}.ui-menu__item{display:flex;width:100%;min-height:34px;align-items:center;border:0;border-radius:6px;padding:7px 9px;background:transparent;color:inherit;text-align:left;cursor:pointer}.ui-menu__item:focus-visible,.ui-menu__item:hover{background:#f1f5f9}.ui-toast-region{pointer-events:none}.ui-toast-message{pointer-events:auto}.dark-mode{--ui-border:rgba(255,255,255,0.16);--ui-surface:#25252a;--ui-text:#e5e7eb;--ui-muted:#a3a3a3}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-amber{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.5)}50%{box-shadow:0 0 0 4px rgba(245,158,11,0)}}@keyframes menu-slide-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.dark-mode *{scrollbar-color:rgba(255,255,255,.15) transparent}.dark-mode ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(0,0,0,.12)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;border:none;margin-top:-5px;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .15s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:rgba(0,0,0,.12)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;border:none;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .15s}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}.dark-mode input[type=range]::-webkit-slider-runnable-track{background:rgba(255,255,255,.15)}.dark-mode input[type=range]::-moz-range-track{background:rgba(255,255,255,.15)}.glass-panel{position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 45%);z-index:1;mask-image:linear-gradient(180deg,black,transparent 60%);-webkit-mask-image:linear-gradient(180deg,black,transparent 60%)}.dark-mode .glass-panel:before{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%)}@keyframes glass-shimmer{0%{transform:translateX(-100%) rotate(25deg)}to{transform:translateX(200%) rotate(25deg)}}.glass-panel:after{content:"";position:absolute;top:-50%;left:-50%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 55%,transparent);transform:translateX(-100%) rotate(25deg);pointer-events:none;z-index:1;animation:glass-shimmer 8s ease-in-out infinite;animation-delay:2s}.dark-mode .glass-panel:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.02) 45%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 55%,transparent)}.glass-overlay{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.glass-modal{position:relative;overflow:hidden}.glass-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 40%);z-index:1;mask-image:linear-gradient(180deg,black,transparent 50%);-webkit-mask-image:linear-gradient(180deg,black,transparent 50%)}.dark-mode .glass-modal:before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 40%)}@keyframes glass-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bg-flowing-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-anim-flowing-gradient{background-image:linear-gradient(135deg,var(--anim-color1),var(--anim-color2),var(--anim-color1),var(--anim-color2));background-size:400% 400%;animation:bg-flowing-gradient var(--anim-duration,8s) ease infinite}@keyframes bg-aurora{0%{background-position:0 50%,100% 50%,50% 0}33%{background-position:50% 100%,0 50%,100% 50%}66%{background-position:100% 0,50% 100%,0 50%}to{background-position:0 50%,100% 50%,50% 0}}.bg-anim-aurora{background-image:radial-gradient(ellipse at 50% 50%,var(--anim-color1),transparent 60%),radial-gradient(ellipse at 80% 20%,var(--anim-color2),transparent 50%),radial-gradient(ellipse at 20% 80%,var(--anim-color1),transparent 50%);background-size:200% 200%,200% 200%,200% 200%;animation:bg-aurora var(--anim-duration,8s) ease infinite}@keyframes bg-breathing{0%,to{background-size:100% 100%;opacity:.85}50%{background-size:120% 120%;opacity:1}}.bg-anim-breathing{background-image:radial-gradient(circle at 50% 50%,var(--anim-color1),var(--anim-color2));background-position:50%;background-size:100% 100%;animation:bg-breathing var(--anim-duration,8s) ease-in-out infinite}@keyframes bg-drift{0%{background-position:0 0}to{background-position:200px 200px}}.bg-anim-drift{background-image:repeating-linear-gradient(45deg,var(--anim-color1) 0,var(--anim-color2) 20px,var(--anim-color1) 40px);animation:bg-drift var(--anim-duration,8s) linear infinite}@keyframes bg-wave{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-anim-wave{background-image:linear-gradient(90deg,var(--anim-color1) 0,var(--anim-color2) 25%,var(--anim-color1) 50%,var(--anim-color2) 75%,var(--anim-color1) 100%);background-size:300% 100%;animation:bg-wave var(--anim-duration,8s) ease infinite}@keyframes bg-neon-glow{0%,to{background-position:0 50%;opacity:.85}50%{background-position:100% 50%;opacity:1}}.bg-anim-neon-glow{background-image:linear-gradient(135deg,var(--anim-color1),var(--anim-color2),var(--anim-color1));background-size:300% 300%;animation:bg-neon-glow var(--anim-duration,8s) ease infinite}@keyframes bg-sunset-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-anim-sunset-shift{background-image:linear-gradient(270deg,var(--anim-color1),var(--anim-color2),color-mix(in srgb,var(--anim-color1),var(--anim-color2)),var(--anim-color1));background-size:600% 600%;animation:bg-sunset-shift var(--anim-duration,8s) ease infinite}@keyframes bg-deep-ocean{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}.bg-anim-deep-ocean{background-image:linear-gradient(180deg,var(--anim-color1) 0,var(--anim-color2) 33%,color-mix(in srgb,var(--anim-color1) 30%,var(--anim-color2)) 66%,var(--anim-color1) 100%);background-size:100% 400%;animation:bg-deep-ocean var(--anim-duration,8s) ease infinite}@keyframes bg-lava-lamp{0%{background-position:30% 70%,70% 30%,50% 50%}25%{background-position:60% 30%,30% 70%,20% 80%}50%{background-position:40% 50%,80% 60%,70% 20%}75%{background-position:70% 80%,20% 40%,40% 60%}to{background-position:30% 70%,70% 30%,50% 50%}}.bg-anim-lava-lamp{background-image:radial-gradient(circle at 50% 50%,var(--anim-color1),transparent 50%),radial-gradient(circle at 50% 50%,var(--anim-color2),transparent 45%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--anim-color1),var(--anim-color2)),transparent 55%);background-size:200% 200%,180% 180%,220% 220%;background-color:color-mix(in srgb,var(--anim-color1) 20%,var(--anim-color2) 10%);animation:bg-lava-lamp var(--anim-duration,8s) ease-in-out infinite}@keyframes bg-prism{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-anim-prism{background-image:linear-gradient(135deg,var(--anim-color1) 0,#ff8800 12.5%,#ffdd00 25%,#44dd44 37.5%,var(--anim-color2) 50%,#6644ff 62.5%,#cc44ff 75%,#ff4488 87.5%,var(--anim-color1) 100%);background-size:400% 100%;animation:bg-prism var(--anim-duration,8s) linear infinite}@keyframes bg-silk{0%{background-position:0 0,100% 100%}25%{background-position:100% 0,0 100%}50%{background-position:100% 100%,0 0}75%{background-position:0 100%,100% 0}to{background-position:0 0,100% 100%}}.bg-anim-silk{background-image:linear-gradient(130deg,var(--anim-color1),transparent 60%),linear-gradient(310deg,var(--anim-color2),transparent 60%);background-size:200% 200%,200% 200%;background-color:color-mix(in srgb,var(--anim-color1) 30%,var(--anim-color2) 30%);animation:bg-silk var(--anim-duration,8s) ease-in-out infinite}@keyframes bg-northern-lights{0%{background-position:50% 100%,30% 0,70% 50%}33%{background-position:30% 80%,70% 20%,50% 80%}66%{background-position:70% 90%,50% 10%,30% 60%}to{background-position:50% 100%,30% 0,70% 50%}}.bg-anim-northern-lights{background-image:linear-gradient(180deg,transparent 0,var(--anim-color1) 40%,transparent 70%),linear-gradient(180deg,transparent 10%,var(--anim-color2) 50%,transparent 80%),linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--anim-color1),var(--anim-color2)) 45%,transparent 65%);background-size:100% 250%,100% 250%,100% 250%;background-color:#0a0a2e;animation:bg-northern-lights var(--anim-duration,8s) ease-in-out infinite}@keyframes bg-ember{0%,to{background-size:100% 100%,120% 120%;opacity:.9}30%{background-size:110% 110%,140% 140%;opacity:1}60%{background-size:100% 100%,130% 130%;opacity:.85}80%{background-size:115% 115%,135% 135%;opacity:1}}.bg-anim-ember{background-image:radial-gradient(ellipse at 50% 90%,var(--anim-color1),transparent 60%),radial-gradient(ellipse at 50% 100%,var(--anim-color2),transparent 50%);background-position:50%;background-size:100% 100%,120% 120%;background-color:#1a0800;animation:bg-ember var(--anim-duration,8s) ease-in-out infinite}@keyframes bg-twilight{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}.bg-anim-twilight{background-image:linear-gradient(180deg,#0a0a2e 0,var(--anim-color2) 25%,var(--anim-color1) 50%,color-mix(in srgb,var(--anim-color1),var(--anim-color2)) 75%,#0a0a2e 100%);background-size:100% 400%;animation:bg-twilight var(--anim-duration,8s) ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:8px}.dark-mode .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%}@keyframes glass-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.glass-fade-in{animation:glass-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes zoom-btn-pulse{0%,to{box-shadow:0 2px 12px rgba(0,0,0,.3),0 0 0 0 rgba(100,160,255,.4)}50%{box-shadow:0 2px 12px rgba(0,0,0,.3),0 0 0 6px rgba(100,160,255,0)}}@keyframes spinner-glass{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-glass{width:24px;height:24px;border:2px solid rgba(0,0,0,.08);border-top-color:#2563eb;border-radius:50%;animation:spinner-glass .8s linear infinite}.dark-mode .spinner-glass{border-color:#3b82f6 rgba(255,255,255,.08) rgba(255,255,255,.08)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:2000}.dark-mode .modal-overlay{background:rgba(0,0,0,.55)}.modal-content{background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);max-height:90vh;overflow-y:auto}.dark-mode .modal-content{background:rgba(25,25,30,.85);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:8px 16px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;border-radius:4px;text-decoration:none}.skip-link:focus{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:auto;height:auto;overflow:visible}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{-webkit-tap-highlight-color:transparent}@media (max-width:767px){::-webkit-scrollbar{width:8px;height:8px}input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px!important;min-height:44px;padding:10px 12px!important}button{min-height:36px}input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;min-height:18px}}