.user-avatar-container[data-v-dac127b5]{position:relative}.user-avatar-button[data-v-dac127b5]{cursor:pointer;width:44px;height:44px;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.user-avatar-button[data-v-dac127b5]:hover{opacity:.8}.avatar[data-v-dac127b5]{border:2px solid var(--color-border);background:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.avatar-image[data-v-dac127b5]{object-fit:cover;width:100%;height:100%}.avatar-initials[data-v-dac127b5]{font-size:var(--font-size-body-m);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.dropdown-menu[data-v-dac127b5]{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-xs);z-index:1100;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001a}.dropdown-item[data-v-dac127b5]{align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-sm)var(--space-md);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;text-decoration:none;display:flex}.dropdown-item[data-v-dac127b5]:hover{background:#00000008}.dropdown-item[data-v-dac127b5]:active{transform:scale(.98)}.dropdown-fade-enter-active[data-v-dac127b5],.dropdown-fade-leave-active[data-v-dac127b5]{transition:all var(--transition-fast);transform-origin:100% 0}.dropdown-fade-enter-from[data-v-dac127b5],.dropdown-fade-leave-to[data-v-dac127b5]{opacity:0;transform:scale(.95)translateY(-4px)}@media (max-width:767px){.dropdown-menu[data-v-dac127b5]{min-width:auto;max-width:300px;margin:0 auto;left:0;right:0}}.app-navigation[data-v-a52f839e]{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;flex-shrink:0;box-shadow:0 4px 20px #0000000d}.nav-container[data-v-a52f839e]{max-width:1200px;padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);grid-template-columns:auto 1fr auto;height:64px;margin:0 auto;display:grid}.nav-logo[data-v-a52f839e]{height:36px;transition:opacity var(--transition-fast);align-items:center;display:flex}.nav-logo[data-v-a52f839e]:hover{opacity:.8}.nav-logo img[data-v-a52f839e]{width:auto;height:36px}.nav-links[data-v-a52f839e]{gap:var(--space-sm);justify-content:center;align-items:center;display:flex}.nav-link[data-v-a52f839e]{font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 16px;text-decoration:none}.nav-link[data-v-a52f839e]:hover{color:var(--color-text-primary);background:#00000008}.nav-link.active[data-v-a52f839e]{color:var(--color-accent);background:#ff1c5814}.menu-toggle[data-v-a52f839e]{width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.menu-toggle[data-v-a52f839e]:hover{color:var(--color-accent)}.menu-toggle svg[data-v-a52f839e]{width:24px;height:24px}.mobile-menu-overlay[data-v-a52f839e]{z-index:999;background:#0000004d;position:fixed;inset:64px 0 0}.mobile-menu[data-v-a52f839e]{background:var(--color-surface);border-radius:0 0 var(--radius-lg)var(--radius-lg);padding:var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex;box-shadow:0 8px 24px #0000001a}.mobile-menu-link[data-v-a52f839e]{min-height:56px;padding:var(--space-md)var(--space-lg);font-size:var(--font-size-body-l);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;text-decoration:none;display:flex}.mobile-menu-link[data-v-a52f839e]:hover{background:var(--color-bg)}.mobile-menu-link.active[data-v-a52f839e]{color:var(--color-accent);background:#ff1c5814}.menu-fade-enter-active[data-v-a52f839e],.menu-fade-leave-active[data-v-a52f839e]{transition:opacity var(--transition-normal)}.menu-fade-enter-from[data-v-a52f839e],.menu-fade-leave-to[data-v-a52f839e]{opacity:0}.desktop-only[data-v-a52f839e]{display:none}.mobile-only[data-v-a52f839e]{display:flex}@media (min-width:768px){.desktop-only[data-v-a52f839e]{display:flex}.mobile-only[data-v-a52f839e]{display:none}.nav-container[data-v-a52f839e]{height:72px}.nav-logo img[data-v-a52f839e]{height:40px}}.network-error-view[data-v-f02d5b4d]{min-height:100vh;padding:var(--space-xl);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.error-container[data-v-f02d5b4d]{text-align:center;max-width:480px}.error-icon[data-v-f02d5b4d]{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}h1[data-v-f02d5b4d]{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:28px;font-weight:600;line-height:1.25}.error-message[data-v-f02d5b4d]{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:17px;line-height:1.5}.retry-button[data-v-f02d5b4d]{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:280px;min-height:44px;padding:14px 24px;font-size:16px;font-weight:500;transition:opacity .2s}.retry-button[data-v-f02d5b4d]:hover:not(:disabled){opacity:.9}.retry-button[data-v-f02d5b4d]:disabled{opacity:.6;cursor:not-allowed}.error-details[data-v-f02d5b4d]{margin-top:var(--space-lg);color:var(--color-text-muted);font-size:13px;line-height:1.5}@media (max-width:768px){.network-error-view[data-v-f02d5b4d]{padding:var(--space-lg)var(--space-md)}.retry-button[data-v-f02d5b4d]{max-width:100%}}:root{--app-nav-height:64px}@media (min-width:768px){:root{--app-nav-height:72px}}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}main{flex:auto;overflow:hidden auto}main.with-nav{height:calc(100vh - var(--app-nav-height))}:root{--color-bg:#f5f5f6;--color-surface:#fff;--color-surface-glass:#ffffffbf;--color-border:#d9d9da;--color-text-primary:#111;--color-text-secondary:#555;--color-text-muted:#888;--color-accent:#ff1c58;--color-accent-hover:#e01850;--color-accent-light:#ff1c581a;--color-ctl:#555;--color-atl:#888;--color-tsb:#ff1c58;--color-z1:#e8e8e9;--color-z2:#d0d0d2;--color-z3:#a8a8aa;--color-z4:#808082;--color-z5:#ff1c58;--color-success:#2d7a4f;--color-success-bg:#2d7a4f1a;--color-error:#ff1c58;--color-error-bg:#ff1c581a;--color-warning:#666;--color-warning-bg:#6666661a;--color-danger:#ff1c58;--color-info:#888;--color-text-tertiary:#aaa;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro",system-ui,sans-serif;--font-size-display:40px;--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:18px;--font-size-body-l:17px;--font-size-body-m:15px;--font-size-body-s:13px;--font-size-body-xs:12px;--font-size-caption:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.25;--line-height-normal:1.45;--line-height-relaxed:1.5;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 2px 6px #00000008;--shadow-glass:0 4px 20px #0000000d;--shadow-hover:0 4px 12px #00000014;--blur-amount:20px;--glass-border:1px solid #fff6;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--container-max-width:640px;--screen-padding:24px;--card-padding:24px;--tap-target-min:44px;--z-base:0;--z-dropdown:100;--z-modal:200;--z-toast:300;--icon-size-sm:18px;--icon-size-md:22px;--icon-size-lg:28px;--icon-stroke:1.5px}@media (min-width:768px){:root{--screen-padding:32px;--space-2xl:64px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-body-m);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1);margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-h2);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-h3);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--color-text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}button,input,textarea,select{font-family:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea,select{outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--container-max-width);padding:0 var(--screen-padding);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}}.text-display{font-size:var(--font-size-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.text-large{font-size:var(--font-size-body-l);line-height:var(--line-height-normal)}.text-base{font-size:var(--font-size-body-m);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-relaxed)}.number-emphasis{font-size:32px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.number-emphasis-large{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.number-emphasis-small{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}@media (max-width:768px){.number-emphasis{font-size:28px}.number-emphasis-large{font-size:32px}.number-emphasis-small{font-size:var(--font-size-h3)}}.btn{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--tap-target-min);-webkit-user-select:none;user-select:none;border:none;padding:14px 20px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-surface);box-shadow:var(--shadow-card)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-secondary);background:#00000005;transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0)}.btn--tertiary{color:var(--color-text-secondary);background:0 0;border:none;padding:12px 16px}.btn--tertiary:hover:not(:disabled){color:var(--color-text-primary);background:#00000008}.btn--tertiary:active:not(:disabled){background:#0000000d}.btn--tertiary-accent{color:var(--color-accent);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:12px 16px}.btn--tertiary-accent:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent-hover)}.btn--tertiary-accent:active:not(:disabled){background:#ff1c5826}.btn-ghost{color:var(--color-text-primary);background:0 0;padding:12px 16px}.btn-ghost:hover:not(:disabled){background:#00000008}.btn-sm{font-size:var(--font-size-body-s);min-height:var(--tap-target-min);padding:10px 16px}.btn-lg{font-size:var(--font-size-body-l);min-height:52px;padding:16px 24px}.btn--danger{background:var(--color-accent);color:var(--color-surface);box-shadow:var(--shadow-card)}.btn--danger:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:translateY(0)}.btn-icon{width:var(--tap-target-min);height:var(--tap-target-min);min-height:var(--tap-target-min);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){color:var(--color-text-primary);background:#0000000d}.btn-icon:active:not(:disabled){transform:scale(.95)}.btn-icon--danger{color:var(--color-text-secondary)}.btn-icon--danger:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn--loading{color:#0000;pointer-events:none;position:relative}.btn--loading:after{content:"";border:2px solid #ffffffe6;border-top-color:#ffffff4d;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-hover)}.card-glass{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--blur-amount));border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:var(--card-padding)}.card-compact{padding:var(--space-md)}.card-accent{border-top:3px solid var(--color-accent)}.stat-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);transition:all var(--transition-fast);display:flex}.stat-widget:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-card)}.stat-widget__icon{border-radius:var(--radius-md);background:var(--color-bg);width:48px;height:48px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-widget__content{flex:1;min-width:0}.stat-widget__label{font-size:var(--font-size-body-s);color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:var(--font-weight-normal)}.stat-widget__value{font-size:32px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-widget__subtitle{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:var(--space-xs);font-weight:var(--font-weight-normal)}@media (max-width:768px){.stat-widget{padding:var(--space-md)}.stat-widget__icon{width:40px;height:40px}.stat-widget__value{font-size:28px}}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.empty-state__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm)0}.empty-state__description{font-size:var(--font-size-body-m);color:var(--color-text-secondary);max-width:500px;margin:0 0 var(--space-lg)0}.loading-state{padding:var(--space-2xl);text-align:center;color:var(--color-text-secondary)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.error-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--color-text-primary)}.error-state__icon{color:var(--color-accent);margin-bottom:var(--space-md)}.error-state__message{font-size:var(--font-size-body-m);color:var(--color-text-secondary);margin:var(--space-md)0}.badge{padding:4px var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);align-items:center;display:inline-flex}.badge-accent{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.divider{background:var(--color-border);height:1px;margin:var(--space-lg)0}.divider-vertical{background:var(--color-border);width:1px;height:auto;margin:0 var(--space-md)}