.app-navigation[data-v-d0cc4088]{background:var(--color-background-primary);border-bottom:1px solid var(--color-border-secondary);box-shadow:var(--component-shadow);position:sticky;top:0;z-index:var(--z-index-sticky)}.nav-content[data-v-d0cc4088]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-xl)}.nav-brand[data-v-d0cc4088]{text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}.nav-brand[data-v-d0cc4088]:hover{color:var(--color-text-brand-primary)}.brand-text[data-v-d0cc4088]{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;margin-left:var(--spacing-xl)}.nav-link[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-text-sm);border-radius:var(--component-border-radius);transition:all var(--transition-default);line-height:var(--line-height-text-sm)}.nav-link[data-v-d0cc4088]:hover{color:var(--color-text-primary);background:var(--color-background-secondary)}.nav-link.nav-link-active[data-v-d0cc4088]{color:var(--color-text-brand-primary);background:var(--color-background-brand-primary)}.nav-icon[data-v-d0cc4088]{width:16px;height:16px}.user-menu[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.user-info[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar[data-v-d0cc4088]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-secondary);background:var(--color-background-tertiary)}.user-details[data-v-d0cc4088]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.user-name[data-v-d0cc4088]{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-text-sm)}.user-role[data-v-d0cc4088]{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-brand-primary);background:var(--color-background-brand-primary);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--component-border-radius-xs);line-height:var(--line-height-text-xs)}.dropdown[data-v-d0cc4088]{position:relative}.dropdown-trigger[data-v-d0cc4088]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--component-border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-default)}.dropdown-trigger[data-v-d0cc4088]:hover,.dropdown-open .dropdown-trigger[data-v-d0cc4088]{background:var(--color-background-secondary);color:var(--color-text-primary)}.dropdown-icon[data-v-d0cc4088]{width:16px;height:16px}.dropdown-menu[data-v-d0cc4088]{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--component-border-radius);box-shadow:var(--component-shadow-hover);overflow:hidden;z-index:var(--z-index-dropdown);min-width:180px}.dropdown-item[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-text-sm);transition:all var(--transition-default);white-space:nowrap;width:100%;border:none;background:transparent;cursor:pointer;text-align:left}.dropdown-item[data-v-d0cc4088]:hover{background:var(--color-background-secondary)}.dropdown-item.dropdown-item-button[data-v-d0cc4088]{color:var(--color-text-error-primary)}.dropdown-item.dropdown-item-button[data-v-d0cc4088]:hover{background:var(--color-background-error-primary)}.dropdown-item-icon[data-v-d0cc4088]{width:16px;height:16px;flex-shrink:0}.dropdown-divider[data-v-d0cc4088]{height:1px;background:var(--color-border-tertiary);margin:var(--spacing-xs) 0}.guest-actions[data-v-d0cc4088]{display:flex;align-items:center;gap:var(--spacing-md)}.login-button[data-v-d0cc4088]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-background-brand-solid);color:#fff;text-decoration:none;font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);border-radius:var(--component-border-radius);transition:all var(--transition-default);line-height:var(--line-height-text-sm)}.login-button[data-v-d0cc4088]:hover{background:var(--color-brand-600);transform:translateY(-1px)}.login-button[data-v-d0cc4088]:active{transform:translateY(0)}@media (max-width: var(--breakpoint-mobile)){.nav-content[data-v-d0cc4088]{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.nav-links[data-v-d0cc4088]{gap:var(--spacing-sm);margin-left:var(--spacing-md)}.nav-link[data-v-d0cc4088]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-text-xs)}.nav-link span[data-v-d0cc4088],.user-details[data-v-d0cc4088]{display:none}.dropdown-menu[data-v-d0cc4088]{right:-10px;min-width:160px}}@media (max-width: 480px){.nav-links[data-v-d0cc4088]{display:none}}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:var(--line-height-text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-text);font-size:var(--font-size-text-md);color:var(--color-text-primary);background-color:var(--color-background-primary)}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{text-decoration:none;color:var(--color-text-brand-primary);transition:var(--transition-default)}a:hover{color:var(--color-text-brand-secondary)}a:active{color:var(--color-text-brand-tertiary)}button{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}input,textarea,select{border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background-primary);transition:var(--transition-normal)}input:focus,textarea:focus,select:focus{border-color:var(--color-focus);outline:none}input:disabled,textarea:disabled,select:disabled{background:var(--color-background-disabled);color:var(--color-text-disabled);cursor:not-allowed}table{border-collapse:collapse;width:100%}th{text-align:left}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}fieldset{border:none;padding:0;margin:0}legend{padding:0}details{display:block}summary{display:list-item;cursor:pointer}hr{border:0;border-top:1px solid var(--color-border-secondary);margin:var(--spacing-xl) 0}code,pre,kbd,samp{font-family:var(--font-family-mono);font-size:var(--font-size-text-sm)}mark{background-color:var(--color-background-warning-secondary);padding:0 var(--spacing-xs)}::selection{background-color:var(--color-background-brand-solid);color:var(--color-text-primary-on-brand)}h1{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}h2{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}h3{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}h4{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}h5,h6{font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}:root{--color-base-black: #000000;--color-base-transparent: #ffffff00;--color-base-white: #ffffff;--color-gray-light-mode-25: #fdfdfd;--color-gray-light-mode-50: #fafafa;--color-gray-light-mode-100: #f5f5f5;--color-gray-light-mode-200: #e9eaeb;--color-gray-light-mode-300: #d5d7da;--color-gray-light-mode-400: #a4a7ae;--color-gray-light-mode-500: #717680;--color-gray-light-mode-600: #535862;--color-gray-light-mode-700: #414651;--color-gray-light-mode-800: #252b37;--color-gray-light-mode-900: #181d27;--color-gray-light-mode-950: #0a0d12;--color-gray-dark-mode-25: #fafafa;--color-gray-dark-mode-50: #f7f7f7;--color-gray-dark-mode-100: #f0f0f1;--color-gray-dark-mode-200: #ececed;--color-gray-dark-mode-300: #cecfd2;--color-gray-dark-mode-400: #94979c;--color-gray-dark-mode-500: #85888e;--color-gray-dark-mode-600: #61656c;--color-gray-dark-mode-700: #373a41;--color-gray-dark-mode-800: #22262f;--color-gray-dark-mode-900: #13161b;--color-gray-dark-mode-950: #0c0e12;--color-brand-25: #F6FBFF;--color-brand-50: #edf8ff;--color-brand-100: #d7edff;--color-brand-200: #b7e1ff;--color-brand-300: #86cfff;--color-brand-400: #4db3ff;--color-brand-500: #2491ff;--color-brand-600: #0d70ff;--color-brand-700: #0652dd;--color-brand-800: #0d47c0;--color-brand-900: #114097;--color-brand-950: #10285b;--color-error-25: #fffbfa;--color-error-50: #fef3f2;--color-error-100: #fee4e2;--color-error-200: #fecdca;--color-error-300: #fda29b;--color-error-400: #f97066;--color-error-500: #f04438;--color-error-600: #d92d20;--color-error-700: #b42318;--color-error-800: #912018;--color-error-900: #7a271a;--color-error-950: #55160c;--color-warning-25: #fffcf5;--color-warning-50: #fffaeb;--color-warning-100: #fef0c7;--color-warning-200: #fedf89;--color-warning-300: #fec84b;--color-warning-400: #fdb022;--color-warning-500: #f79009;--color-warning-600: #dc6803;--color-warning-700: #b54708;--color-warning-800: #93370d;--color-warning-900: #7a2e0e;--color-warning-950: #4e1d09;--color-success-25: #f6fef9;--color-success-50: #ecfdf3;--color-success-100: #dcfae6;--color-success-200: #abefc6;--color-success-300: #75e0a7;--color-success-400: #47cd89;--color-success-500: #17b26a;--color-success-600: #079455;--color-success-700: #067647;--color-success-800: #085d3a;--color-success-900: #074d31;--color-success-950: #053321;--color-gray-blue-25: #fcfcfd;--color-gray-blue-50: #f8f9fc;--color-gray-blue-100: #eaecf5;--color-gray-blue-200: #d5d9eb;--color-gray-blue-300: #b3b8db;--color-gray-blue-400: #717bbc;--color-gray-blue-500: #4e5ba6;--color-gray-blue-600: #3e4784;--color-gray-blue-700: #363f72;--color-gray-blue-800: #293056;--color-gray-blue-900: #101323;--color-gray-blue-950: #0d0f1c;--color-gray-cool-25: #fcfcfd;--color-gray-cool-50: #f9f9fb;--color-gray-cool-100: #eff1f5;--color-gray-cool-200: #dcdfea;--color-gray-cool-300: #b9c0d4;--color-gray-cool-400: #7d89b0;--color-gray-cool-500: #5d6b98;--color-gray-cool-600: #4a5578;--color-gray-cool-700: #404968;--color-gray-cool-800: #30374f;--color-gray-cool-900: #111322;--color-gray-cool-950: #0e101b;--color-gray-modern-25: #fcfcfd;--color-gray-modern-50: #f8fafc;--color-gray-modern-100: #eef2f6;--color-gray-modern-200: #e3e8ef;--color-gray-modern-300: #cdd5df;--color-gray-modern-400: #9aa4b2;--color-gray-modern-500: #697586;--color-gray-modern-600: #4b5565;--color-gray-modern-700: #364152;--color-gray-modern-800: #202939;--color-gray-modern-900: #121926;--color-gray-modern-950: #0d121c;--color-gray-neutral-25: #fcfcfd;--color-gray-neutral-50: #f9fafb;--color-gray-neutral-100: #f3f4f6;--color-gray-neutral-200: #e5e7eb;--color-gray-neutral-300: #d2d6db;--color-gray-neutral-400: #9da4ae;--color-gray-neutral-500: #6c737f;--color-gray-neutral-600: #4d5761;--color-gray-neutral-700: #384250;--color-gray-neutral-800: #1f2a37;--color-gray-neutral-900: #111927;--color-gray-neutral-950: #0d121c;--color-gray-iron-25: #fcfcfc;--color-gray-iron-50: #fafafa;--color-gray-iron-100: #f4f4f5;--color-gray-iron-200: #e4e4e7;--color-gray-iron-300: #d1d1d6;--color-gray-iron-400: #a0a0ab;--color-gray-iron-500: #70707b;--color-gray-iron-600: #51525c;--color-gray-iron-700: #3f3f46;--color-gray-iron-800: #26272b;--color-gray-iron-900: #1a1a1e;--color-gray-iron-950: #131316;--color-gray-true-25: #fcfcfc;--color-gray-true-50: #f7f7f7;--color-gray-true-100: #f5f5f5;--color-gray-true-200: #e5e5e5;--color-gray-true-300: #d6d6d6;--color-gray-true-400: #a3a3a3;--color-gray-true-500: #737373;--color-gray-true-600: #525252;--color-gray-true-700: #424242;--color-gray-true-800: #292929;--color-gray-true-900: #141414;--color-gray-true-950: #0f0f0f;--color-gray-warm-25: #fdfdfc;--color-gray-warm-50: #fafaf9;--color-gray-warm-100: #f5f5f4;--color-gray-warm-200: #e7e5e4;--color-gray-warm-300: #d7d3d0;--color-gray-warm-400: #a9a29d;--color-gray-warm-500: #79716b;--color-gray-warm-600: #57534e;--color-gray-warm-700: #44403c;--color-gray-warm-800: #292524;--color-gray-warm-900: #1c1917;--color-gray-warm-950: #171412;--color-moss-25: #fafdf7;--color-moss-50: #f5fbee;--color-moss-100: #e6f4d7;--color-moss-200: #ceeab0;--color-moss-300: #acdc79;--color-moss-400: #86cb3c;--color-moss-500: #669f2a;--color-moss-600: #4f7a21;--color-moss-700: #3f621a;--color-moss-800: #335015;--color-moss-900: #2b4212;--color-moss-950: #1a280b;--color-green-light-25: #fafef5;--color-green-light-50: #f3fee7;--color-green-light-100: #e3fbcc;--color-green-light-200: #d0f8ab;--color-green-light-300: #a6ef67;--color-green-light-400: #85e13a;--color-green-light-500: #66c61c;--color-green-light-600: #4ca30d;--color-green-light-700: #3b7c0f;--color-green-light-800: #326212;--color-green-light-900: #2b5314;--color-green-light-950: #15290a;--color-green-25: #f6fef9;--color-green-50: #edfcf2;--color-green-100: #d3f8df;--color-green-200: #aaf0c4;--color-green-300: #73e2a3;--color-green-400: #3ccb7f;--color-green-500: #16b364;--color-green-600: #099250;--color-green-700: #087443;--color-green-800: #095c37;--color-green-900: #084c2e;--color-green-950: #052e1c;--color-teal-25: #f6fefc;--color-teal-50: #f0fdf9;--color-teal-100: #ccfbef;--color-teal-200: #99f6e0;--color-teal-300: #5fe9d0;--color-teal-400: #2ed3b7;--color-teal-500: #15b79e;--color-teal-600: #0e9384;--color-teal-700: #107569;--color-teal-800: #125d56;--color-teal-900: #134e48;--color-teal-950: #0a2926;--color-cyan-25: #f5feff;--color-cyan-50: #ecfdff;--color-cyan-100: #cff9fe;--color-cyan-200: #a5f0fc;--color-cyan-300: #67e3f9;--color-cyan-400: #22ccee;--color-cyan-500: #06aed4;--color-cyan-600: #088ab2;--color-cyan-700: #0e7090;--color-cyan-800: #155b75;--color-cyan-900: #164c63;--color-cyan-950: #0d2d3a;--color-blue-light-25: #f5fbff;--color-blue-light-50: #f0f9ff;--color-blue-light-100: #e0f2fe;--color-blue-light-200: #b9e6fe;--color-blue-light-300: #7cd4fd;--color-blue-light-400: #36bffa;--color-blue-light-500: #0ba5ec;--color-blue-light-600: #0086c9;--color-blue-light-700: #026aa2;--color-blue-light-800: #065986;--color-blue-light-900: #0b4a6f;--color-blue-light-950: #062c41;--color-blue-25: #f5faff;--color-blue-50: #eff8ff;--color-blue-100: #d1e9ff;--color-blue-200: #b2ddff;--color-blue-300: #84caff;--color-blue-400: #53b1fd;--color-blue-500: #2e90fa;--color-blue-600: #1570ef;--color-blue-700: #175cd3;--color-blue-800: #1849a9;--color-blue-900: #194185;--color-blue-950: #102a56;--color-blue-dark-25: #f5f8ff;--color-blue-dark-50: #eff4ff;--color-blue-dark-100: #d1e0ff;--color-blue-dark-200: #b2ccff;--color-blue-dark-300: #84adff;--color-blue-dark-400: #528bff;--color-blue-dark-500: #2970ff;--color-blue-dark-600: #155eef;--color-blue-dark-700: #004eeb;--color-blue-dark-800: #0040c1;--color-blue-dark-900: #00359e;--color-blue-dark-950: #002266;--color-indigo-25: #f5f8ff;--color-indigo-50: #eef4ff;--color-indigo-100: #e0eaff;--color-indigo-200: #c7d7fe;--color-indigo-300: #a4bcfd;--color-indigo-400: #8098f9;--color-indigo-500: #6172f3;--color-indigo-600: #444ce7;--color-indigo-700: #3538cd;--color-indigo-800: #2d31a6;--color-indigo-900: #2d3282;--color-indigo-950: #1f235b;--color-violet-25: #fbfaff;--color-violet-50: #f5f3ff;--color-violet-100: #ece9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c3b5fd;--color-violet-400: #a48afb;--color-violet-500: #875bf7;--color-violet-600: #7839ee;--color-violet-700: #6927da;--color-violet-800: #5720b7;--color-violet-900: #491c96;--color-violet-950: #2e125e;--color-purple-25: #fafaff;--color-purple-50: #f4f3ff;--color-purple-100: #ebe9fe;--color-purple-200: #d9d6fe;--color-purple-300: #bdb4fe;--color-purple-400: #9b8afb;--color-purple-500: #7a5af8;--color-purple-600: #6938ef;--color-purple-700: #5925dc;--color-purple-800: #4a1fb8;--color-purple-900: #3e1c96;--color-purple-950: #27115f;--color-fuchsia-25: #fefaff;--color-fuchsia-50: #fdf4ff;--color-fuchsia-100: #fbe8ff;--color-fuchsia-200: #f6d0fe;--color-fuchsia-300: #eeaafd;--color-fuchsia-400: #e478fa;--color-fuchsia-500: #d444f1;--color-fuchsia-600: #ba24d5;--color-fuchsia-700: #9f1ab1;--color-fuchsia-800: #821890;--color-fuchsia-900: #6f1877;--color-fuchsia-950: #47104c;--color-pink-25: #fef6fb;--color-pink-50: #fdf2fa;--color-pink-100: #fce7f6;--color-pink-200: #fcceee;--color-pink-300: #faa7e0;--color-pink-400: #f670c7;--color-pink-500: #ee46bc;--color-pink-600: #dd2590;--color-pink-700: #c11574;--color-pink-800: #9e165f;--color-pink-900: #851651;--color-pink-950: #4e0d30;--color-rose-25: #fff5f6;--color-rose-50: #fff1f3;--color-rose-100: #ffe4e8;--color-rose-200: #fecdd6;--color-rose-300: #fea3b4;--color-rose-400: #fd6f8e;--color-rose-500: #f63d68;--color-rose-600: #e31b54;--color-rose-700: #c01048;--color-rose-800: #a11043;--color-rose-900: #89123e;--color-rose-950: #510b24;--color-orange-dark-25: #fff9f5;--color-orange-dark-50: #fff4ed;--color-orange-dark-100: #ffe6d5;--color-orange-dark-200: #ffd6ae;--color-orange-dark-300: #ff9c66;--color-orange-dark-400: #ff692e;--color-orange-dark-500: #ff4405;--color-orange-dark-600: #e62e05;--color-orange-dark-700: #bc1b06;--color-orange-dark-800: #97180c;--color-orange-dark-900: #771a0d;--color-orange-dark-950: #57130a;--color-orange-25: #fefaf5;--color-orange-50: #fef6ee;--color-orange-100: #fdead7;--color-orange-200: #f9dbaf;--color-orange-300: #f7b27a;--color-orange-400: #f38744;--color-orange-500: #ef6820;--color-orange-600: #e04f16;--color-orange-700: #b93815;--color-orange-800: #932f19;--color-orange-900: #772917;--color-orange-950: #511c10;--color-yellow-25: #fefdf0;--color-yellow-50: #fefbe8;--color-yellow-100: #fef7c3;--color-yellow-200: #feee95;--color-yellow-300: #fde272;--color-yellow-400: #fac515;--color-yellow-500: #eaaa08;--color-yellow-600: #ca8504;--color-yellow-700: #a15c07;--color-yellow-800: #854a0e;--color-yellow-900: #713b12;--color-yellow-950: #542c0d;--color-focus-ring: rgba(from var(--color-focus) r g b / .75);--spacing-0: 0rem;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-120: 30rem;--spacing-140: 35rem;--spacing-160: 40rem;--spacing-180: 45rem;--spacing-192: 48rem;--spacing-256: 64rem;--spacing-320: 80rem;--spacing-360: 90rem;--spacing-400: 100rem;--spacing-480: 120rem;--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--border-width-extra-thick: 4px;--radius-none: 0rem;--radius-xxs: .125rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.25rem;--radius-4xl: 1.5rem;--radius-full: 9999rem;--z-index-negative: -1;--z-index-base: 0;--z-index-low: 10;--z-index-medium: 100;--z-index-high: 1000;--z-index-highest: 10000;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-size-text-xs: .75rem;--font-size-text-sm: .875rem;--font-size-text-md: 1rem;--font-size-text-lg: 1.125rem;--font-size-text-xl: 1.25rem;--font-size-display-xs: 1.5rem;--font-size-display-sm: 1.875rem;--font-size-display-md: 2.25rem;--font-size-display-lg: 3rem;--font-size-display-xl: 3.75rem;--font-size-display-2xl: 4.5rem;--line-height-text-xs: 1.125rem;--line-height-text-sm: 1.25rem;--line-height-text-md: 1.5rem;--line-height-text-lg: 1.75rem;--line-height-text-xl: 1.875rem;--line-height-display-xs: 2rem;--line-height-display-sm: 2.375rem;--line-height-display-md: 2.75rem;--line-height-display-lg: 3.75rem;--line-height-display-xl: 4.5rem;--line-height-display-2xl: 5.625rem;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--font-family-text: "Inter", sans-serif;--font-family-display: "Inter", sans-serif;--font-family-mono: "Roboto Mono", monospace;--font-family-logo: "Inter", sans-serif;--animation-duration-fast: .2s;--animation-duration-normal: .3s;--animation-duration-slow: .4s;--animation-duration-slower: .5s;--animation-duration-slowest: .6s;--animation-timing-ease: ease;--animation-timing-ease-in: ease-in;--animation-timing-ease-out: ease-out;--animation-timing-ease-in-out: ease-in-out;--animation-timing-linear: linear;--animation-timing-cubic: cubic-bezier(.4, 0, .1, 1);--animation-timing-elastic: linear( 0 0%, .2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726 13.7%, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, .941 24.01%, .8912 25.91%, .8694 27.84%, .8698 29.21%, .8824 30.71%, 1.0122 38.33%, 1.0357 40.52%, 1.046 42.71%, 1.0416 45.7%, .9961 53.26%, .9839 57.54%, .9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, .9981 86.66%, 1 100% );--animation-default: var(--animation-duration-normal) var(--animation-timing-cubic);--animation-fast: var(--animation-duration-fast) var(--animation-timing-cubic);--animation-slow: var(--animation-duration-slow) var(--animation-timing-ease-in-out);--transition-default: var(--animation-duration-normal) var(--animation-timing-cubic);--transition-fast: var(--animation-duration-fast) var(--animation-timing-cubic);--transition-slow: var(--animation-duration-slow) var(--animation-timing-ease-in-out);--transition-slower: var(--animation-duration-slower) var(--animation-timing-ease-in-out);--transition-slowest: var(--animation-duration-slowest) var(--animation-timing-ease-in-out)}:root{--spacing-none: var(--spacing-0);--spacing-xxs: var(--spacing-0-5);--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-1-5);--spacing-md: var(--spacing-2);--spacing-lg: var(--spacing-3);--spacing-xl: var(--spacing-4);--spacing-2xl: var(--spacing-5);--spacing-3xl: var(--spacing-6);--spacing-4xl: var(--spacing-8);--spacing-5xl: var(--spacing-10);--spacing-6xl: var(--spacing-12);--spacing-7xl: var(--spacing-16);--spacing-8xl: var(--spacing-20);--spacing-9xl: var(--spacing-24);--spacing-10xl: var(--spacing-32);--spacing-11xl: var(--spacing-40);--spacing-12xl: var(--spacing-48);--spacing-13xl: var(--spacing-56);--spacing-14xl: var(--spacing-64);--width-xxs: var(--spacing-80);--width-xs: var(--spacing-96);--width-sm: var(--spacing-120);--width-md: var(--spacing-140);--width-lg: var(--spacing-160);--width-xl: var(--spacing-192);--width-2xl: var(--spacing-256);--width-3xl: var(--spacing-320);--width-4xl: var(--spacing-360);--width-5xl: var(--spacing-400);--width-6xl: var(--spacing-480);--menu-large-width: var(--spacing-64);--menu-small-width: var(--spacing-16);--menu-width: var(--menu-large-width);--auth-card-width: var(--spacing-160);--paragraph-max-width: var(--spacing-180);--container-padding-mobile: var(--spacing-4);--container-padding-desktop: var(--spacing-8);--container-max-width-desktop: var(--spacing-320);--component-border-radius: var(--radius-md);--component-border-radius-xxs: var(--radius-xxs);--component-border-radius-xs: var(--radius-xs);--component-border-radius-sm: var(--radius-sm);--component-border-radius-lg: var(--radius-lg);--component-border-radius-xl: var(--radius-xl);--component-shadow: var(--shadow-md);--component-shadow-hover: var(--shadow-lg);--component-shadow-active: var(--shadow-xl);--input-gap: var(--spacing-xs);--form-gap: var(--spacing-md);--form-section-gap: var(--spacing-lg);--form-element-height-sm: var(--spacing-8);--form-element-height-md: var(--spacing-10);--form-element-height-lg: var(--spacing-14);--card-padding: var(--spacing-6xl);--card-padding-sm: var(--spacing-xl);--z-index-background: var(--z-index-negative);--z-index-default: var(--z-index-base);--z-index-dropdown: calc(var(--z-index-low) + 10);--z-index-sticky: calc(var(--z-index-low) + 20);--z-index-fixed: calc(var(--z-index-low) + 30);--z-index-card: calc(var(--z-index-low) + 40);--z-index-info-bar: calc(var(--z-index-medium) - 10);--z-index-menu: var(--z-index-medium);--z-index-overlay: calc(var(--z-index-medium) + 10);--z-index-modal: calc(var(--z-index-medium) + 20);--z-index-popover: calc(var(--z-index-medium) + 30);--z-index-tooltip: var(--z-index-high);--z-index-notification: calc(var(--z-index-high) + 10);--z-index-toast: calc(var(--z-index-high) + 20);--z-index-dialog: calc(var(--z-index-high) + 30);--z-index-loader: var(--z-index-highest);--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1440px}:root,html[data-theme=light],.light{--color-text-primary: var(--color-gray-light-mode-900);--color-text-primary-on-brand: var(--color-base-white);--color-text-primary-on-brand-alt: var(--color-brand-300);--color-text-secondary: var(--color-gray-light-mode-700);--color-text-secondary-hover: var(--color-gray-light-mode-800);--color-text-secondary-on-brand: var(--color-brand-200);--color-text-tertiary: var(--color-gray-light-mode-600);--color-text-tertiary-hover: var(--color-gray-light-mode-700);--color-text-tertiary-on-brand: var(--color-brand-200);--color-text-quaternary: var(--color-gray-light-mode-500);--color-text-quaternary-on-brand: var(--color-brand-300);--color-text-white: var(--color-base-white);--color-text-disabled: var(--color-gray-light-mode-500);--color-text-placeholder: var(--color-gray-light-mode-500);--color-text-placeholder-subtle: var(--color-gray-light-mode-300);--color-text-brand-primary: var(--color-brand-900);--color-text-brand-secondary: var(--color-brand-700);--color-text-brand-tertiary: var(--color-brand-600);--color-text-brand-tertiary-alt: var(--color-brand-600);--color-text-error-primary: var(--color-error-600);--color-text-error-primary-hover: var(--color-error-700);--color-text-warning-primary: var(--color-warning-600);--color-text-success-primary: var(--color-success-600);--color-border-primary: var(--color-gray-light-mode-300);--color-border-secondary: var(--color-gray-light-mode-200);--color-border-secondary-alt: #00000014;--color-border-tertiary: var(--color-gray-light-mode-100);--color-border-disabled: var(--color-gray-light-mode-300);--color-border-disabled-subtle: var(--color-gray-light-mode-200);--color-border-brand: var(--color-brand-500);--color-border-brand-alt: var(--color-brand-600);--color-border-brand-dark: var(--color-brand-700);--color-border-error: var(--color-error-500);--color-border-error-subtle: var(--color-error-300);--color-foreground-primary: var(--color-gray-light-mode-900);--color-foreground-secondary: var(--color-gray-light-mode-700);--color-foreground-secondary-hover: var(--color-gray-light-mode-800);--color-foreground-tertiary: var(--color-gray-light-mode-600);--color-foreground-tertiary-hover: var(--color-gray-light-mode-700);--color-foreground-quaternary: var(--color-gray-light-mode-400);--color-foreground-quaternary-hover: var(--color-gray-light-mode-500);--color-foreground-white: var(--color-base-white);--color-foreground-disabled: var(--color-gray-light-mode-400);--color-foreground-disabled-subtle: var(--color-gray-light-mode-300);--color-foreground-brand-primary: var(--color-brand-600);--color-foreground-brand-primary-alt: var(--color-foreground-brand-primary);--color-foreground-brand-secondary: var(--color-brand-500);--color-foreground-brand-secondary-alt: var(--color-foreground-brand-secondary);--color-foreground-brand-secondary-hover: var(--color-brand-600);--color-foreground-error-primary: var(--color-error-600);--color-foreground-error-secondary: var(--color-error-500);--color-foreground-warning-primary: var(--color-warning-600);--color-foreground-warning-secondary: var(--color-warning-500);--color-foreground-success-primary: var(--color-success-600);--color-foreground-success-secondary: var(--color-success-500);--color-background-primary: var(--color-base-white);--color-background-primary-alt: var(--color-base-white);--color-background-primary-hover: var(--color-gray-light-mode-100);--color-background-primary-solid: var(--color-gray-light-mode-950);--color-background-secondary: var(--color-gray-light-mode-50);--color-background-secondary-alt: var(--color-gray-light-mode-50);--color-background-secondary-hover: var(--color-gray-light-mode-100);--color-background-secondary-subtle: var(--color-gray-light-mode-25);--color-background-secondary-solid: var(--color-gray-light-mode-600);--color-background-tertiary: var(--color-gray-light-mode-100);--color-background-quaternary: var(--color-gray-light-mode-200);--color-background-active: var(--color-gray-light-mode-50);--color-background-disabled: var(--color-gray-light-mode-100);--color-background-disabled-subtle: var(--color-gray-light-mode-50);--color-background-overlay: var(--color-gray-light-mode-950);--color-background-brand-primary: var(--color-brand-50);--color-background-brand-primary-alt: var(--color-brand-50);--color-background-brand-secondary: var(--color-brand-100);--color-background-brand-solid: var(--color-brand-500);--color-background-brand-solid-hover: var(--color-brand-600);--color-background-brand-section: var(--color-brand-800);--color-background-brand-section-subtle: var(--color-brand-700);--color-background-error-primary: var(--color-error-50);--color-background-error-secondary: var(--color-error-100);--color-background-error-solid: var(--color-error-600);--color-background-error-solid-hover: var(--color-error-700);--color-background-warning-primary: var(--color-warning-50);--color-background-warning-secondary: var(--color-warning-100);--color-background-warning-solid: var(--color-warning-600);--color-background-success-primary: var(--color-success-50);--color-background-success-secondary: var(--color-success-100);--color-background-success-solid: var(--color-success-600);--color-shadow-primary: var(--color-gray-light-mode-900);--color-shadow-primary-alt: var(--color-brand-900);--color-shadow-secondary: var(--color-gray-light-mode-800);--color-shadow-brand: var(--color-brand-500);--color-focus: var(--color-brand-500);--color-focus-error: var(--color-error-500)}html[data-theme=dark],.dark{--color-text-primary: var(--color-gray-dark-mode-50);--color-text-primary-on-brand: var(--color-gray-dark-mode-50);--color-text-secondary: var(--color-gray-dark-mode-300);--color-text-secondary-hover: var(--color-gray-dark-mode-200);--color-text-secondary-on-brand: var(--color-gray-dark-mode-300);--color-text-tertiary: var(--color-gray-dark-mode-400);--color-text-tertiary-hover: var(--color-gray-dark-mode-300);--color-text-tertiary-on-brand: var(--color-gray-dark-mode-400);--color-text-quaternary: var(--color-gray-dark-mode-400);--color-text-quaternary-on-brand: var(--color-gray-dark-mode-400);--color-text-white: var(--color-base-white);--color-text-disabled: var(--color-gray-dark-mode-500);--color-text-placeholder: var(--color-gray-dark-mode-500);--color-text-placeholder-subtle: var(--color-gray-dark-mode-700);--color-text-brand-primary: var(--color-gray-dark-mode-50);--color-text-brand-secondary: var(--color-gray-dark-mode-300);--color-text-brand-tertiary: var(--color-gray-dark-mode-400);--color-text-brand-tertiary-alt: var(--color-gray-dark-mode-50);--color-text-error-primary: var(--color-error-400);--color-text-error-primary-hover: var(--color-error-300);--color-text-warning-primary: var(--color-warning-400);--color-text-success-primary: var(--color-success-400);--color-border-primary: var(--color-gray-dark-mode-700);--color-border-secondary: var(--color-gray-dark-mode-800);--color-border-secondary-alt: var(--color-gray-dark-mode-800);--color-border-tertiary: var(--color-gray-dark-mode-800);--color-border-disabled: var(--color-gray-dark-mode-700);--color-border-disabled-subtle: var(--color-gray-dark-mode-800);--color-border-brand: var(--color-brand-400);--color-border-brand-alt: var(--color-gray-dark-mode-700);--color-border-brand-dark: var(--color-brand-200);--color-border-error: var(--color-error-400);--color-border-error-subtle: var(--color-error-500);--color-foreground-primary: var(--color-base-white);--color-foreground-secondary: var(--color-gray-dark-mode-300);--color-foreground-secondary-hover: var(--color-gray-dark-mode-200);--color-foreground-tertiary: var(--color-gray-dark-mode-400);--color-foreground-tertiary-hover: var(--color-gray-dark-mode-300);--color-foreground-quaternary: var(--color-gray-dark-mode-600);--color-foreground-quaternary-hover: var(--color-gray-dark-mode-500);--color-foreground-white: var(--color-base-white);--color-foreground-disabled: var(--color-gray-dark-mode-500);--color-foreground-disabled-subtle: var(--color-gray-dark-mode-600);--color-foreground-brand-primary: var(--color-brand-500);--color-foreground-brand-primary-alt: var(--color-gray-dark-mode-300);--color-foreground-brand-secondary: var(--color-brand-500);--color-foreground-brand-secondary-alt: var(--color-gray-dark-mode-600);--color-foreground-brand-secondary-hover: var(--color-gray-dark-mode-500);--color-foreground-error-primary: var(--color-error-500);--color-foreground-error-secondary: var(--color-error-400);--color-foreground-warning-primary: var(--color-warning-500);--color-foreground-warning-secondary: var(--color-warning-400);--color-foreground-success-primary: var(--color-success-500);--color-foreground-success-secondary: var(--color-success-400);--color-background-primary: var(--color-gray-dark-mode-950);--color-background-primary-alt: var(--color-background-secondary);--color-background-primary-hover: var(--color-gray-dark-mode-800);--color-background-primary-solid: var(--color-background-secondary);--color-background-secondary: var(--color-gray-dark-mode-900);--color-background-secondary-alt: var(--color-background-primary);--color-background-secondary-hover: var(--color-gray-dark-mode-800);--color-background-secondary-subtle: var(--color-gray-dark-mode-900);--color-background-secondary-solid: var(--color-gray-dark-mode-600);--color-background-tertiary: var(--color-gray-dark-mode-800);--color-background-quaternary: var(--color-gray-dark-mode-700);--color-background-active: var(--color-gray-dark-mode-800);--color-background-disabled: var(--color-gray-dark-mode-800);--color-background-disabled-subtle: var(--color-gray-dark-mode-900);--color-background-overlay: var(--color-gray-dark-mode-800);--color-background-brand-primary: var(--color-brand-500);--color-background-brand-primary-alt: var(--color-background-secondary);--color-background-brand-secondary: var(--color-brand-600);--color-background-brand-solid: var(--color-brand-600);--color-background-brand-solid-hover: var(--color-brand-500);--color-background-brand-section: var(--color-background-secondary);--color-background-brand-section-subtle: var(--color-background-primary);--color-background-error-primary: var(--color-error-950);--color-background-error-secondary: var(--color-error-600);--color-background-error-solid: var(--color-error-600);--color-background-error-solid-hover: var(--color-error-500);--color-background-warning-primary: var(--color-warning-950);--color-background-warning-secondary: var(--color-warning-600);--color-background-warning-solid: var(--color-warning-600);--color-background-success-primary: var(--color-success-950);--color-background-success-secondary: var(--color-success-600);--color-background-success-solid: var(--color-success-600);--color-focus: var(--color-brand-500);--color-focus-error: var(--color-error-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--spacing-4xl))}to{opacity:1;transform:translateY(0)}}.form-input,input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=search],input[type=tel]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#1f2937;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;box-shadow:0 1px 3px #0000001a}.form-input::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder{color:#9ca3af}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff;transform:translateY(-1px)}.form-input:hover:not(:focus),input[type=text]:hover:not(:focus),input[type=email]:hover:not(:focus),input[type=password]:hover:not(:focus),input[type=url]:hover:not(:focus),input[type=number]:hover:not(:focus),input[type=search]:hover:not(:focus),input[type=tel]:hover:not(:focus){border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.form-input:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=url]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.6}.form-input.error,input[type=text].error,input[type=email].error,input[type=password].error,input[type=url].error,input[type=number].error,input[type=search].error,input[type=tel].error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus,input[type=text].error:focus,input[type=email].error:focus,input[type=password].error:focus,input[type=url].error:focus,input[type=number].error:focus,input[type=search].error:focus,input[type=tel].error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.success,input[type=text].success,input[type=email].success,input[type=password].success,input[type=url].success,input[type=number].success,input[type=search].success,input[type=tel].success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.success:focus,input[type=text].success:focus,input[type=email].success:focus,input[type=password].success:focus,input[type=url].success:focus,input[type=number].success:focus,input[type=search].success:focus,input[type=tel].success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-textarea,textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#1f2937;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;resize:vertical;min-height:100px;box-shadow:0 1px 3px #0000001a}.form-textarea::placeholder,textarea::placeholder{color:#9ca3af}.form-textarea:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff;transform:translateY(-1px)}.form-textarea:hover:not(:focus),textarea:hover:not(:focus){border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.form-textarea:disabled,textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.6}.form-select,select{width:100%;padding:12px 48px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#1f2937;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px 12px;box-shadow:0 1px 3px #0000001a}.form-select:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff;transform:translateY(-1px)}.form-select:hover:not(:focus),select:hover:not(:focus){border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.form-select:disabled,select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.6}.form-group{margin-bottom:24px}.form-group .form-label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;min-height:48px;white-space:nowrap;position:relative;overflow:hidden}.btn:before,button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before,button:hover:before{left:100%}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus,button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.btn.btn-primary,button.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn.btn-primary:active:not(:disabled),button.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #3b82f64d}.btn.btn-secondary,button.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151;box-shadow:0 2px 4px #0000001a}.btn.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn.btn-outline,button.btn-outline{background:transparent;border:2px solid #3b82f6;color:#3b82f6}.btn.btn-outline:hover:not(:disabled),button.btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn.btn-danger,button.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn.btn-success,button.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn.btn-success:hover:not(:disabled),button.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn.btn-sm,button.btn-sm{padding:8px 16px;font-size:14px;min-height:36px;border-radius:8px}.btn.btn-lg,button.btn-lg{padding:16px 32px;font-size:18px;min-height:56px;border-radius:16px}.btn.btn-icon,button.btn-icon{padding:12px;min-width:48px;min-height:48px;border-radius:12px;background:#f3f4f6;color:#6b7280}.btn.btn-icon:hover,button.btn-icon:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.btn.btn-icon.btn-primary,button.btn-icon.btn-primary{background:#3b82f61a;color:#3b82f6}.btn.btn-icon.btn-primary:hover,button.btn-icon.btn-primary:hover{background:#3b82f6;color:#fff}.btn.btn-icon.btn-danger,button.btn-icon.btn-danger{background:#ef44441a;color:#ef4444}.btn.btn-icon.btn-danger:hover,button.btn-icon.btn-danger:hover{background:#ef4444;color:#fff}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;transform:translateY(-2px)}.card .card-header{padding:24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.card .card-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:700}.card .card-body{padding:24px}.card .card-footer{padding:24px;border-top:1px solid #f3f4f6;background:#f9fafb}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em}.badge.badge-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge.badge-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.badge.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.badge.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.badge.badge-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 24px 0;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.modal-header h3{margin:0;color:#1f2937;font-size:24px;font-weight:700}.modal-body{padding:0 24px 24px}.btn-close{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.loading-container p{color:#6b7280;font-size:18px;margin-top:16px;font-weight:500}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:#1f2937}.text-secondary{color:#6b7280}.text-tertiary{color:#9ca3af}.bg-primary{background:#fff}.bg-secondary{background:#f9fafb}.border{border:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.rounded{border-radius:12px}.rounded-lg{border-radius:16px}.shadow{box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d}@media (max-width: 768px){.btn.btn-lg{padding:14px 24px;font-size:16px;min-height:48px}.modal-overlay{padding:16px}.modal-content{max-height:95vh;border-radius:16px}.card{border-radius:12px}.form-input,.form-textarea,.form-select{font-size:16px}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.main-content.main-content-no-nav{min-height:100vh}.box-card[data-v-a6606ebc]{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.box-card__header[data-v-a6606ebc]{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"color title" "tagid tagid";gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md)}.box-card__color[data-v-a6606ebc]{grid-area:color;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-primary)}.box-card__title[data-v-a6606ebc]{grid-area:title;margin:0;font-size:var(--font-size-text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.box-card__tagid[data-v-a6606ebc]{grid-area:tagid;font-family:Courier New,monospace;color:var(--color-text-secondary);background:var(--color-background-tertiary);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--component-border-radius);width:fit-content}.box-card__meta[data-v-a6606ebc]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.meta-chip[data-v-a6606ebc]{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-text-sm)}.meta-chip__icon[data-v-a6606ebc],.meta-chip__label[data-v-a6606ebc]{line-height:1}.home-view[data-v-3f38c8e2]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-background-primary)}.home-header[data-v-3f38c8e2]{margin-bottom:var(--spacing-xl)}.home-header .home-title[data-v-3f38c8e2]{font-size:var(--font-size-display-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.home-header .home-subtitle[data-v-3f38c8e2]{font-size:var(--font-size-text-lg);color:var(--color-text-secondary);max-width:500px}.home-content[data-v-3f38c8e2]{width:100%;max-width:1000px}.scan-instruction[data-v-3f38c8e2]{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border:2px dashed var(--color-border-primary);border-radius:var(--component-border-radius-lg);background:var(--color-background-secondary)}.scan-icon[data-v-3f38c8e2]{font-size:4rem;margin-bottom:var(--spacing-md)}.scan-instruction h2[data-v-3f38c8e2]{font-size:var(--font-size-text-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.scan-instruction p[data-v-3f38c8e2]{color:var(--color-text-secondary);line-height:var(--line-height-text-md)}.manual-entry[data-v-3f38c8e2]{text-align:center}.manual-entry h3[data-v-3f38c8e2]{font-size:var(--font-size-text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.tag-form[data-v-3f38c8e2]{display:flex;gap:var(--spacing-sm);max-width:400px;margin:0 auto}.tag-input[data-v-3f38c8e2]{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius);font-size:var(--font-size-text-md);font-family:Courier New,monospace}.tag-input[data-v-3f38c8e2]:focus{outline:none;border-color:var(--color-border-brand);box-shadow:0 0 0 2px var(--color-background-brand-primary)}.btn[data-v-3f38c8e2]{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--component-border-radius);font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-default) ease}.btn.btn-primary[data-v-3f38c8e2]{background:var(--color-background-brand-solid);color:var(--color-text-primary-on-brand)}.btn.btn-primary[data-v-3f38c8e2]:hover{background:var(--color-background-brand-solid-hover);transform:translateY(-1px)}.btn.btn-primary[data-v-3f38c8e2]:active{transform:translateY(0)}.btn.btn-secondary[data-v-3f38c8e2]{background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn.btn-secondary[data-v-3f38c8e2]:hover{background:var(--color-background-tertiary);border-color:var(--color-border-brand);transform:translateY(-1px)}.btn.btn-secondary[data-v-3f38c8e2]:active{transform:translateY(0)}.pokemon-section[data-v-3f38c8e2]{margin-bottom:var(--spacing-4xl)}.pokemon-section__header[data-v-3f38c8e2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.pokemon-section__header h2[data-v-3f38c8e2]{margin:0;font-size:var(--font-size-display-xs);color:var(--color-text-primary)}@media (max-width: var(--breakpoint-mobile)){.pokemon-section__header[data-v-3f38c8e2]{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.pokemon-preview .pokemon-card[data-v-3f38c8e2]{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xl);background:var(--color-background-secondary);border:2px solid var(--color-border-secondary);border-radius:var(--component-border-radius-lg);cursor:pointer;transition:var(--transition-default)}.pokemon-preview .pokemon-card[data-v-3f38c8e2]:hover{border-color:var(--color-border-brand);transform:translateY(-2px);box-shadow:var(--component-shadow-hover)}@media (max-width: var(--breakpoint-mobile)){.pokemon-preview .pokemon-card[data-v-3f38c8e2]{flex-direction:column;text-align:center;gap:var(--spacing-lg)}}.pokemon-preview .pokemon-card .pokemon-icon[data-v-3f38c8e2]{font-size:3rem;flex-shrink:0}.pokemon-preview .pokemon-card .pokemon-info[data-v-3f38c8e2]{flex:1}.pokemon-preview .pokemon-card .pokemon-info h3[data-v-3f38c8e2]{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.pokemon-preview .pokemon-card .pokemon-info p[data-v-3f38c8e2]{color:var(--color-text-secondary);margin:0;line-height:var(--line-height-text-md)}.pokemon-preview .pokemon-card .pokemon-arrow[data-v-3f38c8e2]{font-size:var(--font-size-text-xl);color:var(--color-text-brand-primary);font-weight:var(--font-weight-bold);flex-shrink:0;transition:var(--transition-default)}@media (max-width: var(--breakpoint-mobile)){.pokemon-preview .pokemon-card .pokemon-arrow[data-v-3f38c8e2]{transform:rotate(90deg)}}.pokemon-preview .pokemon-card:hover .pokemon-arrow[data-v-3f38c8e2]{transform:translate(4px)}@media (max-width: var(--breakpoint-mobile)){.pokemon-preview .pokemon-card:hover .pokemon-arrow[data-v-3f38c8e2]{transform:rotate(90deg) translate(4px)}}.boxes-section[data-v-3f38c8e2]{margin-top:var(--spacing-2xl)}.boxes-section__header[data-v-3f38c8e2]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.boxes-section__header h2[data-v-3f38c8e2]{margin:0;font-size:var(--font-size-display-xs);color:var(--color-text-primary)}.boxes-section__header .count[data-v-3f38c8e2]{background:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:2px 8px;border-radius:999px;font-size:var(--font-size-text-sm)}.boxes-grid[data-v-3f38c8e2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.boxes-grid--empty[data-v-3f38c8e2]{display:flex;align-items:center;justify-content:center;min-height:160px}.empty-state[data-v-3f38c8e2]{text-align:center;color:var(--color-text-secondary)}.empty-state .empty-icon[data-v-3f38c8e2]{font-size:40px;margin-bottom:var(--spacing-sm);opacity:.6}@media (max-width: 640px){.tag-form[data-v-3f38c8e2]{flex-direction:column}.home-title[data-v-3f38c8e2]{font-size:var(--font-size-display-lg)}}.error-container[data-v-81adf7f6]{text-align:center;padding:var(--spacing-lg)}.error-container .error-icon[data-v-81adf7f6]{font-size:2rem;margin-bottom:var(--spacing-md)}.error-container h4[data-v-81adf7f6]{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.error-container .error-message[data-v-81adf7f6]{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.edit-item-form .form-group[data-v-81adf7f6]{margin-bottom:var(--spacing-lg)}.edit-item-form .form-group .form-label[data-v-81adf7f6]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.edit-item-form .form-actions[data-v-81adf7f6]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}@media (max-width: 768px){.form-actions[data-v-81adf7f6]{flex-direction:column-reverse}.form-actions .btn[data-v-81adf7f6]{width:100%}}.modal-overlay[data-v-20e5a920]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-lg)}.modal-content[data-v-20e5a920]{background:var(--color-background-primary);border-radius:var(--component-border-radius-lg);box-shadow:var(--component-shadow-hover);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-20e5a920]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.modal-header h3[data-v-20e5a920]{margin:0;font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold)}.btn-close[data-v-20e5a920]{background:none;border:none;font-size:var(--font-size-text-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--component-border-radius);color:var(--color-text-secondary)}.btn-close[data-v-20e5a920]:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.modal-body[data-v-20e5a920]{padding:var(--spacing-lg)}.item-preview[data-v-20e5a920]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--component-border-radius)}.item-preview .item-photo[data-v-20e5a920]{width:60px;height:60px;border-radius:var(--component-border-radius);overflow:hidden;background:var(--color-background-quaternary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-preview .item-photo img[data-v-20e5a920]{width:100%;height:100%;object-fit:cover}.item-preview .item-info[data-v-20e5a920]{flex:1}.item-preview .item-info h4[data-v-20e5a920]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold)}.item-preview .item-info p[data-v-20e5a920]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-text-sm);color:var(--color-text-secondary)}.actions-list[data-v-20e5a920]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-btn[data-v-20e5a920]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius);background:var(--color-background-primary);cursor:pointer;transition:all var(--transition-default) ease;text-align:left;width:100%}.action-btn[data-v-20e5a920]:hover{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}.action-btn.action-danger[data-v-20e5a920]{color:var(--color-text-error-primary);border-color:var(--color-border-error)}.action-btn.action-danger[data-v-20e5a920]:hover{background:var(--color-background-error-primary)}.action-btn .action-icon[data-v-20e5a920]{font-size:var(--font-size-text-lg)}.action-btn .action-text[data-v-20e5a920]{font-weight:var(--font-weight-medium)}.form-group[data-v-20e5a920]{margin-bottom:var(--spacing-lg)}.form-group .form-label[data-v-20e5a920]{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.form-input[data-v-20e5a920],.form-textarea[data-v-20e5a920],.form-select[data-v-20e5a920]{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--component-border-radius);font-size:var(--font-size-text-md);background:var(--color-background-primary);color:var(--color-text-primary)}.form-input[data-v-20e5a920]:focus,.form-textarea[data-v-20e5a920]:focus,.form-select[data-v-20e5a920]:focus{outline:none;border-color:var(--color-border-brand);box-shadow:0 0 0 2px var(--color-background-brand-primary)}.form-textarea[data-v-20e5a920]{resize:vertical;min-height:80px}.form-actions[data-v-20e5a920]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.btn[data-v-20e5a920]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--component-border-radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-text-md);cursor:pointer;transition:all var(--transition-default) ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn[data-v-20e5a920]:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary[data-v-20e5a920]{background:var(--color-background-brand-solid);color:var(--color-text-primary-on-brand)}.btn.btn-primary[data-v-20e5a920]:hover:not(:disabled){background:var(--color-background-brand-solid-hover)}.btn.btn-secondary[data-v-20e5a920]{background:var(--color-background-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.btn.btn-secondary[data-v-20e5a920]:hover:not(:disabled){background:var(--color-background-secondary)}@media (max-width: 768px){.modal-overlay[data-v-20e5a920]{padding:var(--spacing-sm)}.modal-content[data-v-20e5a920]{max-height:95vh}.form-actions[data-v-20e5a920]{flex-direction:column-reverse}.form-actions .btn[data-v-20e5a920]{width:100%}}.item-card[data-v-54b90d8f]{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.item-card[data-v-54b90d8f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);opacity:0;transition:opacity .3s ease}.item-card[data-v-54b90d8f]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;border-color:#d1d5db}.item-card[data-v-54b90d8f]:hover:before{opacity:1}.item-card--has-photo:hover .item-photo[data-v-54b90d8f]{transform:scale(1.05)}.item-photo[data-v-54b90d8f]{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;transition:transform .3s ease;box-shadow:0 2px 8px #0000001a}.item-photo img[data-v-54b90d8f]{width:100%;height:100%;object-fit:cover}.item-photo-placeholder[data-v-54b90d8f]{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db}.item-photo-placeholder .placeholder-icon[data-v-54b90d8f]{font-size:24px;color:#9ca3af}.item-content[data-v-54b90d8f]{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.item-header[data-v-54b90d8f]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.item-name[data-v-54b90d8f]{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.3;flex:1;min-width:0;word-wrap:break-word}.qty-badge[data-v-54b90d8f]{display:inline-block;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;color:#1d4ed8;background:#e0e7ff;border-radius:9999px}.item-description[data-v-54b90d8f]{margin:0;color:#6b7280;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta[data-v-54b90d8f]{display:flex;align-items:center;gap:12px;margin-top:auto}.item-date[data-v-54b90d8f]{font-size:12px;color:#9ca3af;font-weight:500}@media (max-width: 768px){.item-card[data-v-54b90d8f]{padding:16px;gap:12px}.item-photo[data-v-54b90d8f]{width:60px;height:60px}.item-name[data-v-54b90d8f]{font-size:16px}.item-description[data-v-54b90d8f]{font-size:13px}.item-meta[data-v-54b90d8f]{flex-direction:column;align-items:flex-start;gap:8px}}.box-view[data-v-39a7baec]{min-height:100vh;background:var(--color-background-secondary);padding:var(--spacing-lg)}.back-button[data-v-39a7baec]{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-text-lg);font-weight:var(--font-weight-medium)}.loading-container[data-v-39a7baec]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loading-container .loading-spinner[data-v-39a7baec]{width:40px;height:40px;border:4px solid var(--color-border-secondary);border-top:4px solid var(--color-foreground-brand-primary);border-radius:50%;animation:spin-39a7baec 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-container p[data-v-39a7baec]{color:var(--color-text-secondary);font-size:var(--font-size-text-lg)}@keyframes spin-39a7baec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-39a7baec]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.error-container .error-icon[data-v-39a7baec]{font-size:4rem;margin-bottom:var(--spacing-md)}.error-container h2[data-v-39a7baec]{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.error-container .error-message[data-v-39a7baec]{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.error-container .error-actions[data-v-39a7baec]{display:flex;gap:var(--spacing-sm)}.box-content[data-v-39a7baec]{max-width:1200px;margin:0 auto}.box-header[data-v-39a7baec]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.box-header .box-title-section[data-v-39a7baec]{flex:1}.box-header .box-title-row[data-v-39a7baec]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.box-header .box-color-indicator[data-v-39a7baec]{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-primary);flex-shrink:0}.box-header .box-title[data-v-39a7baec]{font-size:var(--font-size-display-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.box-header .box-tag-id[data-v-39a7baec]{font-family:Courier New,monospace;color:var(--color-text-secondary);background:var(--color-background-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--component-border-radius);display:inline-block;margin-bottom:var(--spacing-sm)}.box-header .box-tags[data-v-39a7baec]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.box-header .box-actions[data-v-39a7baec]{display:flex;gap:var(--spacing-sm)}.box-metadata[data-v-39a7baec]{margin-bottom:var(--spacing-xl)}.box-metadata .metadata-grid[data-v-39a7baec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.box-metadata .metadata-grid .metadata-item.full-width[data-v-39a7baec]{grid-column:1/-1}.box-metadata .metadata-grid .metadata-item label[data-v-39a7baec]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.box-metadata .metadata-grid .metadata-item span[data-v-39a7baec]{color:var(--color-text-secondary)}.box-metadata .edit-actions[data-v-39a7baec]{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.box-contents .items-grid[data-v-39a7baec]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.box-contents .empty-contents[data-v-39a7baec]{text-align:center;padding:60px 20px}.box-contents .empty-contents .empty-icon[data-v-39a7baec]{font-size:48px;margin-bottom:16px;opacity:.5}.box-contents .empty-contents h4[data-v-39a7baec]{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.box-contents .empty-contents p[data-v-39a7baec]{color:#6b7280;font-size:16px;margin:0 0 24px;line-height:1.5}.tag[data-v-39a7baec]{display:inline-block;background:var(--color-background-tertiary);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--component-border-radius);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.tag-removable[data-v-39a7baec]{position:relative;padding-right:var(--spacing-lg)}.tag-remove[data-v-39a7baec]{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-text-sm);font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tag-remove[data-v-39a7baec]:hover{background:var(--color-background-quaternary);color:var(--color-text-primary)}.tags-display[data-v-39a7baec]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tags-display .no-tags[data-v-39a7baec]{color:var(--color-text-secondary);font-style:italic}.tags-edit .tags-input-container[data-v-39a7baec]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tags-edit .tags-list[data-v-39a7baec]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.color-preview[data-v-39a7baec]{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-primary);display:inline-block;vertical-align:middle;margin-right:var(--spacing-sm)}@media (max-width: 768px){.box-view[data-v-39a7baec]{padding:var(--spacing-md)}.box-header[data-v-39a7baec]{flex-direction:column;gap:var(--spacing-md);text-align:center}.box-header .box-actions[data-v-39a7baec]{width:100%;justify-content:center}.metadata-grid[data-v-39a7baec]{grid-template-columns:1fr}.item-card[data-v-39a7baec]{flex-direction:column;text-align:center}.item-card .item-photo[data-v-39a7baec],.item-card .item-photo-placeholder[data-v-39a7baec]{width:120px;height:120px;margin:0 auto}.items-grid[data-v-39a7baec]{grid-template-columns:1fr;gap:16px}.empty-contents[data-v-39a7baec]{padding:40px 16px}.empty-contents .empty-icon[data-v-39a7baec]{font-size:36px}.empty-contents h4[data-v-39a7baec]{font-size:18px}.empty-contents p[data-v-39a7baec]{font-size:14px}}