.layout-container[data-v-c31fbd2f]{display:flex;flex-direction:column}.tab-bar[data-v-c31fbd2f]{background:#e0e5ec;box-shadow:0 4px 15px #a3b1c680;padding:16px 24px;position:sticky;top:0;z-index:100}.tab-container[data-v-c31fbd2f]{border-radius:16px;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;gap:12px;margin:0 auto;max-width:600px;padding:8px}.tab-container[data-v-c31fbd2f],.tab-item[data-v-c31fbd2f]{background:#e0e5ec;display:flex}.tab-item[data-v-c31fbd2f]{align-items:center;border-radius:12px;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;color:#65717b;flex:1;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.tab-item[data-v-c31fbd2f]:hover{color:#3b82f6}.tab-item[data-v-c31fbd2f]:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}.tab-item.active[data-v-c31fbd2f]{background:linear-gradient(145deg,#d4d9e0,#eaeff6);box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;color:#3b82f6}.tab-icon[data-v-c31fbd2f]{font-size:1.25rem}.tab-name[data-v-c31fbd2f]{font-size:.875rem}.content-area[data-v-c31fbd2f]{flex:1;padding-bottom:24px}@media(max-width:480px){.tab-bar[data-v-c31fbd2f]{padding:12px 16px}.tab-item[data-v-c31fbd2f]{flex-direction:column;gap:4px;padding:10px 12px}.tab-name[data-v-c31fbd2f]{font-size:.75rem}}