vue-tui-components
Version:
TUI-styled Vue3 components with Pip-Boy aesthetics - retro terminal UI components for Vue 3
1 lines • 68 kB
CSS
@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";:root{--tui-scale: 1.5;font-size:calc(16px * var(--tui-scale));--tui-primary: #ffb000;--tui-secondary: #ff8800;--tui-bg: #0a0a0a;--tui-bg-light: #1a1a1a;--tui-border: #ffb000;--tui-text: #ffb000;--tui-shadow: rgba(255, 176, 0, .5);--tui-glow: 0 0 5px var(--tui-primary), 0 0 10px var(--tui-primary);--tui-glow-hover: 0 0 10px var(--tui-primary), 0 0 20px var(--tui-primary);--tui-glow-secondary: 0 0 5px var(--tui-secondary), 0 0 10px var(--tui-secondary);--tui-glow-secondary-hover: 0 0 10px var(--tui-secondary), 0 0 20px var(--tui-secondary);--tui-glow-none: none;--tui-font: "VT323", "Share Tech Mono", monospace;--scanline-color: rgba(255, 176, 0, .05);--tui-primary-transparent-5: rgba(255, 176, 0, .05);--tui-primary-transparent-10: rgba(255, 176, 0, .1);--tui-primary-transparent-20: rgba(255, 176, 0, .2);--tui-primary-transparent-30: rgba(255, 176, 0, .3);--tui-success: #ffb000;--tui-success-transparent-20: rgba(255, 176, 0, .2);--tui-success-transparent-30: rgba(255, 176, 0, .3);--tui-glow-success: 0 0 5px var(--tui-success), 0 0 10px var(--tui-success);--tui-glow-success-hover: 0 0 10px var(--tui-success), 0 0 20px var(--tui-success);--tui-error: #ff3333;--tui-error-transparent-20: rgba(255, 51, 51, .2);--tui-error-transparent-30: rgba(255, 51, 51, .3);--tui-glow-error: 0 0 5px var(--tui-error), 0 0 10px var(--tui-error);--tui-glow-error-hover: 0 0 10px var(--tui-error), 0 0 20px var(--tui-error);--tui-warning: #ffff00;--tui-warning-transparent-20: rgba(255, 255, 0, .2);--tui-warning-transparent-30: rgba(255, 255, 0, .3);--tui-glow-warning: 0 0 5px var(--tui-warning), 0 0 10px var(--tui-warning);--tui-glow-warning-hover: 0 0 10px var(--tui-warning), 0 0 20px var(--tui-warning);--tui-info: #00ccff;--tui-info-transparent-20: rgba(0, 204, 255, .2);--tui-info-transparent-30: rgba(0, 204, 255, .3);--tui-glow-info: 0 0 5px var(--tui-info), 0 0 10px var(--tui-info);--tui-glow-info-hover: 0 0 10px var(--tui-info), 0 0 20px var(--tui-info)}:root[data-theme=green]{--tui-primary: #00ff00;--tui-secondary: #00cc00;--tui-border: #00ff00;--tui-text: #00ff00;--tui-shadow: rgba(0, 255, 0, .5);--tui-glow: 0 0 5px var(--tui-primary), 0 0 10px var(--tui-primary);--tui-glow-hover: 0 0 10px var(--tui-primary), 0 0 20px var(--tui-primary);--tui-glow-secondary: 0 0 5px var(--tui-secondary), 0 0 10px var(--tui-secondary);--tui-glow-secondary-hover: 0 0 10px var(--tui-secondary), 0 0 20px var(--tui-secondary);--scanline-color: rgba(0, 255, 0, .05);--tui-primary-transparent-5: rgba(0, 255, 0, .05);--tui-primary-transparent-10: rgba(0, 255, 0, .1);--tui-primary-transparent-20: rgba(0, 255, 0, .2);--tui-primary-transparent-30: rgba(0, 255, 0, .3);--tui-success: #00ff00;--tui-success-transparent-20: rgba(0, 255, 0, .2);--tui-success-transparent-30: rgba(0, 255, 0, .3);--tui-glow-success: 0 0 5px var(--tui-success), 0 0 10px var(--tui-success);--tui-glow-success-hover: 0 0 10px var(--tui-success), 0 0 20px var(--tui-success);--tui-error: #ff3333;--tui-error-transparent-20: rgba(255, 51, 51, .2);--tui-error-transparent-30: rgba(255, 51, 51, .3);--tui-glow-error: 0 0 5px var(--tui-error), 0 0 10px var(--tui-error);--tui-glow-error-hover: 0 0 10px var(--tui-error), 0 0 20px var(--tui-error);--tui-warning: #ffff00;--tui-warning-transparent-20: rgba(255, 255, 0, .2);--tui-warning-transparent-30: rgba(255, 255, 0, .3);--tui-glow-warning: 0 0 5px var(--tui-warning), 0 0 10px var(--tui-warning);--tui-glow-warning-hover: 0 0 10px var(--tui-warning), 0 0 20px var(--tui-warning);--tui-info: #00ccff;--tui-info-transparent-20: rgba(0, 204, 255, .2);--tui-info-transparent-30: rgba(0, 204, 255, .3);--tui-glow-info: 0 0 5px var(--tui-info), 0 0 10px var(--tui-info);--tui-glow-info-hover: 0 0 10px var(--tui-info), 0 0 20px var(--tui-info)}:root[data-theme=greyscale]{--tui-primary: #cccccc;--tui-secondary: #999999;--tui-border: #cccccc;--tui-text: #cccccc;--tui-shadow: rgba(204, 204, 204, .5);--tui-glow: 0 0 5px var(--tui-primary), 0 0 10px var(--tui-primary);--tui-glow-hover: 0 0 10px var(--tui-primary), 0 0 20px var(--tui-primary);--tui-glow-secondary: 0 0 5px var(--tui-secondary), 0 0 10px var(--tui-secondary);--tui-glow-secondary-hover: 0 0 10px var(--tui-secondary), 0 0 20px var(--tui-secondary);--scanline-color: rgba(204, 204, 204, .05);--tui-primary-transparent-5: rgba(204, 204, 204, .05);--tui-primary-transparent-10: rgba(204, 204, 204, .1);--tui-primary-transparent-20: rgba(204, 204, 204, .2);--tui-primary-transparent-30: rgba(204, 204, 204, .3);--tui-success: #c0d4c0;--tui-success-transparent-20: rgba(192, 212, 192, .2);--tui-success-transparent-30: rgba(192, 212, 192, .3);--tui-glow-success: 0 0 5px var(--tui-success), 0 0 10px var(--tui-success);--tui-glow-success-hover: 0 0 10px var(--tui-success), 0 0 20px var(--tui-success);--tui-error: #d4b8b8;--tui-error-transparent-20: rgba(212, 184, 184, .2);--tui-error-transparent-30: rgba(212, 184, 184, .3);--tui-glow-error: 0 0 5px var(--tui-error), 0 0 10px var(--tui-error);--tui-glow-error-hover: 0 0 10px var(--tui-error), 0 0 20px var(--tui-error);--tui-warning: #d4d4b8;--tui-warning-transparent-20: rgba(212, 212, 184, .2);--tui-warning-transparent-30: rgba(212, 212, 184, .3);--tui-glow-warning: 0 0 5px var(--tui-warning), 0 0 10px var(--tui-warning);--tui-glow-warning-hover: 0 0 10px var(--tui-warning), 0 0 20px var(--tui-warning);--tui-info: #b8c8d4;--tui-info-transparent-20: rgba(184, 200, 212, .2);--tui-info-transparent-30: rgba(184, 200, 212, .3);--tui-glow-info: 0 0 5px var(--tui-info), 0 0 10px var(--tui-info);--tui-glow-info-hover: 0 0 10px var(--tui-info), 0 0 20px var(--tui-info)}:root[data-glow=false]{--tui-glow: none;--tui-glow-hover: none;--tui-glow-secondary: none;--tui-glow-secondary-hover: none;--tui-glow-success: none;--tui-glow-success-hover: none;--tui-glow-error: none;--tui-glow-error-hover: none;--tui-glow-warning: none;--tui-glow-warning-hover: none;--tui-glow-info: none;--tui-glow-info-hover: none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--tui-font);background-color:var(--tui-bg);color:var(--tui-text);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent calc(2px * var(--tui-scale)),var(--scanline-color) calc(2px * var(--tui-scale)),var(--scanline-color) calc(4px * var(--tui-scale)));pointer-events:none;z-index:9999;opacity:1;transition:opacity .3s ease}body[data-scanlines=false]:before{opacity:0}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.97}}body{animation:flicker .15s infinite}body[data-flicker=false]{animation:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:9998}#app{position:relative;z-index:1;min-height:100vh;padding:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--tui-bg-light);border:1px solid var(--tui-border)}::-webkit-scrollbar-thumb{background:var(--tui-primary);box-shadow:var(--tui-glow)}::-webkit-scrollbar-thumb:hover{background:var(--tui-secondary)}.tui-avatar[data-v-84d07ae3]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--tui-bg-light);border:2px solid var(--tui-border);color:var(--tui-primary);font-family:var(--tui-font);font-weight:700;overflow:hidden;box-shadow:var(--tui-glow);transition:all .3s ease;flex-shrink:0}.tui-avatar[data-v-84d07ae3]:hover{box-shadow:var(--tui-glow-hover);transform:scale(1.05)}.tui-avatar.small[data-v-84d07ae3]{width:32px;height:32px;font-size:.8rem}.tui-avatar.medium[data-v-84d07ae3]{width:48px;height:48px;font-size:1rem}.tui-avatar.large[data-v-84d07ae3]{width:64px;height:64px;font-size:1.2rem}.tui-avatar.xlarge[data-v-84d07ae3]{width:96px;height:96px;font-size:1.5rem}.tui-avatar.circle[data-v-84d07ae3]{border-radius:50%}.tui-avatar.square[data-v-84d07ae3]{border-radius:0}.avatar-image[data-v-84d07ae3]{width:100%;height:100%;object-fit:cover}.avatar-initials[data-v-84d07ae3],.avatar-icon[data-v-84d07ae3],.avatar-placeholder[data-v-84d07ae3]{text-shadow:var(--tui-glow);-webkit-user-select:none;user-select:none}.avatar-status[data-v-84d07ae3]{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border:2px solid var(--tui-bg);border-radius:50%;box-shadow:var(--tui-glow)}.avatar-status.online[data-v-84d07ae3]{background:var(--tui-success)}.avatar-status.offline[data-v-84d07ae3]{background:#666}.avatar-status.away[data-v-84d07ae3]{background:var(--tui-warning)}.avatar-status.busy[data-v-84d07ae3]{background:var(--tui-error)}.tui-avatar.circle .avatar-status[data-v-84d07ae3]{transform:translate(25%,25%)}.tui-avatar.square .avatar-status[data-v-84d07ae3]{transform:none}.tui-badge-wrapper[data-v-bd1fb1e4]{position:relative;display:inline-flex;vertical-align:middle}.tui-badge-wrapper.standalone[data-v-bd1fb1e4]{display:inline-block}.tui-badge[data-v-bd1fb1e4]{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--tui-primary);color:var(--tui-bg);font-family:var(--tui-font);font-weight:700;border:2px solid var(--tui-bg);box-shadow:var(--tui-glow);white-space:nowrap;line-height:1;z-index:1}.tui-badge-wrapper.standalone .tui-badge[data-v-bd1fb1e4]{position:static}.tui-badge.small[data-v-bd1fb1e4]{font-size:.7rem;min-width:16px;height:16px;padding:0 4px}.tui-badge.medium[data-v-bd1fb1e4]{font-size:.8rem;min-width:20px;height:20px;padding:0 6px}.tui-badge.large[data-v-bd1fb1e4]{font-size:.9rem;min-width:24px;height:24px;padding:0 8px}.tui-badge.dot[data-v-bd1fb1e4]{min-width:8px;width:8px;height:8px;padding:0;border-radius:50%}.tui-badge.dot.medium[data-v-bd1fb1e4]{width:10px;height:10px}.tui-badge.dot.large[data-v-bd1fb1e4]{width:12px;height:12px}.tui-badge.top-right[data-v-bd1fb1e4]{top:0;right:0;transform:translate(50%,-50%)}.tui-badge.top-left[data-v-bd1fb1e4]{top:0;left:0;transform:translate(-50%,-50%)}.tui-badge.bottom-right[data-v-bd1fb1e4]{bottom:0;right:0;transform:translate(50%,50%)}.tui-badge.bottom-left[data-v-bd1fb1e4]{bottom:0;left:0;transform:translate(-50%,50%)}.tui-badge.secondary[data-v-bd1fb1e4]{background:var(--tui-secondary);box-shadow:var(--tui-glow-secondary)}.tui-badge.success[data-v-bd1fb1e4]{background:var(--tui-success);box-shadow:var(--tui-glow-success)}.tui-badge.error[data-v-bd1fb1e4]{background:var(--tui-error);box-shadow:var(--tui-glow-error)}.tui-badge.warning[data-v-bd1fb1e4]{background:var(--tui-warning);box-shadow:var(--tui-glow-warning)}.tui-badge.info[data-v-bd1fb1e4]{background:var(--tui-info);box-shadow:var(--tui-glow-info)}.badge-content[data-v-bd1fb1e4]{display:flex;align-items:center;gap:2px}.tui-banner[data-v-c1d3534c]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border:2px solid var(--tui-border);background:var(--tui-bg-light);font-family:var(--tui-font);margin-bottom:1rem;box-shadow:var(--tui-glow)}.banner-content[data-v-c1d3534c]{display:flex;align-items:center;gap:1rem;flex:1}.banner-icon[data-v-c1d3534c]{font-size:1.5rem;line-height:1}.banner-message[data-v-c1d3534c]{display:flex;flex-direction:column;gap:.25rem}.banner-title[data-v-c1d3534c]{text-transform:uppercase;letter-spacing:1px;font-size:1rem}.banner-text[data-v-c1d3534c]{font-size:.9rem;letter-spacing:.5px}.banner-actions[data-v-c1d3534c]{display:flex;align-items:center;gap:1rem}.banner-link[data-v-c1d3534c]{color:currentColor;text-decoration:underline;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.banner-link[data-v-c1d3534c]:hover{text-shadow:var(--tui-glow);transform:scale(1.05)}.banner-close[data-v-c1d3534c]{background:none;border:none;color:currentColor;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:inherit}.banner-close[data-v-c1d3534c]:hover{transform:scale(1.2) rotate(90deg)}.tui-banner.primary[data-v-c1d3534c]{border-color:var(--tui-primary);color:var(--tui-primary);background:var(--tui-primary-transparent-10);box-shadow:var(--tui-glow)}.tui-banner.success[data-v-c1d3534c]{border-color:var(--tui-success);color:var(--tui-success);background:var(--tui-success-transparent-20);box-shadow:var(--tui-glow-success)}.tui-banner.error[data-v-c1d3534c]{border-color:var(--tui-error);color:var(--tui-error);background:var(--tui-error-transparent-20);box-shadow:var(--tui-glow-error)}.tui-banner.warning[data-v-c1d3534c]{border-color:var(--tui-warning);color:var(--tui-warning);background:var(--tui-warning-transparent-20);box-shadow:var(--tui-glow-warning)}.tui-banner.info[data-v-c1d3534c]{border-color:var(--tui-info);color:var(--tui-info);background:var(--tui-info-transparent-20);box-shadow:var(--tui-glow-info)}.banner-slide-enter-active[data-v-c1d3534c],.banner-slide-leave-active[data-v-c1d3534c]{transition:all .3s ease}.banner-slide-enter-from[data-v-c1d3534c],.banner-slide-leave-to[data-v-c1d3534c]{transform:translateY(-100%);opacity:0}@media (max-width: 768px){.tui-banner[data-v-c1d3534c]{flex-direction:column;align-items:flex-start}.banner-actions[data-v-c1d3534c]{width:100%;justify-content:space-between}}.tui-button[data-v-9ad134c2]{font-family:var(--tui-font);font-size:1rem;color:var(--tui-text);background:transparent;border:2px solid var(--tui-border);padding:.5rem 1.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;position:relative;transition:all .3s ease;box-shadow:var(--tui-glow)}.tui-button[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-primary);color:var(--tui-bg);box-shadow:var(--tui-glow-hover);transform:scale(1.05)}.tui-button[data-v-9ad134c2]:active:not(.disabled){transform:scale(.98)}.tui-button.secondary[data-v-9ad134c2]{border-color:var(--tui-secondary);color:var(--tui-secondary)}.tui-button.secondary[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-secondary);color:var(--tui-bg);box-shadow:var(--tui-glow-secondary-hover)}.tui-button.danger[data-v-9ad134c2]{border-color:var(--tui-error);color:var(--tui-error);box-shadow:var(--tui-glow-error)}.tui-button.danger[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-error);color:var(--tui-bg);box-shadow:var(--tui-glow-error-hover)}.tui-button.info[data-v-9ad134c2]{border-color:var(--tui-info);color:var(--tui-info);box-shadow:var(--tui-glow-info)}.tui-button.info[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-info);color:var(--tui-bg);box-shadow:var(--tui-glow-info-hover)}.tui-button.success[data-v-9ad134c2]{border-color:var(--tui-success);color:var(--tui-success);box-shadow:var(--tui-glow-success)}.tui-button.success[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-success);color:var(--tui-bg);box-shadow:var(--tui-glow-success-hover)}.tui-button.warning[data-v-9ad134c2]{border-color:var(--tui-warning);color:var(--tui-warning);box-shadow:var(--tui-glow-warning)}.tui-button.warning[data-v-9ad134c2]:hover:not(.disabled){background:var(--tui-warning);color:var(--tui-bg);box-shadow:var(--tui-glow-warning-hover)}.tui-button.disabled[data-v-9ad134c2]{opacity:.3;cursor:not-allowed;box-shadow:none}.button-brackets[data-v-9ad134c2]{font-weight:700;margin:0 .25rem}.tui-button.pulse[data-v-9ad134c2]{animation:pulse-9ad134c2 2s infinite}@keyframes pulse-9ad134c2{0%,to{box-shadow:0 0 5px var(--tui-primary-transparent-30),0 0 10px var(--tui-primary-transparent-20)}50%{box-shadow:0 0 15px var(--tui-primary-transparent-30),0 0 25px var(--tui-primary-transparent-20),0 0 35px var(--tui-primary-transparent-10)}}.tui-button.secondary.pulse[data-v-9ad134c2]{animation:pulse-secondary-9ad134c2 2s infinite}@keyframes pulse-secondary-9ad134c2{0%,to{box-shadow:0 0 5px #8080804d,0 0 10px #80808033}50%{box-shadow:0 0 15px #8080804d,0 0 25px #80808033,0 0 35px #8080801a}}.tui-button.danger.pulse[data-v-9ad134c2]{animation:pulse-danger-9ad134c2 2s infinite}@keyframes pulse-danger-9ad134c2{0%,to{box-shadow:0 0 5px var(--tui-error-transparent-30),0 0 10px var(--tui-error-transparent-20)}50%{box-shadow:0 0 15px var(--tui-error-transparent-30),0 0 25px var(--tui-error-transparent-20),0 0 35px #ff33331a}}.tui-card[data-v-d497e929]{border:2px solid var(--tui-border);background:var(--tui-bg-light);margin-bottom:1.5rem;position:relative;overflow:visible;transition:all .3s ease}.tui-card.glowing[data-v-d497e929]{box-shadow:var(--tui-glow)}.card-header[data-v-d497e929]{border-bottom:2px solid var(--tui-border);padding:0;display:flex;align-items:center;justify-content:space-between}.header-line[data-v-d497e929]{display:flex;align-items:center;padding:.5rem}.corner[data-v-d497e929]{color:var(--tui-primary);font-size:1.2rem}.line[data-v-d497e929]{flex:1;height:2px;background:var(--tui-border);margin:0 .5rem}.card-title[data-v-d497e929]{padding:.5rem 1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:var(--tui-glow);flex:1;background:var(--tui-primary-transparent-5)}.minimize-button[data-v-d497e929]{background:none;border:none;color:var(--tui-primary);font-size:1rem;padding:.5rem 1rem;cursor:pointer;text-shadow:var(--tui-glow);transition:all .3s ease;font-family:inherit;margin-left:auto}.minimize-button[data-v-d497e929]:hover{color:var(--tui-text);transform:scale(1.2)}.minimize-button[data-v-d497e929]:active{transform:scale(.95)}.card-content[data-v-d497e929]{overflow:hidden;transition:max-height .3s ease;max-height:9999px}.card-content[data-v-d497e929]:not(.collapsed){overflow:visible}.card-content.collapsed[data-v-d497e929]{max-height:0}.card-body[data-v-d497e929]{padding:1.5rem;transition:opacity .3s ease,transform .3s ease,padding .3s ease;transform-origin:top}.card-footer[data-v-d497e929]{display:flex;align-items:center;padding:.5rem;border-top:2px solid var(--tui-border);transition:opacity .3s ease,transform .3s ease,padding .3s ease}.card-content.collapsed .card-body[data-v-d497e929],.card-content.collapsed .card-footer[data-v-d497e929]{opacity:0;transform:translateY(-10px);padding:0;pointer-events:none}.card-content.collapsed .card-footer[data-v-d497e929]{border-top-color:transparent}.tui-card.minimized .card-header[data-v-d497e929]{border-bottom:none}.tui-card.minimized[data-v-d497e929]{align-self:flex-start}.animate-fade-in[data-v-d497e929]{animation:fadeIn-d497e929 forwards}@keyframes fadeIn-d497e929{0%{opacity:0}to{opacity:1}}.animate-slide-in[data-v-d497e929]{animation:slideIn-d497e929 forwards}@keyframes slideIn-d497e929{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tui-carousel[data-v-27747afa]{position:relative;font-family:var(--tui-font)}.carousel-container[data-v-27747afa]{display:flex;align-items:center;gap:1rem;border:2px solid var(--tui-border);background:var(--tui-bg-light);box-shadow:var(--tui-glow)}.carousel-viewport[data-v-27747afa]{flex:1;overflow:hidden;position:relative;min-height:300px}.carousel-track[data-v-27747afa]{position:relative;width:100%;height:100%;min-height:300px}.carousel-slide[data-v-27747afa]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.carousel-image[data-v-27747afa]{max-width:100%;max-height:100%;object-fit:contain}.carousel-caption[data-v-27747afa]{width:100%;background:var(--tui-primary-transparent-30);border-top:2px solid var(--tui-border);padding:1rem;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:auto}.carousel-control[data-v-27747afa]{background:none;border:none;color:var(--tui-primary);font-size:2rem;cursor:pointer;padding:1rem;transition:all .3s ease;text-shadow:var(--tui-glow);font-family:inherit}.carousel-control[data-v-27747afa]:hover:not(:disabled){color:var(--tui-text);transform:scale(1.2);text-shadow:var(--tui-glow-hover)}.carousel-control[data-v-27747afa]:disabled{opacity:.3;cursor:not-allowed}.carousel-indicators[data-v-27747afa]{display:flex;justify-content:center;gap:.5rem;padding:1rem 0}.indicator[data-v-27747afa]{background:none;border:none;color:var(--tui-border);font-size:1rem;cursor:pointer;padding:.5rem;transition:all .3s ease;font-family:inherit}.indicator[data-v-27747afa]:hover{color:var(--tui-primary);transform:scale(1.2)}.indicator.active[data-v-27747afa]{color:var(--tui-primary);text-shadow:var(--tui-glow);transform:scale(1.3)}.carousel-slide-next-enter-active[data-v-27747afa],.carousel-slide-next-leave-active[data-v-27747afa],.carousel-slide-prev-enter-active[data-v-27747afa],.carousel-slide-prev-leave-active[data-v-27747afa]{transition:all .5s ease}.carousel-slide-next-enter-from[data-v-27747afa]{transform:translate(100%);opacity:0}.carousel-slide-next-leave-to[data-v-27747afa],.carousel-slide-prev-enter-from[data-v-27747afa]{transform:translate(-100%);opacity:0}.carousel-slide-prev-leave-to[data-v-27747afa]{transform:translate(100%);opacity:0}.carousel-fade-enter-active[data-v-27747afa],.carousel-fade-leave-active[data-v-27747afa]{transition:opacity .5s ease}.carousel-fade-enter-from[data-v-27747afa],.carousel-fade-leave-to[data-v-27747afa]{opacity:0}@media (max-width: 768px){.carousel-viewport[data-v-27747afa]{min-height:200px}.carousel-control[data-v-27747afa]{font-size:1.5rem;padding:.5rem}}.tui-checkbox[data-v-7e8d4e28]{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-7e8d4e28]{position:absolute;opacity:0;cursor:pointer}.checkbox-box[data-v-7e8d4e28]{font-size:1.2rem;color:var(--tui-primary);text-shadow:var(--tui-glow);transition:all .2s ease}.checkbox-check[data-v-7e8d4e28]{font-weight:700}.tui-checkbox:hover .checkbox-box[data-v-7e8d4e28]{transform:scale(1.1);text-shadow:0 0 10px var(--tui-primary),0 0 20px var(--tui-primary)}.checkbox-label[data-v-7e8d4e28]{text-transform:uppercase;letter-spacing:1px}.tui-chip[data-v-87d00535]{display:inline-flex;align-items:center;gap:.5rem;background:var(--tui-primary-transparent-10);border:2px solid var(--tui-primary);color:var(--tui-primary);padding:.25rem .75rem;font-family:var(--tui-font);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:var(--tui-glow);cursor:default}.tui-chip[data-v-87d00535]:hover{background:var(--tui-primary-transparent-20);box-shadow:var(--tui-glow-hover)}.tui-chip.small[data-v-87d00535]{font-size:.75rem;padding:.2rem .5rem;gap:.3rem}.tui-chip.medium[data-v-87d00535]{font-size:.9rem;padding:.25rem .75rem;gap:.5rem}.tui-chip.large[data-v-87d00535]{font-size:1rem;padding:.4rem 1rem;gap:.6rem}.tui-chip.secondary[data-v-87d00535]{border-color:var(--tui-secondary);color:var(--tui-secondary);background:var(--tui-primary-transparent-10);box-shadow:var(--tui-glow-secondary)}.tui-chip.secondary[data-v-87d00535]:hover{background:var(--tui-primary-transparent-20);box-shadow:var(--tui-glow-secondary-hover)}.tui-chip.success[data-v-87d00535]{border-color:var(--tui-success);color:var(--tui-success);background:var(--tui-success-transparent-20);box-shadow:var(--tui-glow-success)}.tui-chip.success[data-v-87d00535]:hover{background:var(--tui-success-transparent-30);box-shadow:var(--tui-glow-success-hover)}.tui-chip.error[data-v-87d00535]{border-color:var(--tui-error);color:var(--tui-error);background:var(--tui-error-transparent-20);box-shadow:var(--tui-glow-error)}.tui-chip.error[data-v-87d00535]:hover{background:var(--tui-error-transparent-30);box-shadow:var(--tui-glow-error-hover)}.tui-chip.warning[data-v-87d00535]{border-color:var(--tui-warning);color:var(--tui-warning);background:var(--tui-warning-transparent-20);box-shadow:var(--tui-glow-warning)}.tui-chip.warning[data-v-87d00535]:hover{background:var(--tui-warning-transparent-30);box-shadow:var(--tui-glow-warning-hover)}.tui-chip.info[data-v-87d00535]{border-color:var(--tui-info);color:var(--tui-info);background:var(--tui-info-transparent-20);box-shadow:var(--tui-glow-info)}.tui-chip.info[data-v-87d00535]:hover{background:var(--tui-info-transparent-30);box-shadow:var(--tui-glow-info-hover)}.chip-icon[data-v-87d00535]{font-size:1em;line-height:1}.chip-avatar[data-v-87d00535]{width:1.5em;height:1.5em;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tui-bg-light);border:1px solid currentColor;font-size:.8em}.chip-avatar img[data-v-87d00535]{width:100%;height:100%;object-fit:cover}.chip-close[data-v-87d00535]{background:none;border:none;color:currentColor;font-size:1em;cursor:pointer;padding:0;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:inherit;margin-left:.2rem;margin-right:-.2rem}.chip-close[data-v-87d00535]:hover{transform:scale(1.3) rotate(90deg);opacity:.7}.chip-close[data-v-87d00535]:active{transform:scale(1.1) rotate(90deg)}.tui-chip.closable[data-v-87d00535]{padding-right:.5rem}.tui-datepicker[data-v-cba7510f]{position:relative;font-family:var(--tui-font);display:inline-block;min-width:250px}.datepicker-label[data-v-cba7510f]{display:block;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.datepicker-input-wrapper[data-v-cba7510f]{display:flex;border:2px solid var(--tui-border);background:var(--tui-bg);box-shadow:var(--tui-glow)}.datepicker-input[data-v-cba7510f]{flex:1;padding:.75rem;background:transparent;border:none;color:var(--tui-text);font-family:var(--tui-font);font-size:1rem;letter-spacing:1px;cursor:pointer}.datepicker-input[data-v-cba7510f]:focus{outline:none}.datepicker-toggle[data-v-cba7510f]{background:none;border:none;border-left:2px solid var(--tui-border);color:var(--tui-primary);padding:0 .75rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.datepicker-toggle[data-v-cba7510f]:hover{background:var(--tui-primary-transparent-10)}.datepicker-popup[data-v-cba7510f]{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:var(--tui-bg);border:2px solid var(--tui-border);box-shadow:var(--tui-glow),0 10px 30px #00000080;min-width:300px;padding:1rem}.datepicker-header[data-v-cba7510f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nav-button[data-v-cba7510f]{background:none;border:2px solid var(--tui-border);color:var(--tui-primary);padding:.25rem .5rem;cursor:pointer;font-family:inherit;transition:all .3s ease}.nav-button[data-v-cba7510f]:hover{background:var(--tui-primary);color:var(--tui-bg)}.current-month[data-v-cba7510f]{text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.datepicker-calendar[data-v-cba7510f]{margin-bottom:1rem}.calendar-weekdays[data-v-cba7510f]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday[data-v-cba7510f]{text-align:center;font-size:.8rem;padding:.25rem;color:var(--tui-primary);text-shadow:var(--tui-glow)}.calendar-days[data-v-cba7510f]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day[data-v-cba7510f]{aspect-ratio:1;background:none;border:2px solid var(--tui-border);color:var(--tui-text);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease}.calendar-day[data-v-cba7510f]:hover:not(:disabled){background:var(--tui-primary);color:var(--tui-bg);transform:scale(1.1)}.calendar-day.other-month[data-v-cba7510f]{opacity:.3;cursor:default}.calendar-day.today[data-v-cba7510f]{border-color:var(--tui-secondary);box-shadow:var(--tui-glow-secondary)}.calendar-day.selected[data-v-cba7510f]{background:var(--tui-primary);color:var(--tui-bg);box-shadow:var(--tui-glow-hover)}.calendar-day.in-range[data-v-cba7510f]{background:var(--tui-primary-transparent-20)}.datepicker-actions[data-v-cba7510f]{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:2px solid var(--tui-border)}.action-button[data-v-cba7510f]{padding:.5rem 1rem;background:none;border:2px solid var(--tui-border);color:var(--tui-text);cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;transition:all .3s ease}.action-button[data-v-cba7510f]:hover{background:var(--tui-primary-transparent-10)}.action-button.primary[data-v-cba7510f]{border-color:var(--tui-primary);color:var(--tui-primary)}.action-button.primary[data-v-cba7510f]:hover{background:var(--tui-primary);color:var(--tui-bg)}.picker-fade-enter-active[data-v-cba7510f],.picker-fade-leave-active[data-v-cba7510f]{transition:all .3s ease}.picker-fade-enter-from[data-v-cba7510f],.picker-fade-leave-to[data-v-cba7510f]{opacity:0;transform:translateY(-10px)}.tui-dialog-overlay[data-v-ecc5e202]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity));display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.tui-dialog[data-v-ecc5e202]{background:var(--tui-bg);border:2px solid var(--tui-border);box-shadow:var(--tui-glow),0 0 50px #00000080;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:dialogSlideIn-ecc5e202 .3s ease}@keyframes dialogSlideIn-ecc5e202{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header[data-v-ecc5e202]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid var(--tui-border);background:var(--tui-primary-transparent-5)}.dialog-title[data-v-ecc5e202]{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:var(--tui-glow);margin:0}.dialog-close[data-v-ecc5e202]{background:none;border:none;color:var(--tui-primary);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-shadow:var(--tui-glow);font-family:inherit}.dialog-close[data-v-ecc5e202]:hover{transform:scale(1.2) rotate(90deg);color:var(--tui-error);text-shadow:var(--tui-glow-error)}.dialog-body[data-v-ecc5e202]{padding:1.5rem;overflow-y:auto;flex:1}.dialog-footer[data-v-ecc5e202]{padding:1rem 1.5rem;border-top:2px solid var(--tui-border);background:var(--tui-primary-transparent-5)}.dialog-actions[data-v-ecc5e202]{display:flex;gap:1rem;justify-content:flex-end}.dialog-fade-enter-active[data-v-ecc5e202],.dialog-fade-leave-active[data-v-ecc5e202]{transition:opacity .3s ease}.dialog-fade-enter-from[data-v-ecc5e202],.dialog-fade-leave-to[data-v-ecc5e202]{opacity:0}.dialog-fade-enter-active .tui-dialog[data-v-ecc5e202]{animation:dialogSlideIn-ecc5e202 .3s ease}.dialog-fade-leave-active .tui-dialog[data-v-ecc5e202]{animation:dialogSlideOut-ecc5e202 .3s ease}@keyframes dialogSlideOut-ecc5e202{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.9)}}.tui-dropdown[data-v-d6fd60c2]{position:relative;display:inline-block}.dropdown-trigger[data-v-d6fd60c2]{cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.dropdown-trigger.is-disabled[data-v-d6fd60c2]{opacity:.5;cursor:not-allowed}.default-trigger[data-v-d6fd60c2]{display:inline-block;padding:.5rem 1rem;color:var(--tui-text);font-family:var(--tui-font);text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.dropdown-menu[data-v-d6fd60c2]{border:2px solid var(--tui-primary);background:var(--tui-bg);box-shadow:0 0 20px var(--tui-primary-transparent-30);max-height:400px;overflow:hidden;min-width:200px}.dropdown-inner[data-v-d6fd60c2]{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tui-primary) var(--tui-bg-light)}.dropdown-inner[data-v-d6fd60c2]::-webkit-scrollbar{width:8px}.dropdown-inner[data-v-d6fd60c2]::-webkit-scrollbar-track{background:var(--tui-bg-light)}.dropdown-inner[data-v-d6fd60c2]::-webkit-scrollbar-thumb{background:var(--tui-primary);border:1px solid var(--tui-bg)}.dropdown-inner[data-v-d6fd60c2]::-webkit-scrollbar-thumb:hover{background:var(--tui-text)}.dropdown-item[data-v-d6fd60c2]{padding:.75rem 1rem;cursor:pointer;color:var(--tui-text);border-bottom:1px solid var(--tui-border);transition:all .15s ease;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;gap:.75rem}.dropdown-item[data-v-d6fd60c2]:last-child{border-bottom:none}.dropdown-item[data-v-d6fd60c2]:hover:not(.is-disabled):not(.is-separator),.dropdown-item.is-highlighted[data-v-d6fd60c2]:not(.is-disabled):not(.is-separator){background:var(--tui-secondary);color:var(--tui-bg);text-shadow:var(--tui-glow)}.dropdown-item.is-disabled[data-v-d6fd60c2]{opacity:.4;cursor:not-allowed}.dropdown-item.is-separator[data-v-d6fd60c2]{padding:0;cursor:default}.dropdown-separator[data-v-d6fd60c2]{height:1px;background:var(--tui-border);margin:.25rem 0}.item-icon[data-v-d6fd60c2]{color:var(--tui-primary);font-weight:700;text-shadow:var(--tui-glow)}.item-label[data-v-d6fd60c2]{flex:1;white-space:nowrap}.item-shortcut[data-v-d6fd60c2]{font-size:.85rem;color:var(--tui-text-dim);margin-left:auto;padding-left:1rem}.item-arrow[data-v-d6fd60c2]{color:var(--tui-primary);font-size:.8rem;margin-left:auto;text-shadow:var(--tui-glow)}.dropdown-enter-active[data-v-d6fd60c2],.dropdown-leave-active[data-v-d6fd60c2]{transition:all .2s ease}.dropdown-enter-from[data-v-d6fd60c2]{opacity:0;transform:translateY(-10px)}.dropdown-leave-to[data-v-d6fd60c2]{opacity:0;transform:translateY(-5px)}.tui-header[data-v-40df859c]{margin-bottom:2rem}.header-top[data-v-40df859c],.header-bottom[data-v-40df859c]{display:flex;align-items:center}.corner[data-v-40df859c]{color:var(--tui-primary);font-size:1.5rem;text-shadow:var(--tui-glow)}.header-line[data-v-40df859c]{flex:1;height:2px;background:var(--tui-border);box-shadow:var(--tui-glow);margin:0 .5rem}.header-content[data-v-40df859c]{border-left:2px solid var(--tui-border);border-right:2px solid var(--tui-border);padding:1.5rem;text-align:center;background:var(--tui-bg-light);box-shadow:inset 0 0 20px var(--tui-primary-transparent-10);margin-left:9px;margin-right:9px}.header-title[data-v-40df859c]{font-size:2.5rem;letter-spacing:5px;text-shadow:var(--tui-glow);margin-bottom:.5rem}.header-subtitle[data-v-40df859c]{font-size:.9rem;letter-spacing:2px;opacity:.8;margin-bottom:1rem}.header-timestamp[data-v-40df859c]{font-size:.85rem;color:var(--tui-secondary);letter-spacing:1px}.tui-icon[data-v-48751b1e]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--tui-font);line-height:1;-webkit-user-select:none;user-select:none;transition:all .3s ease}.tui-icon.material-icons[data-v-48751b1e],.tui-icon.material-icons-outlined[data-v-48751b1e],.tui-icon.material-icons-round[data-v-48751b1e],.tui-icon.material-icons-sharp[data-v-48751b1e]{font-family:Material Icons,Material Icons Outlined,Material Icons Round,Material Icons Sharp;font-weight:400;font-style:normal;display:inline-flex;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.tui-icon.small[data-v-48751b1e]{font-size:1rem}.tui-icon.medium[data-v-48751b1e]{font-size:1.5rem}.tui-icon.large[data-v-48751b1e]{font-size:2rem}.tui-icon.xlarge[data-v-48751b1e]{font-size:3rem}.tui-icon.primary[data-v-48751b1e]{color:var(--tui-primary);text-shadow:var(--tui-glow)}.tui-icon.secondary[data-v-48751b1e]{color:var(--tui-secondary);text-shadow:var(--tui-glow-secondary)}.tui-icon.success[data-v-48751b1e]{color:var(--tui-success);text-shadow:var(--tui-glow-success)}.tui-icon.error[data-v-48751b1e]{color:var(--tui-error);text-shadow:var(--tui-glow-error)}.tui-icon.warning[data-v-48751b1e]{color:var(--tui-warning);text-shadow:var(--tui-glow-warning)}.tui-icon.info[data-v-48751b1e]{color:var(--tui-info);text-shadow:var(--tui-glow-info)}.tui-icon.inherit[data-v-48751b1e]{color:inherit}.tui-icon.spin[data-v-48751b1e]{animation:icon-spin-48751b1e 2s linear infinite}@keyframes icon-spin-48751b1e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tui-icon.pulse[data-v-48751b1e]{animation:icon-pulse-48751b1e 2s ease-in-out infinite}@keyframes icon-pulse-48751b1e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tui-image[data-v-29b0ea40]{position:relative;overflow:hidden;border:2px solid var(--tui-border);background:var(--tui-bg-light);box-shadow:var(--tui-glow);font-family:var(--tui-font);display:inline-block}.image-element[data-v-29b0ea40]{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.image-element.loaded[data-v-29b0ea40]{opacity:1}.image-element.error[data-v-29b0ea40]{display:none}.tui-image[style*=padding-bottom] .image-element[data-v-29b0ea40]{position:absolute;top:0;left:0}.image-placeholder[data-v-29b0ea40]{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--tui-text);opacity:.5}.loading-text[data-v-29b0ea40]{text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.image-loading[data-v-29b0ea40]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--tui-primary);font-size:2rem;text-shadow:var(--tui-glow);pointer-events:none}.loading-spinner[data-v-29b0ea40]{display:inline-block;animation:spin-29b0ea40 1s linear infinite}@keyframes spin-29b0ea40{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error[data-v-29b0ea40]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--tui-error);font-size:2rem;text-shadow:var(--tui-glow-error)}.error-text[data-v-29b0ea40]{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.image-overlay[data-v-29b0ea40]{position:absolute;bottom:0;left:0;right:0;top:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.tui-image:hover .image-overlay[data-v-29b0ea40]{opacity:1}.image-caption[data-v-29b0ea40]{width:100%;padding:1rem;text-align:center;color:var(--tui-text);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;border-top:2px solid var(--tui-border);background:var(--tui-primary-transparent-20);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tui-input-wrapper[data-v-808aff2f]{margin-bottom:1rem}.tui-label[data-v-808aff2f]{display:block;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.label-bracket[data-v-808aff2f]{color:var(--tui-primary);margin-right:.5rem;text-shadow:var(--tui-glow)}.input-container[data-v-808aff2f]{display:flex;align-items:center;border:2px solid var(--tui-border);background:var(--tui-bg-light);padding:.75rem;box-shadow:inset 0 0 10px var(--tui-primary-transparent-10)}.input-prompt[data-v-808aff2f]{color:var(--tui-primary);margin-right:.5rem;font-weight:700}.tui-input[data-v-808aff2f]{flex:1;background:transparent;border:none;color:var(--tui-text);font-family:var(--tui-font);font-size:1rem;outline:none}.tui-input[data-v-808aff2f]::placeholder{color:var(--tui-primary-transparent-30)}.tui-input[data-v-808aff2f]:disabled{opacity:.5;cursor:not-allowed}.input-cursor[data-v-808aff2f]{color:var(--tui-primary);animation:blink-808aff2f 1s infinite;margin-left:.25rem}@keyframes blink-808aff2f{0%,50%{opacity:1}51%,to{opacity:0}}.tui-menubar[data-v-ca7b423d]{border:2px solid var(--tui-border);background:var(--tui-bg-light);font-family:var(--tui-font);box-shadow:0 2px 8px #0000004d}.menubar-inner[data-v-ca7b423d]{display:flex;align-items:center;justify-content:space-between;padding:.25rem}.menubar-left[data-v-ca7b423d]{display:flex;align-items:center;gap:.25rem}.menubar-right[data-v-ca7b423d]{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-right:.5rem}.menubar-item[data-v-ca7b423d]{position:relative}.menu-trigger[data-v-ca7b423d]{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;-webkit-user-select:none;user-select:none}.menu-trigger[data-v-ca7b423d]:hover{background:var(--tui-bg);border-color:var(--tui-border)}.menu-trigger.is-open[data-v-ca7b423d]{background:var(--tui-bg);border-color:var(--tui-primary);box-shadow:0 0 10px var(--tui-primary-transparent-20)}.menu-prompt[data-v-ca7b423d]{color:var(--tui-primary);margin-right:.5rem;font-weight:700;font-size:.9rem;text-shadow:var(--tui-glow);transition:transform .2s ease}.menu-trigger.is-open .menu-prompt[data-v-ca7b423d]{transform:rotate(90deg)}.menu-label[data-v-ca7b423d]{color:var(--tui-text);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}.tui-menubar.is-compact .menubar-inner[data-v-ca7b423d]{padding:.125rem}.tui-menubar.is-compact .menu-trigger[data-v-ca7b423d]{padding:.375rem .75rem}.tui-menubar.is-compact .menu-label[data-v-ca7b423d]{font-size:.85rem}@media (max-width: 768px){.menubar-inner[data-v-ca7b423d],.menubar-left[data-v-ca7b423d]{flex-wrap:wrap}.menubar-right[data-v-ca7b423d]{width:100%;margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--tui-border);justify-content:flex-end}}.tui-otp[data-v-ca0fbb71]{display:flex;flex-direction:column;gap:.5rem}.otp-inputs[data-v-ca0fbb71]{display:flex;gap:.5rem;justify-content:center}.otp-input[data-v-ca0fbb71]{width:2.5rem;height:3rem;font-family:var(--tui-font);font-size:1.5rem;text-align:center;color:var(--tui-text);background:var(--tui-bg);border:2px solid var(--tui-border);transition:all .3s ease;box-shadow:var(--tui-glow);caret-color:var(--tui-primary)}.otp-input[data-v-ca0fbb71]:focus{outline:none;border-color:var(--tui-primary);box-shadow:var(--tui-glow-hover);transform:scale(1.05)}.otp-input.filled[data-v-ca0fbb71]{background:var(--tui-primary-transparent-10)}.otp-input[data-v-ca0fbb71]:disabled{opacity:.5;cursor:not-allowed}.tui-otp.error .otp-input[data-v-ca0fbb71]{border-color:var(--tui-error);box-shadow:var(--tui-glow-error);animation:shake-ca0fbb71 .5s ease}@keyframes shake-ca0fbb71{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.otp-error[data-v-ca0fbb71]{color:var(--tui-error);font-size:.9rem;text-align:center;margin:0;text-shadow:var(--tui-glow-error);letter-spacing:1px}@media (max-width: 480px){.otp-input[data-v-ca0fbb71]{width:2rem;height:2.5rem;font-size:1.2rem}}.tui-progress-wrapper[data-v-06bb074d]{margin-bottom:1.5rem}.progress-header[data-v-06bb074d]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.progress-value[data-v-06bb074d]{color:var(--tui-primary);font-weight:700;text-shadow:var(--tui-glow)}.progress-bar-container[data-v-06bb074d]{position:relative;height:30px;border:2px solid var(--tui-border);background:var(--tui-bg-light);overflow:hidden}.progress-bar[data-v-06bb074d]{position:absolute;top:0;left:0;height:100%;background:var(--tui-primary);transition:width .5s ease;box-shadow:0 0 10px var(--tui-primary)}.progress-fill[data-v-06bb074d]{width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.2) 10px,rgba(0,0,0,.2) 20px)}.progress-fill.animated[data-v-06bb074d]{animation:scroll-06bb074d 1s linear infinite}@keyframes scroll-06bb074d{0%{background-position:0 0}to{background-position:20px 0}}.progress-segments[data-v-06bb074d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;pointer-events:none}.segment[data-v-06bb074d]{width:1px;height:100%;background:var(--tui-primary-transparent-20)}.tui-radio-group[data-v-75d211d9]{margin-bottom:1rem}.group-label[data-v-75d211d9]{display:block;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.label-bracket[data-v-75d211d9]{color:var(--tui-primary);margin-right:.5rem;text-shadow:var(--tui-glow)}.tui-radio[data-v-75d211d9]{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.radio-input[data-v-75d211d9]{position:absolute;opacity:0;cursor:pointer}.radio-circle[data-v-75d211d9]{font-size:1.2rem;color:var(--tui-primary);text-shadow:var(--tui-glow);transition:all .2s ease}.tui-radio:hover .radio-circle[data-v-75d211d9]{transform:scale(1.1);text-shadow:0 0 10px var(--tui-primary),0 0 20px var(--tui-primary)}.radio-label[data-v-75d211d9]{text-transform:uppercase;letter-spacing:1px}.tui-select-wrapper[data-v-67162f64]{margin-bottom:1rem;position:relative}.tui-label[data-v-67162f64]{display:block;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.label-bracket[data-v-67162f64]{color:var(--tui-primary);margin-right:.5rem;text-shadow:var(--tui-glow)}.select-container[data-v-67162f64]{display:flex;align-items:center;border:2px solid var(--tui-border);background:var(--tui-bg-light);padding:.75rem;position:relative;cursor:pointer;transition:all .2s ease;outline:none}.select-container[data-v-67162f64]:hover{border-color:var(--tui-primary);box-shadow:0 0 10px var(--tui-primary-transparent-20)}.select-container.is-open[data-v-67162f64]{border-color:var(--tui-primary);box-shadow:0 0 15px var(--tui-primary-transparent-30)}.select-container[data-v-67162f64]:focus{border-color:var(--tui-primary);box-shadow:0 0 10px var(--tui-primary-transparent-20)}.select-prompt[data-v-67162f64]{color:var(--tui-primary);margin-right:.5rem;font-weight:700;text-shadow:var(--tui-glow)}.select-display[data-v-67162f64]{flex:1;color:var(--tui-text);font-family:var(--tui-font);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.select-arrow[data-v-67162f64]{color:var(--tui-primary);font-size:.8rem;margin-left:.5rem;transition:transform .3s ease;text-shadow:var(--tui-glow)}.select-arrow.is-open[data-v-67162f64]{transform:rotate(180deg)}.dropdown-menu[data-v-67162f64]{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:1000;border:2px solid var(--tui-primary);background:var(--tui-bg);box-shadow:0 0 20px var(--tui-primary-transparent-30);max-height:300px;overflow:hidden}.dropdown-inner[data-v-67162f64]{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tui-primary) var(--tui-bg-light)}.dropdown-inner[data-v-67162f64]::-webkit-scrollbar{width:8px}.dropdown-inner[data-v-67162f64]::-webkit-scrollbar-track{background:var(--tui-bg-light)}.dropdown-inner[data-v-67162f64]::-webkit-scrollbar-thumb{background:var(--tui-primary);border:1px solid var(--tui-bg)}.dropdown-inner[data-v-67162f64]::-webkit-scrollbar-thumb:hover{background:var(--tui-text)}.dropdown-option[data-v-67162f64]{padding:.75rem 1rem;cursor:pointer;color:var(--tui-text);border-bottom:1px solid var(--tui-border);transition:all .15s ease;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.dropdown-option[data-v-67162f64]:last-child{border-bottom:none}.dropdown-option[data-v-67162f64]:hover,.dropdown-option.is-highlighted[data-v-67162f64]{background:var(--tui-secondary);color:var(--tui-bg);text-shadow:var(--tui-glow)}.dropdown-option.is-selected[data-v-67162f64]{background:var(--tui-primary-transparent-10);color:var(--tui-primary)}.dropdown-option.is-selected[data-v-67162f64]:hover,.dropdown-option.is-selected.is-highlighted[data-v-67162f64]{background:var(--tui-primary-transparent-20)}.option-bracket[data-v-67162f64]{color:var(--tui-primary);margin-right:.5rem;font-weight:700;width:1rem;text-align:center;text-shadow:var(--tui-glow)}.dropdown-enter-active[data-v-67162f64],.dropdown-leave-active[data-v-67162f64]{transition:all .2s ease}.dropdown-enter-from[data-v-67162f64]{opacity:0;transform:translateY(-10px)}.dropdown-leave-to[data-v-67162f64]{opacity:0;transform:translateY(-5px)}.tui-slider[data-v-6622f93e]{display:flex;flex-direction:column;gap:.5rem;font-family:var(--tui-font)}.slider-label[data-v-6622f93e]{text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.slider-container[data-v-6622f93e]{display:flex;align-items:center;gap:1rem}.slider-value-label[data-v-6622f93e]{font-size:.9rem;min-width:2rem;text-align:center}.slider-track-wrapper[data-v-6622f93e]{flex:1;padding:.5rem 0;cursor:pointer}.slider-track-wrapper.vertical[data-v-6622f93e]{height:200px;width:auto;padding:0 .5rem}.slider-track[data-v-6622f93e]{position:relative;background:var(--tui-bg-light);border:2px solid var(--tui-border);height:8px}.slider-track-wrapper.vertical .slider-track[data-v-6622f93e]{width:8px;height:100%}.slider-fill[data-v-6622f93e]{position:absolute;background:var(--tui-primary);height:100%;box-shadow:var(--tui-glow);transition:width .1s ease,height .1s ease}.slider-track-wrapper.vertical .slider-fill[data-v-6622f93e]{bottom:0;width:100%}.slider-thumb[data-v-6622f93e]{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--tui-primary);border:2px solid var(--tui-border);cursor:grab;transition:box-shadow .3s ease,transform .1s ease;box-shadow:var(--tui-glow)}.slider-track-wrapper.vertical .slider-thumb[data-v-6622f93e]{left:50%;top:auto;transform:translate(-50%,50%)}.slider-thumb[data-v-6622f93e]:hover,.slider-thumb[data-v-6622f93e]:focus{box-shadow:var(--tui-glow-hover);outline:none}.slider-thumb[data-v-6622f93e]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.slider-track-wrapper.vertical .slider-thumb[data-v-6622f93e]:active{transform:translate(-50%,50%) scale(1.1)}.slider-tooltip[data-v-6622f93e]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--tui-bg-light);border:2px solid var(--tui-border);padding:.25rem .5rem;white-space:nowrap;box-shadow:var(--tui-glow);font-size:.9rem;pointer-events:none}.slider-track-wrapper.vertical .slider-tooltip[data-v-6622f93e]{bottom:auto;left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.slider-current-value[data-v-6622f93e]{text-align:center;font-size:1.1rem;color:var(--tui-primary);text-shadow:var(--tui-glow);letter-spacing:2px}.tui-slider.vertical .slider-container[data-v-6622f93e]{flex-direction:column}.tui-slider.vertical .slider-value-label[data-v-6622f93e]{min-width:auto}.too