@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.31.0/dist/tabler-icons.min.css";.sidebar[data-v-8de5382c]{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);z-index:100;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-brand[data-v-8de5382c]{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:20px 22px 16px;display:flex}.brand-icon[data-v-8de5382c]{font-size:22px}.brand-text[data-v-8de5382c]{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:.08em;font-size:20px;font-weight:600}.sidebar-nav[data-v-8de5382c]{flex:1;padding:12px 10px;overflow-y:auto}.nav-group-label[data-v-8de5382c]{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:18px 14px 6px;font-size:11px;font-weight:500}.nav-item[data-v-8de5382c]{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;width:100%;font-size:14px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.nav-item[data-v-8de5382c]:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.router-link-exact-active[data-v-8de5382c]{background:var(--color-primary-lighter);color:var(--color-primary-dark);font-weight:500}.nav-icon[data-v-8de5382c]{text-align:center;flex-shrink:0;width:20px;font-size:14px}.sidebar-footer[data-v-8de5382c]{border-top:1px solid var(--border-light);padding:10px}.nav-item-logout[data-v-8de5382c]{color:var(--text-muted);font-size:13px}.nav-item-logout[data-v-8de5382c]:hover{color:var(--color-danger)}.sidebar-overlay[data-v-8de5382c]{display:none}@media (width<=768px){.sidebar[data-v-8de5382c]{width:260px;transform:translate(-100%)}.sidebar-open[data-v-8de5382c]{transform:translate(0)}.sidebar-overlay[data-v-8de5382c]{background:var(--bg-overlay);z-index:99;display:block;position:fixed;inset:0}}.app-header[data-v-b30d1adc]{height:var(--header-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border-light);z-index:90;align-items:center;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.header-menu-btn[data-v-b30d1adc]{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:22px}.header-menu-btn[data-v-b30d1adc]:hover{background:var(--bg-hover)}.header-title[data-v-b30d1adc]{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:.06em;margin-left:12px;font-size:17px;font-weight:600}.header-spacer[data-v-b30d1adc]{flex:1}@media (width<=768px){.app-header[data-v-b30d1adc]{display:flex}}.app-layout[data-v-4771a8e2]{min-height:100vh}.main-content[data-v-4771a8e2]{margin-left:var(--sidebar-width);min-height:100vh;padding:32px 36px}@media (width<=768px){.main-content[data-v-4771a8e2]{margin-left:0;padding:72px 16px 24px}}.app-loading[data-v-c5c71662]{justify-content:center;align-items:center;min-height:100vh;display:flex}:root{--color-primary:#8b6914;--color-primary-light:#c4a44a;--color-primary-lighter:#f5edd6;--color-primary-dark:#6b5010;--bg-main:#faf8f3;--bg-card:#fff;--bg-sidebar:#f5f1ea;--bg-hover:#f0ebe1;--bg-active:#ebe4d5;--bg-overlay:#00000073;--text-primary:#2c2418;--text-secondary:#6b6256;--text-muted:#9e9589;--text-on-primary:#fff;--border-light:#e8e2d6;--border-medium:#d4cbb8;--border-strong:#b8ad98;--color-success:#4a8c5c;--color-success-bg:#edf5ef;--color-warning:#c4870a;--color-warning-bg:#fef6e6;--color-danger:#b83a3a;--color-danger-bg:#fceaea;--color-info:#3a6b8c;--color-info-bg:#e8f0f5;--shadow-sm:0 1px 3px #2c24180f;--shadow-md:0 2px 8px #2c241814;--shadow-lg:0 4px 16px #2c24181a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-width:240px;--header-height:56px;--font-display:"Noto Serif SC", serif;--font-body:"Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-main);line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}.btn{font-size:14px;font-family:var(--font-body);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:8px 18px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg)}.btn-sm{padding:5px 12px;font-size:13px}.btn-icon{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:6px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.input{width:100%;font-size:14px;font-family:var(--font-body);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:9px 14px}.input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #8b691414}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tag{color:var(--color-primary-dark);background:var(--color-primary-lighter);cursor:default;transition:all var(--transition-fast);border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.tag-removable{cursor:pointer}.tag-removable:hover{background:var(--color-primary-light);color:var(--text-on-primary)}.badge{border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.divider{background:var(--border-light);height:1px;margin:16px 0}.image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.image-grid-item{border-radius:var(--radius-md);cursor:pointer;background:var(--bg-hover);aspect-ratio:1;transition:transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.image-grid-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-grid-item img{object-fit:cover;width:100%;height:100%}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state-text{margin-bottom:20px;font-size:15px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:24px;font-weight:600}.spinner{border:2.5px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=768px){:root{--sidebar-width:0px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (width<=480px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}}